.quota-block{border-top:1px solid var(--line);padding:18px 0}.quota-grid,.flag-grid,.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quota-grid span{display:flex;justify-content:space-between;font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.quota-grid small{color:var(--muted)}.flag{padding:18px;border:1px solid var(--line);border-radius:12px}.flag small{display:block;color:var(--muted);margin-top:8px}.toggle{width:42px;height:24px;border:0;border-radius:20px;background:#cbd1dc;padding:3px;cursor:pointer}.toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:var(--green)}.toggle.on i{transform:translateX(18px)}.settings-card{max-width:850px}.form-grid{grid-template-columns:1fr 1fr}.form-grid label{font-size:var(--font-caption-size);color:var(--muted);line-height:var(--font-caption-line)}.form-grid input,.form-grid select,#note-tenant{display:block;width:100%;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;margin-top:6px;background:white}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.setting-row p{margin:3px 0;color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line)}@media(max-width:700px){.quota-grid,.flag-grid,.form-grid{grid-template-columns:1fr}}

/* Keep the control-plane navigation compact without exposing the native white Windows scrollbar. */
.sidebar{height:100dvh;overflow:hidden;padding-bottom:14px}.sidebar nav{min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3d465d transparent;padding-right:3px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#3d465d;border-radius:999px}.sidebar nav::-webkit-scrollbar-button{display:none}.sidebar .nav-label{padding-top:14px;padding-bottom:5px}.sidebar .nav-item{padding-top:8px;padding-bottom:8px}.sidebar .profile{flex:0 0 auto;background:var(--nav);position:relative;z-index:2}
@media(min-height:900px){.sidebar .nav-label{padding-top:12px}.sidebar .nav-item{padding-top:7px;padding-bottom:7px}}

/* Shared semantic palette: every module inherits the same platform colors. */
:root{--blue:var(--color-primary);--green:#10a779;--amber:#d99820;--red:#e54858;--nav:var(--color-surface);--nav2:var(--color-surface-raised);--bg:var(--color-page-bg);--card:var(--color-surface-raised);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border)}
.brandmark{background:var(--blue)}
.nav-item.active{background:var(--color-surface-selected);color:var(--color-accent-text);box-shadow:inset 3px 0 var(--color-primary-border-strong)}
.metric-icon{background:var(--color-icon-primary-soft);color:var(--color-icon-primary)}
.bar{background:linear-gradient(180deg,#8b91ff 0%,var(--blue) 100%)}
.progress i{background:var(--blue)}
.primary{background:var(--blue)}
.primary:hover{background:var(--color-primary)}
.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,textarea:focus{border-color:var(--blue);outline:3px solid color-mix(in srgb, var(--color-primary) 10%, transparent)}
.sidebar{left:0;max-width:100vw;overflow-x:hidden}.sidebar>*{max-width:100%}.sidebar nav{overflow-x:hidden}.brand,.profile{margin-left:0;transform:none}.nav-item{max-width:100%;overflow:hidden}.nav-item .ico{flex:0 0 18px;color:var(--color-icon-muted)}.nav-item:not(.active){color:var(--color-text-muted)}.nav-item:not(:disabled):hover .ico{color:var(--color-icon-hover)}.nav-item.active .ico,.nav-item[aria-current="page"] .ico{color:var(--color-icon-selected)}
.progress i[style*="#ec5262"]{background:var(--red)!important}.progress i[style*="#e6a023"]{background:var(--amber)!important}.progress i[style*="var(--color-primary)"]{background:var(--blue)!important}
.donut{background:conic-gradient(var(--green) 0 72%,var(--blue) 72% 88%,var(--amber) 88% 96%,var(--red) 96%)}
.status{background:#e8f8f2;color:#087d5a}.status.DEGRADED,.status.WARNING,.status.PAST_DUE{background:#fff5df;color:#a86d00}.status.DOWN,.status.SUSPENDED,.status.LOCKED,.status.FAILED,.status.CRITICAL,.status.REFUNDED{background:#ffedef;color:#bd3344}.status.TRIAL,.status.MAINTENANCE,.status.PENDING{background:var(--color-primary-soft);color:var(--color-primary)}

/* Theme switch */
.theme-moon{display:none}:root[data-theme="dark"] .theme-sun{display:none}:root[data-theme="dark"] .theme-moon{display:inline}.theme-sun,.theme-moon{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}
:root[data-theme="dark"]{color-scheme:dark;--bg:var(--color-page-bg);--card:var(--color-surface-raised);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border);--nav:var(--color-surface);--nav2:var(--color-surface-raised)}
:root[data-theme="dark"] body{background:var(--bg);color:var(--text)}
:root[data-theme="dark"] header,:root[data-theme="dark"] .card,:root[data-theme="dark"] .metric,:root[data-theme="dark"] .toolbar,:root[data-theme="dark"] .icon-btn,:root[data-theme="dark"] #range,:root[data-theme="dark"] .secondary,:root[data-theme="dark"] .pagination button{background:var(--card);color:var(--text);border-color:var(--line)}
:root[data-theme="dark"] th{background:var(--color-table-header-bg);color:var(--color-text-muted);border-color:var(--color-surface-border)}
:root[data-theme="dark"] td,:root[data-theme="dark"] .service-row,:root[data-theme="dark"] .setting-row,:root[data-theme="dark"] .quota-block{border-color:var(--line)}
:root[data-theme="dark"] tr:hover td{background:#1a2236}
:root[data-theme="dark"] .toolbar input,:root[data-theme="dark"] .toolbar select,:root[data-theme="dark"] .form-grid input,:root[data-theme="dark"] .form-grid select,:root[data-theme="dark"] #note-tenant,:root[data-theme="dark"] textarea{background:var(--color-control-bg);color:var(--color-text);border-color:var(--color-control-border)}
:root[data-theme="dark"] .metric-icon{background:var(--color-icon-primary-soft);color:var(--color-icon-primary)}
:root[data-theme="dark"] .chart{border-color:var(--line);background:repeating-linear-gradient(to bottom,transparent,transparent 54px,#273047 55px)}
:root[data-theme="dark"] .donut:after{background:var(--card)}
:root[data-theme="dark"] .progress{background:#2a3348}
:root[data-theme="dark"] .flag,:root[data-theme="dark"] .alert{border-color:var(--line);background:#121a2b}
:root[data-theme="dark"] dialog{background:var(--card);color:var(--text)}
:root[data-theme="dark"] dialog::backdrop{background:#020617c7}
:root[data-theme="dark"] .sidebar{background:var(--nav)}
:root[data-theme="dark"] .profile{background:var(--nav)}

/* Sidebar follows the selected theme instead of staying permanently dark. */
:root[data-theme="light"] .sidebar{background:var(--color-surface);color:var(--color-text);border-right:1px solid var(--color-surface-border)}
:root[data-theme="light"] .sidebar .brand small,:root[data-theme="light"] .sidebar .profile small{color:#758198}
:root[data-theme="light"] .sidebar .nav-label{color:#8b95a8}
:root[data-theme="light"] .sidebar .nav-item{color:var(--color-text-muted)}
:root[data-theme="light"] .sidebar .nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}
:root[data-theme="light"] .sidebar .nav-item.active{background:var(--color-surface-selected);color:var(--color-accent-text);box-shadow:inset 3px 0 var(--color-primary-border-strong)}
:root[data-theme="light"] .sidebar .profile{background:#fff;border-color:var(--line)}
:root[data-theme="light"] .sidebar nav{scrollbar-color:#cbd2df transparent}
:root[data-theme="light"] .sidebar nav::-webkit-scrollbar-thumb{background:#cbd2df}
:root[data-theme="dark"] .sidebar{border-right:1px solid #1d2638}
:root[data-theme="dark"] .sidebar .nav-item{color:var(--color-text-muted)}
:root[data-theme="dark"] .sidebar .nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}
:root[data-theme="dark"] .sidebar .nav-item.active{background:var(--color-surface-selected);color:var(--color-accent-text)}