/* SHAUX sidebar - Concept C: 60px navy rail + label panel. Loaded last; skins do not restyle it. */
:root{--sd-w:304px;--sd-rail:60px;--sdp-bg:#fff;--sdp-line:#e9ecf1;--sdp-ink:#334155;--sdp-mut:#94a3b8;--sdp-ic:#64748b;--sdp-hov:#f4f6f9;--sdp-soft:#f6f7f9;
 --sdp-act:#16224f;--sdp-act-ink:#fff;--sdp-green:#2fd391;--sdp-pro:#0a8f5a;--sdp-pro-bg:#e7f7ef;--sdr-bg:#0d1530;--sdr-ic:#7d88a8;--sdr-on:#1a2550}
html[data-theme=dark]{--sdp-bg:#0e1426;--sdp-line:#1f2842;--sdp-ink:#d5dcea;--sdp-mut:#7c88a6;--sdp-ic:#97a3c0;--sdp-hov:#172036;--sdp-soft:#151d33;
 --sdp-act:#24357a;--sdp-pro:#4ade9b;--sdp-pro-bg:rgba(47,211,145,.13);--sdr-bg:#080d1d;--sdr-on:#1a2550}
body.sd-col{--sd-w:var(--sd-rail)}
.sh{grid-template-columns:var(--sd-w) minmax(0,1fr)}
.sd{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:row;z-index:40;background:var(--sdp-bg);border-right:1px solid var(--sdp-line);color:var(--sdp-ink);
 font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13.5px;line-height:1.4}
.sd svg{width:17px;height:17px;flex:none}
/* rail */
.sd-rail{width:var(--sd-rail);flex:none;background:var(--sdr-bg);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0}
.sd-rmark{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px}.sd-rmark img{width:34px;height:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}
.sd-ri{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--sdr-ic);background:none;border:0;cursor:pointer;padding:0;transition:background .15s,color .15s}
.sd-ri svg{width:20px;height:20px}.sd-ri:hover{background:rgba(255,255,255,.07);color:#dbe2f3}.sd-ri.on{background:var(--sdr-on);color:var(--sdp-green)}
.sd-ri:focus-visible,.sd-rav:focus-visible{outline:2px solid var(--sdp-green);outline-offset:2px}
.sd-sp{flex:1}
.sd-tog svg{transition:transform .2s}body.sd-col .sd-tog svg{transform:rotate(180deg)}
.sd-rav{width:32px;height:32px;border-radius:50%;background:var(--sdp-green);color:#0d1530!important;font-size:11px;font-weight:700;display:grid;place-items:center;text-decoration:none!important;margin-top:4px}
/* panel */
.sd-panel{flex:1;min-width:0;display:flex;flex-direction:column;padding:14px 10px 12px;overflow-y:auto;scrollbar-width:thin}
body.sd-col .sd-panel{display:none}
.sd-brand{display:flex;align-items:center;padding:6px 8px 14px;text-decoration:none!important}
.sd-wm{height:20px;width:auto}.sd-wm-d{display:none}html[data-theme=dark] .sd-wm-l{display:none}html[data-theme=dark] .sd-wm-d{display:block}
.sd-ws-slot:empty{display:none}.sd-ws-slot{position:relative;margin:0 0 8px}
.sd-ws-slot .tb-ws{max-width:none;width:100%;flex:none}
.sd-ws-slot .ws-btn{width:100%;max-width:none;min-width:0;border:0;background:none;border-radius:9px;padding:6px 8px}.sd-ws-slot .ws-btn:hover{background:var(--sdp-hov)}
.sd-ws-slot .ct-meta{display:none}.sd-ws-slot .ws-pop{width:300px;left:0}
.sd-srch{display:flex;align-items:center;gap:8px;padding:0 8px 0 10px;height:34px;border-radius:8px;background:var(--sdp-soft);color:var(--sdp-mut);margin-bottom:12px;cursor:text}
.sd-srch svg{width:15px;height:15px}.sd-srch input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:13px;color:var(--sdp-ink);padding:0}
.sd-srch input:focus,.sd-srch input:focus-visible{outline:0!important;box-shadow:none!important;border:0!important;background:none!important}
.sd-srch input::placeholder{color:var(--sdp-mut)}.sd-srch input::-webkit-search-cancel-button{display:none}
.sd-srch:focus-within{box-shadow:0 0 0 2px var(--sdp-green)}
.sd-srch kbd{font:600 10.5px Inter,sans-serif;padding:1px 5px;border-radius:4px;background:var(--sdp-bg);color:var(--sdp-ic);border:1px solid var(--sdp-line)}
.sd-nav{flex:none;overflow:visible;display:block;margin:0 -4px;padding:0 4px;scrollbar-width:thin}
.sd-grp{margin-bottom:14px;scroll-margin-top:4px}
.sd-h{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sdp-mut);padding:0 10px 5px;margin:0}
.sd-nav a{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 10px;border-radius:7px;color:var(--sdp-ink);font-weight:500;text-decoration:none!important;transition:background .12s}
.sd-nav a svg{color:var(--sdp-ic)}.sd-nav a:hover{background:var(--sdp-hov)}
.sd-nav a.on{background:var(--sdp-act);color:var(--sdp-act-ink);font-weight:600}.sd-nav a.on svg{color:var(--sdp-green)}
.sd-nav a:focus-visible{outline:2px solid var(--sdp-green);outline-offset:-2px}
.sd-lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-pro{font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 5px;border-radius:4px;color:var(--sdp-pro);background:var(--sdp-pro-bg)}
.sd-nav a.on .sd-pro{background:rgba(255,255,255,.14);color:#c7f5df}
.sd-pro[hidden]{display:none}
.sd-sub{display:block;margin:2px 0 4px 18px;padding-left:8px;border-left:1px solid var(--sdp-line)}
.sd-sub a{min-height:28px;font-size:12.5px;color:var(--sdp-ic);padding:0 10px;font-weight:500}
.sd-sub a.on{background:none;color:var(--sdp-ink);font-weight:600}
.sd-adm-grp{margin-top:12px}.sd-adm-grp .sd-h{color:#c084fc}
.sd-hide{display:none!important}
.sd-none{font-size:12.5px;color:var(--sdp-mut);padding:4px 10px}
/* footer */
.sd-foot{margin-top:auto;padding-top:10px;display:grid;gap:6px}
.sd-install{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sdp-line);background:none;color:var(--sdp-ink);font:inherit;font-weight:600;font-size:13px;border-radius:9px;padding:7px;cursor:pointer}
.sd-install:hover{background:var(--sdp-hov)}
.sd-up{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:var(--sdp-soft);color:var(--sdp-act)!important;text-decoration:none!important}
html[data-theme=dark] .sd-up{color:var(--sdp-ink)!important}
.sd-up svg{color:#0ea86a}.sd-up b{display:block;font-size:13px}.sd-up small{display:none}.sd-up:hover{filter:brightness(.97)}
.sd-up[hidden]{display:none}.sd-up.on{box-shadow:inset 0 0 0 1.5px var(--sdp-green)}
.sd-user{display:flex;gap:10px;align-items:center;padding:8px 8px 2px;border-top:1px solid var(--sdp-line);margin-top:2px}
.sd-uav{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;background:var(--sdp-act);color:#fff}
.sd-un{min-width:0}.sd-un b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-un small{display:block;font-size:11.5px;color:var(--sdp-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-ulinks{display:flex;gap:14px;margin:0;padding:0 8px 0 48px;font-size:12px}
.sd-ulinks a,.sd-ulinks button{color:var(--sdp-ic);font:inherit;font-weight:600;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.sd-ulinks a:hover,.sd-ulinks button:hover{color:var(--sdp-ink);text-decoration:underline}
.sd-credit{font-size:10.5px;color:var(--sdp-mut);margin:4px 0 0;padding:0 8px}
@media (pointer:coarse){.sd-nav a{min-height:36px}}
/* drawer <=860 */
@media (max-width:860px){
 .sh{grid-template-columns:1fr}
 .sd{position:fixed;left:0;top:0;bottom:0;height:auto;width:min(320px,88vw);transform:translateX(-102%);transition:transform .22s ease;box-shadow:0 20px 60px rgba(0,0,0,.3);border-right:0}
 body.sd-open .sd{transform:none}
 .sd{z-index:60}.sd-scrim{z-index:55}
 body.sd-col .sd-panel{display:flex}
 .sd-tog{display:none}
 .sd-rail{padding-top:calc(14px + var(--safe-t,0px));padding-bottom:calc(14px + var(--safe-b,0px))}
 .sd-panel{padding-top:calc(14px + var(--safe-t,0px));padding-bottom:calc(12px + var(--safe-b,0px))}
 .sd-srch kbd{display:none}
 .sd-nav a{min-height:40px}
}
@media print{.sd{display:none!important}}

.sd-site{font-size:11.5px;color:var(--sdp-mut)!important;text-decoration:none!important;padding:0 10px}.sd-site:hover{color:var(--sdp-ink)!important}
body.sd-col .sd-site{display:none}