/* NexoraHosting V241 — scoped admin screen styling; no business logic. */
body.dashboard-body.admin-mode{
 --nx241-surface:var(--nx237-panel,#102438);--nx241-text:var(--nx237-ink,#eaf3ff);
 --nx241-muted:var(--nx237-muted,#a4b8cb);--nx241-stroke:var(--nx237-border,#294159);
 --nx241-orange:#ff8b32;--nx241-radius:16px;
}
/* Keep all admin content within its container and avoid incidental horizontal overflow. */
body.dashboard-body.admin-mode .content{min-width:0;overflow-wrap:break-word}
body.dashboard-body.admin-mode .content :is(.card,.panel,.table-wrap,.form-card,.dashboard-card,.section,.v221-panel){min-width:0;max-width:100%}
body.dashboard-body.admin-mode .content :is(.table-wrap,.table-responsive,.data-table-wrap){overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
body.dashboard-body.admin-mode .content table{border-collapse:separate;border-spacing:0;max-width:100%;font-variant-numeric:tabular-nums}
body.dashboard-body.admin-mode .content table :is(th,td){vertical-align:middle}
body.dashboard-body.admin-mode .content table thead th{font-weight:760;letter-spacing:.035em}
body.dashboard-body.admin-mode .content table tbody tr:last-child td{border-bottom:0}
body.dashboard-body.admin-mode .content :is(.card,.panel,.form-card,.table-wrap,.v221-panel){background:var(--nx241-surface);color:var(--nx241-text);border:1px solid var(--nx241-stroke);border-radius:var(--nx241-radius)}
body.dashboard-body.admin-mode .content :is(.card,.panel,.form-card,.v221-panel) :is(h2,h3,h4){color:var(--nx241-text);line-height:1.28}
body.dashboard-body.admin-mode .content :is(.page-title,.page-heading,.content-header,.section-header){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-width:0}
body.dashboard-body.admin-mode .content :is(.filters,.filter-bar,.filter-row,.table-filters,.toolbar,.page-actions,.action-bar){display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0}
body.dashboard-body.admin-mode .content :is(.filters,.filter-bar,.filter-row,.table-filters) :is(input,select){min-width:150px;max-width:100%;flex:1 1 180px}
body.dashboard-body.admin-mode .content :is(.input,.select,.form-control,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
body.dashboard-body.admin-mode .content :is(input[type=checkbox],input[type=radio]){width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;vertical-align:middle;accent-color:var(--nx241-orange);flex:none}
body.dashboard-body.admin-mode .content :is(.badge,.status-badge,.pill){white-space:normal;display:inline-flex;align-items:center;gap:5px;max-width:100%}
body.dashboard-body.admin-mode .content :is(.btn,button,a){transition:background-color .16s ease,border-color .16s ease,color .16s ease}
body.dashboard-body.admin-mode .content :is(.btn,button,a):focus-visible{outline:2px solid var(--nx241-orange);outline-offset:3px}
/* Specific high-traffic admin routes. Each route uses the same surface system, rather than ad-hoc colors. */
body.admin-mode:is([data-route='/admin/orders'],[data-route='/admin/users'],[data-route='/admin/packages'],[data-route='/admin/products'],[data-route='/admin/invoices'],[data-route='/admin/services'],[data-route='/admin/tickets'],[data-route='/admin/settings']) .content :is(.stats-grid,.summary-grid,.kpi-grid,.stat-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px}
body.admin-mode:is([data-route='/admin/orders'],[data-route='/admin/users'],[data-route='/admin/packages'],[data-route='/admin/invoices'],[data-route='/admin/services'],[data-route='/admin/tickets']) .content :is(.stat-card,.kpi-card,.summary-card){border:1px solid var(--nx241-stroke);background:var(--nx241-surface);border-radius:16px;min-width:0}
body.admin-mode:is([data-route='/admin/orders'],[data-route='/admin/invoices'],[data-route='/admin/services'],[data-route='/admin/tickets']) .content :is(.status,.status-pill,.state,.status-badge){font-weight:720;line-height:1.4}
body.admin-mode[data-route='/admin/packages'] .content :is(.product-grid,.packages-grid,.package-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}
body.admin-mode[data-route='/admin/settings'] .content :is(.settings-grid,.settings-layout,.form-grid){min-width:0}
body.admin-mode[data-route='/admin/settings'] .content fieldset{max-width:100%;min-width:0;border:1px solid var(--nx241-stroke);border-radius:15px;padding:18px}
body.admin-mode[data-route='/admin/settings'] .content legend{font-weight:760;color:var(--nx241-text);padding:0 8px}
/* Theme-aware text: keep legacy content readable without altering component semantics. */
body.admin-mode[data-theme=light]{--nx241-surface:#fff;--nx241-text:#203149;--nx241-muted:#687b91;--nx241-stroke:#e1e8f1}
body.admin-mode[data-theme=dark]{--nx241-surface:#11263a;--nx241-text:#ebf3ff;--nx241-muted:#a6bad0;--nx241-stroke:#2b4358}
@media(max-width:760px){body.dashboard-body.admin-mode .content :is(.card,.panel,.form-card,.v221-panel){border-radius:14px}body.dashboard-body.admin-mode .content :is(.filters,.filter-bar,.filter-row,.toolbar,.page-actions)>*{max-width:100%}body.dashboard-body.admin-mode .content :is(.filters,.filter-bar,.filter-row) :is(input,select){flex-basis:100%;width:100%}}
@media(prefers-reduced-motion:reduce){body.dashboard-body.admin-mode .content :is(.btn,button,a){transition:none}}
