/* One website navigation component shared by account.html and /admin/. */
:root {
  --website-shell-width:100%;--website-sidebar-width:220px;--website-header-height:84px;--website-content-inset:38px;
  --website-nav-color:#776e78;--website-nav-accent:#c72a34;
  --website-nav-selected:#fff0f2;--website-nav-hover:#faf6f7;--website-nav-line:#ece9ed;
}
/* Keep the same available width on short and long pages. */
html {overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:auto}
body.signed-in .account-layout {max-width:var(--website-shell-width);grid-template-columns:var(--website-sidebar-width) minmax(0,1fr)}
/* Match the former revenue workspace: use the available window, not a narrow centered canvas. */
@media(min-width:761px){body.signed-in>header.masthead{padding-inline:36px}body.signed-in>footer{max-width:var(--website-shell-width)}}
@media(max-width:1000px){:root{--website-sidebar-width:190px;--website-content-inset:25px}}
@media(min-width:761px){body.signed-in .account-sidebar{height:calc(100dvh - var(--website-header-height));min-height:0;overflow-y:auto}body.signed-in .account-sidebar,.website-account-shell>.sidebar{scrollbar-gutter:stable;scrollbar-width:auto}}
.account-sidebar nav {align-items:stretch}
.account-sidebar nav .website-management-links {
  display:grid;width:100%;gap:7px;margin-top:17px;padding:17px 0 0;border-top:1px solid var(--website-nav-line);
}
.account-sidebar nav .website-management-links[hidden] {display:none}
.account-sidebar nav a,.sidebar .website-personal-nav a,body .sidebar #navigation .nav-button {
  box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;
  width:100%;min-width:0;min-height:47px;margin:0;padding:12px;gap:12px;
  border:0;border-radius:9px;background:transparent;color:var(--website-nav-color);
  font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
  font-size:13px;font-weight:400;line-height:23px;text-align:left;text-decoration:none;box-shadow:none;
}
.account-sidebar nav a:hover,.sidebar .website-personal-nav a:hover,body .sidebar #navigation .nav-button:hover:not(:disabled) {
  color:var(--website-nav-accent);background:var(--website-nav-hover);box-shadow:none;
}
.account-sidebar nav a[aria-current=page],body .sidebar #navigation .nav-button[aria-current=page],body .sidebar #navigation .nav-button[aria-current=page]:hover:not(:disabled) {
  color:var(--website-nav-accent);background:var(--website-nav-selected);font-weight:650;box-shadow:none;
}
.account-sidebar nav a:focus-visible,.sidebar .website-personal-nav a:focus-visible,body .sidebar #navigation .nav-button:focus-visible {
  outline:2px solid var(--website-nav-accent);outline-offset:-2px;
}
.account-sidebar nav a>span,.sidebar .website-personal-nav a>span {width:20px;flex:0 0 20px;font-size:21px;line-height:1;text-align:center}
.website-management-links svg,body .sidebar #navigation .icon {
  width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
body .sidebar #navigation .nav-button small {background:var(--website-nav-selected);color:var(--website-nav-accent);line-height:16px}
@media(max-width:760px){
  :root{--website-header-height:74px;--website-content-inset:20px}
  body.signed-in .account-layout{grid-template-columns:minmax(0,1fr)}
  .account-sidebar nav {align-items:center}
  .account-sidebar nav .website-management-links {display:flex;width:auto;flex:none;margin:0 0 0 8px;padding:0 0 0 12px;border-top:0;border-left:1px solid var(--website-nav-line);gap:5px}
  .account-sidebar nav .website-management-links[hidden] {display:none}
  .account-sidebar nav a,.sidebar .website-personal-nav a,body .sidebar #navigation .nav-button {
    width:144px;min-width:144px;flex:none;font-size:13px;min-height:47px;padding:12px;gap:12px;white-space:nowrap;
  }
}