.mw-account-filters{padding:16px 20px;border-block:1px solid var(--xs-border);background:var(--xs-surface)}
.mw-account-filters>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--xs-text)}
.mw-account-filters>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mw-account-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--xs-muted);font-size:13px}
.mw-account-filters :is(input,select){width:100%;min-height:44px;padding:10px 12px;border-radius:var(--xs-radius-sm);border:1px solid var(--xs-border);background:var(--xs-bg);color:var(--xs-text);font:inherit}
@media(max-width:900px){.mw-account-filters>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mw-account-filters{padding:12px}.mw-account-filters>div{grid-template-columns:1fr}}
/* Permission editor: scoped cards share the application theme and form tokens. */
#u-radius-policy.xs-permissions{padding:20px;min-width:0;direction:rtl}
#u-radius-policy :is(h3,legend){color:var(--xs-text);font-weight:700}
#u-radius-policy h3{font-size:18px;margin:0 0 12px}
#u-radius-policy p{color:var(--xs-muted);font-size:13px;line-height:1.8;margin:8px 0 14px}
#u-radius-policy fieldset{min-width:0;margin:0}
#u-radius-policy .xs-permission-scope{border:0;padding:0;display:grid;gap:16px}
#u-radius-policy label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;text-align:start;margin:0;padding:10px 12px;min-height:44px;line-height:1.7;color:var(--xs-text);font-size:14px;cursor:pointer;overflow-wrap:anywhere;border:1px solid transparent;border-radius:var(--xs-radius-sm)}
#u-radius-policy label:has(input:checked){background:color-mix(in srgb,var(--xs-primary) 8%,var(--xs-surface));border-color:color-mix(in srgb,var(--xs-primary) 24%,var(--xs-border))}
#u-radius-policy label:hover{background:var(--xs-subtle)}
#u-radius-policy input[type=checkbox]{appearance:auto;flex:0 0 18px;width:18px!important;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--xs-primary);cursor:pointer}
#u-radius-policy label:has(input:disabled){opacity:.6;cursor:default}
#u-radius-policy .xs-scope-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-content:start;gap:8px;max-height:260px;overflow:auto;padding:8px;background:var(--xs-bg);border:1px solid var(--xs-border);border-radius:var(--xs-radius-sm);scrollbar-gutter:stable}
#u-radius-policy .xs-scope-list label{background:var(--xs-surface);border-color:var(--xs-border)}
#u-radius-policy .xs-profile-scope{padding:16px;border:1px solid var(--xs-border);border-radius:var(--xs-radius);background:var(--xs-surface)}
#u-radius-policy legend{padding:0 8px;font-size:15px}
#u-radius-policy input[type=search]{width:100%;min-height:44px;border:1px solid var(--xs-border);border-radius:var(--xs-radius-sm);background:var(--xs-bg);color:var(--xs-text);padding:10px 14px}
#u-radius-policy .xs-scope-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#u-radius-policy .xs-grant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:16px;margin-top:16px}
#u-radius-policy .xs-grant-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--xs-border);border-radius:var(--xs-radius);background:var(--xs-surface);box-shadow:var(--xs-shadow)}
#u-radius-policy label{font-weight:500}
#u-radius-policy .xs-grant-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start}
.xs-permission-details{margin:16px 0;padding:14px;border:1px solid var(--xs-border);border-radius:var(--xs-radius);background:var(--xs-bg);color:var(--xs-text)}
.xs-permission-details>summary{cursor:pointer;font-weight:700;min-height:32px;line-height:2;font-size:15px}
#u-radius-policy [hidden]{display:none!important}
@media(max-width:600px){#u-radius-policy.xs-permissions{padding:12px}#u-radius-policy .xs-profile-scope{padding:10px}#u-radius-policy .xs-grant-grid{grid-template-columns:1fr;gap:12px}#u-radius-policy .xs-scope-actions>.btn{flex:1;padding:8px}#u-radius-policy .xs-scope-list{grid-template-columns:1fr}.xs-permission-details{padding:10px}}
/* XS Manager Design System. Tokens + shared component adapters.
   Legacy variable names are intentional compatibility aliases, not a new theme. */
@font-face{font-family:XSTajawal;src:url('../fonts/tajawal/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:XSTajawal;src:url('../fonts/tajawal/Tajawal-Medium.ttf') format('truetype');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:XSTajawal;src:url('../fonts/tajawal/Tajawal-Bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:XSDigits;src:url('../fonts/tajawal/XS-Latin-Digits-Regular.ttf') format('truetype');font-weight:400;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:XSDigits;src:url('../fonts/tajawal/XS-Latin-Digits-Medium.ttf') format('truetype');font-weight:500 600;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:XSDigits;src:url('../fonts/tajawal/XS-Latin-Digits-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
.db-workspace [hidden]{display:none!important}
.xs-data-workspace [hidden],.xs-subscriber [hidden]{display:none!important}
:root,html[data-theme="light"]{
 --xs-bg:#F5F8FC;--xs-surface:#fff;--xs-raised:#fff;--xs-subtle:#eef3fa;--xs-sidebar:#fff;
 --xs-text:#102039;--xs-muted:#64748B;--xs-border:#E3EAF3;--xs-primary:#2878F8;--xs-link:#185ac5;--xs-cyan:#06B6D4;
 --xs-success:#10B981;--xs-warning:#F59E0B;--xs-danger:#EF4444;
 --xs-success-ink:#087f5b;--xs-warning-ink:#956000;--xs-danger-ink:#c52d37;
 --xs-success-bg:#e7f8f1;--xs-warning-bg:#fff5df;--xs-danger-bg:#ffedf0;
 --xs-shadow:0 4px 20px rgb(16 32 57 / 4%);--xs-overlay:rgb(8 21 37 / 48%);
 --xs-space-1:4px;--xs-space-2:8px;--xs-space-3:12px;--xs-space-4:16px;--xs-space-6:24px;--xs-space-8:32px;
 --xs-radius:14px;--xs-radius-sm:10px;--xs-header:64px;--xs-nav:235px;
 --xs-font:'XSDigits','XSTajawal',Tahoma,Arial,sans-serif;
 --bg:var(--xs-bg);--s1:var(--xs-surface);--s2:var(--xs-subtle);--card:var(--xs-surface);--bdr:var(--xs-border);
 --pri:var(--xs-text);--sec:var(--xs-muted);--mut:var(--xs-muted);--blue:var(--xs-primary);--bluel:var(--xs-link);--accent:var(--xs-primary);
 --green:var(--xs-success-ink);--amber:var(--xs-warning-ink);--red:var(--xs-danger-ink);--backdrop-bg:var(--xs-overlay);--row-hover:var(--xs-subtle);
 color-scheme:light;
}
html[data-theme="dark"]{
 --xs-bg:#081525;--xs-surface:#10243B;--xs-raised:#12283F;--xs-subtle:#162e47;--xs-sidebar:#0B1C30;
 --xs-text:#EAF3FF;--xs-muted:#A7B9CD;--xs-border:#233B54;--xs-primary:#4C91FF;--xs-link:#85b5ff;--xs-cyan:#22D3EE;
 --xs-success:#10B981;--xs-warning:#F59E0B;--xs-danger:#EF4444;
 --xs-success-ink:#49d8ad;--xs-warning-ink:#ffd078;--xs-danger-ink:#ff929a;
 --xs-success-bg:#123d37;--xs-warning-bg:#3c3020;--xs-danger-bg:#412735;
 --xs-shadow:0 4px 20px rgb(0 0 0 / 10%);--xs-overlay:rgb(0 8 20 / 72%);color-scheme:dark;
}
html,body{font-family:var(--xs-font);background:var(--xs-bg);color:var(--xs-text);font-variant-numeric:lining-nums tabular-nums}
body{font-size:14px;line-height:1.6}
#workspace-shell :is(button,input,select,textarea),.sn-flyout button{font-family:var(--xs-font)}
h1,h2,h3,h4,b,strong{font-weight:700}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}
input:is([type=number],[type=date],[type=time],[type=datetime-local],[inputmode=decimal],[inputmode=numeric]){direction:ltr!important;font-family:'XSDigits',Arial,sans-serif!important;font-variant-numeric:lining-nums tabular-nums;unicode-bidi:isolate;-webkit-locale:"en"}
input::-webkit-datetime-edit{font-family:'XSDigits',Arial,sans-serif}
.nc-page .active,.nc-page [aria-selected=true]{background:var(--xs-primary)!important;color:var(--xs-text)!important}.nc-page .nc-unread-total{background:var(--xs-subtle);color:var(--xs-link)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--xs-primary);outline-offset:3px}
bdi,[dir="ltr"],.ux-technical,[data-technical]{unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.xs-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.xs-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Login uses the same identity; authentication fields and handlers are unchanged. */
#login-page{min-height:100dvh;padding:32px 20px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--xs-primary) 12%,transparent),transparent 65%),var(--xs-bg)}
#login-page .login-card{max-width:440px;padding:36px;border-radius:20px;background:var(--xs-surface);border:1px solid var(--xs-border);box-shadow:var(--xs-shadow)}
.xs-login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 32px;color:var(--xs-text)}
.xs-login-brand>b{font-family:Arial,sans-serif;font-size:40px;font-style:italic;letter-spacing:-4px;color:var(--xs-primary)}
.xs-login-brand>span{font:700 24px Arial,sans-serif}.xs-login-brand small{display:block;font:400 9px Arial,sans-serif;color:var(--xs-muted);margin-top:6px}
#login-page .login-title{font-size:25px;font-weight:700;margin:0 0 8px}#login-page .login-sub{font-size:14px;margin-bottom:28px;color:var(--xs-muted)}
#login-page .fg{margin-bottom:20px}#login-page .fg label{font-size:14px;color:var(--xs-text);margin-bottom:8px}
#login-page .fg input{height:48px;background:var(--xs-bg);border:1px solid var(--xs-border);border-radius:10px;padding:12px 14px;direction:ltr;text-align:start}
#login-page .fg small{display:block;font-size:12px;color:var(--xs-muted);line-height:1.7;margin-top:6px}
#login-page .pw-wrap input{padding-left:48px;padding-right:14px}#login-page .pw-eye{width:44px;height:44px;font-size:0;color:var(--xs-muted)}
#login-page .pw-eye::after{content:'';display:block;width:20px;height:20px;margin:auto;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
#login-page #login-btn{min-height:48px;border-radius:10px;font-size:15px;font-weight:700}#login-page #login-err{background:var(--xs-danger-bg);color:var(--xs-danger-ink);border-color:var(--xs-danger);line-height:1.7}
.xs-login-footer{text-align:center;color:var(--xs-muted);font-size:11px;margin:24px 0 0}
@media(max-width:480px){#login-page{padding:20px 16px}#login-page .login-card{padding:28px 22px}.xs-login-brand{margin-bottom:24px}}
/* Shared primitives: existing event handlers and permission gates stay intact. */
.btn,.xs-button{min-height:40px;border-radius:var(--xs-radius-sm);padding:9px 16px;gap:8px;font-weight:700;box-shadow:none;transition:background .15s,border-color .15s}
.btn-primary{background:var(--xs-primary);color:#fff}.btn-primary:hover{filter:brightness(.95);opacity:1}
body :is(.us-form,.mw-form,.fin-form,.fd-filters) .btn-primary{background:var(--xs-primary);color:#fff;border-color:transparent}
html[data-theme="dark"] .btn-primary{color:#071728}
.btn-outline,.xs-button{background:var(--xs-surface);border:1px solid var(--xs-border);color:var(--xs-text)}
.btn-danger{background:var(--xs-danger-bg);color:var(--xs-danger-ink);border:1px solid color-mix(in srgb,var(--xs-danger) 25%,var(--xs-border))}
.btn-success{background:var(--xs-success-bg);color:var(--xs-success-ink)}
.btn:disabled{opacity:.55;cursor:not-allowed}
:where(.fg,.mw-form,.us-form,.fin-form,.xs-form) :is(input,select,textarea){min-height:44px;border:1px solid var(--xs-border);border-radius:var(--xs-radius-sm);background:var(--xs-subtle);color:var(--xs-text);padding:10px 12px;max-width:100%}
:where(.fg,.mw-form,.us-form,.fin-form,.xs-form) input:is([type=checkbox],[type=radio]){min-height:20px;width:20px;accent-color:var(--xs-primary)}
input::placeholder,textarea::placeholder{color:var(--xs-muted);opacity:1}
:is(.mw-card,.fin-card,.nw-card,.db-card,.stat-card,.radius-page,.xs-card){background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:var(--xs-radius);box-shadow:var(--xs-shadow);color:var(--xs-text)}
:is(.mw-badge,.nw-badge,.xs-badge){border-radius:8px;font-size:12px;line-height:1.6;padding:4px 9px;font-weight:600}
:is(.mw-badge,.nw-badge).good,.xs-badge[data-tone=success]{background:var(--xs-success-bg);color:var(--xs-success-ink)}
:is(.mw-badge,.nw-badge).bad,.xs-badge[data-tone=danger]{background:var(--xs-danger-bg);color:var(--xs-danger-ink)}
.xs-badge[data-tone=warning]{background:var(--xs-warning-bg);color:var(--xs-warning-ink)}
:is(.mw-table,.nw-table,.us-table,.xs-table){border-collapse:separate;border-spacing:0;width:100%;color:var(--xs-text)}
:is(.mw-table,.nw-table,.us-table,.xs-table) th{background:var(--xs-subtle);color:var(--xs-muted);font-weight:600}
:is(.mw-table,.nw-table,.us-table,.xs-table) :is(td,th){padding:12px 16px;border-bottom:1px solid var(--xs-border)}
:is(.mw-tabs,.nw-tabs,.us-tabs,.xs-tabs){display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;min-width:0;max-width:100%;border-bottom:1px solid var(--xs-border);scrollbar-width:thin}
:is(.mw-tabs,.nw-tabs,.us-tabs,.xs-tabs)>button{flex:0 0 auto;white-space:nowrap;min-height:44px;border-radius:8px 8px 0 0}
:is(.us-dialog,.fin-dialog,.mw-dialog,.sn-appearance,.xs-dialog){background:var(--xs-surface);color:var(--xs-text);border:1px solid var(--xs-border);border-radius:16px;box-shadow:0 24px 80px rgb(0 0 0 / 20%);max-width:calc(100vw - 32px)}
dialog::backdrop{background:var(--xs-overlay)}
:is(.us-dialog,.fin-dialog,.mw-dialog,.xs-dialog)>header{padding:16px 24px;background:var(--xs-surface);border-bottom:1px solid var(--xs-border)}
.xs-state{display:grid;justify-items:center;gap:12px;padding:32px 24px;text-align:center;border:1px solid var(--xs-border);border-radius:var(--xs-radius);background:var(--xs-surface);color:var(--xs-muted)}
.xs-state strong{color:var(--xs-text)}.xs-state[data-state=error]{border-color:var(--xs-danger);color:var(--xs-danger)}
.xs-skeleton{height:16px;border-radius:8px;background:var(--xs-subtle);animation:xs-pulse 1.5s ease-in-out infinite}
@keyframes xs-pulse{50%{opacity:.45}}
/* App shell, independent of the content module mounted inside it. */
#topbar{min-height:var(--xs-header);height:auto;padding:10px 27px;gap:16px;background:var(--xs-surface);border-bottom:1px solid var(--xs-border);box-shadow:none;position:sticky;top:0;z-index:190;flex-wrap:nowrap}
.xs-header-context{display:flex;align-items:center;gap:12px;min-width:0;font-size:11px;color:var(--xs-muted)}
.xs-context-label{white-space:nowrap}.xs-context-label span{padding-inline-start:10px;color:var(--xs-border)}
.xs-header-context #tbar-tenant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}
.xs-mobile-brand{display:none;font-family:Arial,sans-serif;font-weight:700;color:var(--xs-text);white-space:nowrap}.xs-mobile-brand b{font-style:italic;color:#159dff;font-size:24px;letter-spacing:-3px;margin-right:5px}
.xs-sidebar-identity{padding:24px 15px 12px;flex:none}
.xs-wordmark{display:flex;align-items:center;justify-content:center;gap:13px;color:#fff;min-height:40px;margin-bottom:24px;font-family:Arial,sans-serif}
.xs-wordmark>b{font-size:34px;font-style:italic;letter-spacing:-5px;color:#159dff;line-height:1;padding-right:4px}
.xs-wordmark strong{font-size:19px;line-height:1.2;display:block}.xs-wordmark small{font-size:8px;color:#8ca7c8;display:block;margin-top:5px}
.xs-company-card{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px;border:1px solid #ffffff15;border-radius:13px;background:#ffffff08;color:#fff}
.xs-company-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;background:#2878f8;border-radius:9px;font:bold 18px Arial,sans-serif}
.xs-company-card>div{min-width:0}.xs-company-name{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xs-company-card small{font-size:10px;color:#96afcb}
#topbar .logo{width:38px;height:38px;border-radius:10px;overflow:hidden;flex-shrink:0}#topbar .logo img{width:100%;height:100%;object-fit:cover}
#topbar .tbar-name{font-size:18px;font-weight:800;white-space:nowrap;color:var(--xs-text)}#topbar .tbar-sub{font-size:11px;color:var(--xs-muted)}
#topbar .tbar-right{margin-inline-start:auto;gap:12px;flex:0 0 auto;align-items:center}
#topbar :is(.btn-icon,.notification-bell){background:transparent;border:1px solid transparent;border-radius:10px;min-width:44px;min-height:44px;width:44px;height:44px;color:var(--xs-muted);display:inline-flex;align-items:center;justify-content:center;padding:8px}
#topbar :is(.btn-icon,.notification-bell):hover{background:var(--xs-subtle);color:var(--xs-primary)}
#topbar .xs-search{display:flex;align-items:center;gap:12px;margin-inline-start:8px;max-width:355px;flex:1;min-width:44px;background:var(--xs-bg);color:var(--xs-muted);border:1px solid var(--xs-border);border-radius:10px;padding:8px 14px;height:38px;text-align:start;font-size:12px}
.xs-search kbd{margin-inline-start:auto;font:11px sans-serif;opacity:.7}
.xs-user-menu{position:relative}.xs-user-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:44px;color:var(--xs-text);font-size:12px}.xs-user-menu>summary::-webkit-details-marker{display:none}
.xs-user-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(140deg,#c4e0ff,#76a8ec);color:#185ac5;border:0;font-size:17px;font-weight:700}
.xs-user-popover{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:250px;display:grid;gap:8px;padding:16px;border:1px solid var(--xs-border);background:var(--xs-raised);border-radius:14px;box-shadow:var(--xs-shadow);z-index:210}
#topbar .xs-user-popover :is(.tbar-user,.about-top-btn,.app-version-btn){display:flex;justify-content:center;margin:0}
.xs-user-popover label{font-size:12px;color:var(--xs-muted)}.xs-user-popover select{width:100%;border-radius:8px;min-height:40px;padding:8px;background:var(--xs-subtle);color:var(--xs-text);border:1px solid var(--xs-border)}
#workspace-shell.sn-shell{gap:0;min-height:calc(100dvh - var(--xs-header))}
#workspace-shell.sn-shell .workspace-sidebar{background:linear-gradient(160deg,#0d305a,#0b1d32);border-inline-end:1px solid #ffffff0a;box-shadow:none;color:#b9cce1}
#local-update-banner{box-sizing:border-box;min-width:0;gap:12px;padding:12px 24px;background:var(--xs-subtle);border-bottom:1px solid var(--xs-border)}
#local-update-banner .local-update-banner-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;overflow-wrap:anywhere}
#local-update-banner .local-update-banner-action{flex:none;white-space:nowrap}
@media(min-width:768px){
 body:has(#workspace-shell:not([data-navigation=top])) #local-update-banner{margin-inline-start:var(--xs-nav)}
 body:has(#workspace-shell.sidebar-collapsed:not([data-navigation=top])) #local-update-banner{margin-inline-start:68px}
}
@media(max-width:767px){#local-update-banner{flex-wrap:wrap;padding:12px}#local-update-banner .local-update-banner-copy{flex:1 1 180px}#local-update-banner .local-update-banner-action{margin-inline-start:46px}}
@media(min-width:768px){
 /* One header row: toggle on the physical left of the LTR brand lockup. */
 #workspace-sidebar .xs-wordmark{gap:8px}
 #workspace-sidebar #workspace-menu-btn{position:static;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;flex:none;margin:0;padding:10px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff0a;color:#b9cce1}
 #workspace-sidebar #workspace-menu-btn:hover{background:#ffffff18;color:#fff}
 #workspace-sidebar #workspace-menu-btn:focus-visible{outline:2px solid #69b8ff;outline-offset:2px}
 #workspace-shell.sidebar-collapsed .xs-wordmark>b{display:none}
 body:has(#workspace-shell:not([data-navigation=top])) #topbar{margin-inline-start:var(--xs-nav)}
 body:has(#workspace-shell.sidebar-collapsed:not([data-navigation=top])) #topbar{margin-inline-start:68px}
 #workspace-shell.sn-shell:not([data-navigation=top]):not(.sidebar-collapsed) .workspace-sidebar{width:var(--xs-nav);max-width:var(--xs-nav);flex-basis:var(--xs-nav);min-width:var(--xs-nav)}
 #workspace-shell.sn-shell:not([data-navigation=top]) .workspace-sidebar{position:fixed;inset-inline-start:0;top:0;height:100dvh}
 #workspace-shell.sn-shell:not([data-navigation=top]) .workspace-content{margin-inline-start:var(--xs-nav)}
 #workspace-shell.sn-shell.sidebar-collapsed:not([data-navigation=top]) .workspace-content{margin-inline-start:68px}
 #workspace-shell.sidebar-collapsed .xs-sidebar-identity{padding:24px 10px 12px}
 #workspace-shell.sidebar-collapsed .xs-wordmark{margin:0}.sidebar-collapsed .xs-wordmark>div,.sidebar-collapsed .xs-company-card{display:none}
}
#workspace-shell[data-navigation=top] .xs-sidebar-identity{display:none}
#workspace-shell.sn-shell[data-navigation=top] .workspace-side-nav>.workspace-side-group>.workspace-side-group-body{background:#0d2542;border-color:#ffffff16}
#workspace-shell.sn-shell .workspace-side-nav{padding:12px 10px;gap:4px}
#workspace-shell.sn-shell .workspace-side-nav button{font-family:var(--xs-font);font-size:13px;color:#b9cce1;border-radius:8px;min-height:43px;gap:12px;padding:10px 12px;font-weight:500}
#workspace-shell.sn-shell .workspace-side-group-toggle{color:#b9cce1!important}
#workspace-shell.sn-shell .workspace-side-nav button.active,#workspace-shell.sn-shell .sn-has-active>.workspace-side-group-toggle{background:#1d4e8d;color:#fff!important;box-shadow:none}
#workspace-shell.sn-shell .workspace-side-nav button:hover{background:#ffffff0c;color:#fff}
#workspace-shell.sn-shell .workspace-side-group-body{border-color:#ffffff16}
#workspace-shell.sn-shell .workspace-side-footer{border-color:#ffffff16;color:#96afcb}
#workspace-shell.sn-shell .workspace-side-nav button{position:relative;transition:background-color .2s ease,color .2s ease}
#workspace-shell.sn-shell .workspace-side-nav button.active::before{content:'';position:absolute;inset-inline-start:0;top:4px;bottom:4px;height:auto;width:3px;border-radius:3px;background:var(--xs-cyan);animation:xs-nav-select .22s ease-out both;pointer-events:none}
#workspace-shell.sn-shell .workspace-side-nav button.active{animation:xs-nav-highlight .22s ease-out both}
@keyframes xs-nav-select{from{opacity:0;transform:scaleY(.25)}to{opacity:1;transform:scaleY(1)}}
@keyframes xs-nav-highlight{from{background-color:transparent}to{background-color:#1d4e8d}}
@media(prefers-reduced-motion:reduce){#workspace-shell.sn-shell .workspace-side-nav button,#workspace-shell.sn-shell .workspace-side-nav button.active::before{animation:none!important;transition:none!important}}
#workspace-shell.sn-shell #main{padding:27px;min-width:0}.workspace-content{min-width:0}
.xs-bottom-nav{display:none}
.xs-command{width:560px;padding:0}.xs-command header{display:flex;justify-content:space-between;align-items:center}.xs-command h2{font-size:18px}.xs-command .xs-command-body{padding:16px;display:grid;gap:12px}.xs-command input{width:100%;height:46px;border:1px solid var(--xs-border);border-radius:10px;background:var(--xs-subtle);padding:12px;color:var(--xs-text)}
.xs-command-results{max-height:50dvh;overflow:auto;display:grid;gap:4px}.xs-command-results button{display:flex;gap:12px;text-align:start;justify-content:flex-start;width:100%}.xs-command-results small{color:var(--xs-muted)}
@media(max-width:1023px){#topbar{padding:10px 16px;gap:8px}#topbar .xs-search{margin-inline-start:8px}.xs-user-menu .xs-user-name{display:none}}
/* Reference typography: calm headings, compact metrics, readable Arabic labels. */
.db-heading h2{font-size:22px;font-weight:700}
.db-card>header>b{font-weight:500;font-size:14px}
.db-card.is-kpi .db-value{font-size:28px;font-weight:700}
.db-card.is-kpi:not(.is-editing){min-height:128px}
.db-card.is-kpi:not(.is-editing)>header{margin-bottom:4px}
.db-card.is-kpi:not(.is-editing) .db-card-body{padding-top:0}
.db-tabs button,.btn{font-weight:500}
#workspace-shell.sn-shell .workspace-side-nav button{font-weight:500!important}
@media(min-width:1051px){
 .db-workspace{display:grid;grid-template-columns:1fr auto;column-gap:16px}
 .db-heading,.db-grid,.db-workspace>footer,.db-help{grid-column:1/-1}
 .db-tabs{grid-column:1;margin-bottom:16px;align-self:center}
 .db-filters{grid-column:2;grid-row:2;margin-bottom:16px;background:transparent;border:0;padding:0}
}
@media(max-width:767px){
 :root{--xs-header:64px}
 #topbar{padding:8px 12px;gap:8px;min-height:64px}#topbar .tbar-right{gap:0}#topbar .tbar-name{font-size:15px}#topbar .logo{width:30px;height:30px}#topbar .tbar-sub{display:none}
 .xs-header-context :is(.xs-context-label,#tbar-tenant){display:none}.xs-mobile-brand{display:inline-block;font-size:15px}.xs-sidebar-identity{padding-top:16px}
 #topbar .xs-search{flex:0 0 40px;width:40px;height:44px;margin-inline-start:auto;padding:10px;border:none;background:transparent}#topbar .xs-search :is(span,kbd){display:none}
 #topbar #theme-btn{display:none}#topbar .tbar-right{margin-inline-start:0}
 .xs-user-menu>summary>.xs-icon{display:none}.xs-user-avatar{width:32px;height:32px}.xs-user-popover{max-width:calc(100vw - 24px)}
 #workspace-shell.sn-shell .workspace-side-nav{padding:12px}#workspace-shell.sn-shell #main{padding:16px 12px 96px}
 #workspace-shell.sn-shell:not([data-navigation=top]) .workspace-sidebar{width:min(320px,86vw);max-width:86vw;background:linear-gradient(160deg,#0d305a,#0b1d32)}
 .xs-bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:150;padding:8px 8px max(8px,env(safe-area-inset-bottom));gap:4px;background:var(--xs-surface);border-top:1px solid var(--xs-border);box-shadow:0 -4px 20px rgb(8 21 37 / 4%)}
 .xs-bottom-nav button{display:grid;justify-items:center;align-content:center;gap:4px;flex:1;min-width:0;min-height:48px;padding:4px;border:0;background:transparent;color:var(--xs-muted);font-size:10px;border-radius:10px}
 .xs-bottom-nav button[aria-current=page]{color:var(--xs-link);background:var(--xs-subtle)}
 body.ux-menu-open .xs-bottom-nav{display:none}
 :is(.us-dialog,.fin-dialog,.mw-dialog,.xs-dialog){max-width:100vw;width:100%;max-height:100dvh;border-radius:16px 16px 0 0}
 :is(.mw-tabs,.nw-tabs,.us-tabs,.xs-tabs)>button{flex:0 0 auto;font-size:12px;white-space:nowrap}
 .xs-command{margin:auto 0 0;max-height:90dvh}.xs-command-results{max-height:60dvh}
}
@media(max-width:374px){#topbar{gap:4px;padding-inline:8px}#topbar .logo{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.xs-bottom-nav,.xs-search,.xs-user-menu{display:none!important}}
/* Shared operational pages, forms and mobile records. */
:is(.mw-page,.nw-page,.fin-page,.radius-page,.license-page){width:100%;max-width:1480px;margin-inline:auto;min-width:0}
.mw-page{padding:0}
:is(.mw-heading,.fin-heading,.nw-heading){display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
:is(.mw-heading,.fin-heading,.nw-heading) h2{font-size:24px;font-weight:700;line-height:1.4;margin:0}
:is(.mw-heading,.fin-heading,.nw-heading) p{font-size:13px;color:var(--xs-muted);line-height:1.8;margin:8px 0 0}
.xs-result-count{display:inline-block;font-size:12px;font-weight:500;margin-inline-start:12px;color:var(--xs-muted)}
.xs-sort{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-height:32px;white-space:nowrap}
.mw-card{padding:0;overflow:visible}.mw-toolbar{padding:16px;border-bottom:1px solid var(--xs-border);gap:12px}.mw-toolbar-main,.mw-toolbar-tools{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.mw-search{flex:1;min-width:180px}
.mw-toolbar input,.mw-toolbar select,.mw-filter-row input,.mw-filter-row select{background:var(--xs-bg);border:1px solid var(--xs-border);border-radius:8px;color:var(--xs-text);min-height:40px;font:inherit}
/* Filter labels hide their caption at font-size:0; controls must not inherit it. */
.mw-filter-row input,.mw-filter-row select{font-size:14px;line-height:1.4}
.mw-table-host{overflow:auto;max-width:100%;border-radius:0 0 var(--xs-radius) var(--xs-radius)}
.mw-table{font-size:13px;table-layout:auto}.mw-table th{font-size:12px;font-weight:500;text-align:start}.mw-table tbody tr:hover{background:var(--xs-subtle)}
@media(min-width:768px){.mw-table td{white-space:nowrap}.mw-table .mw-primary-cell{min-width:170px;max-width:260px;white-space:normal}.mw-table .mw-badge{white-space:nowrap}.mw-table tbody tr{background:var(--xs-surface)}.mw-table td :is(.as-account-link,.as-status-link){font-weight:500}.mw-table .mw-update{max-width:180px;white-space:normal}}
.mw-table td{color:var(--xs-text);vertical-align:middle}.mw-table .mw-primary-cell{font-weight:700}.mw-table bdi{direction:ltr;unicode-bidi:isolate}
.mw-pagination{display:flex;align-items:center;justify-content:end;gap:8px;padding:16px;border-top:1px solid var(--xs-border);color:var(--xs-muted);font-size:13px}.mw-pagination>span{margin-inline-end:auto}
.mw-columns{position:relative}.mw-columns>div{background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:12px;padding:16px;box-shadow:var(--xs-shadow);z-index:20}
.xs-filter-trigger,.xs-row-more{display:none}.mw-mobile-filters{display:none!important}
.xs-table-options{width:100%}.xs-table-options>summary{cursor:pointer;min-height:40px;color:var(--xs-muted);font-size:12px;padding:8px 0}.xs-table-options[open]>.mw-toolbar-tools{padding-bottom:8px}
.as-account-link,.as-status-link{font-family:var(--xs-font);color:var(--xs-link);background:transparent;border:0;text-decoration:none;cursor:pointer;text-align:start;font-size:inherit}.as-account-link:hover{text-decoration:underline}
.xs-control-icon{display:inline-flex;align-items:center;justify-content:center;margin-inline-end:6px}.xs-control-icon svg{width:18px;height:18px}
.xs-record-table{width:100%;border-collapse:collapse;color:var(--xs-text);font-size:13px}.xs-record-table :is(td,th){padding:12px;border-color:var(--xs-border)}.xs-record-table th{background:var(--xs-subtle);color:var(--xs-muted);font-weight:500}
.mw-empty,.empty,.empty-msg{color:var(--xs-muted)}.mw-empty{padding:32px;text-align:center}
.mw-table-host>[role=status],.mw-table-host>[role=alert]{padding:24px;border-radius:12px;background:var(--xs-subtle);color:var(--xs-muted)}
.mw-table-host>[role=alert]{color:var(--xs-danger);background:var(--xs-danger-bg)}
.mw-actions-popover{background:var(--xs-surface);color:var(--xs-text);border:1px solid var(--xs-border);border-radius:12px;padding:8px;box-shadow:0 12px 32px rgb(0 0 0 / 12%);max-width:calc(100vw - 16px)}
.mw-action{min-height:44px;font:inherit;color:var(--xs-text);border-radius:8px}.mw-action:hover{background:var(--xs-subtle)}.mw-action.danger{color:var(--xs-danger)}
body dialog:is(.us-dialog,.mw-dialog,.fin-dialog,.xs-dialog){padding:0;width:min(960px,calc(100vw - 48px));max-height:90dvh;color:var(--xs-text);font-family:var(--xs-font);overflow:hidden}
body dialog[open]:is(.us-dialog,.mw-dialog,.xs-dialog){display:flex;flex-direction:column}
body dialog :is(h2,h3){font-weight:700}body dialog>header{flex:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px}
body dialog>header h2{font-size:20px;margin:0}body dialog>header button{min-width:44px;min-height:44px;border-radius:10px;background:transparent;color:var(--xs-text);border:1px solid var(--xs-border)}
body dialog .us-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px}
body dialog>.mw-tabs{padding:8px 16px;flex:none;background:var(--xs-surface)}
.mw-tabs button{font-weight:500;color:var(--xs-muted);background:transparent;border:0}
.mw-tabs button[aria-selected=true]{background:var(--xs-subtle);color:var(--xs-link);box-shadow:inset 0 -2px var(--xs-primary)}
.mw-form,.nw-form,.fin-form{gap:16px}.mw-form label,.nw-form label,.fin-form label{font-size:13px;font-weight:500;color:var(--xs-muted)}
:is(.mw-form,.nw-form,.fin-form) :is(input,select,textarea){font-family:var(--xs-font);color:var(--xs-text);border:1px solid var(--xs-border);border-radius:10px;background:var(--xs-bg);padding:10px 12px;min-height:44px}
.mw-form fieldset,.nw-form fieldset,.fin-form fieldset{border:1px solid var(--xs-border);border-radius:12px;padding:16px;min-width:0}
.mw-form legend,.nw-form legend,.fin-form legend{font-weight:700;color:var(--xs-text);padding-inline:8px}
.mw-footer{border-top:1px solid var(--xs-border);padding-top:16px;gap:8px}.mw-footer button{min-height:44px}
.ra-account-hero{background:var(--xs-bg);border:1px solid var(--xs-border);border-radius:12px;padding:20px;margin-bottom:20px;display:grid;grid-template-columns:1fr 2fr;gap:20px}
.ra-account-hero h2{font-size:24px;margin:4px 0 8px}.ra-account-hero small{color:var(--xs-muted);font-size:12px}.ra-account-hero bdi{font-size:14px}.xs-subscriber-number{display:block;margin-top:8px}
.ra-hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ra-hero-facts>span{padding:0;border:0;background:transparent;min-width:0}.ra-hero-facts small{display:block;margin-bottom:6px}.ra-hero-facts bdi{display:block}
.ra-metrics,.ra-person-grid,.ra-usage-total,.ps-view-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ra-metrics>span,.ra-person-grid>div,.ra-usage-total>span,.ps-view-grid>span{background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:12px;padding:16px;min-width:0}
.ra-metrics small,.ra-person-grid dt,.ps-view-grid small{color:var(--xs-muted);font-size:12px;margin-bottom:8px;display:block}.ra-person-grid dd{margin:0;color:var(--xs-text)}
.ra-account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.ra-account-actions button{min-height:44px;white-space:normal;font-weight:500}
.xs-subscriber .ra-positive{background:var(--xs-success-bg);border:1px solid transparent;color:var(--xs-success)}.xs-subscriber .ra-warning{background:var(--xs-warning-bg);border:1px solid transparent;color:var(--xs-warning)}.xs-subscriber .ra-danger{background:var(--xs-danger-bg);color:var(--xs-danger);border:1px solid var(--xs-danger)}
.xs-sort::after{content:' ↕'}
.xs-subscriber .ra-account-hero button{background:var(--xs-subtle);border:1px solid var(--xs-border);color:var(--xs-link)}
.xs-danger-zone{border:1px solid var(--xs-border);border-radius:12px;margin:20px 0;padding:12px 16px}.xs-danger-zone summary{color:var(--xs-danger);min-height:32px;cursor:pointer;font-weight:500}.xs-danger-zone p{font-size:13px;color:var(--xs-muted)}
.ra-runtime-note,.ra-session-summary,.as-note{background:var(--xs-subtle);color:var(--xs-muted);border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.8}.ra-account-error:empty{display:none}.ra-account-error:not(:empty){padding:12px;color:var(--xs-danger);background:var(--xs-danger-bg);border-radius:10px}
.ra-job-list>div,.ra-history-list>article{border:1px solid var(--xs-border);background:var(--xs-surface);border-radius:12px;padding:16px;margin-block:12px}
.xs-filter-sheet{width:min(520px,100%)!important}.xs-filter-body{overflow:auto;padding:20px}.xs-filter-body>div{display:grid;gap:16px}.xs-filter-body label{display:grid;gap:8px;color:var(--xs-muted)}.xs-filter-sheet footer{padding:16px;border-top:1px solid var(--xs-border)}
/* Existing modules use the shared surface hierarchy, not a second palette. */
:is(.modal,.info-box,.user-card,.device-card,.tower-card,.warehouse-card,.report-card,.guide-section,.license-details-card,.nc-card){background:var(--xs-surface);color:var(--xs-text);border-color:var(--xs-border);border-radius:var(--xs-radius)}
.modal{font-family:var(--xs-font)}.modal h2{font-size:20px}.info-box{padding:16px;border:1px solid var(--xs-border)}
:is(.modal,.fin-card,.nw-card,.mw-card) input,:is(.modal,.fin-card,.nw-card,.mw-card) select,:is(.modal,.fin-card,.nw-card,.mw-card) textarea{color:var(--xs-text);background:var(--xs-bg);border-color:var(--xs-border);font-family:var(--xs-font)}
.guide-section-hdr{background:var(--xs-subtle);color:var(--xs-text)}.guide-section-body{color:var(--xs-muted);line-height:1.9}
.nw-badge,.mw-badge,.ps-speed,.mw-chip{background:var(--xs-subtle);border-color:var(--xs-border);color:var(--xs-muted);font-size:12px}
.nw-badge.good,.mw-badge.good,.nw-good{background:var(--xs-success-bg);color:var(--xs-success-ink)}.nw-badge.bad,.mw-badge.bad,.nw-bad{background:var(--xs-danger-bg);color:var(--xs-danger-ink)}
.ps-download,.as-down{color:var(--xs-link)}.ps-upload,.as-up{color:var(--xs-success)}
@media(max-width:767px){
 :is(.mw-heading,.fin-heading,.nw-heading){align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}:is(.mw-heading,.fin-heading,.nw-heading) h2{font-size:22px}
 .xs-data-workspace>.mw-page>.mw-card{background:transparent;border:0;box-shadow:none}
 .mw-toolbar{padding:12px;background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:12px;margin-bottom:12px}.mw-toolbar-main{width:100%;flex-wrap:wrap}.mw-search{min-width:0;flex:1 1 100%}.mw-toolbar-main>.btn{flex:1;min-height:44px}
 .mw-toolbar-tools{gap:8px;flex-wrap:wrap}.mw-toolbar-tools>.btn{font-size:12px}.xs-filter-trigger{display:inline-flex}
 .mw-table-host{overflow:visible}.mw-table,.mw-table tbody{display:block;width:100%}.mw-table thead{display:none}.mw-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 12px;padding:16px;background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:14px;box-shadow:var(--xs-shadow)}
 .mw-table td{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:0;border:0;min-width:0;overflow-wrap:anywhere;white-space:normal;font-size:13px}.mw-table td::before{content:attr(data-label);font-size:11px;color:var(--xs-muted);font-weight:400}
 .mw-table td.mw-primary-cell{grid-column:1/-1;font-size:17px}.mw-table td.mw-primary-cell::before,.mw-table td.mw-col-selection::before,.mw-table td.mw-col-actions::before{display:none}
 .mw-table td.mw-col-actions{grid-column:2;grid-row:1;align-items:end}.mw-table td.mw-col-selection{grid-column:1;grid-row:1}.mw-table td.mw-col-selection input{width:22px;height:22px}
 .mw-table td.mw-primary-cell{grid-row:2}.mw-table .xs-secondary-cell{display:none!important}.mw-table .xs-expanded .xs-secondary-cell{display:flex!important}
 body .xs-data-workspace .mw-table td{order:initial;grid-area:auto;position:static;width:auto;min-width:0;text-align:start;padding:0;border:0}
 body .xs-data-workspace .mw-table td.mw-col-actions{grid-column:2;grid-row:1;align-items:end}
 body .xs-data-workspace .mw-table td.mw-col-selection{grid-column:1;grid-row:1}
 body .xs-data-workspace .mw-table td.mw-primary-cell{grid-column:1/-1;grid-row:2;padding-inline-end:0}
 body .xs-data-workspace .mw-table td.xs-row-more{grid-column:1/-1;padding-top:8px;border-top:1px solid var(--xs-border)}
 body .xs-data-workspace .mw-table td.mw-col-username{grid-column:1/-1;grid-row:3}
 body .xs-data-workspace .mw-table td.mw-col-profile{grid-column:1/-1;grid-row:4}
 /* Compact account cards preserve the original controls and expand all other fields. */
 body .xs-data-workspace .mw-accounts-page .mw-table tbody tr{position:relative;grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) 28px;gap:6px;padding:14px;align-items:start}
 body .xs-data-workspace .mw-accounts-page .mw-table td{min-height:0;justify-content:flex-start}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-primary-cell{grid-row:1;grid-column:2/4;padding:0;font-size:15px;line-height:1.5;min-height:24px}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-selection{position:static;inset:auto;grid-row:1;grid-column:1;width:22px;padding-top:3px}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-actions{position:static;inset:auto;grid-row:1;grid-column:4;width:28px;z-index:2}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-username{grid-row:2;grid-column:2/4;font-size:12px;color:var(--xs-muted)}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-username::before{display:none}
 body .xs-data-workspace .mw-accounts-page .mw-table td:is(.mw-col-state,.mw-col-connection){grid-row:3;display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-state{grid-column:1/3}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-connection{grid-column:3/5}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-profile{grid-row:4;grid-column:1/3;font-size:12px}
 body .xs-data-workspace .mw-accounts-page .mw-table td.mw-col-expires{grid-row:4;grid-column:3/5;font-size:12px}
 body .xs-data-workspace .mw-accounts-page .mw-table td.xs-secondary-cell{grid-column:span 2}
 body .xs-data-workspace .mw-accounts-page .mw-table td.xs-row-more{padding-top:4px}
 .mw-accounts-page .xs-row-more button{min-height:28px;padding:2px 8px;border:0;background:transparent;color:var(--xs-muted);font-size:11px;text-align:end}
 .mw-table td.xs-row-more{display:block;grid-column:1/-1;border-top:1px solid var(--xs-border);padding-top:8px}.xs-row-more button{width:100%;min-height:40px}.mw-pagination{padding:12px 0;flex-wrap:wrap}.mw-pagination>span{width:100%}
 .xs-record-table,.xs-record-table tbody{display:block;width:100%;min-width:0!important}.xs-record-table thead{display:none}.xs-record-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;margin-bottom:12px;border:1px solid var(--xs-border);border-radius:12px;background:var(--xs-surface)}.xs-record-table td{display:flex;flex-direction:column;min-width:0;white-space:normal;overflow-wrap:anywhere;border:0;padding:0}.xs-record-table td::before{content:attr(data-label);font-size:11px;color:var(--xs-muted);margin-bottom:4px}.xs-record-table td[colspan]{grid-column:1/-1}.xs-record-table td>*{max-width:100%}
 body dialog[open]:is(.us-dialog,.mw-dialog,.fin-dialog,.xs-dialog){width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0;border-radius:0;border:0;display:flex;flex-direction:column}
 body dialog .us-dialog-body{padding:16px;flex:1;min-height:0}body dialog>header{padding:12px 16px;min-height:60px}body dialog>header h2{font-size:18px}
 body dialog>.mw-tabs{padding:8px;flex-wrap:nowrap;overflow:auto;gap:4px}body dialog>.mw-tabs button{flex:0 0 auto;font-size:13px;min-height:44px}
 body .xs-subscriber .ra-account-hero{display:block;padding:16px}body .xs-subscriber .ra-account-hero h2{font-size:24px}body .xs-subscriber .ra-hero-facts{margin-top:16px;grid-template-columns:1fr 1fr;gap:12px}
 body .xs-subscriber .ra-metrics,body .xs-subscriber .ra-person-grid,.ps-view-grid,.ra-usage-total{grid-template-columns:1fr 1fr;gap:8px}body .xs-subscriber .ra-metrics>span{padding:12px}
 body .xs-subscriber .ra-account-actions{grid-template-columns:1fr 1fr;gap:8px}.ra-account-actions button{font-size:13px;min-height:48px}
 .xs-filter-sheet .xs-filter-body{flex:1;min-height:0}.xs-filter-sheet footer .btn{width:100%}
 #backdrop .modal{width:100%;max-width:100%;max-height:100dvh;border-radius:0;padding:16px;overflow:auto}#backdrop .modal h2{font-size:20px}
 #main :is(.compact-list-filters,.report-filters){flex-wrap:wrap}#main :is(input,select,textarea){max-width:100%;min-width:0}
}
/* Dashboard uses the same semantic components and tokens; no independent palette. */
.db-workspace{max-width:1480px}.db-heading{align-items:center;margin-bottom:24px;gap:16px}.db-heading h2{font-size:24px;margin:0 0 6px}.db-heading p{font-size:13px;line-height:1.8}.db-heading>div:first-child>span{display:none}
.db-tabs{gap:4px;padding:4px;border:1px solid var(--xs-border);border-radius:12px;width:fit-content;max-width:100%;margin-bottom:16px;background:var(--xs-surface);position:static}
.db-tabs button{border:0;border-radius:8px;min-height:44px;padding:10px 20px;background:transparent;color:var(--xs-muted)}.db-tabs button.active{background:var(--xs-subtle);color:var(--xs-link)}
.db-filters{padding:12px 16px;gap:16px;border-radius:12px;margin-bottom:24px}.db-filters select{min-height:40px;font:inherit;color:var(--xs-text)}
.db-grid{gap:16px;grid-auto-rows:minmax(96px,auto);grid-auto-flow:row}
.db-card{border-radius:var(--xs-radius);padding:16px;background:var(--xs-surface);box-shadow:var(--xs-shadow);overflow:auto;scrollbar-width:thin}
.db-card>header{position:static;background:transparent;padding:0;margin-bottom:12px;align-items:center;gap:12px}.db-card>header>b{font-size:13px;line-height:1.7;font-weight:700}
.db-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--xs-subtle);color:var(--xs-link);flex:none}
.db-card[data-tone=success] .db-card-icon{background:var(--xs-success-bg);color:var(--xs-success)}.db-card[data-tone=danger] .db-card-icon{background:var(--xs-danger-bg);color:var(--xs-danger)}.db-card[data-tone=warning] .db-card-icon{background:var(--xs-warning-bg);color:var(--xs-warning)}
.db-card.is-kpi:not(.is-editing){display:flex;flex-direction:column;justify-content:space-between}.db-card.is-kpi .db-value{font-size:30px;line-height:1.4;margin:4px 0 6px;font-weight:800;color:var(--xs-text);font-variant-numeric:tabular-nums}.db-card-body>small{font-size:11px;color:var(--xs-muted)}
.db-card[tabindex]:hover{border-color:var(--xs-primary);cursor:pointer}.db-card-tools{gap:6px}.db-card-tools button,.db-card-tools select{min-height:36px;min-width:32px;font-size:11px;background:var(--xs-subtle);color:var(--xs-text);border:1px solid var(--xs-border);border-radius:8px}
.db-card.is-editing>header{flex-wrap:wrap}.db-card.is-editing .db-card-tools{flex-basis:100%;justify-content:flex-start}.db-card.is-editing{min-height:210px}
.db-state{display:grid;justify-items:center;gap:12px;padding:24px 8px;color:var(--xs-muted);text-align:center;font-size:13px}.db-state .xs-skeleton{width:70%}.db-state[data-state=error]{color:var(--xs-danger)}
.db-trend{margin-top:8px}.db-trend svg{width:100%;height:160px;display:block;overflow:visible}.db-trend .db-grid-line{stroke:var(--xs-border);stroke-width:1;stroke-dasharray:3 4;fill:none}.db-trend-area{fill:color-mix(in srgb,var(--xs-cyan) 9%,transparent)}.db-trend-line{fill:none;stroke:var(--xs-cyan);stroke-width:2.5;vector-effect:non-scaling-stroke}.db-trend circle{fill:var(--xs-surface);stroke:var(--xs-cyan);stroke-width:2}.db-trend-axis{display:flex;justify-content:space-between;color:var(--xs-muted);font-size:10px}.db-trend details{direction:rtl;margin-top:12px;font-size:11px;color:var(--xs-muted)}.db-trend summary{cursor:pointer;min-height:32px}.db-currency-chart+.db-currency-chart{margin-top:16px;border-top:1px solid var(--xs-border);padding-top:12px}.db-currency-chart h4{font-size:12px;color:var(--xs-text)}
.db-list>div{padding:10px 0}.db-list span{white-space:normal;overflow-wrap:anywhere}.db-list strong{flex-shrink:0}.db-finance-side{background:var(--xs-subtle);padding:14px}
.db-alerts button{background:var(--xs-subtle);padding:12px;display:grid;gap:4px}.db-alerts .danger{background:var(--xs-danger-bg);border-inline-start:3px solid var(--xs-danger)}.db-alerts .warning{background:var(--xs-warning-bg);border-inline-start:3px solid var(--xs-warning)}.db-alerts .info{border-inline-start:3px solid var(--xs-primary)}
.db-library{background:var(--xs-surface);border-color:var(--xs-border)}.db-library-items button{border-radius:10px;display:flex;gap:12px;align-items:center;background:var(--xs-subtle)}.db-library-backdrop{background:var(--xs-overlay)}
.db-workspace>footer{margin-top:20px;padding-top:12px;border-top:1px solid var(--xs-border);color:var(--xs-muted);line-height:1.8}
/* Reference dashboard density: keep saved grid spans and every original action. */
.db-workspace{--db-chart-color:var(--xs-primary)}
html[data-theme=dark] .db-workspace{--db-chart-color:var(--xs-cyan)}
.db-heading{margin-bottom:16px}.db-filters{margin-bottom:16px}
.db-card.is-kpi:not(.is-editing){position:relative;min-height:112px;justify-content:flex-start}
.db-card.is-kpi:not(.is-editing)>header{padding-inline-start:48px;min-height:24px;margin-bottom:0}
.db-card.is-kpi:not(.is-editing) .db-card-icon{position:absolute;inset-inline-start:16px;top:16px}
.db-card.is-kpi:not(.is-editing) .db-value{font-size:28px;line-height:1.2;margin:6px 0}
.db-card.is-kpi:not(.is-editing) .db-card-body{padding-inline-start:48px}
.db-trend-area{fill:color-mix(in srgb,var(--db-chart-color) 9%,transparent)}
.db-trend-line,.db-trend circle{stroke:var(--db-chart-color)}
.db-trend-tick{fill:var(--xs-muted);font-size:10px;font-family:var(--xs-font)}
.db-resource{display:grid;justify-items:center;gap:8px;padding:8px 0}
.db-resource-ring{width:96px;height:96px;position:relative;display:grid;place-items:center;direction:ltr}
.db-resource-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.db-resource-ring circle{fill:none;stroke-width:6}.db-resource-track{stroke:var(--xs-border)}
.db-resource-fill{stroke:var(--xs-primary);stroke-linecap:round}
.db-card[data-key=memory] .db-resource-fill{stroke:var(--xs-success)}
.db-card[data-key=storage] .db-resource-fill{stroke:var(--xs-cyan)}
.db-resource-ring bdi{font-size:22px;font-weight:700;color:var(--xs-text)}
.db-resource>small{color:var(--xs-muted);font-size:11px;text-align:center;line-height:1.6}
.db-card.is-kpi:has(.db-resource):not(.is-editing) .db-card-body{padding-inline-start:0}
.db-network-health{padding-top:8px}.db-network-health>p{display:flex;justify-content:space-between;gap:12px;color:var(--xs-muted);font-size:13px}.db-network-health>p bdi{font-weight:700;color:var(--xs-text)}
.db-network-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.db-network-counts>div{display:grid;justify-items:center;gap:8px;padding:16px 6px;border:1px solid var(--xs-border);border-radius:10px;background:var(--xs-subtle)}.db-network-counts bdi{font-size:24px;font-weight:700}.db-network-counts span{font-size:11px;color:var(--xs-muted);text-align:center}.db-network-counts [data-tone=success] bdi{color:var(--xs-success-ink)}.db-network-counts [data-tone=danger] bdi{color:var(--xs-danger-ink)}.db-network-counts [data-tone=warning] bdi{color:var(--xs-warning-ink)}
.db-server-chart polyline.rx{stroke:var(--xs-cyan)}.db-server-chart polyline.tx{stroke:var(--xs-warning)}.db-server-error.is-warning{background:var(--xs-warning-bg);color:var(--xs-warning)}
/* Subscriber workspace: reference summary, tabs, and three operational panels.
   Original dialog lifecycle, fields and action nodes are retained. */
body dialog:is(.xs-subscriber,.xs-editor)[open]{position:fixed;inset:var(--xs-header) var(--xs-nav) 0 0;margin:0;width:auto;max-width:none;height:calc(100dvh - var(--xs-header));max-height:none;border:0;border-radius:0;box-shadow:none;background:var(--xs-bg);padding:24px 27px;display:flex;flex-direction:column}
body:has(#workspace-shell.sidebar-collapsed) dialog:is(.xs-subscriber,.xs-editor)[open]{inset-inline-start:68px}
body:has(#workspace-shell[data-navigation=top]) dialog:is(.xs-subscriber,.xs-editor)[open]{inset-inline-start:0}
dialog:is(.xs-subscriber,.xs-editor)::backdrop{background:transparent}
body dialog.ra-account-dialog[open]:not(:modal){z-index:80}
#backdrop.show:not(:has(#modal-confirm:not(.hide))){z-index:80;top:var(--xs-header);right:var(--xs-nav)}
body:has(#workspace-shell.sidebar-collapsed) #backdrop.show:not(:has(#modal-confirm:not(.hide))){right:68px}
body:has(#workspace-shell[data-navigation=top]) #backdrop.show:not(:has(#modal-confirm:not(.hide))){right:0}
@media(max-width:767px){#backdrop.show:not(:has(#modal-confirm:not(.hide))),body:has(#workspace-shell.sidebar-collapsed) #backdrop.show:not(:has(#modal-confirm:not(.hide))){right:0;bottom:72px}}
body dialog.us-navigable-window[open]:not(:modal){position:fixed;z-index:80;top:var(--xs-header);bottom:12px;max-height:calc(100dvh - var(--xs-header) - 12px)}
@media(min-width:768px){body dialog.us-navigable-window[open]:not(:modal){right:var(--xs-nav);left:0;max-width:calc(100vw - var(--xs-nav) - 24px)}body:has(#workspace-shell.sidebar-collapsed) dialog.us-navigable-window[open]:not(:modal){right:68px;max-width:calc(100vw - 92px)}body:has(#workspace-shell[data-navigation=top]) dialog.us-navigable-window[open]:not(:modal){right:0}}
@media(max-width:767px){body dialog.ra-account-dialog[open]:not(:modal){bottom:72px;max-height:none}}
body dialog:is(.xs-subscriber,.xs-editor)>header{padding:0 0 20px;background:transparent;border:0;flex:none}
body dialog:is(.xs-subscriber,.xs-editor)>header h2{font-size:24px;margin:0}
body dialog:is(.xs-subscriber,.xs-editor) .us-dialog-body{padding:0;overflow:auto;min-height:0;flex:1}
.xs-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:22px;align-items:start}
.xs-list-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.xs-list-summary article{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:14px;min-width:0}
.xs-list-summary [data-tone=success] .xs-panel-icon{background:var(--xs-success-bg);color:var(--xs-success-ink)}.xs-list-summary [data-tone=danger] .xs-panel-icon{background:var(--xs-danger-bg);color:var(--xs-danger-ink)}.xs-list-summary [data-tone=warning] .xs-panel-icon{background:var(--xs-warning-bg);color:var(--xs-warning-ink)}
.xs-list-summary article>div{display:grid;gap:6px;min-width:0}.xs-list-summary article>div>span{font-size:13px;color:var(--xs-muted)}
.xs-list-summary bdi{font-size:26px;font-weight:700;line-height:1.2;text-align:start}.xs-list-summary small{font-size:11px;color:var(--xs-muted)}
@media(max-width:1024px){.xs-list-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xs-list-summary article{padding:16px}}
@media(max-width:767px){.xs-list-summary{gap:8px;margin:12px 0}.xs-list-summary article{padding:12px;gap:8px}.xs-list-summary .xs-panel-icon{width:28px;height:28px}.xs-list-summary .xs-panel-icon svg{width:16px;height:16px}.xs-list-summary bdi{font-size:23px}.xs-list-summary article>div>span{font-size:12px}}
.xs-editor-main,.xs-editor-preview{min-width:0;background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:14px;padding:22px}
.xs-editor-main>.mw-tabs{padding:0 0 16px;margin-bottom:22px;display:flex;gap:8px;border-bottom:1px solid var(--xs-border);overflow:auto}
.xs-editor-main>.mw-tabs button{font-size:13px;flex:1;min-width:fit-content;border:0;background:var(--xs-bg);color:var(--xs-muted);border-radius:8px;padding:10px}
.xs-editor-main>.mw-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--xs-primary) 12%,var(--xs-surface));color:var(--xs-primary)}
.xs-editor-main .mw-fields{gap:20px}.xs-editor-main .mw-form{display:block}.xs-editor-main .mw-form label{font-size:13px}
.xs-editor-main .mw-form :is(input,select,textarea){background:var(--xs-bg);border-radius:10px;min-height:44px}
.xs-editor-main .mw-form input:is([type=radio],[type=checkbox]){min-height:18px}
.xs-editor-main .as-step-intro{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--xs-border);background:transparent}
.xs-editor-main .mw-footer{position:sticky;bottom:0;background:var(--xs-surface);margin-top:24px;padding-top:16px}
.xs-editor-preview{position:sticky;top:0}.xs-editor-preview h3{font-size:17px;margin:0 0 6px}.xs-editor-preview>p{font-size:12px;color:var(--xs-muted);margin:0 0 20px}
.xs-editor-preview dl{margin:0}.xs-editor-preview dl>div{padding:12px 0;border-bottom:1px solid var(--xs-border)}
.xs-editor-preview dt{color:var(--xs-muted);font-size:12px}.xs-editor-preview dd{font-size:14px;margin:4px 0 0;overflow-wrap:anywhere;font-weight:500;unicode-bidi:plaintext}
.xs-editor-preview .xs-editor-note{background:var(--xs-bg);padding:12px;border-radius:8px;margin:16px 0 0}
@media(max-width:1100px){.xs-editor-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.xs-editor-main,.xs-editor-preview{padding:16px}}
.xs-subscriber .xs-subscriber-summary{display:grid;grid-template-columns:1fr;gap:18px;background:var(--xs-surface);padding:22px;border-radius:14px;margin:0 0 18px}
.xs-subscriber-summary>div:first-child{position:relative;padding-inline-start:76px;min-height:58px}
.xs-subscriber-summary .xs-subscriber-avatar{position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:linear-gradient(140deg,#c4e0ff,#76a8ec);font-size:28px;font-weight:700;color:#185ac5}
.xs-subscriber-summary>div:first-child>small:first-of-type{display:none}
.xs-subscriber .xs-subscriber-summary h2{font-size:20px;line-height:1.5;margin:0 0 6px}
.xs-subscriber .xs-subscriber-number{display:inline-block;margin:0 16px 0 0;font-size:11px}
.xs-subscriber .xs-subscriber-summary .ra-hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:16px;border-top:1px solid var(--xs-border);gap:16px}
.xs-subscriber .xs-subscriber-summary .ra-hero-facts>span{padding-inline-start:12px;border-inline-start:1px solid var(--xs-border)}
.xs-subscriber .xs-subscriber-summary .ra-hero-facts>span:first-child{border:0;padding-inline-start:0}
.xs-subscriber .xs-subscriber-workspace>.mw-tabs{padding:0;margin:0 0 18px;background:transparent;border-bottom:1px solid var(--xs-border);flex-wrap:nowrap}
.xs-subscriber .xs-subscriber-workspace>.mw-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--xs-muted);padding:12px;font-size:12px}
.xs-subscriber .xs-subscriber-workspace>.mw-tabs button[aria-selected=true]{border-color:var(--xs-primary);color:var(--xs-primary)}
.xs-subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.xs-subscription-panel{min-width:0;background:var(--xs-surface);border:1px solid var(--xs-border);border-radius:14px;padding:18px}
.xs-subscription-panel>header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.xs-subscription-panel h3{font-size:15px;margin:0 0 4px}.xs-subscription-panel header p{font-size:11px;color:var(--xs-muted);margin:0}
.xs-panel-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;background:color-mix(in srgb,var(--xs-primary) 12%,var(--xs-surface));color:var(--xs-primary);border-radius:10px}
.xs-subscription-facts>span{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--xs-border);font-size:12px}
.xs-subscription-facts small{font-size:11px;color:var(--xs-muted)}.xs-subscription-facts b{text-align:end;font-weight:500}
.xs-subscription-facts>.ra-live-speed{display:grid;gap:10px}.xs-subscription-facts>.ra-live-speed b{text-align:start}.xs-subscription-facts em{font-size:11px;color:var(--xs-muted);font-style:normal}
.xs-subscription-panel .ra-account-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:8px}
.xs-subscription-panel .ra-account-actions button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;padding:10px 6px;min-height:46px}
.xs-subscription-panel .ra-account-actions .xs-control-icon{margin:0}.xs-subscription-panel .ra-account-actions .xs-icon{width:16px;height:16px}
.xs-subscription-panel :is(.ra-positive,.ra-warning){background:color-mix(in srgb,var(--xs-primary) 12%,var(--xs-surface));color:var(--xs-primary);border-color:transparent}
.xs-subscription-panel .xs-sensitive-action{color:var(--xs-danger-ink);border:1px solid color-mix(in srgb,var(--xs-danger) 35%,var(--xs-border));background:transparent}
.xs-subscriber .ra-runtime-note:empty{display:none}
.xs-subscription-panel .xs-danger-zone{border:0;border-top:1px solid var(--xs-border);border-radius:0;padding:16px 0 0;margin:18px 0 0}
.xs-quota-ring{--xs-used:0%;width:156px;height:156px;border-radius:50%;background:conic-gradient(var(--xs-cyan) var(--xs-used),var(--xs-border) 0);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto 20px;isolation:isolate;direction:ltr}
.xs-quota-ring::before{content:'';position:absolute;inset:16px;border-radius:50%;background:var(--xs-surface);z-index:-1}.xs-quota-ring strong{font-size:27px}.xs-quota-ring small{font-size:11px;color:var(--xs-muted)}
.xs-subscription-grid>.xs-quick-panel{grid-column:1/-1}
.xs-quick-panel>header{margin-bottom:12px}.xs-quick-panel>header p{display:none}
.xs-quick-panel>.ra-account-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.xs-more-actions{margin-top:12px;border-top:1px solid var(--xs-border);padding-top:12px}
.xs-more-actions>summary{cursor:pointer;color:var(--xs-link);font-size:13px;min-height:36px;align-content:center}
.xs-more-actions[open]>summary{margin-bottom:12px}
.xs-subscriber .xs-subscriber-workspace>.mw-tabs{position:sticky;top:0;z-index:3;background:var(--xs-bg);overflow-x:auto;scrollbar-width:thin}
.xs-subscriber .xs-subscriber-workspace>.mw-tabs button{flex-shrink:0;min-height:44px}
.xs-compact-filters{padding:12px 16px}.xs-compact-filters>header{margin-bottom:0}
.xs-compact-filters>div:not([hidden]){margin-top:12px}
.xs-compact-filters>.xs-active-filters{display:flex;flex-wrap:wrap;gap:8px}
.xs-filter-chip{max-width:100%;overflow-wrap:anywhere;border:1px solid var(--xs-border);background:var(--xs-subtle);color:var(--xs-link);border-radius:8px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;min-height:36px;text-align:start}
.xs-filter-toggle:focus-visible,.xs-filter-chip:focus-visible,.xs-more-actions>summary:focus-visible{outline:2px solid var(--xs-primary);outline-offset:3px}
@media(max-width:767px){
 body dialog:is(.xs-subscriber,.xs-editor)[open],body:has(#workspace-shell.sidebar-collapsed) dialog:is(.xs-subscriber,.xs-editor)[open]{inset:0;width:100%;height:100dvh;padding:16px}
 .xs-editor-layout{grid-template-columns:1fr}.xs-editor-preview{position:static}.xs-editor-main>.mw-tabs{gap:6px}.xs-editor-main>.mw-tabs button{font-size:12px;flex:0 0 auto}
 body dialog.xs-subscriber>header{padding:0 0 16px;min-height:44px}body dialog.xs-subscriber>header h2{font-size:20px}
 body .xs-subscriber .xs-subscriber-summary{padding:16px}body .xs-subscriber .xs-subscriber-summary h2{font-size:19px}
 body .xs-subscriber .xs-subscriber-summary .ra-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
 .xs-subscription-grid{grid-template-columns:1fr}.xs-subscription-panel:last-child{grid-column:auto}.xs-subscription-panel{padding:16px}
 .xs-subscriber .xs-subscriber-number{display:block;margin:4px 0 0}
 .xs-subscription-grid>.xs-quick-panel{grid-column:auto}.xs-quick-panel>.ra-account-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xs-compact-filters{padding:10px 12px}.xs-filter-chip{min-height:44px}
}
@media(max-width:767px){
 .db-heading{display:block;margin-bottom:16px}.db-heading h2{font-size:20px}.db-heading p{font-size:12px}.db-heading>div:last-child{display:flex;margin-top:12px;gap:8px}.db-heading .btn{font-size:12px;min-height:44px;padding:8px 12px}
 .db-tabs{width:100%;margin-bottom:12px;overflow:auto}.db-tabs button{flex:0 0 auto;padding-inline:12px;font-size:12px}.db-filters{display:flex;gap:8px;padding:10px;margin-bottom:16px}.db-filters label{display:grid;flex:1 1 130px;min-width:0;gap:4px}.db-filters select{width:100%;min-width:0;min-height:44px}
 .db-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:12px}.db-grid .db-card{grid-column:1/-1!important;grid-row:auto!important;padding:16px;min-height:0}.db-grid .db-card.is-kpi:not(.is-editing){grid-column:span 1!important;min-height:132px}
 .db-card.is-kpi:not(.is-editing)>header{padding-inline-start:30px}.db-card.is-kpi:not(.is-editing) .db-card-icon{inset-inline-start:12px;top:14px}.db-card.is-kpi:not(.is-editing) .db-card-body{padding-inline-start:0}
 .db-card>header{gap:8px}.db-card>header>b{font-size:12px}.db-card-icon{width:30px;height:30px;border-radius:9px}.db-card-icon svg{width:18px;height:18px}.db-card.is-kpi .db-value{font-size:24px}.db-card.is-kpi .db-card-body>small{font-size:10px}
 .db-card.is-editing{min-height:200px}.db-card-tools button,.db-card-tools select{min-height:44px}.db-trend svg{height:145px}.db-finance-grid{grid-template-columns:1fr}.db-server-foot{flex-wrap:wrap}.db-library-items{grid-template-columns:1fr}
}