/* Smartcoms shared shell (redesign r2) */
:root{--scs-w:232px;--scs-rail:68px;--scs-tab:58px;--scs-navy:#0b1626;--scs-navy2:#13223a;--scs-brand:#0b8fd6}
.scs-side{position:fixed;top:0;left:0;bottom:0;width:var(--scs-w);background:var(--scs-navy);color:#c9d5e6;display:flex;flex-direction:column;padding:16px 12px 12px;z-index:900;font:14px/1.4 Inter,"Segoe UI",Roboto,system-ui,sans-serif;transition:width .2s;box-sizing:border-box;overflow:hidden}
.scs-side *{box-sizing:border-box}
.scs-logo{display:flex;align-items:center;gap:10px;padding:2px 6px 14px;color:#fff!important;text-decoration:none!important}
.scs-logo img{width:34px;height:34px;border-radius:9px;object-fit:cover;flex:none}
.scs-logo b{display:block;font-size:14px;letter-spacing:.06em;color:#fff}.scs-logo small{display:block;color:#7f93ad;font-size:11px}
.scs-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin}
.scs-sec{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#5d7090;padding:12px 10px 5px;white-space:nowrap}
.scs-a{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:10px;background:none;color:#c9d5e6!important;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;text-decoration:none!important;position:relative;line-height:1.25}
.scs-a span{overflow:hidden;text-overflow:ellipsis}
.scs-a:hover{background:var(--scs-navy2);color:#fff!important}
.scs-a.on{background:linear-gradient(90deg,#0b8fd633,#0b8fd611);color:#fff!important;box-shadow:inset 3px 0 0 var(--scs-brand)}
.scs-i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}
.scs-badge{margin-left:auto;min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:#e11d48;color:#fff;font:700 11px/19px Inter,system-ui,sans-serif;font-style:normal;text-align:center}
.scs-alert .scs-i{color:#38bdf8}
.scs-foot{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid #1b2b44}
.scs-fold{color:#7f93ad!important;font-size:13px}
.scs-me{display:flex;gap:10px;align-items:center;padding:9px;border-radius:12px;background:var(--scs-navy2);min-width:0}
.scs-me b{display:block;color:#fff;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scs-me small{display:block;color:#7f93ad;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scs-me div{min-width:0}
.scs-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--scs-brand);color:#fff;font-weight:700;font-size:12px;flex:none}
.scs-tabbar{display:none}
.scs-toasts{position:fixed;right:18px;bottom:18px;z-index:2100;display:flex;flex-direction:column;gap:8px;max-width:340px}
.scs-toast{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid #dbe5f1;background:#fff;color:#0f1b2d;border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(15,27,45,.18);cursor:pointer;font:13px/1.35 Inter,system-ui,sans-serif;animation:scs-in .25s ease;transition:opacity .4s,transform .4s}
.scs-toast .scs-i{color:var(--scs-brand);margin-top:1px}.scs-toast b{display:block;margin-bottom:2px}.scs-toast span{color:#6b7a90;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scs-toast.out{opacity:0;transform:translateY(8px)}
@keyframes scs-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (min-width:701px){
  html.scs-on body{padding-left:var(--scs-w)!important;transition:padding-left .2s}
  html.scs-on.scs-rail body{padding-left:var(--scs-rail)!important}
  html.scs-rail .scs-side{width:var(--scs-rail);padding:14px 10px 10px;overflow:visible}
  html.scs-rail .scs-nav{overflow:visible}
  html.scs-rail .scs-logo div,html.scs-rail .scs-a span,html.scs-rail .scs-sec,html.scs-rail .scs-me div{display:none}
  html.scs-rail .scs-sec{display:block;height:10px;padding:0;font-size:0}
  html.scs-rail .scs-logo{justify-content:center;padding:2px 0 14px}
  html.scs-rail .scs-a{justify-content:center;padding:8px 0}
  html.scs-rail .scs-me{justify-content:center;padding:6px;background:none}
  html.scs-rail .scs-fold .scs-i{transform:rotate(180deg)}
  html.scs-rail .scs-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;line-height:17px;padding:0 4px;font-size:10px}
  html.scs-rail .scs-a:hover::after{content:attr(data-t);position:absolute;left:54px;top:50%;transform:translateY(-50%);background:#0f1d33;color:#fff;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.35);pointer-events:none;z-index:5}
}
@media (max-width:700px){
  html.scs-on body{padding-bottom:calc(var(--scs-tab) + env(safe-area-inset-bottom))!important}
  .scs-side{transform:translateX(-105%);transition:transform .22s;width:min(84vw,300px);z-index:1100;box-shadow:0 0 0 100vmax rgba(5,12,22,0);padding-top:calc(16px + env(safe-area-inset-top))}
  html.scs-drawer .scs-side{transform:none;box-shadow:0 0 0 100vmax rgba(5,12,22,.45)}
  .scs-fold{display:none!important}
  html.scs-on .scs-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:950;background:#fff;border-top:1px solid #e4e9f2;padding:4px 4px calc(4px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -4px 16px rgba(15,27,45,.06)}
  .scs-tabbar .scs-a{flex:1;flex-direction:column;gap:2px;min-height:50px;padding:6px 2px;justify-content:center;align-items:center;font-size:10.5px;font-weight:600;color:#6b7a90!important;text-align:center;background:none!important;box-shadow:none!important}
  .scs-tabbar .scs-a span{max-width:100%;white-space:nowrap}
  .scs-tabbar .scs-a.on{color:var(--scs-brand)!important}
  .scs-tabbar .scs-i{width:22px;height:22px}
  .scs-tabbar .scs-badge{position:absolute;top:2px;left:calc(50% + 4px);margin:0;min-width:17px;height:17px;line-height:17px;font-size:10px;padding:0 4px}
  .scs-toasts{left:12px;right:12px;bottom:auto;top:calc(12px + env(safe-area-inset-top));max-width:none}
}
html[data-theme='dark'] .scs-tabbar, html.dark .scs-tabbar{background:#0f1b2b;border-top-color:#1e2d42}
/* r3 */
:root{--scs-cur:var(--scs-w)}html.scs-rail{--scs-cur:var(--scs-rail)}
button.scs-me{width:100%;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
button.scs-me:hover{background:#1a2c48}
.scs-av{position:relative}
.scs-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--scs-navy);flex:none}
.scs-av .scs-dot{position:absolute;right:-2px;bottom:-2px}
.scs-stmenu{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding:6px;border-radius:12px;background:var(--scs-navy2)}
.scs-stmenu button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#c9d5e6;font:inherit;font-size:13px;padding:7px 8px;border-radius:8px;cursor:pointer;text-align:left}
.scs-stmenu button:hover,.scs-stmenu button.on{background:#20365a;color:#fff}
.scs-a.scs-muted .scs-i{opacity:.6}
html.scs-rail .scs-stmenu{position:absolute;left:64px;bottom:10px;min-width:150px;z-index:5;box-shadow:0 8px 24px rgba(0,0,0,.35)}