/* v18 independent product shell */
.side-nav-group{display:block;padding:13px 14px 6px;color:#8ea4c0;font-size:8px;font-weight:950;letter-spacing:.13em}
.sidebar{overflow-y:auto;scrollbar-width:thin}
.side-actions{position:sticky;bottom:0;background:var(--card);padding-top:12px}
.main,.content,.view,.page-head,.settings-grid,.stats-layout,.tools-grid{min-width:0}
.topbar{box-shadow:0 1px 0 var(--line)}
.page-title{display:flex;align-items:center;gap:8px}
.page-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(8,104,247,.09)}
#view-home .welcome h1{font-size:clamp(30px,3vw,44px)}
#view-home .welcome p{max-width:760px}
.mobile-more-sheet,.mobile-more-scrim{display:none}
@media(max-width:1180px) and (min-width:761px){
  .side-nav-group{font-size:0;padding:8px 0 4px}
  .side-nav-group:after{content:"";display:block;width:24px;height:1px;background:var(--line);margin:auto}
}
@media(max-width:760px){
  .mobile-bottom{grid-template-columns:repeat(5,1fr)!important}
  .mobile-more-toggle{display:grid!important}
  .mobile-more-icon{font-size:17px;font-weight:950;letter-spacing:1px;line-height:1}
  .mobile-more-scrim{
    display:block;position:fixed;inset:0;z-index:77;background:rgba(3,13,29,.48);
    opacity:0;pointer-events:none;transition:.2s ease
  }
  .mobile-more-scrim.open{opacity:1;pointer-events:auto}
  .mobile-more-sheet{
    display:block;position:fixed;z-index:78;left:8px;right:8px;bottom:8px;
    padding:9px 14px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line);
    border-radius:25px;background:var(--card);box-shadow:0 -22px 70px rgba(3,18,43,.26);
    transform:translateY(calc(100% + 24px));transition:.24s cubic-bezier(.2,.8,.2,1);
    max-height:min(78vh,620px);overflow:auto
  }
  .mobile-more-sheet.open{transform:translateY(0)}
  .mobile-more-handle{width:42px;height:4px;border-radius:99px;background:var(--line);margin:0 auto 10px}
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
  .mobile-more-head>div{display:grid;gap:2px}.mobile-more-head b{color:var(--navy);font-size:15px}.mobile-more-head span{color:var(--muted);font-size:9px}
  .mobile-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mobile-more-grid button{
    min-width:0;min-height:78px;padding:10px 5px;border:1px solid var(--line);border-radius:15px;
    background:var(--page);color:var(--ink);display:grid;justify-items:center;align-content:center;gap:7px;cursor:pointer
  }
  .mobile-more-grid svg{width:21px;height:21px;stroke-width:2;color:var(--blue)}
  .mobile-more-grid b{max-width:100%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-more-links{display:flex;justify-content:center;gap:17px;margin-top:14px}
  .mobile-more-links a{color:var(--muted);font-size:9px;text-decoration:none;font-weight:800}
  body.mobile-more-open{overflow:hidden}
  .mobile-bottom{padding-left:2px;padding-right:2px}
  .mobile-nav{min-width:0}
}
@media(max-width:360px){
  .mobile-more-grid{grid-template-columns:repeat(3,1fr)}
  .mobile-more-grid button{min-height:70px}
}

:root[data-theme="dark"] .side-actions{background:var(--card)}
@media(prefers-color-scheme:dark){
  :root[data-theme="system"] .side-actions{background:var(--card)}
}