@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Cairo";src:url("../fonts/cairo-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cairo";src:url("../fonts/cairo-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Cairo";src:url("../fonts/cairo-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cairo";src:url("../fonts/cairo-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Cairo";src:url("../fonts/cairo-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Cairo";src:url("../fonts/cairo-900.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
/* Shared component styles and compatibility token aliases.
   Exactly one server-selected palette supplies colors; layout is identical in both themes. */
:root{
--accent:var(--graphite-accent);--amber:var(--graphite-warning);--ba-amber:var(--graphite-warning);--ba-bg:var(--graphite-canvas);--ba-blue:var(--graphite-accent);--ba-border:var(--graphite-border);--ba-cyan:var(--graphite-accent);--ba-green:var(--graphite-success);--ba-muted:var(--graphite-muted);--ba-purple:var(--graphite-accent);--ba-red:var(--graphite-danger);--ba-shadow:none;--ba-soft:var(--graphite-canvas);--ba-surface:var(--graphite-surface);--ba-text:var(--graphite-text);--bad:var(--graphite-danger);--bar:var(--graphite-canvas);--bc-accent:var(--graphite-accent);--bc-bg:var(--graphite-canvas);--bc-blue:var(--graphite-accent);--bc-cyan:var(--graphite-accent);--bc-danger:var(--graphite-danger);--bc-green:var(--graphite-success);--bc-line:var(--graphite-border);--bc-line-2:var(--graphite-border);--bc-lock-accent:var(--graphite-accent);--bc-lock-bg:var(--graphite-canvas);--bc-lock-blue:var(--graphite-accent);--bc-lock-cyan:var(--graphite-accent);--bc-lock-line:var(--graphite-border);--bc-lock-line-hot:var(--graphite-border);--bc-lock-muted:var(--graphite-muted);--bc-lock-panel:var(--graphite-surface);--bc-lock-panel-2:var(--graphite-surface);--bc-lock-panel-grad:var(--graphite-surface);--bc-lock-teal:var(--graphite-accent);--bc-lock-text:var(--graphite-text);--bc-lock-violet:var(--graphite-accent);--bc-lock-violet-2:var(--graphite-accent);--bc-main-accent:var(--graphite-accent);--bc-main-accent-soft:var(--graphite-accent);--bc-main-bg:var(--graphite-canvas);--bc-main-blue:var(--graphite-accent);--bc-main-cyan:var(--graphite-accent);--bc-main-green:var(--graphite-success);--bc-main-line:var(--graphite-border);--bc-main-line-soft:var(--graphite-border);--bc-main-muted:var(--graphite-muted);--bc-main-panel:var(--graphite-surface);--bc-main-panel-2:var(--graphite-surface);--bc-main-panel-3:var(--graphite-surface);--bc-main-purple:var(--graphite-accent);--bc-main-sky:var(--graphite-canvas);--bc-main-text:var(--graphite-text);--bc-main-violet:var(--graphite-accent);--bc-muted:var(--graphite-muted);--bc-panel:var(--graphite-surface);--bc-panel-2:var(--graphite-surface);--bc-panel-3:var(--graphite-surface);--bc-purple:var(--graphite-accent);--bc-soft:var(--graphite-canvas);--bc-success:var(--graphite-success);--bc-text:var(--graphite-text);--bc-warning:var(--graphite-warning);--bcc-blue:var(--graphite-accent);--bcc-cyan:var(--graphite-accent);--bcc-green:var(--graphite-success);--bcc-ink:var(--graphite-text);--bcc-line:var(--graphite-border);--bcc-panel:var(--graphite-surface);--bcc-violet:var(--graphite-accent);--bg:var(--graphite-canvas);--bg-2:var(--graphite-canvas);--bg-card:var(--graphite-surface);--bg-depth:var(--graphite-canvas);--bg-main:var(--graphite-canvas);--bg-panel:var(--graphite-surface);--bg-shell:var(--graphite-surface);--bg-sidebar:var(--graphite-surface);--bg-soft:var(--graphite-canvas);--bg-topbar:var(--graphite-surface);--bitcom-border:var(--graphite-border);--bitcom-brand-green:var(--graphite-success);--bitcom-brand-green-strong:var(--graphite-success);--bitcom-chrome:var(--graphite-canvas);--bitcom-control:var(--graphite-surface);--bitcom-muted:var(--graphite-muted);--bitcom-page-bg:var(--graphite-canvas);--bitcom-shadow:none;--bitcom-surface:var(--graphite-surface);--bitcom-surface-soft:var(--graphite-surface);--bitcom-text:var(--graphite-text);--blue:var(--graphite-accent);--border:var(--graphite-border);--border-strong:var(--graphite-border);--brand:var(--graphite-accent);--brand2:var(--graphite-accent);--card-deep:var(--graphite-surface);--cards-accent:var(--graphite-accent);--cards-accent-2:var(--graphite-accent);--cards-bg:var(--graphite-surface);--cards-good:var(--graphite-surface);--cards-line:var(--graphite-border);--cards-line-soft:var(--graphite-border);--cards-muted:var(--graphite-muted);--cards-panel:var(--graphite-surface);--cards-panel-2:var(--graphite-surface);--cards-text:var(--graphite-text);--cards-warn:var(--graphite-warning);--chg-amber:var(--graphite-warning);--chg-bg:var(--graphite-canvas);--chg-blue:var(--graphite-accent);--chg-cyan:var(--graphite-accent);--chg-green:var(--graphite-success);--chg-ink:var(--graphite-text);--chg-line:var(--graphite-border);--chg-line-strong:var(--graphite-border);--chg-muted:var(--graphite-muted);--chg-red:var(--graphite-danger);--chg-shadow:none;--chg-strong:var(--graphite-canvas);--chg-surface:var(--graphite-surface);--chg-surface-soft:var(--graphite-surface);--chg-violet:var(--graphite-accent);--cp-amber:var(--graphite-warning);--cp-bg:var(--graphite-canvas);--cp-cyan:var(--graphite-accent);--cp-green:var(--graphite-success);--cp-line:var(--graphite-border);--cp-muted:var(--graphite-muted);--cp-panel:var(--graphite-surface);--cp-red:var(--graphite-danger);--cp-text:var(--graphite-text);--cyan:var(--graphite-accent);--danger:var(--graphite-danger);--debt-amber:var(--graphite-warning);--debt-bg:var(--graphite-canvas);--debt-blue:var(--graphite-accent);--debt-cyan:var(--graphite-accent);--debt-green:var(--graphite-success);--debt-ink:var(--graphite-text);--debt-line:var(--graphite-border);--debt-line-strong:var(--graphite-border);--debt-muted:var(--graphite-muted);--debt-panel:var(--graphite-surface);--debt-panel-2:var(--graphite-surface);--debt-red:var(--graphite-danger);--debt-strong:var(--graphite-canvas);--debt-violet:var(--graphite-accent);--designer-accent:var(--graphite-accent);--designer-bg-end:var(--graphite-canvas);--designer-bg-start:var(--graphite-canvas);--designer-text:var(--graphite-text);--glass-card:var(--graphite-surface);--glass-hover:var(--graphite-accent);--glass-panel:var(--graphite-surface);--glow-cyan:none;--glow-pink:none;--glow-purple:none;--green:var(--graphite-success);--info:var(--graphite-canvas);--iptv-amber:var(--graphite-warning);--iptv-blue:var(--graphite-accent);--iptv-canvas:var(--graphite-canvas);--iptv-cyan:var(--graphite-accent);--iptv-ink:var(--graphite-text);--iptv-line:var(--graphite-border);--iptv-mint:var(--graphite-canvas);--iptv-muted:var(--graphite-muted);--iptv-muted-strong:var(--graphite-muted);--iptv-raised:var(--graphite-canvas);--iptv-surface:var(--graphite-surface);--iptv-violet:var(--graphite-accent);--legend:var(--graphite-canvas);--line:var(--graphite-border);--line-soft:var(--graphite-border);--login-blue:var(--graphite-accent);--login-cyan:var(--graphite-accent);--login-green:var(--graphite-success);--login-violet:var(--graphite-accent);--metric:var(--graphite-canvas);--modern-bg:var(--graphite-canvas);--modern-border:var(--graphite-border);--modern-border-strong:var(--graphite-border);--modern-danger:var(--graphite-danger);--modern-muted:var(--graphite-muted);--modern-primary:var(--graphite-accent);--modern-primary-soft:var(--graphite-accent);--modern-shadow:none;--modern-shadow-float:none;--modern-success:var(--graphite-success);--modern-surface:var(--graphite-surface);--modern-surface-soft:var(--graphite-surface);--modern-text:var(--graphite-text);--modern-warning:var(--graphite-warning);--mp9-amber:var(--graphite-warning);--mp9-bg:var(--graphite-canvas);--mp9-blue:var(--graphite-accent);--mp9-cyan:var(--graphite-accent);--mp9-green:var(--graphite-success);--mp9-ink:var(--graphite-text);--mp9-line:var(--graphite-border);--mp9-line-strong:var(--graphite-border);--mp9-muted:var(--graphite-muted);--mp9-panel:var(--graphite-surface);--mp9-panel-2:var(--graphite-surface);--mp9-red:var(--graphite-danger);--mp9-strong:var(--graphite-canvas);--mp9-violet:var(--graphite-accent);--muted:var(--graphite-muted);--muted-panel:var(--graphite-muted);--neon-blue:var(--graphite-accent);--neon-border:var(--graphite-border);--neon-border-strong:var(--graphite-border);--neon-cyan:var(--graphite-accent);--neon-glow:none;--neon-glow-purple:none;--neon-green:var(--graphite-success);--neon-orange:var(--graphite-warning);--neon-pink:var(--graphite-accent);--neon-purple:var(--graphite-accent);--nm-accent:var(--graphite-accent);--nm-bg:var(--graphite-canvas);--nm-border:var(--graphite-border);--nm-danger:var(--graphite-danger);--nm-muted:var(--graphite-muted);--nm-panel:var(--graphite-surface);--nm-panel-2:var(--graphite-surface);--nm-purple:var(--graphite-accent);--nm-success:var(--graphite-success);--nm-text:var(--graphite-text);--nm-warning:var(--graphite-warning);--note:var(--graphite-canvas);--online-panel-bg:var(--graphite-border);--online-panel-border:var(--graphite-border);--online-panel-glow:none;--op-accent:var(--graphite-accent);--op-amber:var(--graphite-warning);--op-green:var(--graphite-success);--op-line:var(--graphite-border);--op-muted:var(--graphite-muted);--op-panel:var(--graphite-surface);--op-panel-2:var(--graphite-surface);--op-text:var(--graphite-text);--orange:var(--graphite-warning);--panel:var(--graphite-surface);--panel-2:var(--graphite-surface);--panel2:var(--graphite-surface);--pill:var(--graphite-canvas);--primary:var(--graphite-accent);--primary-2:var(--graphite-accent);--purple:var(--graphite-accent);--quota-amber:var(--graphite-warning);--quota-bg:var(--graphite-canvas);--quota-blue:var(--graphite-accent);--quota-cyan:var(--graphite-accent);--quota-green:var(--graphite-success);--quota-ink:var(--graphite-text);--quota-line:var(--graphite-border);--quota-line-strong:var(--graphite-border);--quota-muted:var(--graphite-muted);--quota-panel:var(--graphite-surface);--quota-panel-2:var(--graphite-surface);--quota-red:var(--graphite-danger);--quota-strong:var(--graphite-canvas);--quota-violet:var(--graphite-accent);--rd-bg:var(--graphite-canvas);--rd-blue:var(--graphite-accent);--rd-cyan:var(--graphite-accent);--rd-green:var(--graphite-success);--rd-line:var(--graphite-border);--rd-line-2:var(--graphite-border);--rd-muted:var(--graphite-muted);--rd-orange:var(--graphite-warning);--rd-panel:var(--graphite-surface);--rd-panel-2:var(--graphite-surface);--rd-purple:var(--graphite-accent);--rd-red:var(--graphite-danger);--rd-target-card:var(--graphite-surface);--rd-target-panel:var(--graphite-surface);--rd-text:var(--graphite-text);--red:var(--graphite-danger);--sb-accent:var(--graphite-accent);--sb-active:var(--graphite-accent);--sb-active-text:var(--graphite-accent);--sb-hover:var(--graphite-accent);--sb-icon:var(--graphite-accent);--sb-line:var(--graphite-border);--sb-line-strong:var(--graphite-border);--sb-muted:var(--graphite-muted);--sb-surface:var(--graphite-surface);--sb-surface-2:var(--graphite-surface);--sb-text:var(--graphite-text);--sd-amber:var(--graphite-warning);--sd-bg:var(--graphite-canvas);--sd-blue:var(--graphite-accent);--sd-border:var(--graphite-border);--sd-green:var(--graphite-success);--sd-muted:var(--graphite-muted);--sd-purple:var(--graphite-accent);--sd-red:var(--graphite-danger);--sd-shadow:none;--sd-soft:var(--graphite-canvas);--sd-surface:var(--graphite-surface);--sd-text:var(--graphite-text);--sec-accent:var(--graphite-accent);--sec-amber:var(--graphite-warning);--sec-bg:var(--graphite-canvas);--sec-blue:var(--graphite-accent);--sec-card:var(--graphite-surface);--sec-card-2:var(--graphite-surface);--sec-cyan:var(--graphite-accent);--sec-green:var(--graphite-success);--sec-line:var(--graphite-border);--sec-muted:var(--graphite-muted);--sec-panel:var(--graphite-surface);--sec-panel-2:var(--graphite-surface);--sec-red:var(--graphite-danger);--sec-soft:var(--graphite-canvas);--sec-text:var(--graphite-text);--series:var(--graphite-canvas);--set-amber:var(--graphite-warning);--set-bg:var(--graphite-canvas);--set-blue:var(--graphite-accent);--set-cyan:var(--graphite-accent);--set-green:var(--graphite-success);--set-ink:var(--graphite-text);--set-line:var(--graphite-border);--set-line-strong:var(--graphite-border);--set-muted:var(--graphite-muted);--set-panel:var(--graphite-surface);--set-panel-2:var(--graphite-surface);--set-red:var(--graphite-danger);--set-strong:var(--graphite-canvas);--set-violet:var(--graphite-accent);--sf-accent:var(--graphite-accent);--sf-bg:var(--graphite-canvas);--sf-line:var(--graphite-border);--sf-muted:var(--graphite-muted);--sf-panel:var(--graphite-surface);--sf-text:var(--graphite-text);--shadow:none;--shadow-soft:none;--shadow-strong:none;--shell-bg:var(--graphite-surface);--shell-bg2:var(--graphite-surface);--shell-line:var(--graphite-border);--status-color:var(--graphite-canvas);--success:var(--graphite-success);--surface-card:var(--graphite-surface);--surface-panel:var(--graphite-surface);--teal:var(--graphite-accent);--text:var(--graphite-text);--text-main:var(--graphite-text);--text-muted:var(--graphite-muted);--tm-bg:var(--graphite-canvas);--tm-blue:var(--graphite-accent);--tm-border:var(--graphite-border);--tm-green:var(--graphite-success);--tm-muted:var(--graphite-muted);--tm-panel:var(--graphite-surface);--tm-panel-2:var(--graphite-surface);--tm-purple:var(--graphite-accent);--tm-red:var(--graphite-danger);--tm-text:var(--graphite-text);--tm-yellow:var(--graphite-warning);--tone:var(--graphite-accent);--tone-blue:var(--graphite-accent);--tone-cyan:var(--graphite-accent);--tone-green:var(--graphite-success);--tone-orange:var(--graphite-warning);--tone-pink:var(--graphite-accent);--tone-purple:var(--graphite-accent);--tone-teal:var(--graphite-accent);--ui-bg:var(--graphite-canvas);--ui-bg-2:var(--graphite-canvas);--ui-border:var(--graphite-border);--ui-border-strong:var(--graphite-border);--ui-control:var(--graphite-surface);--ui-danger:var(--graphite-danger);--ui-elevated:var(--graphite-canvas);--ui-focus:var(--graphite-accent);--ui-hero-gradient:var(--graphite-canvas);--ui-info:var(--graphite-canvas);--ui-muted:var(--graphite-muted);--ui-muted-strong:var(--graphite-muted);--ui-overlay:var(--graphite-canvas);--ui-page-gradient:var(--graphite-canvas);--ui-primary:var(--graphite-accent);--ui-primary-2:var(--graphite-accent);--ui-shadow-lg:none;--ui-shadow-md:none;--ui-shadow-sm:none;--ui-success:var(--graphite-success);--ui-surface:var(--graphite-surface);--ui-surface-2:var(--graphite-surface);--ui-surface-solid:var(--graphite-surface);--ui-table-alt:var(--graphite-surface);--ui-table-head:var(--graphite-surface);--ui-table-hover:var(--graphite-accent);--ui-table-row:var(--graphite-surface);--ui-text:var(--graphite-text);--ui-text-soft:var(--graphite-text);--ui-warning:var(--graphite-warning);--warn:var(--graphite-warning);--warning:var(--graphite-warning);
}
/* Shared component appearance lives here; page files retain their layouts. */
html,body{font-family:var(--site-font,Tajawal,Cairo,Segoe UI,Tahoma,Arial,sans-serif);background:var(--graphite-canvas);color:var(--graphite-text);}
/* Navigation colors are scoped independently from page surfaces. */
.sidebar,.topbar{--graphite-canvas:var(--shell-surface);--graphite-surface:var(--shell-surface);--graphite-raised:var(--shell-hover);--graphite-text:var(--shell-ink);--graphite-muted:var(--shell-muted);--graphite-border:var(--shell-border);--graphite-accent:var(--shell-active);--graphite-active:var(--shell-hover);--graphite-on-accent:var(--shell-active-ink);--metric-icon-ink:var(--shell-ink);background:var(--graphite-surface);color:var(--graphite-text);border:1px solid var(--graphite-border);box-shadow:none;backdrop-filter:none;}
.sidebar{--component-sidebar-shadow:var(--sidebar-shadow,none);box-shadow:var(--component-sidebar-shadow);--graphite-canvas:var(--sidebar-surface,var(--shell-surface));--graphite-surface:var(--sidebar-surface,var(--shell-sidebar));--graphite-text:var(--sidebar-ink,var(--shell-ink));--graphite-muted:var(--sidebar-muted,var(--shell-muted));--graphite-raised:var(--sidebar-hover,var(--shell-hover));--graphite-border:var(--sidebar-border,var(--shell-border));--graphite-active:var(--sidebar-hover,var(--shell-hover));--graphite-accent:var(--sidebar-accent,var(--shell-active));--metric-icon-ink:var(--sidebar-ink,var(--shell-ink));--shell-active-bg:var(--dashboard-nav-active);--shell-active-ink:#fff}
.topbar{--graphite-surface:var(--dashboard-header);--graphite-text:var(--dashboard-header-ink);--graphite-muted:var(--dashboard-header-muted);--graphite-raised:var(--dashboard-header-hover);--graphite-border:var(--dashboard-header-border);--metric-icon-ink:var(--dashboard-header-ink)}
.sidebar>*{--graphite-surface:var(--sidebar-surface,var(--shell-surface))}
.topbar>*{--graphite-surface:var(--dashboard-header-hover)}
.sidebar :is(.nav-direct,.nav-parent,.nav-child,.nav-children>a){--nav-active-background:var(--shell-active-bg)}
.topbar .module-tab.active{--graphite-text:var(--dashboard-header-ink);--metric-icon-ink:var(--dashboard-header-ink);--nav-active-background:var(--dashboard-header-hover)}
.card,.panel,.modal-content,.modal-card,.swal2-popup{background:var(--graphite-surface);color:var(--graphite-text);border:1px solid var(--graphite-border);border-radius:12px;box-shadow:var(--ui-card-shadow);}
button,.btn{background:var(--graphite-surface);color:var(--graphite-text);border:1px solid var(--graphite-border);border-radius:12px;box-shadow:none;text-shadow:none;}
button:hover,.btn:hover{background:var(--graphite-raised);border-color:var(--graphite-accent);}
button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--graphite-accent);outline-offset:2px;}
.btn.primary,.btn-primary,button.primary,button[type=submit],button.active,.btn.active,button[aria-pressed=true],.bitcom-page-selected{background:var(--nav-active-background,var(--graphite-accent));color:var(--graphite-on-accent);border-color:var(--graphite-accent);}
.btn.primary:hover,.btn-primary:hover,button.primary:hover,button[type=submit]:hover{background:var(--graphite-accent-hover);}
button.danger,.btn.danger,.btn-danger{background:var(--graphite-danger-bg);color:var(--graphite-danger);border-color:var(--graphite-danger);}
button:disabled,.btn.disabled,button[aria-disabled=true]{background:var(--graphite-surface);color:var(--graphite-muted);border-color:var(--graphite-border);box-shadow:none;}
.nav-direct,.nav-parent,.nav-link,.nav-child,.module-tab,.nav-children>a,.module-switcher-item,.nav-tab,.tab,.page-link,.paginate_button,.dt-paging-button{background:transparent;color:var(--graphite-text);border:1px solid transparent;border-radius:12px;box-shadow:none;}
.nav-direct:hover,.nav-parent:hover,.nav-link:hover,.nav-child:hover,.module-tab:hover,.nav-children>a:hover,.module-switcher-item:hover,.nav-tab:hover,.tab:hover,.page-link:hover,.paginate_button:hover,.dt-paging-button:hover{background:var(--graphite-raised);border-color:var(--graphite-border);}
.nav-direct.active,.nav-parent.active,.nav-link.active,.nav-child.active,.module-tab.active,details[open]>.nav-parent,.nav-children>a.active,.module-switcher-item.active,.nav-tab.active,.tab.active,.page-link.active,.paginate_button.current,.dt-paging-button.current{background:var(--nav-active-background,var(--graphite-accent));color:var(--graphite-on-accent);border-color:var(--graphite-accent);}
input,select,textarea{background:var(--graphite-canvas);color:var(--graphite-text);border:1px solid var(--graphite-border);border-radius:12px;box-shadow:none;}
input:focus,select:focus,textarea:focus{border-color:var(--graphite-accent);}
input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly]{color:var(--graphite-muted);background:var(--graphite-surface);}
input[type=checkbox],input[type=radio]{accent-color:var(--graphite-accent);}
table{background:var(--graphite-surface);color:var(--graphite-text);border-color:var(--graphite-border);box-shadow:none;}
th{background:var(--graphite-canvas);color:var(--graphite-muted);border:0;border-bottom:1px solid var(--graphite-border);}
td{background:transparent;color:var(--graphite-text);border:0;border-bottom:1px solid var(--graphite-border);}
.bitcom-critical-active .topbar{background:var(--graphite-danger-bg);border-color:var(--graphite-danger);}
.has-critical#bitcomTopAlertBell{background:var(--graphite-danger-bg);color:var(--graphite-danger);border-color:var(--graphite-danger);}
.region-ajax-notice{margin:10px 0;padding:10px 12px;border:1px solid var(--graphite-border);border-radius:12px;background:var(--graphite-surface);color:var(--graphite-text);font-weight:900;}
.region-ajax-notice.danger{border-color:var(--graphite-danger);}
.graphite-status-danger{color:var(--graphite-danger);}.graphite-status-success{color:var(--graphite-success);}
.card-default-services{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;margin:0 0 8px;padding:10px;border:1px solid var(--graphite-border);border-radius:12px;background:var(--graphite-surface);position:relative;z-index:5;}
.card-default-services-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-weight:900;}
.card-default-services-status{color:var(--graphite-muted);font-weight:900;}


    .bitcom-toast-stack{position:fixed;z-index:100000;top:18px;left:50%;transform:translateX(-50%);display:grid;gap:10px;width:min(460px,calc(100vw - 28px));pointer-events:none;direction:rtl;}
    .bitcom-toast{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:11px;align-items:center;overflow:hidden;border-radius:12px;padding:13px 14px;border:1px solid var(--graphite-border);background:var(--graphite-surface);box-shadow:none;color:var(--graphite-text);pointer-events:auto;animation:bitcom-toast-in .18s ease-out both;}
    .bitcom-toast:after{content:"";position:absolute;inset:auto 0 0 auto;width:100%;height:3px;background:var(--graphite-surface);transform-origin:right;animation:bitcom-toast-bar var(--toast-time,3600ms) linear forwards;}
    .bitcom-toast.success{border-color:var(--graphite-success);background:var(--graphite-success-bg);box-shadow:none;}
    .bitcom-toast.info{border-color:var(--graphite-border);background:var(--graphite-surface);box-shadow:none;}
    .bitcom-toast.warning{border-color:var(--graphite-warning);background:var(--graphite-warning-bg);box-shadow:none;}
    .bitcom-toast-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--graphite-surface);box-shadow:none;font-size:18px;}
    .bitcom-toast-body{min-width:0;text-align:right;}.bitcom-toast-title{font-weight:950;font-size:13px;line-height:1.3;}.bitcom-toast-message{margin-top:3px;font-weight:850;font-size:14px;line-height:1.55;overflow-wrap:anywhere;}
    .bitcom-toast-close{width:28px;height:28px;border:0;border-radius:12px;background:var(--graphite-surface);color:var(--graphite-text);display:grid;place-items:center;cursor:pointer;font-weight:900;}
    .bitcom-toast.is-leaving{animation:bitcom-toast-out .16s ease-in forwards;}
    @keyframes bitcom-toast-in{from{opacity:0;transform:translateY(-12px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
    @keyframes bitcom-toast-out{to{opacity:0;transform:translateY(-8px) scale(.98);}}
    @keyframes bitcom-toast-bar{to{transform:scaleX(0);}}
  

      .bitcom-confirm-backdrop{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;background:var(--graphite-surface);backdrop-filter:none;}
      .bitcom-confirm-card{width:min(430px,calc(100vw - 32px));border:1px solid var(--graphite-border);border-radius:12px;background:var(--graphite-surface);box-shadow:var(--ui-card-shadow);color:var(--graphite-text);padding:22px;display:grid;gap:15px;text-align:center;}
      .bitcom-confirm-icon{width:54px;height:54px;margin:0 auto;border-radius:12px;display:grid;place-items:center;background:var(--graphite-surface);box-shadow:none;font-size:24px;color:var(--graphite-text);}
      .bitcom-confirm-card h3{margin:0;color:var(--graphite-text);font-size:20px;line-height:1.35;}
      .bitcom-confirm-card p{margin:8px 0 0;color:var(--graphite-text);font-size:14px;line-height:1.8;font-weight:800;}
      .bitcom-confirm-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
      .bitcom-confirm-actions button{min-width:128px;min-height:42px;font-weight:900;cursor:pointer;}
      .bitcom-confirm-ok{background:var(--graphite-success-bg);}
      .bitcom-confirm-cancel{background:var(--graphite-surface);}
    
/* Data bar fills have one shared owner; widths still express measured values. */
.progress b,.bandwidth-bar b,.rd2-meter b,.meter-fill,.usage-fill,.spark-fill,.server-meter-fill,.rd2-hour-bar i,.rd2-rank-track i{background:var(--graphite-accent);box-shadow:none;}

/* COLORFUL CARDS 04: one metric component, semantic tones in both palettes.
   Page sources keep their grid, spacing, numeric values and polling. */
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div){--metric-surface:var(--metric-blue-surface);--metric-icon-ink:var(--graphite-on-accent);--metric-ink:var(--metric-blue-ink);--metric-muted:var(--metric-blue-muted);--metric-line:var(--metric-blue-border);--metric-icon-bg:var(--metric-blue-icon);--graphite-text:var(--metric-ink);--graphite-muted:var(--metric-muted);--graphite-border:var(--metric-line);background:var(--metric-surface);color:var(--metric-ink);border:1px solid var(--metric-line);border-radius:12px;box-shadow:var(--ui-card-shadow);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div):where(:has(.fa-wifi,.fa-tower-broadcast,.fa-signal,.fa-network-wired,.fa-clock-rotate-left,.fa-bolt,.fa-user-clock)){--metric-surface:var(--metric-violet-surface);--metric-ink:var(--metric-violet-ink);--metric-muted:var(--metric-violet-muted);--metric-line:var(--metric-violet-border);--metric-icon-bg:var(--metric-violet-icon);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div):where(:has(.fa-credit-card,.fa-id-card,.fa-ticket,.fa-calendar-day,.fa-calendar-days,.fa-tv,.fa-film,.fa-database,.fa-hard-drive)){--metric-surface:var(--metric-teal-surface);--metric-ink:var(--metric-teal-ink);--metric-muted:var(--metric-teal-muted);--metric-line:var(--metric-teal-border);--metric-icon-bg:var(--metric-teal-icon);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div):where(:has(.fa-wallet,.fa-dollar-sign,.fa-shekel-sign,.fa-sheqel-sign,.fa-money-bill,.fa-money-bill-wave,.fa-coins,.fa-file-invoice-dollar,.fa-hand-holding-dollar,.fa-scale-balanced,.fa-percent)){--metric-surface:var(--metric-amber-surface);--metric-ink:var(--metric-amber-ink);--metric-muted:var(--metric-amber-muted);--metric-line:var(--metric-amber-border);--metric-icon-bg:var(--metric-amber-icon);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div)[data-metric-tone="blue"]{--metric-surface:var(--metric-blue-surface);--metric-icon-ink:var(--graphite-on-accent);--metric-ink:var(--metric-blue-ink);--metric-muted:var(--metric-blue-muted);--metric-line:var(--metric-blue-border);--metric-icon-bg:var(--metric-blue-icon);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div)[data-metric-tone="violet"]{--metric-surface:var(--metric-violet-surface);--metric-ink:var(--metric-violet-ink);--metric-muted:var(--metric-violet-muted);--metric-line:var(--metric-violet-border);--metric-icon-bg:var(--metric-violet-icon);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div)[data-metric-tone="teal"]{--metric-surface:var(--metric-teal-surface);--metric-ink:var(--metric-teal-ink);--metric-muted:var(--metric-teal-muted);--metric-line:var(--metric-teal-border);--metric-icon-bg:var(--metric-teal-icon);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div)[data-metric-tone="amber"]{--metric-surface:var(--metric-amber-surface);--metric-ink:var(--metric-amber-ink);--metric-muted:var(--metric-amber-muted);--metric-line:var(--metric-amber-border);--metric-icon-bg:var(--metric-amber-icon);}
:is(.rd2-kpi-title>i,.iptv-kpi>i,.sub-kpi-card>i,.support-kpi>i,.rh-kpi>i,.kpi>i,.charge-admin-metric-icon,.sales-metric-icon,.net-command-kpi-icon){background:transparent;color:var(--semantic-icon,var(--metric-icon-bg,var(--icon-info)));border-radius:0;display:inline-grid;place-items:center;filter:var(--semantic-icon-glow,none);}
:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div):where(:hover){box-shadow:var(--ui-card-shadow);}


:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div)[data-metric-tone="pink"]{--metric-surface:var(--metric-pink-surface);--metric-icon-ink:var(--graphite-on-accent);--metric-ink:var(--metric-pink-ink);--metric-muted:var(--metric-pink-muted);--metric-line:var(--metric-pink-border);--metric-icon-bg:var(--metric-pink-icon);}

:is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,.quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,.activity-kpis>article,.adv-summary-metrics>article,.ai-kpis>article,.audit-summary>article,.card-batch-kpis>article,.card-policy-metrics>article,.client-device-kpis>article,.comm-center-metrics>article,.commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.customer-app-kpis>article,.finance-kpi-grid>article,.finance-mini-kpis>article,.growth-kpis>article,.inventory-stats>article,.invoice-kpis>article,.iptv-share-kpis>article,.jawwal-kpis>article,.legacy-summary-cards>article,.maintenance-summary-grid>article,.manager-compact-stats>article,.manager-detail-kpis>article,.manager-report-mobile-kpis>article,.model-studio-kpis>article,.nas-summary>article,.net-device-kpis>article,.net-readiness-kpis>article,.net-system-summary>article,.network-map-noc-kpis>article,.network-tower-kpis>article,.nf-kpis>article,.nm-kpis>article,.noc-kpis>article,.official-kpis>article,.online-gateway-kpis>article,.online-sales-kpis>article,.ops-kpis>article,.permission-view-stats>article,.profit-kpis>article,.profit-period-kpis>article,.profit-tab-kpis>article,.progressive-report-kpis>article,.ra-kpis>article,.rdomain-kpis>article,.report-s06-kpis>article,.rreserve-kpis>article,.rroute-kpis>article,.sales-report-kpis>article,.service-change-review-metrics>article,.service-summary-strip>article,.smart-kpis>article,.sms-api-summary>article,.stats-grid>article,.subscriber-summary>article,.support-kpis>article,.tm-stats>article,.tv-report-kpis>article,.voip-kpis>article,.xtram-metrics>article,.stats-grid>.stat,.stats-grid>.stat-card,.legacy-summary-cards>div,.finance-kpi-grid>div,.growth-kpis>div)[data-metric-tone="cyan"]{--metric-surface:var(--metric-cyan-surface);--metric-icon-ink:var(--graphite-on-accent);--metric-ink:var(--metric-cyan-ink);--metric-muted:var(--metric-cyan-muted);--metric-line:var(--metric-cyan-border);--metric-icon-bg:var(--metric-cyan-icon);}
.rd2-kpi[data-rd-kpi-index="0"][data-metric-tone="blue"]{--metric-surface:var(--rd-online-surface,var(--metric-blue-surface));--metric-line:var(--rd-online-border,var(--metric-blue-border));--metric-icon-bg:var(--rd-online-icon,var(--metric-blue-icon));--metric-ink:var(--rd-online-ink,var(--metric-blue-ink));--metric-muted:var(--rd-online-muted,var(--metric-blue-muted));}

/* Shared shell components: one owner for every route. */

:is(.sidebar .module-sidebar-nav span>i,.rd2-card-head h2 i,.rd2-chart h2 i,.rd2-kpi-title i):is(.fa-calendar-days,.fa-sack-dollar,.fa-wallet,.fa-money-bill-transfer,.fa-scale-balanced,.fa-file-invoice-dollar,.fa-credit-card){--semantic-icon:var(--icon-success);}
:is(.sidebar .module-sidebar-nav span>i,.rd2-card-head h2 i,.rd2-chart h2 i,.rd2-kpi-title i):is(.fa-users,.fa-users-gear,.fa-user-tie,.fa-user-shield,.fa-user-check){--semantic-icon:var(--icon-people);}
:is(.sidebar .module-sidebar-nav span>i,.rd2-card-head h2 i,.rd2-chart h2 i,.rd2-kpi-title i):is(.fa-wifi,.fa-layer-group,.fa-box-open,.fa-boxes-stacked,.fa-tags,.fa-palette){--semantic-icon:var(--icon-offers);}
:is(.sidebar .module-sidebar-nav span>i,.rd2-card-head h2 i,.rd2-chart h2 i,.rd2-kpi-title i):is(.fa-network-wired,.fa-tower-broadcast,.fa-globe,.fa-route,.fa-server,.fa-signal){--semantic-icon:var(--icon-network);}
:is(.sidebar .module-sidebar-nav span>i,.rd2-card-head h2 i,.rd2-chart h2 i,.rd2-kpi-title i):is(.fa-calendar-day,.fa-screwdriver-wrench,.fa-toolbox,.fa-gear,.fa-clock-rotate-left,.fa-bell){--semantic-icon:var(--icon-warning);}
body:not(.login-body) .sidebar .module-sidebar-nav span>i{color:var(--semantic-icon,var(--icon-info));background:transparent;box-shadow:none;filter:var(--semantic-icon-glow);}
.radius-dash .rd2-alert>i{--metric-icon-bg:transparent;--metric-icon-filter:var(--semantic-icon-glow);filter:var(--metric-icon-filter);--metric-icon-ink:var(--icon-info);}
.radius-dash .rd2-alert:is(.warn,.warning)>i{--metric-icon-ink:var(--icon-warning);}
.radius-dash .rd2-alert:is(.bad,.danger,.error)>i{--metric-icon-ink:var(--icon-danger);}
.radius-dash .rd2-alert:is(.ok,.success)>i{--metric-icon-ink:var(--icon-success);}
.radius-dash .rd2-alert>i.fa-arrow-trend-down{--metric-icon-ink:var(--icon-danger);}
.radius-dash .rd2-alert>i.fa-arrow-trend-up{--metric-icon-ink:var(--icon-success);}

/* Sidebar identity uses the original banner asset, without CSS-drawn decoration. */
.sidebar .sidebar-brand{container-type:inline-size;display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;}
.sidebar .sidebar-brand-image{display:block;flex:0 0 auto;width:50px;height:auto;max-width:100%;object-fit:contain;filter:none;border:0;border-radius:0;background:transparent;box-shadow:none;}
.sidebar .sidebar-brand-copy{display:flex;flex-direction:column;min-width:0;gap:3px;text-align:start;}
.sidebar .sidebar-brand-copy strong{white-space:nowrap;}
.sidebar .sidebar-brand-copy small{color:var(--graphite-muted);white-space:nowrap;}
@container (max-width:120px){.sidebar-brand>.sidebar-brand-copy{display:none}.sidebar-brand>.sidebar-brand-image{width:36px}}

.bitcom-ai-toggle:is(:hover,:focus-visible),.bitcom-ai-float.open .bitcom-ai-toggle{background:var(--floating-hover);border-color:var(--icon-info)}
.bitcom-ai-toggle:focus-visible,.bitcom-style-toggle:focus-visible{outline:2px solid var(--icon-info);outline-offset:2px}
.bitcom-ai-float{bottom:max(18px,env(safe-area-inset-bottom))}
.bitcom-ai-box{max-height:calc(100dvh - 110px - env(safe-area-inset-bottom))}

.top-notice-control{--control-surface:var(--top-notice-surface);--control-border:var(--top-notice-border);--control-shadow:var(--top-notice-shadow);perspective:180px;transition:transform .16s ease,box-shadow .16s ease}
.top-notice-control>i{transform:translateZ(2px)}
.top-notice-control>strong{direction:ltr;unicode-bidi:isolate;position:absolute;top:2px!important;right:auto!important;left:2px!important;color:var(--top-notice-badge-ink);white-space:nowrap;line-height:1;z-index:2;pointer-events:none;font:900 12px/1 Arial,sans-serif;transform-origin:center}
#bitcomTopAlertBell>i{color:#f5b51b!important;filter:drop-shadow(0 2px 3px rgba(245,181,27,.38));text-shadow:none}#bitcomTopChat>i{color:#10bde8!important;filter:drop-shadow(0 2px 3px rgba(16,189,232,.35));text-shadow:none}
#bitcomTopAlertBell>strong{color:#b87500!important;text-shadow:0 1px 1px rgba(255,255,255,.88)}#bitcomTopChat>strong{color:#006f91!important;text-shadow:0 1px 1px rgba(255,255,255,.9)}html[data-theme="dark"] #bitcomTopAlertBell>strong{color:#fff1ad!important;text-shadow:0 1px 1px rgba(2,8,23,.96),0 0 4px rgba(255,212,94,.28)}html[data-theme="dark"] #bitcomTopChat>strong{color:#d9fbff!important;text-shadow:0 1px 1px rgba(2,8,23,.96),0 0 4px rgba(103,226,255,.3)}.top-notice-control>strong{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-width:0!important;width:auto!important;height:auto!important}
.top-notice-control:focus-visible{outline:2px solid var(--icon-info);outline-offset:3px}
.top-notice-control:active{transform:translateY(1px) scale(.96)!important}
.alerts-dropdown{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:min(580px,calc(100dvh - 100px));overflow-y:auto;direction:rtl}
.alerts-dropdown-head{position:sticky;top:0;z-index:2;background:var(--graphite-surface);padding:10px 4px}
.alert-drop-row.is-unread{border-inline-start:3px solid var(--icon-info)}
.alert-drop-row time{display:block;margin-top:4px;font-size:10px;color:var(--graphite-muted);direction:ltr;text-align:start}
.alert-drop-row a:focus-visible,.alerts-dropdown a:focus-visible,.alerts-dropdown button:focus-visible{outline:2px solid var(--icon-info);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.top-notice-control,.top-notice-control>i{transition:none!important;animation:none!important;transform:none!important}}

.top-chat-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:11px 8px;border-bottom:1px solid var(--graphite-border);text-decoration:none;color:var(--graphite-text);align-items:center;border-radius:8px}
.top-chat-row:hover,.top-chat-row:focus-visible{background:var(--graphite-raised)}
.top-chat-row.is-unread{border-inline-start:3px solid var(--icon-info)}
.top-chat-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--graphite-raised);color:var(--icon-info);border-radius:8px;overflow:hidden}
.top-chat-avatar img{width:100%;height:100%;object-fit:cover}
.top-chat-copy{min-width:0;display:grid;gap:4px}.top-chat-copy b{font-size:12px;overflow-wrap:anywhere}.top-chat-copy small{font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.top-chat-copy time{font-size:10px;color:var(--graphite-muted);direction:ltr;text-align:start}
.top-chat-unread{direction:ltr;unicode-bidi:isolate;font:700 10px Arial,sans-serif;background:var(--top-notice-badge);color:var(--top-notice-badge-ink);border-radius:8px;padding:4px}

html[data-theme] body:not(.login-body) .sidebar .sidebar-brand{flex:0 0 auto;margin:4px 7px 14px;min-height:77px;height:77px;padding:12px;border:1px solid var(--graphite-border);border-radius:12px;background:var(--graphite-surface);color:var(--graphite-text);box-shadow:none;position:relative}
html[data-theme] body:not(.login-body) .sidebar .sidebar-brand strong{font-size:22px;letter-spacing:0;line-height:1.2;font-weight:900}
html[data-theme] body:not(.login-body) .sidebar .sidebar-brand small{font-size:12px;line-height:1.5;letter-spacing:0;color:var(--graphite-muted)}
.bitcom-style-toggle,.bitcom-ai-toggle{--control-surface:var(--floating-surface);--control-border:var(--floating-border);--control-shadow:var(--floating-shadow)}
.bitcom-style-toggle:is(:hover,:focus-visible),.bitcom-ai-toggle:is(:hover,:focus-visible),.bitcom-style-dock.open .bitcom-style-toggle,.bitcom-ai-float.open .bitcom-ai-toggle{--control-surface:var(--floating-hover)}

/* The containing card owns the frame; nested table tools retain their dimensions. */
.card>.smart-table-tools,.card>.table-wrap,.card>.bulk-form>.bulk-bar{--table-shell-border:transparent}

/* Legacy stored icon names use glyphs from the installed Free font. */
.fa-router{--fa:"\f6ff"}
.fa-radar{--fa:"\f7c0"}
.fa-laptop-circle-xmark{--fa:"\f109"}
.fa-shield-check{--fa:"\f3ed"}
.fa-user-headset{--fa:"\f590"}
.fa-shield-keyhole{--fa:"\f3ed"}
.fa-folder-shield{--fa:"\e185"}
.fa-sparkles{--fa:"\e2ca"}
.fa-vector-square{--fa:"\f5ee"}
.fa-users-shield{--fa:"\f505"}
/* BRADIUS server summary feature card v2 */
.radius-dash .rd3-system{
 --rd3-card-bg-start:#071b3d;--rd3-card-bg-end:#172554;--rd3-card-edge:rgba(103,232,249,.34);
 --rd3-card-text:#f8fbff;--rd3-card-muted:#bae6fd;--rd3-card-track:rgba(2,10,28,.58);
 min-width:0;overflow:hidden;color:var(--rd3-card-text)!important;
 background:linear-gradient(145deg,var(--rd3-card-bg-start),var(--rd3-card-bg-end) 58%,#312e81)!important;
 border:1px solid var(--rd3-card-edge)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px rgba(7,22,47,.28)!important;
}
html:not([data-theme="dark"]) .radius-dash .rd3-system{
 --rd3-card-bg-start:#08285c;--rd3-card-bg-end:#173f82;--rd3-card-edge:rgba(56,189,248,.5);
 --rd3-card-text:#fff;--rd3-card-muted:#d7f3ff;--rd3-card-track:rgba(2,13,35,.55);
}
.radius-dash .rd3-system-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0!important}
.radius-dash .rd3-system-head>span{min-width:0;color:var(--rd3-card-text)!important;font-size:16px;font-weight:950!important;line-height:1.35}
.radius-dash .rd3-server-live{display:flex!important;align-items:center;gap:6px;margin-top:6px!important;color:var(--rd3-card-muted)!important;font-size:11px!important;font-weight:800;line-height:1.45;opacity:1!important}
.radius-dash .rd3-server-live>i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.8)}
.radius-dash .rd3-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;max-width:48%;padding:6px 9px;border:1px solid rgba(52,211,153,.42);border-radius:999px;background:rgba(6,78,59,.48)!important;color:#a7f3d0!important;font-size:11px;font-weight:900;line-height:1.3;text-align:center;white-space:normal}
.radius-dash .rd3-status.warn,.radius-dash .rd3-status.warning,.radius-dash .rd3-status.bad{border-color:rgba(251,191,36,.52);background:rgba(120,53,15,.5)!important;color:#fde68a!important}
.radius-dash .rd3-bars{display:grid;gap:11px!important;min-width:0}
.radius-dash .rd3-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"label value" "meter meter";align-items:center!important;gap:7px 10px!important;min-width:0;font-size:12px}
.radius-dash .rd3-bar>span{grid-area:label!important;display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--rd3-card-text)!important;font-weight:850!important;line-height:1.4;overflow-wrap:anywhere}
.radius-dash .rd3-bar>span i{flex:0 0 auto;width:18px;margin:0!important;text-align:center;color:#67e8f9!important;filter:drop-shadow(0 0 5px rgba(34,211,238,.35))}
.radius-dash .rd3-bar>strong{grid-area:value!important;justify-self:end;max-width:100%;padding:3px 8px!important;border:1px solid rgba(125,211,252,.32)!important;border-radius:8px!important;background:rgba(2,13,35,.54)!important;color:#f8fbff!important;font-size:11px;font-weight:950!important;line-height:1.35!important;text-shadow:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.radius-dash .rd3-bar[data-rd-server-metric="uptime"]>strong{color:#fde68a!important;border-color:rgba(251,191,36,.48)!important;background:rgba(120,53,15,.38)!important}
.radius-dash .rd3-meter{grid-area:meter!important;height:8px!important;margin:0!important;border:1px solid rgba(186,230,253,.16);border-radius:999px!important;background:var(--rd3-card-track)!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.52)!important;overflow:hidden}
.radius-dash .rd3-meter>b{display:block;height:100%;border-radius:inherit!important;background:linear-gradient(90deg,#0891b2,#22d3ee)!important;box-shadow:0 0 9px rgba(34,211,238,.48)!important}
.radius-dash .rd3-bar[data-rd-server-metric="memory"] .rd3-meter>b{background:linear-gradient(90deg,#059669,#34d399)!important;box-shadow:0 0 9px rgba(52,211,153,.42)!important}
.radius-dash .rd3-bar[data-rd-server-metric="disk"] .rd3-meter>b{background:linear-gradient(90deg,#7c3aed,#a78bfa)!important;box-shadow:0 0 9px rgba(167,139,250,.44)!important}
.radius-dash .rd3-bar[data-rd-server-metric="uptime"] .rd3-meter>b{background:linear-gradient(90deg,#d97706,#fbbf24)!important;box-shadow:0 0 8px rgba(251,191,36,.34)!important}
.radius-dash .rd3-system:is(:hover,:focus-within){border-color:rgba(103,232,249,.56)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 34px rgba(7,22,47,.34)!important}
html[dir="ltr"] .radius-dash .rd3-system{direction:ltr}
html[dir="rtl"] .radius-dash .rd3-system{direction:rtl}
@media(max-width:1100px) and (min-width:761px){.radius-dash .rd3-system{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center}.radius-dash .rd3-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px!important}}
@media(max-width:760px){.radius-dash .rd3-system{display:flex;min-height:0;padding:13px!important;gap:13px}.radius-dash .rd3-system-head>span{font-size:15px}.radius-dash .rd3-status{max-width:52%;padding:5px 8px}.radius-dash .rd3-bar{gap:6px 8px!important}.radius-dash .rd3-meter{height:8px!important}}
@media(max-width:390px){.radius-dash .rd3-system-head{align-items:stretch;flex-direction:column}.radius-dash .rd3-status{max-width:100%;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.radius-dash .rd3-system,.radius-dash .rd3-meter>b{transition:none!important}}
/* BITCOM Global Surface System v1 — scoped admin component families only. */
body:not(.login-body){
  --gss-blue:#168cff;--gss-cyan:#06b6d4;--gss-green:#10b981;--gss-amber:#f59e0b;
  --gss-violet:#8b5cf6;--gss-pink:#ec4899;--gss-teal:#14b8a6;
  --gss-panel-shadow:0 10px 28px color-mix(in srgb,#07162f 12%,transparent);
  --gss-raised-shadow:0 14px 34px color-mix(in srgb,#07162f 16%,transparent);
}
body:not(.login-body) :is(
 .online-sales-panel,.profit-panel,.sales-report-panel,.ops-panel,.iptv-panel,.iptv-map-card,
 .network-map-panel,.noc-panel,.nm-panel,.nf-panel,.rh-panel,.ra-panel,.rroute-panel,.rreserve-panel,.rdomain-panel,
 .support-panel,.maintenance-panel,.finance-panel,.inventory-panel,.invoice-panel,.crm-panel,.subscriber-panel,
 .manager-detail-panel,.permission-view-panel,.service-panel,.commercial-panel,.report-panel,.chart-panel
){
 border-color:color-mix(in srgb,var(--gss-tone,var(--gss-blue)) 20%,var(--graphite-border));
 border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--gss-tone,var(--gss-blue)) 4%,var(--graphite-surface)),var(--graphite-surface) 54%);
 box-shadow:var(--gss-panel-shadow);min-width:0;
}
body:not(.login-body) :is(
 .online-sales-panel,.profit-panel,.sales-report-panel,.ops-panel,.iptv-panel,.iptv-map-card,
 .network-map-panel,.noc-panel,.nm-panel,.nf-panel,.rh-panel,.ra-panel,.rroute-panel,.rreserve-panel,.rdomain-panel,
 .support-panel,.maintenance-panel,.finance-panel,.inventory-panel,.invoice-panel,.crm-panel,.subscriber-panel,
 .manager-detail-panel,.permission-view-panel,.service-panel,.commercial-panel,.report-panel,.chart-panel
):has(>header,>.panel-head,>.section-title-row,>.online-chart-head,>.profit-panel-head,>.ops-panel-head){position:relative;overflow:hidden;}
body:not(.login-body) :is(.online-chart-card,.profit-chart-wrap,.sales-chart-wrap,.ops-chart-wrap,.iptv-chart-card,.iptv-map-card,.network-map-canvas,.chart-wrap){
 border-color:color-mix(in srgb,var(--gss-tone,var(--gss-cyan)) 30%,var(--graphite-border));border-radius:14px;
 background:linear-gradient(150deg,color-mix(in srgb,var(--gss-tone,var(--gss-cyan)) 6%,var(--graphite-raised,var(--graphite-surface))),var(--graphite-surface) 62%);
 box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent),0 9px 24px color-mix(in srgb,var(--gss-tone,var(--gss-cyan)) 10%,transparent);
}
body:not(.login-body) :is(
 .adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,
 .mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.online-kpi-primary,.online-kpi-secondary,
 .quota-kpi,.ra-kpi,.rd2-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.sms-report-kpi,.stat,.stat-card,.sub-kpi-card,
 .summary-card,.support-kpi,.tawk-metric,.tm-stat,.tv-admin-kpi,
 .activity-kpis>article,.audit-summary>article,.card-batch-kpis>article,.client-device-kpis>article,.comm-center-metrics>article,
 .commercial-summary-strip>article,.core-kpis>article,.crm-kpis>article,.finance-kpi-grid>article,.inventory-stats>article,
 .iptv-share-kpis>article,.maintenance-summary-grid>article,.manager-detail-kpis>article,.nas-summary>article,
 .network-map-noc-kpis>article,.network-tower-kpis>article,.official-kpis>article,.online-gateway-kpis>article,
 .online-sales-kpis>article,.ops-kpis>article,.profit-kpis>article,.sales-report-kpis>article,.stats-grid>article,
 .subscriber-summary>article,.voip-kpis>article,.xtram-metrics>article
){
 position:relative;isolation:isolate;overflow:hidden;border-color:var(--metric-line,var(--graphite-border));border-radius:14px;
 background:var(--metric-surface,var(--graphite-surface));box-shadow:0 8px 22px color-mix(in srgb,var(--metric-icon-bg,var(--gss-blue)) 11%,transparent);
 transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body:not(.login-body) :is(
 .adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,
 .mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.quota-kpi,.ra-kpi,.rh-kpi,.sales-metric,
 .settlement-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tm-stat,.tv-admin-kpi
):hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--metric-icon-bg,var(--gss-blue)) 16%,transparent);}
body:not(.login-body) :is(.page-head,.section-title-row,.panel-head,.modal-head,.smart-table-toolbar,.subscriber-list-toolbar,.online-attempts-head,.online-section-head){
 border-color:color-mix(in srgb,var(--graphite-accent) 18%,var(--graphite-border));
}
body:not(.login-body) :is(.smart-table-tools,.filter-bar,.filter-panel,.search-panel,.toolbar-panel){
 border:1px solid color-mix(in srgb,var(--graphite-accent) 20%,var(--graphite-border));border-radius:13px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--graphite-accent) 4%,var(--graphite-surface)),var(--graphite-surface) 70%);
 box-shadow:0 6px 18px color-mix(in srgb,#07162f 8%,transparent);
}
body:not(.login-body) :is(.modal-card,.modal-content,.swal2-popup){box-shadow:0 26px 70px color-mix(in srgb,#020817 38%,transparent);border-color:color-mix(in srgb,var(--graphite-accent) 24%,var(--graphite-border));}
/* Tables stay neutral: only restrained header and row affordances. */
body:not(.login-body) :is(.table-wrap,.smart-table-wrap){background:var(--graphite-surface);border-color:var(--graphite-border);}
body:not(.login-body) table thead :is(th,td){background:color-mix(in srgb,var(--graphite-raised,var(--graphite-surface)) 72%,var(--graphite-surface));}
body:not(.login-body) table tbody tr:hover>td{background:color-mix(in srgb,var(--graphite-accent) 4%,var(--graphite-surface));}
html[data-theme="dark"] body:not(.login-body){--gss-panel-shadow:0 12px 32px rgba(2,8,23,.28);--gss-raised-shadow:0 18px 42px rgba(2,8,23,.38);}
html[data-theme="dark"] body:not(.login-body) :is(.modal-card,.modal-content,.swal2-popup){box-shadow:0 28px 76px rgba(2,8,23,.62);}
@media(max-width:760px){
 body:not(.login-body) :is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.quota-kpi,.ra-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tm-stat,.tv-admin-kpi):hover{transform:none;}
 body:not(.login-body) :is(.smart-table-tools,.filter-bar,.filter-panel,.search-panel,.toolbar-panel){box-shadow:none;}
}
@media(prefers-reduced-motion:reduce){body:not(.login-body) :is(.adv-metric-box,.bc-metric,.br-sec-kpi,.charge-admin-metric,.debt-kpi,.hpm-stat,.iptv-kpi,.kpi,.metric,.metric-card,.mp9-kpi,.net-command-kpi,.network-access-kpi,.nf-kpi,.nm-kpi,.noc-kpi,.quota-kpi,.ra-kpi,.rh-kpi,.sales-metric,.settlement-kpi,.stat,.stat-card,.sub-kpi-card,.summary-card,.support-kpi,.tm-stat,.tv-admin-kpi){transition:none;}body:not(.login-body) :is(.kpi,.metric,.stat,.stat-card):hover{transform:none;}}


/* BITCOM floating tools stack: theme directly above performance. */
html[data-theme] body:not(.login-body) .bitcom-style-dock.bitcom-style-dock{
  position:fixed!important;
  top:auto!important;
  right:auto!important;
  left:max(18px,env(safe-area-inset-left))!important;
  bottom:max(142px,calc(env(safe-area-inset-bottom) + 142px))!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  z-index:350000!important;
}
html[data-theme] body:not(.login-body) .bitcom-style-toggle.bitcom-style-toggle{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:12px!important;
  border:1px solid var(--floating-border)!important;
}
html[data-theme] body:not(.login-body) .bitcom-style-panel.bitcom-style-panel{
  top:auto!important;
  bottom:0!important;
  transform:translateX(-12px)!important;
}
html[data-theme][data-bitcom-dir="rtl"] body:not(.login-body) .bitcom-style-panel.bitcom-style-panel{
  left:58px!important;
  right:auto!important;
}
html[data-theme] body:not(.login-body) .bitcom-style-dock.open .bitcom-style-panel.bitcom-style-panel{
  transform:translateX(0)!important;
}
@media(max-width:720px){
  html[data-theme] body:not(.login-body) .bitcom-style-dock.bitcom-style-dock{
    left:max(10px,env(safe-area-inset-left))!important;
    bottom:max(136px,calc(env(safe-area-inset-bottom) + 136px))!important;
  }
  html[data-theme] body:not(.login-body) .bitcom-style-toggle.bitcom-style-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  html[data-theme][data-bitcom-dir="rtl"] body:not(.login-body) .bitcom-style-panel.bitcom-style-panel{
    left:52px!important;
  }
}

/* BITCOM floating tools: flush-left unified rail. */
html[data-theme] body:not(.login-body) :is(.bitcom-style-dock,.bitcom-performance-link,.bitcom-ai-float){left:0!important;right:auto!important;}
html[data-theme] body:not(.login-body) :is(.bitcom-style-toggle,.bitcom-performance-link,.bitcom-ai-toggle){border-left:0!important;border-radius:0 12px 12px 0!important;}

/* Keep the unified floating rail above full-screen maps and overlays. */
html[data-theme] body:not(.login-body) .bitcom-ai-float{z-index:350001!important;isolation:isolate!important;}
html[data-theme] body:not(.login-body) .bitcom-performance-link{z-index:350002!important;isolation:isolate!important;}
html[data-theme] body:not(.login-body) .bitcom-style-dock{z-index:350003!important;isolation:isolate!important;}


/* Final flush-left rail geometry and stacking. */
html[data-theme][data-bitcom-theme] body:not(.login-body) .bitcom-ai-float.bitcom-ai-float{left:0!important;right:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;z-index:350001!important;isolation:isolate!important;}
html[data-theme][data-bitcom-theme] body:not(.login-body) .bitcom-performance-link.bitcom-performance-link{left:0!important;right:auto!important;bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px))!important;z-index:350002!important;isolation:isolate!important;}
html[data-theme][data-bitcom-theme] body:not(.login-body) .bitcom-style-dock.bitcom-style-dock{left:0!important;right:auto!important;top:auto!important;bottom:max(134px,calc(env(safe-area-inset-bottom) + 134px))!important;transform:none!important;z-index:350003!important;isolation:isolate!important;}
html[data-theme][data-bitcom-theme] body:not(.login-body) :is(.bitcom-ai-toggle.bitcom-ai-toggle,.bitcom-performance-link.bitcom-performance-link,.bitcom-style-toggle.bitcom-style-toggle){width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-left:0!important;border-radius:0 12px 12px 0!important;}
html[data-theme][data-bitcom-theme][data-bitcom-dir="rtl"] body:not(.login-body) .bitcom-style-panel.bitcom-style-panel{left:58px!important;right:auto!important;top:auto!important;bottom:0!important;transform:translateX(-12px)!important;}
html[data-theme][data-bitcom-theme] body:not(.login-body) .bitcom-style-dock.open .bitcom-style-panel.bitcom-style-panel{transform:translateX(0)!important;}
@media(max-width:720px){html[data-theme][data-bitcom-theme] body:not(.login-body) .bitcom-ai-float.bitcom-ai-float{left:0!important;bottom:max(12px,env(safe-area-inset-bottom))!important;}html[data-theme][data-bitcom-theme] body:not(.login-body) .bitcom-performance-link.bitcom-performance-link{left:0!important;bottom:max(66px,calc(env(safe-area-inset-bottom) + 66px))!important;}html[data-theme][data-bitcom-theme] body:not(.login-body) .bitcom-style-dock.bitcom-style-dock{left:0!important;bottom:max(120px,calc(env(safe-area-inset-bottom) + 120px))!important;}html[data-theme][data-bitcom-theme] body:not(.login-body) :is(.bitcom-ai-toggle.bitcom-ai-toggle,.bitcom-performance-link.bitcom-performance-link,.bitcom-style-toggle.bitcom-style-toggle){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;}html[data-theme][data-bitcom-theme][data-bitcom-dir="rtl"] body:not(.login-body) .bitcom-style-panel.bitcom-style-panel{left:52px!important;}}