/* A shared account surface, rendered via the native header extension point. */
.sc-site .header .navbar-collapse > .navbar-form:has(> .list-inline.splitters),
.sc-site .header .navbar-but .hover-show:has(> .payvip-icon) { display:none; }
.sc-site .header .navbar-but { margin-right:0; }
.sc-site .header .navbar-form:has(> .sc-header-tools) { margin:0; padding:0; }
.sc-header-tools { display:flex; align-items:center; gap:16px; min-height:68px; color:#dbe1e9; font-size:12px; }
.sc-header-tools svg { width:18px; height:18px; fill:none; flex-shrink:0; vertical-align:middle; }
.sc-header-tools .sc-header-search { display:flex; align-items:center; gap:7px; padding:8px 0; color:#aeb8c6; }
.sc-header-disclosure > summary { list-style:none; cursor:pointer; }
.sc-header-disclosure > summary::-webkit-details-marker { display:none; }
.sc-header-search-menu { position:relative; }
.sc-header-search-panel { position:absolute; top:calc(100% + 17px); right:0; width:340px; max-width:calc(100vw - 28px); z-index:1100; padding:20px; border:1px solid #3b4451; border-radius:8px; background:#1d2229; box-shadow:0 16px 40px #0004; }
.sc-header-search-heading { display:block; font-size:12px; font-weight:500; color:var(--sc-text); margin-bottom:12px; }
.sc-header-search-query { display:flex; gap:8px; }
.sc-header-search-scopes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0; margin:0 0 12px; padding:3px; border:1px solid var(--sc-line); border-radius:7px; background:var(--sc-bg); }
.sc-header-search-scopes label { position:relative; display:block; margin:0; cursor:pointer; font-size:12px; font-weight:400; }
.sc-header-search-scopes input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.sc-header-search-scopes label span { display:block; padding:7px 10px; border:1px solid transparent; border-radius:4px; color:var(--sc-muted); text-align:center; line-height:1.5; }
.sc-header-search-scopes label:hover span { color:var(--sc-text); }
.sc-header-search-scopes input:checked+span { color:var(--sc-text); background:var(--sc-raised); border-color:var(--sc-line); font-weight:600; }
.sc-header-search-scopes input:focus-visible+span { outline:2px solid var(--sc-accent); outline-offset:1px; }
.sc-site .sc-header-search-panel input[type="search"] { min-width:0; width:100%; border:1px solid var(--sc-line); border-radius:4px; background:var(--sc-bg)!important; color:var(--sc-text); font-size:12px; padding:9px 10px; }
.sc-header-search-panel button { border:0; border-radius:4px; background:#b5c9e9; color:#182232; padding:9px 13px; font-size:12px; flex-shrink:0; }
.sc-header-native { display:flex; align-items:center; gap:12px; padding-right:16px; border-right:1px solid #363d46; }
.sc-header-native:empty { display:none; }
.sc-header-native > * { margin:0!important; }
.sc-header-native .toggle-radius { border-radius:5px; background:transparent; box-shadow:none; width:30px; height:32px; line-height:32px; color:#aeb8c6; }
.sc-header-native .toggle-radius:hover { background:#2a3039; color:#edf1f7; }
.sc-header-native svg { fill:currentColor; }
.sc-header-tools .sc-header-membership { display:flex; align-items:center; gap:12px; border:1px solid #505968; border-radius:5px; padding:8px 12px; color:#dae1ec; line-height:18px; }
.sc-header-tools .sc-header-membership:hover { background:#2a3039; border-color:#7b8ba3; color:#fff; }
.sc-header-membership svg { width:15px; height:15px; }
.sc-account-menu { position:relative; }
.sc-account-menu > summary { display:flex; align-items:center; gap:8px; padding:8px 0 8px 3px; cursor:pointer; list-style:none; min-height:38px; color:#dbe1e9; white-space:nowrap; }
.sc-account-menu > summary::-webkit-details-marker { display:none; }
.sc-account-menu > summary > svg:last-child { width:13px; height:13px; color:#909dad; transition:transform .15s; }
.sc-account-menu[open] > summary > svg:last-child { transform:rotate(180deg); }
.sc-account-menu > summary:hover { color:#fff; }
.sc-header-tools :is(a,button,summary):focus-visible { outline:2px solid #a7bde6!important; outline-offset:4px; border-radius:4px; }
.sc-account-panel { position:absolute; top:calc(100% + 14px); right:0; z-index:1100; width:324px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 96px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--sc-line) transparent; padding:20px; border:1px solid #3b4451; border-radius:14px; background:#1d2229; color:#e9eef5; box-shadow:0 18px 48px #0004; text-align:left; line-height:1.6; }
.sc-account-welcome { margin-bottom:20px; }
.sc-account-welcome strong { display:block; font-size:19px; font-weight:600; letter-spacing:.02em; }
.sc-account-welcome p { font-size:12px; color:#9eabba; margin:7px 0 0; }
.sc-account-panel .sc-account-signin, .sc-account-panel .sc-account-signup { display:flex; align-items:center; justify-content:center; gap:12px; min-height:42px; border-radius:5px; font-size:13px; }
.sc-site .header .sc-account-panel .sc-account-signin { background:#b5c9e9; color:#182232!important; font-weight:600; }
.sc-site .header .sc-account-panel .sc-account-signin:hover { background:#c7d7ee; color:#182232!important; }
.sc-account-panel .sc-account-signup { border:1px solid #444f5e; color:#d2dbe7; margin-top:10px; background:transparent; }
.sc-account-panel .sc-account-signup:hover { background:#29313c; color:#fff; }
.sc-account-assistance { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid #333d49; margin-top:20px; padding-top:15px; font-size:11px; }
.sc-account-assistance a { color:#a8b5c6; display:flex; align-items:center; gap:5px; }
.sc-account-assistance svg { width:13px; height:13px; }
.sc-account-social { margin-top:18px; padding-top:15px; border-top:1px solid #333d49; color:#9eabba; font-size:11px; }
.sc-account-social .social_loginbar { margin-top:10px; }
/* Native identity, membership and actions in a compact account menu. */
.sc-account-panel .sub-user-box { width:auto; padding:0; }
.sc-account-panel.is-signed-in .user-info { padding:2px 0 17px; border:0; }
.sc-account-panel .user-info .avatar-img { width:46px; height:46px; border:1px solid var(--sc-line); border-radius:50%; }
.sc-account-panel .user-info b { font-size:15px; font-weight:600; }
.sc-account-panel .user-info .px12 { font-size:10px; color:var(--sc-muted); margin-top:4px; }
.sc-account-panel .user-right { min-width:0; margin-left:12px; }
.sc-account-panel .user-right > .flex1 { max-width:100%!important; }
.sc-account-panel .user-info :is(.msg-news-icon,.medal-icon) { display:none; }
.sc-account-panel .user-info .user-auth-icon svg { width:13px; height:13px; fill:currentColor; }
.sc-account-panel .user-info .sc-level-label { font:10px/1.6 Bahnschrift,"Segoe UI",sans-serif; color:var(--sc-muted); background:var(--sc-raised); border-radius:4px; padding:0 4px; margin-left:5px; }
.sc-account-panel .sc-account-membership { margin:0!important; padding:0!important; }
.sc-account-panel .payvip-icon { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:40px; padding:10px 12px; background:var(--sc-raised)!important; color:var(--sc-text)!important; border:1px solid var(--sc-line); border-radius:8px; text-align:left; font-size:12px; line-height:1.5; }
.sc-account-panel .payvip-icon > svg, .sc-account-panel .payvip-icon > img, .sc-account-panel .vip-expdate-tag svg { display:none; }
.sc-account-panel .payvip-icon::before, .sc-account-panel .payvip-icon::after { display:none; }
.sc-account-panel .vip-expdate-tag { margin-left:auto; background:transparent!important; color:var(--sc-accent)!important; padding:0; font-size:10px; font-weight:400; white-space:nowrap; }
.sc-account-panel .sc-account-checkin { padding:0!important; margin-top:8px; }
.sc-account-panel .sc-account-checkin>.but { padding:8px 10px; border:1px solid var(--sc-line); border-radius:7px; color:var(--sc-muted); background:transparent; line-height:1.6; font-size:11px; }
.sc-account-panel .sc-account-checkin>.but:hover { background:var(--sc-raised); color:var(--sc-text); }
.sc-account-panel .muted-box { background:var(--sc-raised); border:1px solid var(--sc-line); padding:10px 12px; }
.sc-account-panel .muted-box .font-bold { color:var(--sc-text); font:500 18px/1.4 Bahnschrift,"Segoe UI",sans-serif; }
.sc-account-panel .muted-box svg { display:none; }
.sc-account-panel .author-tag { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:0; padding:16px 0; margin:0; border-bottom:1px solid var(--sc-line); }
.sc-account-panel .author-tag>* { display:flex; flex-direction:column; justify-content:center; gap:3px; min-width:0; padding:0 2px; margin:0; background:none; border:0; border-radius:0; color:var(--sc-muted); text-align:center; line-height:1.5; }
.sc-account-panel .author-tag>*+* { border-left:1px solid var(--sc-line); }
.sc-account-panel .author-tag>*>:is(svg,i) { display:none; }
.sc-account-panel .sc-account-stat-value { font:500 13px/1.5 Bahnschrift,"Segoe UI",sans-serif; color:var(--sc-text); white-space:nowrap; }
.sc-account-panel .author-tag .sc-account-stat-label { font-size:10px; color:var(--sc-muted); }
.sc-account-panel .sub-user-box>.relative.opacity5 { display:none; }
.sc-account-panel .sc-account-navigation { margin-top:13px; text-align:left; }
.sc-account-panel .sc-account-section-label { padding:0 9px 7px; color:var(--sc-muted); font-size:10px; letter-spacing:.04em; }
.sc-account-panel .header-user-href { display:grid; grid-template-columns:1fr; gap:2px; text-align:left; }
.sc-account-panel .header-user-href>a,.sc-account-panel .sc-account-session>a { display:flex; align-items:center; gap:11px; min-height:39px; padding:9px; margin:0; border-radius:7px; font-size:12px; color:var(--sc-text); line-height:1.5; }
.sc-account-panel .sc-account-primary>a::after { content:'›'; margin-left:auto; color:var(--sc-muted); font-size:17px; line-height:1; }
.sc-account-panel .header-user-href>a:hover,.sc-account-panel .sc-account-session>a:hover { background:var(--sc-raised); }
.sc-account-panel :is(.header-user-href,.sc-account-session)>a>div { color:inherit!important; }
.sc-account-panel :is(.header-user-href,.sc-account-session) .badg { display:grid; place-items:center; flex:0 0 18px; width:18px; height:18px; margin:0; padding:0; background:none; box-shadow:none; color:var(--sc-muted)!important; border-radius:0; line-height:1; font-size:14px; }
.sc-account-panel :is(.header-user-href,.sc-account-session) .badg svg { width:17px; height:17px; fill:currentColor; }
.sc-account-admin { border-top:1px solid var(--sc-line); margin-top:9px; padding-top:6px; }
.sc-account-admin>summary { display:flex; align-items:center; justify-content:space-between; padding:9px; color:var(--sc-muted); list-style:none; cursor:pointer; font-size:11px; }
.sc-account-admin>summary::-webkit-details-marker { display:none; }
.sc-account-admin>summary::after { content:''; width:6px; height:6px; border:solid currentColor; border-width:0 1px 1px 0; transform:rotate(45deg); margin-right:3px; }
.sc-account-admin[open]>summary::after { transform:rotate(225deg); }
.sc-account-admin .header-user-href { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:4px; }
.sc-account-admin .header-user-href>a { gap:7px; font-size:11px; padding:9px 7px; }
.sc-account-panel .sc-account-session { border-top:1px solid var(--sc-line); margin-top:7px; padding-top:6px; }
.sc-account-panel .sc-account-session>a { color:var(--sc-muted); font-size:11px; }
.sc-account-panel .author-tag:empty { display:none; }
@media(max-width:1100px) { .sc-header-tools { gap:10px; font-size:11px; } .sc-header-native { padding-right:10px; gap:8px; } .sc-header-search span { display:none; } }
@media(prefers-reduced-motion:reduce) { .sc-account-menu > summary > svg:last-child { transition:none; } }