/* One scoped header stylesheet shared by the portal and independent service. */
.site-header[data-shared-header] {
  --nav-bg:#0a0e15; --nav-heading:#f3f0e8; --nav-muted:#929cae;
  --nav-accent:#d4b57f; --nav-border:#29313f;
  box-sizing:border-box; width:100%; max-width:1504px; margin:0 auto;
  padding:27px 48px; display:flex; align-items:center; justify-content:space-between;
  flex-direction:row; flex-wrap:wrap; gap:22px; border:0; border-bottom:1px solid var(--nav-border);
  background:var(--nav-bg); color:var(--nav-heading); position:relative;
  font:15px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;
}
html[data-theme="light"] .site-header[data-shared-header] {
  --nav-bg:#f6f4ef; --nav-heading:#1d2735; --nav-muted:#697386;
  --nav-accent:#88632d; --nav-border:#ddd6ca;
}
.site-header[data-shared-header] * { box-sizing:border-box; }
.site-header[data-shared-header] .brand { display:flex; align-items:center; gap:12px; flex-shrink:0; min-width:0; text-decoration:none; }
.site-header[data-shared-header] .seal { display:flex; align-items:center; justify-content:center; width:47px; height:47px; border:1px solid var(--nav-border); border-radius:4px; background:transparent; color:var(--nav-accent); font-family:inherit; font-size:25px; font-weight:800; line-height:1; box-shadow:none; transform:none; }
.site-header[data-shared-header] .brand:hover .seal { border-color:var(--nav-accent); transform:none; }
.site-header[data-shared-header] .seal span { color:var(--nav-accent); }
.site-header[data-shared-header] .brand-text { display:flex; flex-direction:column; }
.site-header[data-shared-header] .site-name { color:var(--nav-heading); font-size:22px; font-weight:650; letter-spacing:.18em; }
.site-header[data-shared-header] .site-sub { color:var(--nav-muted); font:8px/1.5 "SFMono-Regular",Consolas,"Liberation Mono",monospace; letter-spacing:.2em; margin-top:2px; }
.site-header[data-shared-header] .site-nav { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin:0; font:inherit; }
.site-header[data-shared-header] .site-nav a { position:relative; color:var(--nav-muted); text-decoration:none; font-size:12px; font-weight:400; letter-spacing:0; white-space:nowrap; padding:7px 0; }
.site-header[data-shared-header] .site-nav a:hover { color:var(--nav-accent); }
.site-header[data-shared-header] .site-nav a.active { color:var(--nav-heading); }
.site-header[data-shared-header] .site-nav a.active::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--nav-accent); opacity:1; }
.site-header[data-shared-header] .site-nav [data-nav="login"] { border:1px solid var(--nav-accent); border-radius:3px; color:var(--nav-accent); padding:8px 20px; }
.site-header[data-shared-header] #theme-toggle { width:32px; height:32px; padding:0; border:1px solid var(--nav-border); border-radius:9px; color:var(--nav-muted); background:transparent; cursor:pointer; font-family:inherit; font-size:16px; line-height:1; }
.site-header[data-shared-header] :focus-visible { outline:2px solid var(--nav-accent); outline-offset:5px; }
.site-header[data-shared-header] { z-index:30; }
.site-header[data-shared-header] .site-account { position:relative; }
.site-header[data-shared-header] .site-account summary { display:flex; align-items:center; gap:9px; cursor:pointer; list-style:none; color:var(--nav-heading); font-size:13px; padding:4px 0; }
.site-header[data-shared-header] .site-account summary::-webkit-details-marker { display:none; }
.site-header[data-shared-header] .site-avatar { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border:1px solid var(--nav-accent); background:var(--nav-bg); color:var(--nav-accent); border-radius:50%; font-size:15px; font-weight:650; }
.site-header[data-shared-header] .site-account-name { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.site-header[data-shared-header] .site-account-chevron { color:var(--nav-muted); }
.site-header[data-shared-header] .site-account-menu { position:absolute; right:0; top:calc(100% + 10px); width:190px; padding:8px; border:1px solid var(--nav-border); border-radius:10px; background:var(--nav-bg); box-shadow:0 15px 40px rgba(0,0,0,.2); z-index:35; }
.site-header[data-shared-header] .site-account-menu a { display:block; padding:10px 12px; border-radius:5px; color:var(--nav-heading); font-size:13px; }
.site-header[data-shared-header] .site-account-menu a:hover,.site-header[data-shared-header] .site-account-menu a.active { background:var(--nav-border); color:var(--nav-accent); }
.site-header[data-shared-header] .site-account-menu a.active::after { display:none; }
.site-header[data-shared-header] .site-account-menu [data-nav="logout"] { border-top:1px solid var(--nav-border); margin-top:5px; border-radius:0; color:var(--nav-muted); }
.site-header[data-shared-header] .site-account.menu-align-start .site-account-menu { right:auto; left:0; }
@media(max-width:600px){.site-header[data-shared-header] .site-account-name{max-width:110px}.site-header[data-shared-header] .site-account-menu{max-width:calc(100vw - 40px)}}
@media(max-width:1100px) { .site-header[data-shared-header] { justify-content:center; padding:24px 32px; } .site-header[data-shared-header] .site-nav { justify-content:center; gap:15px; } }
@media(max-width:760px) { .site-header[data-shared-header] { padding:22px 20px; gap:18px; } .site-header[data-shared-header] .site-name { font-size:20px; } .site-header[data-shared-header] .site-nav { gap:10px 15px; } }
@media(max-width:600px) { .site-header[data-shared-header] { flex-direction:column; align-items:flex-start; } }
@media(max-width:390px) { .site-header[data-shared-header] .site-nav { gap:9px 13px; } }