/* Full-width workspace with a horizontal, independently scrollable menu. */
.usage-row{grid-template-columns:minmax(0,1fr) auto!important}
.usage-row .roll-hint{grid-column:1/-1}
.shell{display:block;min-height:100dvh}
.sidebar{position:sticky;inset:auto;top:0;width:100%;padding:16px 32px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;transform:none;z-index:20;box-shadow:0 3px 12px #102b3012}
.sidebar .brand{grid-column:1;grid-row:1;margin:0;font-size:18px;white-space:nowrap}
.sidebar .brand-mark{flex-shrink:0}
.sidebar .nav-caption{display:none}
.sidebar .nav{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;gap:6px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#5a7b72 transparent}
.sidebar .nav button{flex:0 0 auto;white-space:nowrap;gap:8px;padding:10px 16px;min-height:44px}
.sidebar .nav-foot{grid-column:2;grid-row:1;display:flex;align-items:center;gap:14px;margin:0;padding:0;min-width:0}
.sidebar .local-badge{margin:0;white-space:nowrap}
.sidebar .tenant-box{border:0;padding:0;text-align:right;font-size:11px}
.sidebar .tenant-box strong{margin:0}
.workspace{grid-column:auto;width:100%;min-width:0}
.topbar{position:static;height:64px;padding:0 32px}
.mobile-nav-toggle,.mobile-shade,.shell.nav-open .mobile-shade{display:none}
.shell.nav-open .sidebar{transform:none}
.main{width:100%;padding:28px 32px 80px}
.sidebar .nav button[data-id="products"]{border:1px solid #b7d88c;background:#294e45;color:#efffdb;font-weight:700}
@media(max-width:820px){
 .sidebar{padding:12px 16px 0;gap:10px}
 .sidebar .brand{font-size:16px}
 .sidebar .nav-foot .local-badge{display:none}
 .sidebar .tenant-box{font-size:0;max-width:180px}
 .sidebar .tenant-box strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .sidebar .nav{gap:4px;padding-bottom:10px}
 .sidebar .nav button{font-size:13px;padding:9px 12px}
 .sidebar .nav-icon{font-size:15px;width:17px}
 .topbar{height:58px;padding:0 16px}
 .main{padding:20px 16px 88px}
}
@media(max-width:420px){.sidebar .tenant-box{max-width:120px}.sidebar .brand-mark{width:30px;height:30px}.sidebar .brand{gap:8px}}