/* assets/css/ua_extracted_pages.css
   v12: page-by-page extracted UI structure.
   This file styles only pages that were explicitly marked with ua-extracted-page / ua-manual-page.
   It does not auto-scan or rewrite the DOM. */

body.ua-authed .content-wrapper.ua-extracted-page,
body.ua-authed .content-wrapper.ua-manual-page{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
  direction:rtl;
  text-align:right;
}
.ua-extracted-page .ua-extracted-content,
.ua-manual-page .ua-manual-content,
.ua-extracted-page > .content,
.ua-manual-page > .content{
  padding:10px 12px 22px !important;
}
.ua-extracted-page .container-fluid,
.ua-manual-page .container-fluid{
  max-width:1320px;
  margin-inline:auto;
}
.ua-extracted-head,
.ua-manual-head{
  max-width:1320px;
  margin:0 auto 12px !important;
  padding:13px 16px !important;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(9,18,34,.98), rgba(15,35,68,.96));
  border:1px solid rgba(255,210,80,.20);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.ua-extracted-head h1,
.ua-manual-head h1{
  margin:0 !important;
  font-size:1.16rem !important;
  line-height:1.45;
  font-weight:900 !important;
  color:#fff !important;
}
.ua-extracted-head p,
.ua-manual-head p,
.ua-extracted-head .text-muted,
.ua-manual-head .text-muted{
  margin:3px 0 0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:.84rem;
  line-height:1.65;
}
.ua-head-actions,
.ua-manual-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ua-extracted-page .row,
.ua-manual-page .row{row-gap:12px}
.ua-extracted-page .card,
.ua-manual-page .card,
.ua-box-converted{
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 10px 22px rgba(15,23,42,.055) !important;
  overflow:hidden;
  margin-bottom:12px !important;
}
.ua-extracted-page .card-header,
.ua-manual-page .card-header,
.ua-card-titlebar{
  padding:11px 14px !important;
  min-height:auto !important;
  border-bottom:1px solid rgba(15,23,42,.07) !important;
  background:linear-gradient(180deg,#fff,#f8fafc) !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.ua-extracted-page .card-body,
.ua-manual-page .card-body{
  padding:13px 14px !important;
}
.ua-extracted-page .card-footer,
.ua-manual-page .card-footer{
  padding:10px 14px !important;
  background:#f8fafc !important;
  border-top:1px solid rgba(15,23,42,.07) !important;
}
.ua-card-title,
.ua-extracted-page .card-title,
.ua-extracted-page .box-title,
.ua-manual-page .card-title{
  margin:0 !important;
  color:#0f172a !important;
  font-size:.98rem !important;
  font-weight:900 !important;
  line-height:1.5;
}
.ua-extracted-page label,
.ua-manual-page label{
  font-size:.86rem;
  font-weight:800;
  color:#0f172a;
  margin-bottom:5px;
}
.ua-extracted-page .form-control,
.ua-extracted-page .form-select,
.ua-manual-page .form-control,
.ua-manual-page .form-select{
  min-height:38px;
  border-radius:11px !important;
  border:1px solid #d7deea !important;
  background:#fbfdff;
  font-size:.9rem;
  box-shadow:none !important;
}
.ua-extracted-page textarea.form-control,
.ua-manual-page textarea.form-control{min-height:82px}
.ua-extracted-page .form-group,
.ua-extracted-page .ua-field,
.ua-manual-page .form-group,
.ua-manual-page .ua-field{margin-bottom:10px !important}
.ua-extracted-page .btn,
.ua-manual-page .btn{
  border-radius:11px !important;
  font-weight:800;
  padding:.42rem .72rem;
  font-size:.88rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  vertical-align:middle;
}
.ua-extracted-page .btn-sm,
.ua-extracted-page .btn-xs,
.ua-manual-page .btn-sm,
.ua-manual-page .btn-xs{padding:.32rem .56rem !important;font-size:.78rem !important;border-radius:9px !important}
.ua-extracted-page .btn-block,
.ua-manual-page .btn-block{display:flex;width:100%}
.ua-extracted-page .table-responsive,
.ua-manual-page .table-responsive{
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  overflow:auto;
}
.ua-extracted-page .table,
.ua-manual-page .table{margin-bottom:0 !important;font-size:.86rem;vertical-align:middle;background:#fff}
.ua-extracted-page .table thead th,
.ua-manual-page .table thead th{
  background:#f8fafc !important;
  color:#0f172a;
  font-weight:900;
  border-bottom:1px solid #e2e8f0 !important;
  white-space:nowrap;
}
.ua-extracted-page .table td,
.ua-extracted-page .table th,
.ua-manual-page .table td,
.ua-manual-page .table th{padding:8px 10px !important;border-color:#edf2f7 !important}
.ua-extracted-page .alert,
.ua-manual-page .alert{border:0;border-radius:14px;padding:10px 12px;margin-bottom:12px;font-weight:800}
.ua-extracted-page .badge,
.ua-manual-page .badge{border-radius:999px;padding:.38rem .55rem;font-weight:800}
.ua-extracted-page .nav-tabs,
.ua-manual-page .nav-tabs{border:0;gap:6px;margin-bottom:12px}
.ua-extracted-page .nav-tabs .nav-link,
.ua-manual-page .nav-tabs .nav-link{border:1px solid #e2e8f0;border-radius:999px;color:#334155;font-weight:800;background:#fff;padding:.42rem .8rem}
.ua-extracted-page .nav-tabs .nav-link.active,
.ua-manual-page .nav-tabs .nav-link.active{background:#111827;color:#ffd24a;border-color:rgba(255,210,80,.36)}
.ua-grid-2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:12px;align-items:start}
.ua-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ua-compact-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ua-muted-note{font-size:.82rem;color:#64748b;line-height:1.7;margin:0}
.ua-state-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:900;background:#f1f5f9;color:#334155}
.ua-state-pill.is-on{background:#dcfce7;color:#166534}.ua-state-pill.is-off{background:#fee2e2;color:#991b1b}
@media (max-width:1100px){.ua-grid-2,.ua-grid-3{grid-template-columns:1fr}.ua-extracted-head,.ua-manual-head{align-items:flex-start}}

/* Phase 9 V2 guard: legacy extracted-page whites must not cover dark V2 pages. */
body.ua-design-v2 .ua-extracted-page :where(.card,.box,.panel,.well,.ua-box-converted,.table-responsive,.modal-content),
body.ua-design-v2 .ua-manual-page :where(.card,.box,.panel,.well,.ua-box-converted,.table-responsive,.modal-content){
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2)) !important;
  color:var(--ua-ds-text) !important;
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft)) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.card-header,.card-footer,.box-header,.box-footer,.panel-heading,.panel-footer,.ua-card-titlebar),
body.ua-design-v2 .ua-manual-page :where(.card-header,.card-footer,.box-header,.box-footer,.panel-heading,.panel-footer,.ua-card-titlebar){
  border-color:var(--ua-ds-line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018)) !important;
  color:var(--ua-ds-title) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.card-title,.box-title,.ua-card-title,h1,h2,h3,h4,h5,h6,label),
body.ua-design-v2 .ua-manual-page :where(.card-title,.box-title,.ua-card-title,h1,h2,h3,h4,h5,h6,label){
  color:var(--ua-ds-title) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.text-muted,.small,small,.ua-muted-note),
body.ua-design-v2 .ua-manual-page :where(.text-muted,.small,small,.ua-muted-note){
  color:var(--ua-ds-muted) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]),select,textarea),
body.ua-design-v2 .ua-manual-page :where(.form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-color:var(--ua-ds-line) !important;
  background:var(--ua-ds-input) !important;
  color:var(--ua-ds-text) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.table),
body.ua-design-v2 .ua-manual-page :where(.table){
  background:transparent !important;
  color:var(--ua-ds-text) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.table thead th),
body.ua-design-v2 .ua-manual-page :where(.table thead th){
  background:var(--ua-ds-table-head) !important;
  color:var(--ua-ds-title) !important;
  border-color:var(--ua-ds-line) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.table td,.table th),
body.ua-design-v2 .ua-manual-page :where(.table td,.table th){
  background:transparent !important;
  color:var(--ua-ds-text) !important;
  border-color:var(--ua-ds-line) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.nav-tabs .nav-link),
body.ua-design-v2 .ua-manual-page :where(.nav-tabs .nav-link){
  border-color:var(--ua-ds-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--ua-ds-text) !important;
}
body.ua-design-v2 .ua-extracted-page :where(.nav-tabs .nav-link.active),
body.ua-design-v2 .ua-manual-page :where(.nav-tabs .nav-link.active){
  background:color-mix(in srgb,var(--ua-accent) 18%,transparent) !important;
  color:var(--ua-ds-title) !important;
}

/* Subscriber child modal unified compact skin - 2026-05-20
   Source-of-truth for pages opened from subscribers.php inside the modal only. */
body.ua-subscriber-modal-embed{
  --ua-sub-bg-1:#0b6b64;
  --ua-sub-bg-2:#075450;
  --ua-sub-bg-3:#04383c;
  --ua-sub-panel-1:rgba(8,88,83,.94);
  --ua-sub-panel-2:rgba(5,61,62,.98);
  --ua-sub-field:rgba(2,43,47,.94);
  --ua-sub-field-2:rgba(3,50,54,.86);
  --ua-sub-border:rgba(153,246,228,.22);
  --ua-sub-border-soft:rgba(153,246,228,.14);
  --ua-sub-text:#f4fffc;
  --ua-sub-muted:rgba(226,255,250,.76);
  --ua-sub-accent:#2dd4bf;
  --ua-sub-gold:#f6c347;
  background:linear-gradient(135deg,var(--ua-sub-bg-1) 0%,var(--ua-sub-bg-2) 48%,var(--ua-sub-bg-3) 100%)!important;
  color:var(--ua-sub-text)!important;
  direction:rtl!important;
  overflow:auto!important;
  scrollbar-color:rgba(45,212,191,.72) rgba(2,23,26,.55)!important;
}
html:has(> body.ua-subscriber-modal-embed){background:#075450!important;}
body.ua-subscriber-modal-embed::-webkit-scrollbar{width:10px!important;height:10px!important}
body.ua-subscriber-modal-embed::-webkit-scrollbar-track{background:rgba(2,23,26,.55)!important;border-radius:999px!important}
body.ua-subscriber-modal-embed::-webkit-scrollbar-thumb{background:rgba(45,212,191,.72)!important;border-radius:999px!important;border:2px solid rgba(2,23,26,.55)!important}

body.ua-subscriber-modal-embed,
body.ua-subscriber-modal-embed > .ua-shell,
body.ua-subscriber-modal-embed .ua-shell,
body.ua-subscriber-modal-embed .ua-shell.ua-embed,
body.ua-subscriber-modal-embed .ua-main,
body.ua-subscriber-modal-embed .ua-page,
body.ua-subscriber-modal-embed .content-wrapper,
body.ua-subscriber-modal-embed .content-wrapper.ua-manual-page,
body.ua-subscriber-modal-embed .content-wrapper.ua-extracted-page,
body.ua-subscriber-modal-embed .content-wrapper.ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page section.content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page > .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container-fluid,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-shell,.history-wrap,.sa-wrap,.ua-history-clear-shell,.ua-extracted-content,.ua-manual-content,.tab-content,.tab-pane,.form-row){
  background:transparent!important;
  background-color:transparent!important;
  color:var(--ua-sub-text)!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
body.ua-subscriber-modal-embed > .ua-shell,
body.ua-subscriber-modal-embed .ua-shell.ua-embed{
  min-height:100vh!important;
  padding:0!important;
  background:linear-gradient(135deg,var(--ua-sub-bg-1) 0%,var(--ua-sub-bg-2) 48%,var(--ua-sub-bg-3) 100%)!important;
}
body.ua-subscriber-modal-embed .ua-main,
body.ua-subscriber-modal-embed .ua-page,
body.ua-subscriber-modal-embed .content-wrapper.ua-subscriber-child-page{
  min-height:100vh!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow-x:hidden!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page section.content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page > .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .content{
  padding:8px 10px 12px!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container-fluid{
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
}
body.ua-subscriber-modal-embed .ua-subnav[data-ua-subnav-canonical="1"],
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.content-header,.breadcrumb,.ua-page-header),
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-shell > .d-flex:first-child,.ua-history-clear-shell > .d-flex:first-child),
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(a[href*="subscribers.php"],button[onclick*="history.back"],a[onclick*="history.back"]):not([data-ua-keep-back]){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card,.box,.panel,.history-card,.ua-history-clear-card,.sa-card,.sa-summary,.sa-kpi,.mt-sync-shell,.mt-report-card,.ua-import-progress,.table-responsive,.modal-content,.list-group-item,.accordion-item,.bg-white,.bg-light,.alert-light,.alert-secondary,[style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"],[style*="background:white"],[style*="background: white"],[style*="background:#d9f6ff"],[style*="background: #d9f6ff"]){
  background:linear-gradient(180deg,var(--ua-sub-panel-1),var(--ua-sub-panel-2))!important;
  background-color:#053d3e!important;
  color:var(--ua-sub-text)!important;
  border:1px solid var(--ua-sub-border)!important;
  border-radius:13px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card,.box,.panel,.history-card,.ua-history-clear-card,.sa-card,.mt-sync-shell,.mt-report-card){
  overflow:hidden!important;
  margin:0 0 9px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card-header,.card-footer,.box-header,.panel-heading,.modal-header,.modal-footer,.sa-card-head,.mt-report-head){
  background:rgba(2,38,43,.42)!important;
  border-color:var(--ua-sub-border-soft)!important;
  color:var(--ua-sub-text)!important;
  min-height:0!important;
  padding:8px 11px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card-body,.sa-card-body){
  background:transparent!important;
  color:var(--ua-sub-text)!important;
  padding:10px 12px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.sa-hero,.ua-compact-hero,.ua-extracted-head,.ua-manual-head){
  background:linear-gradient(135deg,rgba(13,116,108,.92),rgba(7,75,76,.96))!important;
  border:1px solid var(--ua-sub-border)!important;
  border-radius:13px!important;
  color:var(--ua-sub-text)!important;
  padding:10px 12px!important;
  margin-bottom:10px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-title,.ua-history-clear-title,.sa-card-head h3,.card-title,.card-header h3,.card-header h5,.mt-sync-title,h1,h2,h3,h4,h5,h6){
  color:var(--ua-sub-text)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.24)!important;
  line-height:1.35!important;
  margin-top:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-title,.ua-history-clear-title,.sa-card-head h3,.card-title,.card-header h3,.card-header h5,.mt-sync-title){
  font-size:14.4px!important;
  font-weight:900!important;
  margin-bottom:8px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(label,.form-label,.sa-field label){
  color:rgba(226,255,250,.88)!important;
  display:block!important;
  margin:0 0 3px!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.text-muted,.small,small,.history-meta small,.sa-field small,.sa-kpi-title,.history-meta,.mt-sync-subtitle,.mt-stat .label,.mt-empty-report){
  color:var(--ua-sub-muted)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(p,span,div,small,td,th,li){color:inherit;}

body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.row,.sa-form-grid,.history-meta,.ua-history-clear-grid,.history-grid){
  gap:8px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .row{
  margin-inline:0!important;
  --bs-gutter-x:8px!important;
  --bs-gutter-y:8px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page [class*="col-"]{
  padding-inline:4px!important;
}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;
  gap:8px!important;
  margin:0 0 8px!important;
  align-items:start!important;
}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row.mt-3,
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row.mt-3{margin-top:0!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row > [class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:initial!important;
  padding:0!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row > :is(.col-12,.col-md-12,.col-lg-12),
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row > :is(.col-12,.col-md-12,.col-lg-12){grid-column:1/-1!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid.sa-3,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-meta,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .ua-history-clear-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-pill,.ua-history-clear-stat,.ua-history-clear-option,.sa-field,.sa-summary,.sa-kpi,.mt-stat,.form-group,.ua-field,.ua-subscriber-view .row.g-3 > [class*="col-"],.ua-sub-child-view .row.g-3 > [class*="col-"]){
  min-height:32px!important;
  padding:6px 9px!important;
  margin-bottom:6px!important;
  border-radius:10px!important;
  background:var(--ua-sub-field-2)!important;
  border:1px solid var(--ua-sub-border-soft)!important;
  box-shadow:none!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  line-height:1.35!important;
  text-align:right!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill small,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-label{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  min-width:118px!important;
  max-width:48%!important;
  color:var(--ua-sub-muted)!important;
  font-size:11.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-value{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  color:var(--ua-child-title)!important;
  font-size:13px!important;
  font-weight:800!important;
  direction:ltr!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill:not(:has(.history-pill-value)){
  font-size:13px!important;
  font-weight:800!important;
}

body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){
  min-height:31px!important;
  height:auto!important;
  padding:.28rem .52rem!important;
  border-radius:8px!important;
  background:var(--ua-sub-field)!important;
  color:var(--ua-child-title)!important;
  border:1px solid rgba(153,246,228,.26)!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  line-height:1.34!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea,
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea.form-control{
  min-height:54px!important;
  resize:vertical!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input,select,textarea,.form-control,.form-select)::placeholder{color:rgba(226,255,250,.48)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input,select,textarea,.form-control,.form-select):focus{
  border-color:rgba(94,234,212,.62)!important;
  box-shadow:0 0 0 .14rem rgba(45,212,191,.14)!important;
  outline:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page select option{background:#05383b!important;color:var(--ua-child-title)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .form-check{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:32px!important;
  padding:6px 9px!important;
  margin:0!important;
  border:1px solid var(--ua-sub-border-soft)!important;
  border-radius:9px!important;
  background:rgba(3,50,54,.58)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .form-check-input,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input[type="checkbox"],input[type="radio"]){
  accent-color:var(--ua-sub-accent)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .form-check-input{
  float:none!important;
  margin:0!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .form-check-label{margin:0!important;font-size:12px!important;line-height:1.35!important;}

body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(form > .mt-4.d-flex,.ua-compact-actions,.page-actions,.history-shell .d-flex.gap-2,.ua-history-clear-shell .d-flex.gap-2,.card-footer,.modal-footer){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:9px!important;
  padding-top:8px!important;
  border-top:1px solid var(--ua-sub-border-soft)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){
  min-height:31px!important;
  height:31px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  line-height:1!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn.ua-modal-icon-btn,button.ua-modal-icon-btn,a.ua-modal-icon-btn),
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-suggest-btn,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-suggest-btn.ua-modal-icon-btn{
  width:31px!important;
  min-width:31px!important;
  max-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  flex:0 0 31px!important;
  padding:0!important;
  border-radius:9px!important;
  gap:0!important;
  box-shadow:0 5px 12px rgba(0,0,0,.12)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm) i.fa,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm) .fa{
  font-size:13px!important;
  line-height:1!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .ua-modal-icon-btn{font-size:0!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .ua-modal-icon-btn .ua-modal-btn-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.ua-subscriber-modal-embed .ua-subscriber-child-page .table-responsive{
  padding:0!important;
  border-radius:12px!important;
  overflow:auto!important;
  border:1px solid var(--ua-sub-border)!important;
  background:rgba(5,58,60,.62)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table,table){
  --bs-table-bg:rgba(5,58,60,.78)!important;
  --bs-table-color:var(--ua-child-title)!important;
  --bs-table-border-color:color-mix(in srgb,var(--ua-child-line) 54%,transparent)!important;
  --bs-table-striped-bg:rgba(8,86,82,.50)!important;
  --bs-table-striped-color:var(--ua-child-title)!important;
  --bs-table-hover-bg:rgba(45,212,191,.13)!important;
  --bs-table-hover-color:var(--ua-child-title)!important;
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:rgba(5,58,60,.78)!important;
  color:var(--ua-child-title)!important;
  font-size:12px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table thead th,table thead th){
  background:rgba(2,38,43,.86)!important;
  color:var(--ua-child-title)!important;
  border-color:rgba(153,246,228,.18)!important;
  font-weight:900!important;
  padding:7px 8px!important;
  text-align:center!important;
  vertical-align:middle!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table td,.table th,table td,table th){
  background-color:transparent!important;
  color:var(--ua-child-title)!important;
  border-color:rgba(153,246,228,.13)!important;
  vertical-align:middle!important;
  padding:6px 8px!important;
  line-height:1.35!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table tbody td,table tbody td){text-align:center!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .table-striped > tbody > tr:nth-of-type(odd) > *{background-color:rgba(8,86,82,.34)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .table-hover > tbody > tr:hover > *{background-color:rgba(45,212,191,.12)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .table :is(.btn,.btn-sm){height:28px!important;min-height:28px!important;padding:0 8px!important;font-size:11.5px!important;border-radius:8px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page code{
  color:#bffdf2!important;
  background:rgba(2,43,47,.68)!important;
  border:1px solid color-mix(in srgb,var(--ua-child-line) 54%,transparent)!important;
  border-radius:7px!important;
  padding:2px 5px!important;
}

body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.alert,.sa-empty,.sa-inline-note,.ua-history-clear-danger,.ua-history-clear-ok){
  border-radius:11px!important;
  border:1px solid var(--ua-sub-border)!important;
  background:rgba(2,43,47,.70)!important;
  color:var(--ua-sub-text)!important;
  padding:8px 10px!important;
  line-height:1.55!important;
  margin-bottom:9px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .alert-info{border-color:rgba(125,211,252,.30)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .alert-success{border-color:rgba(134,239,172,.35)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .alert-danger{border-color:rgba(248,113,113,.35)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page a:not(.btn){color:#99f6e4!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(hr,.dropdown-divider){border-color:var(--ua-sub-border-soft)!important;opacity:1!important;margin:10px 0!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .mt-3{margin-top:.55rem!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .mt-4{margin-top:.75rem!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .mb-3{margin-bottom:.55rem!important;}

@media (max-width:1000px){
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-grid{grid-template-columns:1fr!important;}
}
@media (max-width:900px){
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-meta,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .ua-history-clear-grid,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid.sa-3{grid-template-columns:1fr!important;}
}
@media (max-width:760px){
  body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
  body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row{grid-template-columns:1fr!important;}
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill{align-items:flex-start!important;}
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill small,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-label{min-width:92px!important;}
}


/* 2026-05-20 - UA subscriber modal final no-white compact unification v17
   Final layer for subscriber subpages opened inside عرض المشتركين only. */
body.ua-subscriber-modal-embed{
  --ua-sub-root:linear-gradient(135deg,#0b6b64 0%,#075450 46%,#04383c 100%);
  --ua-sub-card:linear-gradient(180deg,rgba(7,88,84,.96),rgba(4,58,61,.98));
  --ua-sub-card-soft:linear-gradient(180deg,rgba(6,78,76,.88),rgba(4,51,55,.95));
  --ua-sub-field:rgba(2,38,43,.88);
  --ua-sub-line:rgba(153,246,228,.20);
  --ua-sub-line-strong:rgba(153,246,228,.28);
  --ua-sub-text:#f4fffc;
  --ua-sub-muted:rgba(226,255,250,.78);
  background:var(--ua-sub-root)!important;
  background-color:#075450!important;
  color:var(--ua-sub-text)!important;
  color-scheme:dark!important;
}
html:has(> body.ua-subscriber-modal-embed),
html:has(body.ua-subscriber-modal-embed){
  background:#075450!important;
  background-color:#075450!important;
}
body.ua-subscriber-modal-embed::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:var(--ua-sub-root)!important;
}
body.ua-subscriber-modal-embed,
body.ua-subscriber-modal-embed > .ua-shell,
body.ua-subscriber-modal-embed .ua-shell,
body.ua-subscriber-modal-embed .ua-shell.ua-embed,
body.ua-subscriber-modal-embed .ua-main,
body.ua-subscriber-modal-embed .ua-page,
body.ua-subscriber-modal-embed .content-wrapper,
body.ua-subscriber-modal-embed .content-wrapper.ua-manual-page,
body.ua-subscriber-modal-embed .content-wrapper.ua-extracted-page,
body.ua-subscriber-modal-embed .content-wrapper.ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page section.content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page > .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container-fluid,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-shell,.history-wrap,.sa-wrap,.ua-history-clear-shell,.ua-extracted-content,.ua-manual-content,.tab-content,.tab-pane,.form-row,.py-3,.p-3,.p-4){
  background:transparent!important;
  background-color:transparent!important;
  color:var(--ua-sub-text)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.ua-subscriber-modal-embed > .ua-shell,
body.ua-subscriber-modal-embed .ua-shell.ua-embed,
body.ua-subscriber-modal-embed .ua-main,
body.ua-subscriber-modal-embed .ua-page,
body.ua-subscriber-modal-embed .content-wrapper{
  min-height:100vh!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:var(--ua-sub-root)!important;
  background-color:#075450!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page section.content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page > .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .content{
  padding:8px 10px 10px!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container-fluid{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-shell,.sa-wrap,.ua-history-clear-shell,.ua-extracted-content,.ua-manual-content){
  padding:0!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.content-header,.breadcrumb,.ua-page-header,.ua-extracted-head,.ua-manual-head,.history-shell > .d-flex:first-child,.ua-history-clear-shell > .d-flex:first-child),
body.ua-subscriber-modal-embed .ua-subnav[data-ua-subnav-canonical="1"],
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(a[href*="subscribers.php"],button[onclick*="history.back"],a[onclick*="history.back"]):not([data-ua-keep-back]){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card,.box,.panel,.history-card,.ua-history-clear-card,.sa-card,.sa-summary,.sa-kpi,.mt-sync-shell,.mt-report-card,.ua-import-progress,.modal-content,.list-group-item,.accordion-item,.bg-white,.bg-light,.alert-light,.alert-secondary,.table-responsive,[style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"],[style*="background:white"],[style*="background: white"],[style*="background:#f"],[style*="background: #f"],[style*="background-color:#fff"],[style*="background-color: #fff"],[style*="background-color:white"],[style*="background-color: white"]){
  background:var(--ua-sub-card)!important;
  background-color:#053d3e!important;
  color:var(--ua-sub-text)!important;
  border:1px solid var(--ua-sub-line)!important;
  border-radius:12px!important;
  box-shadow:0 7px 16px rgba(0,0,0,.14)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card,.box,.panel,.history-card,.ua-history-clear-card,.sa-card,.mt-sync-shell,.mt-report-card){
  margin:0 0 8px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card-header,.card-footer,.box-header,.panel-heading,.modal-header,.modal-footer,.sa-card-head,.mt-report-head){
  min-height:0!important;
  margin:0!important;
  padding:7px 10px!important;
  background:rgba(2,38,43,.40)!important;
  border-color:rgba(153,246,228,.15)!important;
  color:var(--ua-sub-text)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card-body,.sa-card-body){
  padding:8px 10px!important;
  background:transparent!important;
  color:var(--ua-sub-text)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-title,.ua-history-clear-title,.sa-card-head h3,.card-title,.card-header h3,.card-header h5,.mt-sync-title,h1,h2,h3,h4,h5,h6){
  color:var(--ua-sub-text)!important;
  font-size:13.6px!important;
  line-height:1.35!important;
  font-weight:950!important;
  margin:0 0 7px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.row,.sa-form-grid,.history-meta,.ua-history-clear-grid,.history-grid){
  gap:6px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .row{
  margin-inline:0!important;
  --bs-gutter-x:6px!important;
  --bs-gutter-y:6px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page [class*="col-"]{
  padding-inline:3px!important;
}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row,
body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:6px!important;
  margin:0 0 6px!important;
  align-items:start!important;
}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row > [class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:initial!important;
  padding:0!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-meta,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .ua-history-clear-grid,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid.sa-3{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-pill,.ua-history-clear-stat,.ua-history-clear-option,.sa-field,.sa-summary,.sa-kpi,.mt-stat,.form-group,.ua-field,.ua-subscriber-view .row.g-3 > [class*="col-"],.ua-sub-child-view .row.g-3 > [class*="col-"]){
  min-height:28px!important;
  padding:5px 8px!important;
  margin:0!important;
  border-radius:9px!important;
  background:var(--ua-sub-field)!important;
  color:var(--ua-sub-text)!important;
  border:1px solid rgba(153,246,228,.16)!important;
  box-shadow:none!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  line-height:1.25!important;
  text-align:right!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill small,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-label,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(label,.form-label,.sa-field label,.mt-stat .label,.sa-kpi-title){
  color:var(--ua-sub-muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.25!important;
  margin:0!important;
  letter-spacing:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(label,.form-label,.sa-field label){
  display:block!important;
  margin:0 0 3px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-label{
  flex:0 0 42%!important;
  min-width:96px!important;
  max-width:48%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  white-space:nowrap!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-value{
  flex:1 1 auto!important;
  min-width:0!important;
  color:var(--ua-child-title)!important;
  font-size:12.5px!important;
  font-weight:900!important;
  text-align:left!important;
  direction:ltr!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){
  min-height:29px!important;
  height:auto!important;
  padding:.24rem .48rem!important;
  border-radius:8px!important;
  background:rgba(2,34,39,.92)!important;
  color:var(--ua-child-title)!important;
  border:1px solid var(--ua-child-line-soft)!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.28!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea,
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea.form-control{
  min-height:50px!important;
  resize:vertical!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input,select,textarea,.form-control,.form-select)::placeholder{
  color:rgba(226,255,250,.45)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input,select,textarea,.form-control,.form-select):focus{
  border-color:rgba(94,234,212,.62)!important;
  box-shadow:0 0 0 .12rem rgba(45,212,191,.14)!important;
  outline:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page select option{
  background:#05383b!important;
  color:var(--ua-child-title)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .form-check{
  min-height:29px!important;
  padding:5px 8px!important;
  gap:6px!important;
  border-radius:8px!important;
  background:rgba(2,38,43,.66)!important;
  border:1px solid rgba(153,246,228,.16)!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .form-check-input,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input[type="checkbox"],input[type="radio"]){
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
  accent-color:#2dd4bf!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .form-check-label{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.25!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(form > .mt-4.d-flex,.ua-compact-actions,.page-actions,.history-shell .d-flex.gap-2,.ua-history-clear-shell .d-flex.gap-2,.card-footer,.modal-footer){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:7px!important;
  padding-top:7px!important;
  border-top:1px solid rgba(153,246,228,.12)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){
  min-height:29px!important;
  height:29px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  line-height:1!important;
  font-size:11.5px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn.ua-modal-icon-btn,button.ua-modal-icon-btn,a.ua-modal-icon-btn),
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-suggest-btn,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-suggest-btn.ua-modal-icon-btn{
  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  height:29px!important;
  min-height:29px!important;
  flex:0 0 29px!important;
  padding:0!important;
  border-radius:8px!important;
  gap:0!important;
  font-size:0!important;
  box-shadow:0 4px 10px rgba(0,0,0,.12)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm) i.fa,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm) .fa{
  font-size:12.5px!important;
  line-height:1!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .ua-modal-icon-btn .ua-modal-btn-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .table-responsive{
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:auto!important;
  border:1px solid var(--ua-sub-line)!important;
  background:rgba(4,55,58,.74)!important;
  box-shadow:none!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table,table){
  --bs-table-bg:rgba(4,55,58,.78)!important;
  --bs-table-color:var(--ua-child-title)!important;
  --bs-table-border-color:color-mix(in srgb,var(--ua-child-line) 54%,transparent)!important;
  --bs-table-striped-bg:rgba(8,86,82,.35)!important;
  --bs-table-striped-color:var(--ua-child-title)!important;
  --bs-table-hover-bg:rgba(45,212,191,.12)!important;
  --bs-table-hover-color:var(--ua-child-title)!important;
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:rgba(4,55,58,.78)!important;
  color:var(--ua-child-title)!important;
  font-size:11.5px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table thead th,table thead th){
  background:color-mix(in srgb,var(--ua-theme-table-head,#071827) 88%,transparent)!important;
  color:var(--ua-child-title)!important;
  border-color:rgba(153,246,228,.18)!important;
  font-weight:950!important;
  padding:6px 7px!important;
  text-align:center!important;
  vertical-align:middle!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table td,.table th,table td,table th){
  background-color:transparent!important;
  color:var(--ua-child-title)!important;
  border-color:rgba(153,246,228,.13)!important;
  vertical-align:middle!important;
  padding:5px 7px!important;
  line-height:1.25!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table tbody td,table tbody td){text-align:center!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .table-striped > tbody > tr:nth-of-type(odd) > *{background-color:rgba(8,86,82,.25)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .table-hover > tbody > tr:hover > *{background-color:rgba(45,212,191,.11)!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .table :is(.btn,.btn-sm){height:26px!important;min-height:26px!important;padding:0 7px!important;font-size:11px!important;border-radius:7px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.alert,.sa-empty,.sa-inline-note,.ua-history-clear-danger,.ua-history-clear-ok){
  border-radius:10px!important;
  border:1px solid var(--ua-sub-line)!important;
  background:rgba(2,38,43,.72)!important;
  color:var(--ua-sub-text)!important;
  padding:7px 9px!important;
  line-height:1.45!important;
  margin:0 0 7px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(hr,.dropdown-divider){border-color:rgba(153,246,228,.12)!important;opacity:1!important;margin:8px 0!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page a:not(.btn){color:#99f6e4!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.mt-3,.mt-4,.mb-3,.my-3,.py-3){margin-top:.45rem!important;margin-bottom:.45rem!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.p-3,.p-4){padding:.45rem!important;}
@media (max-width:1000px){
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-grid{grid-template-columns:1fr!important;}
}
@media (max-width:900px){
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-meta,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .ua-history-clear-grid,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid.sa-3{grid-template-columns:1fr!important;}
}
@media (max-width:760px){
  body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
  body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row{grid-template-columns:1fr!important;}
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill{align-items:flex-start!important;}
  body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-label{min-width:88px!important;}
}
/* END UA subscriber modal final no-white compact unification v17 */

/* 2026-05-20 - v18 compact field-width system for subscriber modal child pages.
   Purpose: controls no longer stretch to the full card width; each form field uses a
   stable practical width, while notes/address tables keep full usable width. */
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid):not(.sa-1){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,230px))!important;
  justify-content:end!important;
  align-items:start!important;
  gap:8px 10px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .sa-form-grid.sa-1{
  display:grid!important;
  grid-template-columns:minmax(260px,760px)!important;
  justify-content:end!important;
  gap:8px!important;
}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row,
body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,230px))!important;
  justify-content:end!important;
  align-items:start!important;
  gap:8px 10px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field,.sa-field,.form-group,.ua-field),
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row > [class*="col-"]{
  width:100%!important;
  max-width:230px!important;
  min-width:0!important;
  flex:0 1 230px!important;
  padding-inline:0!important;
  margin-inline:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field-wide,.se-check-field){
  grid-column:span 2!important;
  max-width:470px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field-full,.sa-form-grid.sa-1 > .sa-field,.sa-form-grid.sa-1 > .form-group),
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row > :is(.col-12,.col-md-12,.col-lg-12),
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row > :is(.col-12,.col-md-12,.col-lg-12){
  grid-column:1/-1!important;
  width:100%!important;
  max-width:760px!important;
  flex-basis:760px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input:not([type="checkbox"]):not([type="radio"]),select,.form-control,.form-select,.input-group-text){
  width:100%!important;
  max-width:100%!important;
  min-height:32px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea,
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea.form-control{
  width:100%!important;
  max-width:760px!important;
  min-height:56px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(#packageName,#speedName,#pppProfile,#pppRate,.sa-field select[name*="package"],.sa-field select[name*="speed"]){
  max-width:210px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(#staticIp,.se-static-ip-control input){
  max-width:360px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-static-ip-control{
  max-width:470px!important;
}
@media(max-width:430px){
  body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid,.sa-form-grid.sa-1),
  body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
  body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row{
    grid-template-columns:1fr!important;
    justify-content:stretch!important;
  }
  body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field,.sa-field,.form-group,.ua-field,.se-field-wide,.se-check-field,.se-field-full),
  body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row > [class*="col-"],
  body.ua-subscriber-modal-embed .ua-sub-child-add form > .row > [class*="col-"]{
    grid-column:1/-1!important;
    max-width:100%!important;
    flex-basis:auto!important;
  }
}
/* END v18 compact field-width system */


/* v19 final modal child pages: typography and unified compact geometry.
   Kept at the end to override earlier compact attempts that made text too small. */
body.ua-subscriber-modal-embed .ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page *:not(i){
  font-family:Tahoma,Arial,sans-serif!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page{
  font-size:14.4px!important;
  line-height:1.45!important;
  color:var(--ua-child-text)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card,.box,.panel,.history-card,.ua-history-clear-card,.sa-card,.sa-summary,.sa-kpi,.mt-sync-shell,.mt-report-card,.ua-import-progress,.table-responsive,.modal-content,.list-group-item,.accordion-item){
  border-radius:14px!important;
  border:1px solid var(--ua-child-line-soft)!important;
  background:var(--ua-child-card)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  color:var(--ua-child-text)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card,.box,.panel,.history-card,.ua-history-clear-card,.sa-card,.mt-sync-shell,.mt-report-card){
  padding:12px 14px!important;
  margin:0 0 12px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card-body,.sa-card-body){
  padding:10px 12px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(h1,h2,h3,h4,h5,h6,.history-title,.ua-history-clear-title,.sa-card-head h3,.card-title,.card-header h3,.card-header h5,.mt-sync-title){
  color:var(--ua-child-title)!important;
  font-size:17.8px!important;
  line-height:1.28!important;
  font-weight:950!important;
  margin:0 0 10px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(label,.form-label,.sa-field label,.mt-stat .label,.sa-kpi-title,.history-pill .history-pill-label){
  color:var(--ua-child-muted)!important;
  font-size:14.2px!important;
  line-height:1.25!important;
  font-weight:950!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){
  min-height:36px!important;
  height:auto!important;
  padding:5px 9px!important;
  border-radius:9px!important;
  background:var(--ua-child-field)!important;
  color:var(--ua-child-title)!important;
  border:1px solid var(--ua-child-line)!important;
  box-shadow:none!important;
  font-size:14.4px!important;
  line-height:1.3!important;
  font-weight:850!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea,
body.ua-subscriber-modal-embed .ua-subscriber-child-page textarea.form-control{min-height:62px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){
  min-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:14.2px!important;
  font-weight:950!important;
  line-height:1!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn.ua-modal-icon-btn,button.ua-modal-icon-btn,a.ua-modal-icon-btn),
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-ip-suggest-btn,.se-ip-help-btn){
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  flex:0 0 36px!important;
  padding:0!important;
  border-radius:10px!important;
  font-size:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm,.se-ip-suggest-btn,.se-ip-help-btn) i,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm,.se-ip-suggest-btn,.se-ip-help-btn) .fa{
  font-size:14.4px!important;
  line-height:1!important;
  margin:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-meta,.ua-history-clear-grid,.history-grid,.sa-form-grid,.sa-form-grid.sa-3){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(250px,1fr))!important;
  gap:10px 12px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-pill,.ua-history-clear-stat,.ua-history-clear-option,.sa-field,.sa-summary,.sa-kpi,.mt-stat,.form-group,.ua-field){
  min-height:42px!important;
  padding:7px 9px!important;
  border-radius:11px!important;
  background:var(--ua-child-field)!important;
  border:1px solid var(--ua-child-line-soft)!important;
  color:var(--ua-child-text)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill{
  display:grid!important;
  grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-value{
  color:var(--ua-child-title)!important;
  font-size:14.4px!important;
  font-weight:950!important;
  text-align:left!important;
  direction:ltr!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table,table){
  font-size:14.2px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:rgba(4,55,58,.78)!important;
  color:var(--ua-child-title)!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table thead th,table thead th){
  font-size:14.4px!important;
  font-weight:950!important;
  padding:8px 9px!important;
  color:var(--ua-child-title)!important;
  background:color-mix(in srgb,var(--ua-theme-table-head,#071827) 88%,transparent)!important;
  text-align:center!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table td,.table th,table td,table th){
  font-size:14px!important;
  padding:7px 9px!important;
  line-height:1.35!important;
  border-color:color-mix(in srgb,var(--ua-child-line) 54%,transparent)!important;
  color:var(--ua-child-title)!important;
  vertical-align:middle!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid):not(.sa-1),
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row,
body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:10px 12px!important;
  justify-content:stretch!important;
  align-items:start!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field,.sa-field,.form-group,.ua-field),
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row > [class*="col-"],
body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row > [class*="col-"]{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding-inline:0!important;
  margin-inline:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field-wide,.se-check-field){grid-column:span 2!important;max-width:none!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field-full,.sa-form-grid.sa-1 > .sa-field,.sa-form-grid.sa-1 > .form-group){grid-column:1/-1!important;max-width:none!important;}
@media(max-width:900px){
  body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.history-meta,.ua-history-clear-grid,.history-grid,.sa-form-grid,.sa-form-grid.sa-3){grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid,.sa-form-grid.sa-1),
  body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
  body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row{grid-template-columns:1fr!important;}
  body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field-wide,.se-check-field,.se-field-full){grid-column:1/-1!important;}
}
/* END v19 final modal child pages */

#uaFixContentBody .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid):not(.sa-1),
#uaFixContentBody .ua-sub-child-edit form > .row,
#uaFixContentBody .ua-sub-child-add form > .row,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid):not(.sa-1),
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px 10px!important;
  align-items:start!important;
}

#uaFixContentBody .ua-subscriber-child-page :is(.se-field,.sa-field,.form-group,.ua-field),
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field,.sa-field,.form-group,.ua-field){
  min-width:0!important;
}

#uaFixContentBody .ua-subscriber-child-page :is(.se-field-wide,.se-check-field),
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field-wide,.se-check-field){
  grid-column:span 2!important;
}

#uaFixContentBody .ua-subscriber-child-page :is(.se-field-full,.sa-form-grid.sa-1 > .sa-field,.sa-form-grid.sa-1 > .form-group),
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-field-full,.sa-form-grid.sa-1 > .sa-field,.sa-form-grid.sa-1 > .form-group){
  grid-column:1/-1!important;
}

#uaFixContentBody .ua-sub-child-distribution .ua-table-wrap,
#uaFixContentBody .ua-sub-child-history .ua-table-wrap,
body.ua-subscriber-modal-embed .ua-sub-child-distribution .ua-table-wrap,
body.ua-subscriber-modal-embed .ua-sub-child-history .ua-table-wrap{
  overflow:auto!important;
}

#uaFixContentBody .ua-sub-child-distribution .ua-table,
body.ua-subscriber-modal-embed .ua-sub-child-distribution .ua-table{
  min-width:760px!important;
  table-layout:fixed!important;
}

#uaFixContentBody .ua-sub-child-history .ua-table,
body.ua-subscriber-modal-embed .ua-sub-child-history .ua-table{
  min-width:560px!important;
  table-layout:fixed!important;
}

#uaFixContentBody .ua-sub-child-distribution .ua-table :is(th,td),
#uaFixContentBody .ua-sub-child-history .ua-table :is(th,td),
body.ua-subscriber-modal-embed .ua-sub-child-distribution .ua-table :is(th,td),
body.ua-subscriber-modal-embed .ua-sub-child-history .ua-table :is(th,td){
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.28!important;
}

#uaFixContentBody .ua-sub-child-distribution .ua-table select,
body.ua-subscriber-modal-embed .ua-sub-child-distribution .ua-table select{
  min-height:32px!important;
  height:32px!important;
  padding-block:0!important;
}

#uaFixContentBody .ua-sub-child-history .history-grid,
body.ua-subscriber-modal-embed .ua-sub-child-history .history-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:10px!important;
}

#uaFixContentBody .ua-sub-child-history .ua-child-metric-grid,
body.ua-subscriber-modal-embed .ua-sub-child-history .ua-child-metric-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:8px!important;
}

@media(max-width:700px){
  #uaFixContentBody .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid,.sa-form-grid.sa-1),
  #uaFixContentBody .ua-sub-child-edit form > .row,
  #uaFixContentBody .ua-sub-child-add form > .row,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid,.sa-form-grid.sa-1),
  body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
  body.ua-subscriber-modal-embed .ua-sub-child-add form > .row{
    grid-template-columns:repeat(3,minmax(210px,1fr))!important;
    min-width:680px!important;
  }
  #uaFixContentBody .ua-subscriber-child-page,
  body.ua-subscriber-modal-embed .ua-subscriber-child-page{
    overflow-x:auto!important;
  }
}


/* v20 - تصغير خفيف نهائي للخط مع الإبقاء على هندسة الحقول نفسها */
body.ua-subscriber-modal-embed .ua-subscriber-child-page{font-size:15px!important;line-height:1.45!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(h1,h2,h3,h4,h5,h6,.history-title,.ua-history-clear-title,.sa-card-head h3,.card-title,.card-header h3,.card-header h5,.mt-sync-title){font-size:17.8px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(label,.form-label,.sa-field label,.mt-stat .label,.sa-kpi-title,.history-pill .history-pill-label){font-size:14.2px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){font-size:15px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){font-size:14.2px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-value{font-size:15px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table,table){font-size:14.2px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table thead th,table thead th){font-size:14.4px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table td,.table th,table td,table th){font-size:14px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm,.se-ip-suggest-btn,.se-ip-help-btn) i,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm,.se-ip-suggest-btn,.se-ip-help-btn) .fa{font-size:14.4px!important;}


/* v21 - تصغير فعلي للخط وإظهار أزرار IP داخل نوافذ المشترك */
body.ua-subscriber-modal-embed .ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page *:not(i){
  font-size:13.4px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page{line-height:1.42!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(h1,h2,h3,h4,h5,h6,.history-title,.ua-history-clear-title,.sa-card-head h3,.card-title,.card-header h3,.card-header h5,.mt-sync-title){
  font-size:16.4px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(label,.form-label,.sa-field label,.history-pill .history-pill-label,.mt-stat .label,.sa-kpi-title){
  font-size:12.8px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){
  font-size:13.3px!important;
  min-height:34px!important;
  padding:4px 8px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){
  font-size:13px!important;
  min-height:34px!important;
  height:34px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .history-pill .history-pill-value{font-size:13.4px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table,table,.table td,.table th,table td,table th){font-size:13.2px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.table thead th,table thead th){font-size:13.4px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn.ua-modal-icon-btn,button.ua-modal-icon-btn,a.ua-modal-icon-btn,.se-ip-help-btn,.se-ip-suggest-btn){
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  padding:0!important;
  font-size:0!important;
  border-radius:10px!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm,.se-ip-help-btn,.se-ip-suggest-btn) i,
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.ua-modal-icon-btn,.btn,.btn-sm,.se-ip-help-btn,.se-ip-suggest-btn) .fa{font-size:13.6px!important;}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-help-btn,
html body .content-wrapper.ua-sub-child-edit .se-ip-help-btn,
.se-ip-help-btn{
  background:linear-gradient(135deg,#22d3ee,#0e7490)!important;
  border:1px solid rgba(103,232,249,.88)!important;
  color:#ffffff!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.20),0 8px 18px rgba(8,145,178,.22)!important;
  opacity:1!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-suggest-btn,
html body .content-wrapper.ua-sub-child-edit .se-ip-suggest-btn,
.se-ip-suggest-btn{
  background:linear-gradient(135deg,#facc15,#d97706)!important;
  border:1px solid rgba(253,224,71,.90)!important;
  color:#062d2f!important;
  box-shadow:0 0 0 1px rgba(250,204,21,.22),0 8px 18px rgba(217,119,6,.22)!important;
  opacity:1!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-help-btn i,
html body .content-wrapper.ua-sub-child-edit .se-ip-help-btn i,
.se-ip-help-btn i,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .se-ip-suggest-btn i,
html body .content-wrapper.ua-sub-child-edit .se-ip-suggest-btn i,
.se-ip-suggest-btn i{color:currentColor!important;}
/* END v21 */

/* UA stage26 workspace iframe containment fix
   يحصر صفحات المشتركين المفتوحة داخل Workspace/iframe ضمن عرض الحيز الفعلي،
   ويمنع تمدد النماذج خلف حدود النافذة أو ظهور قصّ أفقي بعد توحيد تحميل CSS. */
html.ua-in-frame,
html.ua-in-frame body,
body.ua-frame-context,
body.ua-subscriber-modal-embed{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
html.ua-in-frame *,
html.ua-in-frame *::before,
html.ua-in-frame *::after,
body.ua-frame-context *,
body.ua-frame-context *::before,
body.ua-frame-context *::after,
body.ua-subscriber-modal-embed *,
body.ua-subscriber-modal-embed *::before,
body.ua-subscriber-modal-embed *::after{
  box-sizing:border-box!important;
}
body.ua-subscriber-modal-embed > .ua-shell,
body.ua-subscriber-modal-embed .ua-shell,
body.ua-subscriber-modal-embed .ua-shell.ua-embed,
body.ua-subscriber-modal-embed .ua-main,
body.ua-subscriber-modal-embed .ua-page,
body.ua-subscriber-modal-embed .content-wrapper,
body.ua-subscriber-modal-embed .content-wrapper.ua-manual-page,
body.ua-subscriber-modal-embed .content-wrapper.ua-extracted-page,
body.ua-subscriber-modal-embed .content-wrapper.ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page,
body.ua-subscriber-modal-embed .ua-subscriber-child-page section.content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page > .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .content,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container,
body.ua-subscriber-modal-embed .ua-subscriber-child-page .container-fluid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow-x:hidden!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page :is(.card,.box,.panel,.history-card,.ua-history-clear-card,.sa-card,.mt-sync-shell,.mt-report-card,.table-responsive,.tab-content,.tab-pane,form,.row,.form-row,.input-group,.ua-field,.form-group){
  max-width:100%!important;
  min-width:0!important;
}
body.ua-subscriber-modal-embed .ua-subscriber-child-page [class*="col-"]{
  min-width:0!important;
  max-width:100%!important;
}
body.ua-subscriber-modal-embed .ua-sub-child-edit form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-add form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-finance-payments form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-archive form.row,
body.ua-subscriber-modal-embed .ua-sub-child-mikrotik-import .card-body > .row,
body.ua-subscriber-modal-embed .ua-sub-child-ppp-import form > .row,
body.ua-subscriber-modal-embed .ua-sub-child-sync-mikrotik form > .row{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;
}

/* === UA PHASE 2 EXTRACTED PAGE LOCAL CSS START === */

/* --- extracted from dashboard.php --- */
.nocx-layout.nocx-layout--v8{align-items:start}
  .nocx-lower-stack{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:14px;
  }
  .nocx-lower-stack > .nocx-panel{
    min-width:0;
    height:100%;
  }

  /* التحكم بطول كرت الحالة العامة وكرت مشتركي المستقبلات */
  .nocx-panel--summary{
    height:auto;
    min-height:0;
    max-height:none;
  }

  .nocx-panel--receiver-stations{display:none !important;}

  /* تثبيت ارتفاع كرت الإنذارات */
  .nocx-main{
    display:flex;
    flex-direction:column;
    min-width:0;
  }
  .nocx-panel--alerts{
    height:230px;
    min-height:230px;
    max-height:230px;
    overflow:hidden;
  }
  .nocx-alert-feed{
    height:calc(100% - 58px);
    min-height:0;
    overflow:auto;
    padding-left:2px;
  }

  /* كرت إضافي لعدد المشتركين خلف المستقبلات */
  .nocx-mini-stat{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:54px;
    border-top:1px solid rgba(255,255,255,.05);
  }
  .nocx-mini-stat:first-child{border-top:none}
  .nocx-mini-stat__label{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--nocx-soft);
    font-size:14px;
  }
  .nocx-mini-stat__value{
    font-size:22px;
    font-weight:900;
    color:#fff;
    line-height:1;
  }

  .nocx-summary-row strong,
  .nocx-mini-stat__value,
  .nocx-receiver-station span{
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
    letter-spacing: .01em;
  }
  .nocx-mini-stat__value{
    font-size:17px;
    font-weight:900;
  }
  .nocx-receiver-station span{
    min-width:40px;
    text-align:left;
    font-size:17px;
    font-weight:900;
  }

  /* حل احترافي بدون شريط تمرير: حذف عمود المشتركين وضغط الأعمدة */
  .nocx-lower-stack .nocx-table-wrap{
    overflow:hidden;
  }
  .nocx-lower-stack .nocx-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }

  /* توزيع الأعمدة بشكل يلائم عرض الكرت */
  .nocx-host-cell{display:flex; flex-direction:column; gap:4px; line-height:1.15;}
  .nocx-host-cell strong{font-size:13px; font-weight:900; color:#fff;}
  .nocx-host-cell small{font-size:11px; color:var(--nocx-soft); direction:ltr; text-align:right;}

  .nocx-panel--sectors .nocx-table th:nth-child(1),
  .nocx-panel--sectors .nocx-table td:nth-child(1){width:33%}
  .nocx-panel--sectors .nocx-table th:nth-child(2),
  .nocx-panel--sectors .nocx-table td:nth-child(2){width:23%}
  .nocx-panel--sectors .nocx-table th:nth-child(3),
  .nocx-panel--sectors .nocx-table td:nth-child(3){width:16%}
  .nocx-panel--sectors .nocx-table th:nth-child(4),
  .nocx-panel--sectors .nocx-table td:nth-child(4){width:16%}
  .nocx-panel--sectors .nocx-table th:nth-child(5),
  .nocx-panel--sectors .nocx-table td:nth-child(5){width:12%; text-align:center}

  .nocx-panel--receivers .nocx-table th:nth-child(1),
  .nocx-panel--receivers .nocx-table td:nth-child(1){width:28%}
  .nocx-panel--receivers .nocx-table th:nth-child(2),
  .nocx-panel--receivers .nocx-table td:nth-child(2){width:18%}
  .nocx-panel--receivers .nocx-table th:nth-child(3),
  .nocx-panel--receivers .nocx-table td:nth-child(3){width:13%}
  .nocx-panel--receivers .nocx-table th:nth-child(4),
  .nocx-panel--receivers .nocx-table td:nth-child(4){width:13%}
  .nocx-panel--receivers .nocx-table th:nth-child(5),
  .nocx-panel--receivers .nocx-table td:nth-child(5){width:12%}
  .nocx-panel--receivers .nocx-table th:nth-child(6),
  .nocx-panel--receivers .nocx-table td:nth-child(6){width:12%}
  .nocx-panel--receivers .nocx-table th:nth-child(7),
  .nocx-panel--receivers .nocx-table td:nth-child(7){width:8%; text-align:center}

  .nocx-lower-stack .nocx-table th,
  .nocx-lower-stack .nocx-table td{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:10px 8px;
    font-size:12px;
  }

  /* الحالة دائرة فقط دون كتابة */
  .nocx-lower-stack .nocx-status-badge{
    min-width:18px;
    width:18px;
    height:18px;
    padding:0;
    border-radius:50%;
    font-size:0;
    line-height:0;
    gap:0;
    justify-content:center;
    vertical-align:middle;
  }
  .nocx-lower-stack .nocx-status-badge::before{
    width:8px;
    height:8px;
    margin:0;
  }

  /* ضغط عرض مؤشرات الرام والمعالج بصرياً */
  .nocx-lower-stack .nocx-meter{
    gap:5px;
  }
  .nocx-lower-stack .nocx-meter strong{
    min-width:24px;
    font-size:10px;
  }
  .nocx-lower-stack .nocx-meter__bar{
    min-width:22px;
    height:4px;
  }

  .nocx-mini-stat--tight{min-height:42px; padding-top:2px}
  .nocx-receiver-stations-list{margin-top:8px; display:flex; flex-direction:column; gap:6px; max-height:360px; overflow:auto;}
  .nocx-receiver-station{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border-top:1px solid rgba(255,255,255,.05);}
  .nocx-receiver-station:first-child{border-top:none}
  .nocx-receiver-station strong{font-size:13px; color:#fff; font-weight:800}
  .nocx-receiver-station span{font-size:18px; font-weight:900; color:#fff}

  @media (max-width: 1240px){
    .nocx-lower-stack{grid-template-columns:1fr;}
    .nocx-panel--alerts{
      height:231px;
      min-height:231px;
      max-height:231px;
    }
    .nocx-panel--summary{
      height:auto;
      min-height:600px;
      max-height:none;
    }
  }



  /* Corrected dashboard stage: one outer frame, clean title search, no duplicated outer borders */
  .content-wrapper.ua-dashboard-shell{
    margin:0 !important;
    padding:0 !important;
    max-width:none !important;
    width:100% !important;
  }
  .content-wrapper.ua-dashboard-shell > .content{
    padding:5px 6px 12px !important;
  }

  .content-wrapper.nocx-page{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }
  .content-wrapper.nocx-page > .content{
    padding:5px 6px 12px !important;
  }
  .ua-main > .ua-page{
    padding-inline:6px !important;
  }
  .content-wrapper.nocx-page > .content,
  .nocx-dashboard-statsbar,
  .nocx-shell{
    box-sizing:border-box !important;
  }
  .nocx-shell{
    border:1px solid rgba(115,165,195,.18) !important;
    border-radius:14px !important;
    box-shadow:0 16px 44px rgba(0,0,0,.18) !important;
    outline:0 !important;
  }
  .nocx-shell::before,
  .nocx-shell::after,
  .nocx-page::before,
  .nocx-page::after{
    display:none !important;
    content:none !important;
  }
  .nocx-topbar--control{
    border-radius:9px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    padding-inline:14px !important;
  }
  .nocx-topbar__title{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .nocx-topbar__title .nocx-title-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
  .nocx-title-search{
    flex:0 1 380px !important;
    width:auto !important;
    max-width:380px !important;
    min-width:250px !important;
    height:40px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-inline-start:12px !important;
    margin-inline-end:0 !important;
    padding:0 14px !important;
    border:1px solid rgba(112,225,255,.22) !important;
    outline:0 !important;
    border-radius:999px !important;
    background:rgba(10,24,39,.62) !important;
    box-shadow:none !important;
  }
  .nocx-title-search::before,
  .nocx-title-search::after{
    display:none !important;
    content:none !important;
  }
  .nocx-title-search .nocx-search__icon{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#6fe0ff !important;
    font-size:16px !important;
    line-height:1 !important;
    opacity:.95 !important;
  }
  .nocx-title-search input{
    width:100% !important;
    height:100% !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#eaf7ff !important;
    font-size:13.8px !important;
    font-weight:800 !important;
    padding:0 !important;
  }
  .nocx-title-search input::placeholder{color:rgba(218,238,255,.55) !important;}
  .nocx-title-search:focus-within{
    border-color:rgba(112,225,255,.38) !important;
    box-shadow:0 0 0 2px rgba(112,225,255,.045) !important;
  }


  /* Final precise layout: one stats strip between page top and dashboard frame, same width, no duplicate spacing */
  .content-wrapper.nocx-page{
    max-width:none !important;
  }
  .content-wrapper.nocx-page > .content{
    padding:5px 6px 12px !important;
  }
  .ua-main > .ua-page{
    padding-inline:6px !important;
  }
  .nocx-dashboard-statsbar,
  .nocx-shell{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .nocx-dashboard-statsbar{
    height:46px !important;
    min-height:46px !important;
    margin:0 0 6px 0 !important;
    padding:6px 10px !important;
    display:grid !important;
    grid-template-columns:1.32fr 1.02fr 1.08fr 1.04fr .96fr 1.04fr .86fr .86fr .88fr .62fr !important;
    align-items:center !important;
    gap:6px !important;
    direction:rtl !important;
    overflow:visible !important;
    border-radius:9px !important;
    border:1px solid rgba(105,160,190,.20) !important;
    background:linear-gradient(180deg,rgba(16,37,52,.96),rgba(7,18,31,.94)) !important;
    box-shadow:none !important;
    position:relative !important;
  }
  .nocx-dashboard-statsbar::before{
    content:"" !important;
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    bottom:-1px !important;
    height:1px !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,transparent 0%,rgba(255,132,31,.46) 18%,rgba(255,214,89,.82) 50%,rgba(255,102,31,.40) 82%,transparent 100%) !important;
    box-shadow:0 0 10px rgba(255,176,45,.24) !important;
    opacity:.72 !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip,
  .nocx-dashboard-statsbar .nocx-user-chip > summary{
    width:100% !important;
    height:34px !important;
    min-width:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:0 8px !important;
    color:#eaf7ff !important;
    background:rgba(255,255,255,.055) !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:7px !important;
    font-size:12.2px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    position:relative !important;
    z-index:1 !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip--brand{display:inline-flex !important;background:rgba(24,148,166,.18) !important;border:1px solid rgba(243,186,47,.10) !important;}
  .nocx-dashboard-statsbar .nocx-stat-chip span:not(.nocx-stat-ico){
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip strong{
    flex:0 0 auto !important;
    color:#fff !important;
    font-weight:950 !important;
    font-size:13.8px !important;
    line-height:1 !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-ico{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#62dfff !important;
    font-size:13.95px !important;
    line-height:1 !important;
  }
  .nocx-dashboard-statsbar .nocx-user-chip{
    min-width:0 !important;
    position:relative !important;
    z-index:50 !important;
  }
  .nocx-dashboard-statsbar .nocx-user-chip > summary{
    cursor:pointer !important;
    list-style:none !important;
    padding:0 10px !important;
    gap:7px !important;
    justify-content:center !important;
  }
  .nocx-dashboard-statsbar .nocx-user-chip > summary::-webkit-details-marker{display:none !important;}
  .nocx-dashboard-statsbar .nocx-user-avatar{
    width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:rgba(96,221,255,.16) !important;
    color:#eaffff !important;
    font-size:11px !important;
    font-weight:950 !important;
    border:1px solid rgba(112,225,255,.18) !important;
    overflow:hidden !important;
  }
  .nocx-dashboard-statsbar .nocx-user-avatar img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
  .nocx-dashboard-statsbar .nocx-user-name{max-width:105px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#fff !important;font-size:12.4px !important;font-weight:950 !important;}
  .nocx-dashboard-statsbar .nocx-user-caret{opacity:.78 !important;font-size:12px !important;}
  .nocx-dashboard-statsbar .nocx-user-menu-panel{
    position:absolute !important;
    left:0 !important;
    top:38px !important;
    min-width:224px !important;
    padding:8px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    border-radius:9px !important;
    border:1px solid rgba(105,160,190,.26) !important;
    background:rgba(7,18,31,.98) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.34) !important;
    z-index:200 !important;
  }
  .nocx-dashboard-statsbar .nocx-user-menu-panel a{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 9px !important;
    border-radius:7px !important;
    color:#eaf7ff !important;
    text-decoration:none !important;
    font-size:12.5px !important;
    font-weight:850 !important;
  }
  .nocx-dashboard-statsbar .nocx-user-menu-panel a:hover{background:rgba(98,223,255,.12) !important;}
  .nocx-dashboard-statsbar .nocx-stat-chip.is-green .nocx-stat-ico{color:#58e6af !important;}
  .nocx-dashboard-statsbar .nocx-stat-chip.is-red .nocx-stat-ico{color:#ff6f88 !important;}
  .nocx-dashboard-statsbar .nocx-stat-chip.is-purple .nocx-stat-ico{color:#a995ff !important;}
  .nocx-dashboard-statsbar .nocx-stat-chip.is-yellow .nocx-stat-ico{color:#ffd36a !important;}

  /* Alerts moved from dashboard card to the notifications chip dropdown */
  .nocx-dashboard-statsbar .nocx-alert-chip-wrap{
    min-width:0 !important;
    position:relative !important;
    z-index:90 !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary{
    list-style:none !important;
    cursor:pointer !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary::-webkit-details-marker{display:none !important;}
  .nocx-dashboard-statsbar .nocx-alert-chip-wrap[open]{z-index:260 !important;}
  .nocx-dashboard-statsbar .nocx-stat-ico--bell{
    position:relative !important;
    overflow:visible !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-badge{
    position:absolute !important;
    top:-8px !important;
    right:-9px !important;
    min-width:15px !important;
    height:15px !important;
    padding:0 4px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(180deg,#ffda67,#ff8e2d) !important;
    color:#1b1000 !important;
    border:1px solid rgba(255,242,160,.72) !important;
    box-shadow:0 0 10px rgba(255,184,58,.55) !important;
    font-size:9px !important;
    font-style:normal !important;
    font-weight:950 !important;
    line-height:1 !important;
    pointer-events:none !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-badge.is-zero{
    display:none !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover{
    position:absolute !important;
    top:40px !important;
    inset-inline-end:0 !important;
    width:min(430px, calc(100vw - 60px)) !important;
    max-height:360px !important;
    padding:10px !important;
    border-radius:10px !important;
    border:1px solid rgba(105,160,190,.26) !important;
    background:linear-gradient(180deg,rgba(8,22,36,.99),rgba(5,14,25,.99)) !important;
    box-shadow:0 18px 36px rgba(0,0,0,.42),0 0 28px rgba(43,180,210,.10) !important;
    overflow:hidden !important;
    z-index:260 !important;
  }
  .nocx-alert-popover__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:3px 4px 9px !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    color:#eef8ff !important;
  }
  .nocx-alert-popover__head strong{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    font-size:11.5px !important;
    font-weight:950 !important;
  }
  .nocx-alert-popover__head small{
    color:rgba(226,240,255,.62) !important;
    font-size:11.5px !important;
    white-space:nowrap !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-feed{
    height:auto !important;
    max-height:292px !important;
    overflow:auto !important;
    padding:10px 2px 0 !important;
  }


  .nocx-shell{
    border-radius:10px !important;
    margin-top:0 !important;
  }
  .nocx-topbar--control{
    border-radius:8px !important;
  }
  .nocx-title-search,
  .nocx-title-search:focus,
  .nocx-title-search:focus-within,
  .nocx-title-search input,
  .nocx-title-search input:focus,
  .nocx-title-search input:focus-visible{
    outline:0 !important;
  }
  .nocx-title-search input:focus,
  .nocx-title-search input:focus-visible{
    box-shadow:none !important;
    border:0 !important;
  }
  @media (max-width: 1180px){
    .nocx-dashboard-statsbar{
      grid-template-columns:repeat(4, minmax(120px, 1fr)) !important;
      height:auto !important;
      min-height:46px !important;
      flex-wrap:wrap !important;
    }
  }

  /* User menu overlay fix only: keep dropdown above dashboard action buttons */
  .content-wrapper.nocx-page,
  .content-wrapper.nocx-page > .content{
    overflow:visible !important;
  }
  .nocx-dashboard-statsbar{
    position:relative !important;
    z-index:3000 !important;
    overflow:visible !important;
  }
  .nocx-dashboard-statsbar .nocx-user-chip{
    position:relative !important;
    z-index:3100 !important;
    overflow:visible !important;
  }
  .nocx-dashboard-statsbar .nocx-user-menu-panel{
    z-index:3200 !important;
  }
  .nocx-shell{
    position:relative !important;
    z-index:1 !important;
  }



  /* Dashboard custom golden scroll rail removed: keep the workspace edge clean beside the sidebar. */


  /* Dashboard-only window strip: replaces the standalone program windowbar on the main page only. */
  .nocx-dashboard-windowbar{
    order:-1 !important;
    flex:0 1 520px !important;
    width:520px !important;
    max-width:52vw !important;
    min-width:360px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:0 8px !important;
    margin-inline:0 2px !important;
    border:1px solid rgba(112,225,255,.18) !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(11,31,48,.72), rgba(5,16,29,.62)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 0 0 1px rgba(8,18,31,.18) !important;
    overflow:hidden !important;
  }
  .nocx-dashboard-windowbar__current{
    flex:0 0 auto !important;
    max-width:150px !important;
    height:30px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    color:#f3fbff !important;
    background:rgba(66,205,232,.095) !important;
    border:1px solid rgba(92,218,255,.13) !important;
    font-size:12px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .nocx-dashboard-windowbar__current i{
    color:#6fe0ff !important;
    font-size:12px !important;
    flex:0 0 auto !important;
  }
  .nocx-dashboard-windowbar__current span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .nocx-dashboard-windowbar__pages{
    flex:1 1 auto !important;
    min-width:92px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    padding:2px 0 !important;
  }
  .nocx-dashboard-windowbar__pages::-webkit-scrollbar{display:none !important;}
  .nocx-dashboard-windowbar .ua-page-tab{
    appearance:none !important;
    flex:0 0 auto !important;
    max-width:132px !important;
    min-width:34px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    background:rgba(255,255,255,.045) !important;
    color:rgba(231,246,255,.80) !important;
    font-size:11.5px !important;
    font-weight:850 !important;
    cursor:pointer !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  .nocx-dashboard-windowbar .ua-page-tab:hover{
    color:#fff !important;
    border-color:rgba(92,218,255,.18) !important;
    background:rgba(92,218,255,.10) !important;
  }
  .nocx-dashboard-windowbar .ua-page-tab.is-current{
    color:var(--ua-ds-title) !important;
    border-color:color-mix(in srgb,var(--ua-accent) 34%,var(--ua-ds-line)) !important;
    background:color-mix(in srgb,var(--ua-accent) 14%,var(--ua-theme-input)) !important;
  }
  .nocx-dashboard-windowbar .ua-page-tab.is-minimized{
    opacity:.72 !important;
    border-color:rgba(255,211,106,.18) !important;
  }
  .nocx-dashboard-windowbar .ua-page-tab i{
    font-size:10.5px !important;
    opacity:.9 !important;
    flex:0 0 auto !important;
  }
  .nocx-dashboard-windowbar .ua-page-tab span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .nocx-dashboard-windowbar__search{
    flex:0 0 165px !important;
    width:165px !important;
    min-width:132px !important;
    max-width:185px !important;
    height:30px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    border:1px solid rgba(112,225,255,.16) !important;
    background:rgba(4,14,25,.44) !important;
    margin:0 !important;
  }
  .nocx-dashboard-windowbar__search .nocx-search__icon{
    color:#6fe0ff !important;
    font-size:13px !important;
    line-height:1 !important;
    flex:0 0 auto !important;
  }
  .nocx-dashboard-windowbar__search input{
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#eaf7ff !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    padding:0 !important;
  }
  .nocx-dashboard-windowbar__search input::placeholder{color:rgba(218,238,255,.52) !important;}
  .nocx-dashboard-windowbar__search:focus-within{
    border-color:rgba(112,225,255,.34) !important;
    box-shadow:0 0 0 2px rgba(112,225,255,.045) !important;
  }
  body.ua-page-dashboard.ua-page-window-min .nocx-layout{
    display:none !important;
  }
  body.ua-page-dashboard.ua-page-window-max .nocx-dashboard-statsbar,
  body.ua-page-dashboard.ua-page-window-max .nocx-shell{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    margin-inline:0 !important;
  }
  @media (max-width: 1380px){
    .nocx-dashboard-windowbar{
      flex-basis:450px !important;
      width:450px !important;
      min-width:330px !important;
    }
    .nocx-dashboard-windowbar__current{max-width:122px !important;}
    .nocx-dashboard-windowbar__search{flex-basis:145px !important;width:145px !important;}
  }
  @media (max-width: 1180px){
    .nocx-dashboard-windowbar{
      flex:1 1 100% !important;
      order:10 !important;
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
    }
  }

  /* Final requested alignment: company name in statsbar and search beside action buttons */
  .nocx-dashboard-statsbar .nocx-stat-chip--brand span:not(.nocx-stat-ico){
    font-size:14.1px !important;
    font-weight:950 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .nocx-topbar--control{
    justify-content:flex-start !important;
  }
  .nocx-topbar__title{
    flex:1 1 auto !important;
    justify-content:flex-start !important;
  }
  .nocx-topbar__actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex:0 0 auto !important;
    min-width:0 !important;
  }
  .nocx-topbar__actions .nocx-title-search{
    order:-1 !important;
    flex:0 0 360px !important;
    width:360px !important;
    max-width:360px !important;
    min-width:260px !important;
    margin-inline:0 2px !important;
  }
  @media (max-width: 1180px){
    .nocx-topbar__actions .nocx-title-search{
      flex-basis:300px !important;
      width:300px !important;
      max-width:300px !important;
      min-width:220px !important;
    }
  }



  /* Careful 1% left alignment with matching shrink from the left side to avoid clipping */
  .nocx-dashboard-statsbar,
  .nocx-shell{
    width:99% !important;
    max-width:99% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    transform:translateX(-1%) !important;
    transform-origin:center top !important;
  }


  /* Precise card swap: traffic takes the former routers area, routers take the former traffic rail area */
  .nocx-main .nocx-panel--traffic-main{
    min-height:0 !important;
    height:auto !important;
  }
  .nocx-main .nocx-panel--traffic-main .nocx-chart-wrap{
    min-height:198px !important;
    height:208px !important;
  }
  .nocx-main .nocx-panel--traffic-main .nocx-traffic-rail{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:6px !important;
    margin-top:8px !important;
  }
  .nocx-main .nocx-panel--traffic-main .nocx-traffic-source{
    min-height:0 !important;
    padding:7px 8px !important;
  }
  .nocx-main .nocx-panel--traffic-main .nocx-traffic-source__spark{
    display:none !important;
  }
  .nocx-rightbar .nocx-panel--routers-rail{
    min-height:100% !important;
    height:100% !important;
  }
  .nocx-rightbar .nocx-panel--routers-rail .nocx-router-list{
    gap:7px !important;
  }
  .nocx-rightbar .nocx-panel--routers-rail .nocx-router-card,
  .nocx-rightbar .nocx-panel--routers-rail .nocx-router-row,
  .nocx-rightbar .nocx-panel--routers-rail .nocx-router-item{
    padding:8px !important;
  }
  @media (max-width: 1180px){
    .nocx-main .nocx-panel--traffic-main .nocx-traffic-rail{
      grid-template-columns:1fr !important;
    }
  }


  /* Windows-style unified close button for notification items only */
  .nocx-alert-popover .nocx-alert-line{
    align-items:center !important;
  }
  .nocx-alert-popover .nocx-alert-line__close{
    position:relative !important;
    flex:0 0 26px !important;
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:rgba(255,255,255,.055) !important;
    color:rgba(232,244,255,.86) !important;
    box-shadow:none !important;
    outline:0 !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:-999px !important;
    overflow:hidden !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    transform:none !important;
    transition:background .14s ease,color .14s ease,box-shadow .14s ease !important;
  }
  .nocx-alert-popover .nocx-alert-line__close::before,
  .nocx-alert-popover .nocx-alert-line__close::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:11px !important;
    height:1.7px !important;
    border-radius:2px !important;
    background:currentColor !important;
    transform-origin:center !important;
  }
  .nocx-alert-popover .nocx-alert-line__close::before{transform:translate(-50%,-50%) rotate(45deg) !important;}
  .nocx-alert-popover .nocx-alert-line__close::after{transform:translate(-50%,-50%) rotate(-45deg) !important;}
  .nocx-alert-popover .nocx-alert-line__close:hover{
    background:#e81123 !important;
    color:#fff !important;
    box-shadow:0 0 14px rgba(232,17,35,.28) !important;
  }
  .nocx-alert-popover .nocx-alert-line__close:active{
    background:#c50f1f !important;
  }

  /* Keep all notification close buttons on one unified Windows-like line */
  .nocx-alert-popover .nocx-alert-line{
    position:relative !important;
    padding-left:52px !important;
    padding-right:12px !important;
  }
  .nocx-alert-popover .nocx-alert-line__close{
    position:absolute !important;
    left:12px !important;
    right:auto !important;
    top:50% !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
  }



  /* Traffic chart top numbers polish only: الرفع / التحميل / الإجمالي */
  .nocx-panel--traffic-main .nocx-summary-band--traffic{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    padding:9px !important;
    margin:8px 0 10px !important;
    border-radius:14px !important;
    border:1px solid rgba(85,180,220,.13) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),
      radial-gradient(circle at 50% 0%, rgba(68,216,255,.075), transparent 52%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 10px 24px rgba(0,0,0,.12) !important;
    overflow:hidden !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg, transparent, rgba(70,215,255,.055), transparent) !important;
    opacity:.55 !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item{
    position:relative !important;
    min-width:0 !important;
    min-height:48px !important;
    padding:8px 10px !important;
    border-radius:11px !important;
    border:1px solid rgba(255,255,255,.055) !important;
    background:
      linear-gradient(180deg, rgba(14,30,48,.78), rgba(7,18,32,.58)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item::after{
    content:"" !important;
    position:absolute !important;
    inset-inline-start:10px !important;
    inset-inline-end:10px !important;
    bottom:5px !important;
    height:2px !important;
    border-radius:999px !important;
    opacity:.72 !important;
    background:rgba(255,255,255,.12) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item span{
    font-size:14px !important;
    line-height:20px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item > span:first-child{
    flex:0 0 72px !important;
    width:72px !important;
    text-align:end !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item strong{
    font-size:17px !important;
    line-height:20px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    flex:0 0 92px !important;
    width:92px !important;
    text-align:end !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(1){
    border-color:rgba(255,189,74,.13) !important;
    background:
      radial-gradient(circle at 50% 10%, rgba(255,189,74,.12), transparent 56%),
      linear-gradient(180deg, rgba(32,25,14,.60), rgba(8,18,31,.58)) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(1) span,
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(1) strong{
    color:#ffca66 !important;
    text-shadow:0 0 12px rgba(255,189,74,.23) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(1)::after{
    background:linear-gradient(90deg, transparent, rgba(255,189,74,.90), transparent) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(2){
    border-color:rgba(70,215,255,.15) !important;
    background:
      radial-gradient(circle at 50% 10%, rgba(70,215,255,.13), transparent 56%),
      linear-gradient(180deg, rgba(10,31,48,.68), rgba(8,18,31,.58)) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(2) span,
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(2) strong{
    color:#50dcff !important;
    text-shadow:0 0 12px rgba(70,215,255,.25) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(2)::after{
    background:linear-gradient(90deg, transparent, rgba(70,215,255,.90), transparent) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item.highlight,
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(3){
    border-color:rgba(210,232,255,.12) !important;
    background:
      radial-gradient(circle at 50% 10%, rgba(210,232,255,.09), transparent 56%),
      linear-gradient(180deg, rgba(22,34,50,.70), rgba(8,18,31,.58)) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item.highlight span,
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item.highlight strong,
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(3) span,
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(3) strong{
    color:rgba(238,248,255,.96) !important;
    text-shadow:0 0 10px rgba(255,255,255,.08) !important;
  }
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item.highlight::after,
  .nocx-panel--traffic-main .nocx-summary-band--traffic .nocx-band-item:nth-child(3)::after{
    background:linear-gradient(90deg, transparent, rgba(220,236,255,.72), transparent) !important;
  }



  /* 2026-05-06 refinement: dashboard has a compact mirror only; it fills the gap without becoming a page tab strip. */
  .nocx-topbar--control{
    gap:10px !important;
    flex-wrap:nowrap !important;
  }
  .nocx-topbar--control .nocx-window-controls{
    flex:0 0 auto !important;
  }
  .nocx-topbar--control .nocx-topbar__title{
    flex:0 0 auto !important;
    min-width:214px !important;
    max-width:280px !important;
    justify-content:flex-start !important;
  }
  .nocx-topbar--control .nocx-topbar__actions{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  .nocx-dashboard-windowbar{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:40px !important;
    margin-inline:0 !important;
    padding:0 7px !important;
    gap:7px !important;
  }
  .nocx-dashboard-windowbar__current{
    display:none !important;
  }
  .nocx-dashboard-windowbar__pages{
    flex:1 1 auto !important;
    min-width:80px !important;
  }
  .nocx-dashboard-windowbar__pages:empty::before{
    content:'لا توجد نوافذ مفتوحة' !important;
    color:rgba(220,237,255,.46) !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    padding-inline:10px !important;
    white-space:nowrap !important;
  }
  .nocx-dashboard-windowbar__search{
    flex:0 0 220px !important;
    width:220px !important;
    max-width:220px !important;
    min-width:160px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .nocx-dashboard-windowbar__search input{
    box-sizing:border-box !important;
    direction:rtl !important;
  }
  .nocx-search-match{
    outline:1px solid rgba(111,224,255,.34) !important;
    box-shadow:0 0 0 3px rgba(111,224,255,.045), 0 0 18px rgba(111,224,255,.10) !important;
  }
  body.nocx-dashboard-searching .nocx-panel:not(.nocx-search-match),
  body.nocx-dashboard-searching .nocx-mini-stat:not(.nocx-search-match),
  body.nocx-dashboard-searching .nocx-router-card:not(.nocx-search-match),
  body.nocx-dashboard-searching .nocx-router-row:not(.nocx-search-match),
  body.nocx-dashboard-searching .nocx-traffic-source:not(.nocx-search-match){
    opacity:.56 !important;
  }
  @media (max-width:1380px){
    .nocx-topbar--control .nocx-topbar__title{min-width:190px !important;max-width:236px !important;}
    .nocx-dashboard-windowbar__search{flex-basis:190px !important;width:190px !important;max-width:190px !important;}
  }
  @media (max-width:1180px){
    .nocx-topbar--control{flex-wrap:wrap !important;}
    .nocx-topbar--control .nocx-topbar__actions{flex:1 1 100% !important;order:4 !important;}
    .nocx-dashboard-windowbar{flex-basis:100% !important;width:100% !important;max-width:100% !important;}
  }



  /* 2026-05-06 final dashboard windowbar/search correction */
  .nocx-topbar--control{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
  }
  .nocx-topbar--control .nocx-window-controls{
    flex:0 0 auto !important;
  }
  .nocx-topbar--control .nocx-topbar__title{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:230px !important;
    max-width:290px !important;
  }
  .nocx-topbar--control .nocx-topbar__actions{
    flex:1 1 0 !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:8px !important;
  }
  .nocx-topbar--control .nocx-icon-action,
  .nocx-topbar--control .nocx-refresh{
    flex:0 0 auto !important;
  }
  .nocx-dashboard-windowbar{
    flex:1 1 0 !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    position:relative !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }
  .nocx-dashboard-windowbar__pages{
    direction:rtl !important;
    justify-content:flex-start !important;
  }
  .nocx-dashboard-windowbar__search{
    flex:0 0 260px !important;
    width:260px !important;
    max-width:260px !important;
    min-width:210px !important;
  }
  .nocx-dashboard-search-results{
    position:absolute !important;
    z-index:9999 !important;
    top:calc(100% + 8px) !important;
    inset-inline-start:8px !important;
    width:min(430px, calc(100% - 16px)) !important;
    max-height:330px !important;
    overflow:auto !important;
    padding:8px !important;
    border-radius:16px !important;
    border:1px solid rgba(112,225,255,.18) !important;
    background:linear-gradient(180deg, rgba(8,22,38,.98), rgba(4,13,24,.98)) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045) !important;
    backdrop-filter:blur(12px) !important;
  }
  .nocx-dashboard-search-results[hidden]{display:none !important;}
  .nocx-dash-search-item{
    width:100% !important;
    border:1px solid rgba(255,255,255,.07) !important;
    background:rgba(255,255,255,.035) !important;
    color:#eef8ff !important;
    border-radius:12px !important;
    padding:9px 10px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:6px 10px !important;
    text-align:right !important;
    cursor:pointer !important;
    margin-bottom:6px !important;
  }
  .nocx-dash-search-item:hover,
  .nocx-dash-search-item.is-active{
    border-color:rgba(112,225,255,.28) !important;
    background:rgba(92,218,255,.095) !important;
  }
  .nocx-dash-search-main{
    min-width:0 !important;
    font-weight:950 !important;
    font-size:13px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .nocx-dash-search-meta{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    color:rgba(226,240,255,.70) !important;
    font-size:11.5px !important;
    font-weight:750 !important;
  }
  .nocx-dash-search-status{
    align-self:start !important;
    border-radius:999px !important;
    padding:3px 8px !important;
    font-size:11px !important;
    font-weight:900 !important;
    color:#dff8ff !important;
    background:rgba(255,255,255,.06) !important;
  }
  .nocx-dash-search-status.is-online{background:rgba(35,197,94,.16) !important;color:#bffbd5 !important;}
  .nocx-dash-search-status.is-disabled{background:rgba(239,68,68,.17) !important;color:#ffd0d0 !important;}
  .nocx-dash-search-empty{
    color:rgba(226,240,255,.65) !important;
    font-size:12px !important;
    font-weight:800 !important;
    padding:12px !important;
    text-align:center !important;
  }
  @media (max-width:1380px){
    .nocx-dashboard-windowbar__search{flex-basis:220px !important;width:220px !important;max-width:220px !important;min-width:180px !important;}
    .nocx-topbar--control .nocx-topbar__title{min-width:210px !important;max-width:250px !important;}
  }
  @media (max-width:1180px){
    .nocx-topbar--control{flex-wrap:wrap !important;}
    .nocx-topbar--control .nocx-topbar__actions{flex-basis:100% !important;}
    .nocx-dashboard-windowbar{flex-basis:100% !important;}
  }


  /* 2026-05-06 focused correction from review:
     - dashboard mirror strip fills the exact gap between window buttons and title
     - search results stay above cards
     - no duplicate current-page chip inside dashboard strip */
  .content-wrapper.nocx-page,
  .content-wrapper.nocx-page > .content,
  .nocx-shell,
  .nocx-topbar--control{
    overflow:visible !important;
  }
  .nocx-shell{
    position:relative !important;
    z-index:10 !important;
  }
  .nocx-topbar--control{
    position:relative !important;
    z-index:9000 !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
  }
  .nocx-layout,
  .nocx-lower-stack{
    position:relative !important;
    z-index:1 !important;
  }
  .nocx-topbar--control .nocx-window-controls{
    order:1 !important;
    flex:0 0 auto !important;
  }
  .nocx-topbar--control .nocx-topbar__actions{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:8px !important;
  }
  .nocx-topbar--control .nocx-topbar__title{
    order:3 !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:166px !important;
    max-width:218px !important;
    margin:0 !important;
  }
  .nocx-topbar--control .nocx-topbar__title .nocx-title-copy{
    min-width:0 !important;
  }
  .nocx-dashboard-windowbar{
    order:-1 !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:9500 !important;
  }
  .nocx-dashboard-windowbar__current{
    display:none !important;
  }
  .nocx-dashboard-windowbar__pages{
    flex:1 1 auto !important;
    min-width:80px !important;
    direction:rtl !important;
    justify-content:flex-start !important;
  }
  .nocx-dashboard-windowbar__search{
    flex:0 0 280px !important;
    width:280px !important;
    max-width:280px !important;
    min-width:220px !important;
    position:relative !important;
    z-index:9600 !important;
  }
  .nocx-dashboard-search-results{
    z-index:999999 !important;
    pointer-events:auto !important;
  }
  @media (max-width:1380px){
    .nocx-dashboard-windowbar__search{
      flex-basis:240px !important;
      width:240px !important;
      max-width:240px !important;
      min-width:190px !important;
    }
    .nocx-topbar--control .nocx-topbar__title{
      min-width:154px !important;
      max-width:200px !important;
    }
  }


  /* 2026-05-06 integrated correction: keep dashboard structure stable and make the
     dashboard strip only fill the existing gap between the right title and left controls. */
  .nocx-topbar--control{
    direction:rtl !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
    padding-inline:14px !important;
  }
  .nocx-topbar--control .nocx-topbar__title{
    order:1 !important;
    flex:0 0 auto !important;
    min-width:auto !important;
    max-width:none !important;
    justify-content:flex-start !important;
    margin:0 !important;
  }
  .nocx-topbar--control .nocx-topbar__actions{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
  }
  .nocx-topbar--control .nocx-window-controls{
    order:3 !important;
    flex:0 0 auto !important;
    direction:ltr !important;
    margin:0 !important;
  }
  .nocx-dashboard-windowbar{
    order:1 !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .nocx-dashboard-windowbar__pages{
    flex:1 1 auto !important;
    min-width:0 !important;
    justify-content:flex-start !important;
  }
  .nocx-dashboard-windowbar__search{
    flex:0 0 230px !important;
    width:230px !important;
    max-width:230px !important;
    min-width:190px !important;
  }
  .nocx-topbar__actions > .nocx-icon-action,
  .nocx-topbar__actions > .nocx-refresh{
    order:2 !important;
    flex:0 0 auto !important;
  }
  .nocx-dashboard-search-results{
    z-index:999999 !important;
  }
  .nocx-dash-search-item{
    grid-template-columns:1fr auto !important;
    min-height:42px !important;
  }
  .nocx-dash-search-meta{display:none !important;}
  @media (max-width:1180px){
    .nocx-topbar--control{flex-wrap:wrap !important;}
    .nocx-topbar--control .nocx-topbar__actions{flex:1 1 100% !important;order:4 !important;}
    .nocx-dashboard-windowbar__search{flex:0 0 200px !important;width:200px !important;max-width:200px !important;}
  }



  /* 2026-05-06 unified windowbar: dashboard uses the same strip classes as the rest of the program. */
  body.ua-page-dashboard .nocx-dashboard-windowbar,
  body.ua-page-dashboard .nocx-dashboard-windowbar__current,
  body.ua-page-dashboard .nocx-dashboard-windowbar__pages,
  body.ua-page-dashboard .nocx-dashboard-windowbar__search{
    display:none !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex:0 1 auto !important;
    min-width:0 !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard{
    height:36px !important;
    min-height:36px !important;
    flex:1 1 460px !important;
    width:auto !important;
    min-width:240px !important;
    max-width:620px !important;
    margin:0 !important;
    padding:0 9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    direction:rtl !important;
    overflow:hidden !important;
    border-radius:14px !important;
    border:1px solid rgba(105,160,190,.20) !important;
    background:linear-gradient(180deg,rgba(10,25,42,.88),rgba(5,15,29,.82)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__title{
    display:none !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__pages{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    overflow:hidden !important;
    direction:rtl !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab{
    appearance:none !important;
    -webkit-appearance:none !important;
    height:28px !important;
    max-width:160px !important;
    min-width:88px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:1px solid rgba(255,255,255,.075) !important;
    background:rgba(255,255,255,.045) !important;
    color:rgba(236,248,255,.86) !important;
    font-size:12px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    flex:0 0 auto !important;
    cursor:pointer !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab:hover{
    color:#fff !important;
    border-color:rgba(92,218,255,.22) !important;
    background:rgba(92,218,255,.10) !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab.is-current{
    color:var(--ua-ds-title) !important;
    border-color:color-mix(in srgb,var(--ua-accent) 34%,var(--ua-ds-line)) !important;
    background:color-mix(in srgb,var(--ua-accent) 14%,var(--ua-theme-input)) !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab.is-minimized{
    opacity:.72 !important;
    border-color:rgba(255,211,106,.18) !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab i{
    font-size:11px !important;
    opacity:.86 !important;
    flex:0 0 auto !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions .nocx-title-search{
    order:0 !important;
    flex:0 0 280px !important;
    width:280px !important;
    max-width:280px !important;
    min-width:210px !important;
    margin:0 !important;
    position:relative !important;
    z-index:4200 !important;
  }
  body.ua-page-dashboard .nocx-dashboard-search-results{
    z-index:5000 !important;
  }
  @media (max-width: 1280px){
    body.ua-page-dashboard .ua-page-windowbar--dashboard{flex-basis:330px !important;max-width:460px !important;}
    body.ua-page-dashboard .nocx-topbar__actions .nocx-title-search{flex-basis:220px !important;width:220px !important;max-width:220px !important;}
  }
  @media (max-width: 980px){
    body.ua-page-dashboard .ua-page-windowbar--dashboard,
    body.ua-page-dashboard .nocx-topbar__actions .nocx-title-search{flex:1 1 100% !important;width:100% !important;max-width:100% !important;}
  }


  /* 2026-05-07 dashboard topbar restore: keep the approved shared windowbar,
     and place the three window dots between it and the quick action buttons. */
  body.ua-page-dashboard .nocx-topbar--control{
    direction:rtl !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }
  body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__title{
    order:1 !important;
    flex:0 0 auto !important;
    min-width:auto !important;
    max-width:none !important;
    margin:0 !important;
  }
  body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__actions{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    direction:rtl !important;
    margin:0 !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .ua-page-windowbar--dashboard{
    order:1 !important;
    flex:1 1 auto !important;
    min-width:260px !important;
    max-width:none !important;
    margin:0 !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-window-controls{
    order:2 !important;
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    direction:ltr !important;
    gap:8px !important;
    margin:0 2px !important;
    position:static !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-icon-action,
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-refresh{
    order:3 !important;
    flex:0 0 auto !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-title-search{
    order:4 !important;
    flex:0 0 280px !important;
    width:280px !important;
    max-width:280px !important;
    min-width:210px !important;
    margin:0 !important;
    position:relative !important;
    z-index:4200 !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-dashboard-search-results{
    order:5 !important;
  }
  @media (max-width:1180px){
    body.ua-page-dashboard .nocx-topbar--control{flex-wrap:wrap !important;}
    body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__actions{flex:1 1 100% !important;}
    body.ua-page-dashboard .nocx-topbar__actions > .ua-page-windowbar--dashboard{flex-basis:100% !important;}
  }


  /* 2026-05-07 final visual layout: one unified dashboard strip.
     Left-to-right inside actions: buttons -> window dots -> windowbar with search. */
  body.ua-page-dashboard .nocx-topbar--control{
    height:46px !important;
    min-height:46px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    direction:rtl !important;
  }
  body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__title{
    order:1 !important;
    flex:0 0 auto !important;
    min-width:205px !important;
    max-width:260px !important;
    margin:0 !important;
    justify-content:flex-start !important;
  }
  body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__actions{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:40px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    direction:ltr !important;
    margin:0 !important;
    position:relative !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-icon-action,
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-refresh{
    order:1 !important;
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-window-controls{
    order:2 !important;
    flex:0 0 auto !important;
    height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    direction:ltr !important;
    gap:8px !important;
    margin:0 6px 0 2px !important;
    position:static !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .ua-page-windowbar--dashboard{
    order:3 !important;
    flex:1 1 auto !important;
    min-width:430px !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    direction:ltr !important;
    overflow:visible !important;
    position:relative !important;
    border-radius:15px !important;
    border:1px solid rgba(105,160,190,.20) !important;
    background:linear-gradient(180deg,rgba(10,25,42,.92),rgba(5,15,29,.86)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__title{
    display:none !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__search,
  body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-title-search{
    order:1 !important;
    flex:0 0 285px !important;
    width:285px !important;
    max-width:285px !important;
    min-width:220px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    direction:rtl !important;
    position:relative !important;
    z-index:2 !important;
    border-radius:999px !important;
    border:1px solid rgba(112,225,255,.18) !important;
    background:rgba(6,20,34,.62) !important;
    box-shadow:none !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-title-search input{
    height:100% !important;
    min-width:0 !important;
    font-size:13px !important;
    font-weight:800 !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__pages{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    direction:rtl !important;
    gap:6px !important;
    overflow:hidden !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab{
    height:28px !important;
    min-width:96px !important;
    max-width:150px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    flex:0 0 auto !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-dashboard-search-results{
    position:absolute !important;
    z-index:99999 !important;
    top:calc(100% + 8px) !important;
    left:8px !important;
    right:auto !important;
    width:min(360px, calc(100% - 16px)) !important;
    max-height:315px !important;
    overflow:auto !important;
  }
  @media (max-width:1180px){
    body.ua-page-dashboard .nocx-topbar--control{flex-wrap:wrap !important;height:auto !important;min-height:46px !important;}
    body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__actions{flex:1 1 100% !important;}
    body.ua-page-dashboard .nocx-topbar__actions > .ua-page-windowbar--dashboard{min-width:260px !important;}
    body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__search,
    body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-title-search{flex-basis:220px !important;width:220px !important;max-width:220px !important;}
  }




  /* 2026-05-07 final dashboard top strip:
     left to right inside the actions area = action buttons -> 3 window dots -> unified windowbar/search.
     The windowbar is the flexible part and stretches right until it touches the dashboard title gap. */
  body.ua-page-dashboard .nocx-topbar--control{
    height:46px !important;
    min-height:46px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    direction:rtl !important;
    overflow:visible !important;
  }
  body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__title{
    order:1 !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    white-space:nowrap !important;
  }
  body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__actions{
    order:2 !important;
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:40px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    direction:ltr !important;
    margin:0 !important;
    overflow:visible !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-icon-action,
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-refresh{
    order:1 !important;
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .nocx-window-controls{
    order:2 !important;
    flex:0 0 auto !important;
    height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    direction:ltr !important;
    margin:0 6px 0 2px !important;
    position:static !important;
  }
  body.ua-page-dashboard .nocx-topbar__actions > .ua-page-windowbar--dashboard{
    order:3 !important;
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    direction:ltr !important;
    overflow:visible !important;
    position:relative !important;
    z-index:9500 !important;
    border-radius:15px !important;
    border:1px solid rgba(105,160,190,.20) !important;
    background:linear-gradient(180deg,rgba(10,25,42,.92),rgba(5,15,29,.86)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__title{
    display:none !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__search,
  body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-title-search{
    order:1 !important;
    flex:0 0 285px !important;
    width:285px !important;
    max-width:285px !important;
    min-width:220px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    direction:rtl !important;
    position:relative !important;
    z-index:2 !important;
    border-radius:999px !important;
    border:1px solid rgba(112,225,255,.18) !important;
    background:rgba(6,20,34,.62) !important;
    box-shadow:none !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-title-search input{
    height:100% !important;
    min-width:0 !important;
    font-size:13px !important;
    font-weight:800 !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__pages{
    order:2 !important;
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    direction:rtl !important;
    gap:6px !important;
    overflow:hidden !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab{
    height:28px !important;
    min-width:96px !important;
    max-width:150px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    flex:0 0 auto !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-dashboard-search-results{
    position:absolute !important;
    z-index:99999 !important;
    top:calc(100% + 8px) !important;
    left:8px !important;
    right:auto !important;
    width:min(360px, calc(100% - 16px)) !important;
    max-height:315px !important;
    overflow:auto !important;
  }
  @media (max-width:1180px){
    body.ua-page-dashboard .nocx-topbar--control{flex-wrap:wrap !important;height:auto !important;min-height:46px !important;}
    body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__actions{flex:1 1 100% !important;}
    body.ua-page-dashboard .nocx-topbar__actions > .ua-page-windowbar--dashboard{flex-basis:100% !important;}
    body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__search,
    body.ua-page-dashboard .ua-page-windowbar--dashboard .nocx-title-search{flex-basis:220px !important;width:220px !important;max-width:220px !important;}
  }

  /* Final guard: dashboard window tabs must scroll, not get clipped. */
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__pages{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-windowbar__pages::-webkit-scrollbar{
    display:none !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab .ua-page-tab__close{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    flex:0 0 16px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-inline-start:3px !important;
    color:rgba(236,248,255,.48) !important;
    font-size:12px !important;
    line-height:1 !important;
    background:transparent !important;
    opacity:.66 !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab:hover .ua-page-tab__close{
    opacity:.96 !important;
  }
  body.ua-page-dashboard .ua-page-windowbar--dashboard .ua-page-tab .ua-page-tab__close:hover{
    color:#fff !important;
    background:rgba(232,17,35,.82) !important;
  }



  /* 2026-05-09 final statsbar spacing: same rule used by normal pages. */
  .nocx-dashboard-statsbar{
    grid-template-columns:minmax(96px,1fr) max-content max-content max-content max-content max-content max-content max-content max-content 150px !important;
    gap:5px !important;
    padding:6px 9px !important;
    overflow:visible !important;
  }
  .nocx-dashboard-statsbar > *{
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip,
  .nocx-dashboard-statsbar .nocx-user-chip > summary{
    width:auto !important;
    max-width:none !important;
    min-width:max-content !important;
    height:34px !important;
    padding:0 6px !important;
    gap:4px !important;
    font-size:11.9px !important;
    line-height:1 !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    justify-content:center !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip span:not(.nocx-stat-ico){
    flex:0 0 auto !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip strong{
    font-size:13.2px !important;
    margin-inline-start:2px !important;
    white-space:nowrap !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-ico{
    width:12px !important;
    min-width:12px !important;
    height:12px !important;
    font-size:12.2px !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip--brand{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:0 10px !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip--brand span:not(.nocx-stat-ico){
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
  .nocx-dashboard-statsbar .nocx-dashboard-traffic-chip{
    min-width:78px !important;
    padding-inline:7px !important;
  }
  .nocx-dashboard-statsbar .nocx-dashboard-traffic-chip strong{
    min-width:52px !important;
    margin-inline-start:0 !important;
    text-align:center !important;
  }
  .nocx-dashboard-statsbar .nocx-user-chip{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    justify-self:stretch !important;
  }
  .nocx-dashboard-statsbar .nocx-user-chip > summary{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    padding:0 9px !important;
    gap:6px !important;
    overflow:hidden !important;
  }
  .nocx-dashboard-statsbar .nocx-user-name{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary{
    width:auto !important;
    min-width:max-content !important;
  }
  @media (max-width:1280px){
    .nocx-dashboard-statsbar{
      grid-template-columns:minmax(74px,1fr) max-content max-content max-content max-content max-content max-content max-content max-content 136px !important;
      gap:4px !important;
      padding-inline:7px !important;
    }
    .nocx-dashboard-statsbar .nocx-stat-chip,
    .nocx-dashboard-statsbar .nocx-user-chip > summary{
      font-size:11.2px !important;
      padding-inline:5px !important;
      gap:3px !important;
    }
    .nocx-dashboard-statsbar .nocx-stat-chip strong{font-size:12.4px !important;}
    .nocx-dashboard-statsbar .nocx-user-chip,
    .nocx-dashboard-statsbar .nocx-user-chip > summary{
      width:136px !important;
      min-width:136px !important;
      max-width:136px !important;
    }
  }


  /* 2026-05-09 precision tune: keep company flexible + user fixed, enlarge only real stat cards by 18%. */
  .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand){
    height:38px !important;
    min-height:38px !important;
    padding:0 8.05px !important;
    gap:5.05px !important;
    font-size:13.95px !important;
    border-radius:8.45px !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand) strong{
    font-size:15.55px !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand) .nocx-stat-ico{
    width:14.4px !important;
    min-width:14.4px !important;
    height:14.4px !important;
    font-size:14.55px !important;
  }
  .nocx-dashboard-statsbar .nocx-dashboard-traffic-chip{
    min-width:91px !important;
    padding-inline:8.55px !important;
  }
  .nocx-dashboard-statsbar .nocx-dashboard-traffic-chip strong{
    min-width:61.5px !important;
  }
  @media (max-width:1280px){
    .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand){
      height:34px !important;
      min-height:34px !important;
      font-size:12.3px !important;
      padding-inline:5.55px !important;
      gap:3.4px !important;
    }
    .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand) strong{font-size:13.95px !important;}
    .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand) .nocx-stat-ico{font-size:12.9px !important;width:13.45px !important;min-width:13.45px !important;height:13.45px !important;}
  }


  /* 2026-05-09 height alignment pass: keep 18% widths, unify chip heights, center inside a slightly taller lower bar. */
  .nocx-dashboard-statsbar{
    min-height:54px !important;
    padding:7px 9px 10px !important;
    align-items:center !important;
    row-gap:0 !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip,
  .nocx-dashboard-statsbar .nocx-user-chip > summary,
  .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    align-items:center !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip--brand{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
  }
  .nocx-dashboard-statsbar .nocx-user-chip,
  .nocx-dashboard-statsbar .nocx-user-chip > summary{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
  }
  .nocx-dashboard-statsbar .nocx-user-avatar{
    width:25px !important;
    min-width:25px !important;
    height:25px !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip span,
  .nocx-dashboard-statsbar .nocx-stat-chip strong,
  .nocx-dashboard-statsbar .nocx-user-name{
    line-height:1 !important;
    align-self:center !important;
  }
  @media (max-width:1280px){
    .nocx-dashboard-statsbar{
      min-height:50px !important;
      padding:6px 7px 9px !important;
    }
    .nocx-dashboard-statsbar .nocx-stat-chip,
    .nocx-dashboard-statsbar .nocx-user-chip > summary,
    .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary,
    .nocx-dashboard-statsbar .nocx-stat-chip--brand{
      height:36px !important;
      min-height:36px !important;
      max-height:36px !important;
    }
  }



  /* 2026-05-09 alert dropdown compact rows: match global topbar. */
  .nocx-dashboard-statsbar .nocx-alert-popover{
    width:min(405px, calc(100vw - 60px)) !important;
    max-height:315px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover__head{
    padding:2px 3px 7px !important;
    border-bottom:1px solid rgba(243,186,47,.28) !important;
    box-shadow:0 8px 16px rgba(243,186,47,.035) !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-feed{
    max-height:255px !important;
    padding:4px 0 0 !important;
    overflow:auto !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line,
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line.warn,
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line.danger,
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line.info{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    min-height:34px !important;
    height:34px !important;
    gap:7px !important;
    margin:0 !important;
    padding-block:0 !important;
    padding-inline-start:0 !important;
    padding-inline-end:0 !important;
    padding-left:34px !important;
    padding-right:10px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#edf8ff !important;
    text-decoration:none !important;
    overflow:hidden !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line::after{
    content:"" !important;
    position:absolute !important;
    inset-inline:8px !important;
    bottom:0 !important;
    height:1px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,transparent,rgba(243,186,47,.22),rgba(255,220,112,.88),rgba(243,186,47,.22),transparent) !important;
    box-shadow:0 0 9px rgba(255,198,70,.35) !important;
    pointer-events:none !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line:last-child::after{display:none !important;}
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__main{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__count{
    flex:0 0 auto !important;
    min-width:22px !important;
    height:18px !important;
    padding:0 6px !important;
    margin:0 !important;
    border:1px solid rgba(255,216,98,.20) !important;
    border-radius:999px !important;
    background:rgba(255,216,98,.09) !important;
    color:#ffd96a !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:950 !important;
    line-height:18px !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__title{
    flex:0 1 auto !important;
    max-width:42% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:12px !important;
    font-weight:950 !important;
    line-height:1 !important;
    color:#fff8d6 !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__text{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    line-height:1 !important;
    color:rgba(232,244,255,.78) !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__close{
    position:absolute !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    left:6px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    color:rgba(232,244,255,.82) !important;
    box-shadow:none !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    transition:background .14s ease,color .14s ease !important;
    z-index:2 !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__close::before,
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__close::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:10px !important;
    height:1.6px !important;
    border-radius:2px !important;
    background:currentColor !important;
    transform-origin:center !important;
  }
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__close::before{transform:translate(-50%,-50%) rotate(45deg) !important;}
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__close::after{transform:translate(-50%,-50%) rotate(-45deg) !important;}
  .nocx-dashboard-statsbar .nocx-alert-popover .nocx-alert-line__close:hover{background:#e81123 !important;color:#fff !important;box-shadow:none !important;}

  /* Security monitor live strip: horizontal card above the first three dashboard cards. */
  .nocx-security-monitor-row{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    margin:0 !important;
  }
  .nocx-panel--security-monitor{
    position:relative !important;
    overflow:hidden !important;
    border-color:rgba(243,186,47,.28) !important;
    background:
      linear-gradient(90deg,rgba(7,16,30,.93) 0%,rgba(6,15,28,.95) 62%,rgba(8,18,31,.95) 74%,rgba(42,35,18,.42) 100%),
      linear-gradient(145deg,rgba(7,16,30,.92),rgba(5,13,25,.96)) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  .nocx-panel--security-monitor::before{
    content:"";
    position:absolute !important;
    inset:50% calc(10% - 58px) auto auto !important;
    width:245px !important;
    height:245px !important;
    transform:translateY(-50%) !important;
    border-radius:50% !important;
    border:1px solid rgba(243,186,47,.16) !important;
    background:
      repeating-radial-gradient(circle,rgba(243,186,47,.13) 0 1px,transparent 1px 28px),
      radial-gradient(circle,rgba(243,186,47,.11),rgba(72,210,255,.045) 38%,transparent 70%) !important;
    box-shadow:0 0 30px rgba(243,186,47,.10),inset 0 0 26px rgba(243,186,47,.045) !important;
    animation:nocxSecRadar 2.9s ease-in-out infinite !important;
    pointer-events:none !important;
    opacity:.82 !important;
  }
  .nocx-panel--security-monitor::after{
    content:"";
    position:absolute !important;
    inset:50% calc(10% - 34px) auto auto !important;
    width:178px !important;
    height:178px !important;
    transform:translateY(-50%) rotate(0deg) !important;
    border-radius:50% !important;
    background:conic-gradient(from 0deg,transparent 0 268deg,rgba(243,186,47,.25) 296deg,rgba(72,210,255,.16) 318deg,transparent 342deg 360deg) !important;
    filter:blur(.2px) !important;
    opacity:.45 !important;
    animation:nocxSecSweep 5.2s linear infinite !important;
    pointer-events:none !important;
  }
  .nocx-security-monitor-row .nocx-panel--security-monitor{
    min-height:60px !important;
    padding:6px 9px !important;
    border-radius:15px !important;
  }
  .nocx-secmon-link{
    position:relative !important;
    z-index:1 !important;
    color:inherit !important;
    text-decoration:none !important;
  }
  .nocx-security-monitor-row .nocx-secmon-link{
    display:grid !important;
    grid-template-columns:minmax(226px,.92fr) minmax(500px,1.66fr) minmax(235px,.82fr) !important;
    align-items:center !important;
    gap:9px !important;
    min-height:46px !important;
  }
  .nocx-secmon-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;min-width:0;}
  .nocx-security-monitor-row .nocx-secmon-top{margin:0 !important;}
  .nocx-secmon-title{display:flex;align-items:center;gap:8px;min-width:0;}
  .nocx-secmon-title strong{font-size:16px;font-weight:950;color:#ffe08a;white-space:nowrap;}
  .nocx-secmon-title small{display:block;color:rgba(232,244,255,.72);font-weight:850;font-size:12.3px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:195px;}
  .nocx-secmon-orb{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(243,186,47,.30),rgba(243,186,47,.05));border:1px solid rgba(243,186,47,.28);box-shadow:0 0 20px rgba(243,186,47,.16);color:#f3ba2f;flex:0 0 auto;}
  .nocx-security-monitor-row .nocx-secmon-orb{width:30px !important;height:30px !important;box-shadow:0 0 18px rgba(243,186,47,.14) !important;}
  .nocx-secmon-state{display:inline-flex;align-items:center;gap:7px;border-radius:0;padding:0;background:transparent;border:0;font-size:13px;font-weight:950;color:rgba(238,244,255,.92);white-space:nowrap;}
  .nocx-secmon-dot{position:relative;display:inline-flex;width:16px;height:16px;border-radius:50%;background:transparent;box-shadow:none;flex:0 0 auto;}
  .nocx-secmon-dot::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#72f59a;box-shadow:0 0 12px #72f59a;}
  .nocx-secmon-dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(114,245,154,.46);animation:nocxSecPulse 1.7s ease-out infinite;}
  .nocx-secmon-state.is-info .nocx-secmon-dot::before{background:#6fd6ff;box-shadow:0 0 13px #6fd6ff}.nocx-secmon-state.is-info .nocx-secmon-dot::after{border-color:rgba(111,214,255,.50)}
  .nocx-secmon-state.is-warn .nocx-secmon-dot::before{background:#ffd96a;box-shadow:0 0 13px #ffd96a}.nocx-secmon-state.is-warn .nocx-secmon-dot::after{border-color:rgba(255,217,106,.52)}
  .nocx-secmon-state.is-danger .nocx-secmon-dot::before{background:#ff5c77;box-shadow:0 0 14px #ff5c77}.nocx-secmon-state.is-danger .nocx-secmon-dot::after{border-color:rgba(255,92,119,.56)}
  .nocx-secmon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;position:relative;z-index:1;min-width:0;}
  .nocx-security-monitor-row .nocx-secmon-grid{grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:7px !important;}
  .nocx-secmon-cell{border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);padding:9px 8px;text-align:center;min-width:0;}
  .nocx-security-monitor-row .nocx-secmon-cell{min-height:37px !important;padding:4px 7px !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:7px !important;}
  .nocx-secmon-cell span{display:block;font-size:12.2px;font-weight:900;color:rgba(232,244,255,.74);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.nocx-secmon-cell strong{display:block;margin:0;font-size:19px;line-height:1;color:#fff;font-weight:950;}
  .nocx-secmon-cell.info strong{color:#bfeeff}.nocx-secmon-cell.warn strong{color:#ffe28a}.nocx-secmon-cell.danger strong{color:#ffb6c4}.nocx-secmon-cell.pppoe strong{color:#ffd2a1}.nocx-secmon-cell.admin strong{color:#ffc0de}
  .nocx-secmon-last{position:relative;z-index:1;margin-top:10px;padding-top:9px;border-top:1px solid rgba(243,186,47,.16);display:flex;align-items:center;justify-content:space-between;gap:8px;color:rgba(232,244,255,.68);font-size:11.5px;font-weight:800;min-width:0;}
  .nocx-security-monitor-row .nocx-secmon-last{
    margin:0 !important;
    padding:5px 10px !important;
    min-height:37px !important;
    border-top:0 !important;
    border-inline-start:1px solid rgba(243,186,47,.15) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.028) !important;
  }
  .nocx-secmon-last b{color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:950;font-size:12.7px}.nocx-secmon-last em{font-style:normal;color:#ffd96a;white-space:nowrap;font-size:12.1px;font-weight:900;}
  @keyframes nocxSecRadar{0%,100%{transform:translateY(-50%) scale(.94);opacity:.56;box-shadow:0 0 20px rgba(243,186,47,.08),inset 0 0 22px rgba(243,186,47,.035)}50%{transform:translateY(-50%) scale(1.08);opacity:.96;box-shadow:0 0 42px rgba(243,186,47,.18),inset 0 0 34px rgba(243,186,47,.075)}}
  @keyframes nocxSecSweep{0%{transform:translateY(-50%) rotate(0deg)}100%{transform:translateY(-50%) rotate(360deg)}}
  @keyframes nocxSecPulse{0%{transform:scale(.75);opacity:.95}100%{transform:scale(1.75);opacity:0}}
  @media (max-width:1380px){
    .nocx-security-monitor-row .nocx-secmon-link{grid-template-columns:minmax(220px,.8fr) minmax(420px,1.2fr) !important;}
    .nocx-security-monitor-row .nocx-secmon-last{grid-column:1 / -1 !important;border-inline-start:0 !important;border-top:1px solid rgba(243,186,47,.16) !important;}
  }
  @media (max-width:980px){
    .nocx-security-monitor-row .nocx-secmon-link{display:block !important;min-height:0 !important;}
    .nocx-security-monitor-row .nocx-secmon-top{margin-bottom:10px !important;}
    .nocx-security-monitor-row .nocx-secmon-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    .nocx-security-monitor-row .nocx-secmon-last{margin-top:9px !important;}
  }




  /* 2026-05-18 phase 4: extract dashboard windowbar from the control topbar.
     This is a structural move only: the dashboard tabs/search strip becomes an
     independent locked row directly under the stats bar, while the NOC topbar
     keeps only title, quick actions, and window controls. */
  body.ua-page-dashboard .ua-dashboard-windowbar-host{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    margin:8px 0 8px 0 !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    direction:ltr !important;
    overflow:visible !important;
    position:relative !important;
    z-index:9800 !important;
    border-radius:15px !important;
    border:1px solid rgba(105,160,190,.20) !important;
    background:linear-gradient(180deg,rgba(10,25,42,.92),rgba(5,15,29,.86)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
    box-sizing:border-box !important;
    flex:0 0 auto !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__title{
    display:none !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__search,
  body.ua-page-dashboard .ua-dashboard-windowbar-host .nocx-title-search{
    order:1 !important;
    flex:0 0 285px !important;
    width:285px !important;
    max-width:285px !important;
    min-width:220px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    direction:rtl !important;
    position:relative !important;
    z-index:2 !important;
    border-radius:999px !important;
    border:1px solid rgba(112,225,255,.18) !important;
    background:rgba(6,20,34,.62) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .nocx-title-search input{
    height:100% !important;
    min-width:0 !important;
    font-size:13px !important;
    font-weight:800 !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    direction:rtl !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages::-webkit-scrollbar{
    display:none !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-tab{
    height:28px !important;
    min-width:96px !important;
    max-width:150px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    flex:0 0 auto !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .nocx-dashboard-search-results{
    position:absolute !important;
    z-index:99999 !important;
    top:calc(100% + 8px) !important;
    left:10px !important;
    right:auto !important;
    width:min(390px, calc(100% - 20px)) !important;
    max-height:315px !important;
    overflow:auto !important;
  }
  body.ua-page-dashboard .nocx-topbar--control > .nocx-topbar__actions > .ua-page-windowbar--dashboard{
    display:none !important;
  }
  @media (max-width:1180px){
    body.ua-page-dashboard .ua-dashboard-windowbar-host{height:auto !important;min-height:40px !important;flex-wrap:wrap !important;padding:5px 8px !important;}
    body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__search,
    body.ua-page-dashboard .ua-dashboard-windowbar-host .nocx-title-search{flex:0 0 220px !important;width:220px !important;max-width:220px !important;}
  }
  @media (max-width:720px){
    body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__search,
    body.ua-page-dashboard .ua-dashboard-windowbar-host .nocx-title-search{flex:1 1 100% !important;width:100% !important;max-width:100% !important;}
    body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages{flex-basis:100% !important;}
  }


  /* ===== 2026-05-19 dashboard geometry normalization =====
     تنظيم الداشبورد بعد فصل شريط النوافذ: ارتفاع موحد، هوامش أخف،
     ومحتوى الداشبورد/الصفحات المفتوحة داخل مساحة العمل نفسها. */
  body.ua-page-dashboard{
    overflow:hidden !important;
    --nocx-edge-gap:5px;
    --nocx-shell-bar-h:54px;
    --nocx-shell-gap:5px;
  }
  body.ua-page-dashboard .content-wrapper.nocx-page,
  body.ua-page-dashboard .content-wrapper.nocx-page > .content{
    height:100vh !important;
    max-height:100vh !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body.ua-page-dashboard .content-wrapper.nocx-page > .content{
    padding:6px var(--nocx-edge-gap,5px) var(--nocx-edge-gap,5px) !important;
  }
  body.ua-page-dashboard .nocx-dashboard-statsbar,
  body.ua-page-dashboard .ua-dashboard-windowbar-host,
  body.ua-page-dashboard .nocx-shell{
    width:100% !important;
    max-width:100% !important;
    margin-inline:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
  body.ua-page-dashboard .nocx-dashboard-statsbar,
  body.ua-page-dashboard .ua-dashboard-windowbar-host{
    height:var(--nocx-shell-bar-h,54px) !important;
    min-height:var(--nocx-shell-bar-h,54px) !important;
    max-height:var(--nocx-shell-bar-h,54px) !important;
    padding:7px 9px 9px !important;
    margin:0 0 var(--nocx-shell-gap,5px) 0 !important;
    border-radius:10px !important;
    align-items:center !important;
    overflow:visible !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host{
    display:flex !important;
    gap:8px !important;
    border:1px solid rgba(105,160,190,.18) !important;
    background:linear-gradient(180deg,rgba(10,25,42,.96),rgba(5,15,29,.94)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__title{
    display:none !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages{
    flex:1 1 auto !important;
    height:40px !important;
    min-height:40px !important;
    min-width:0 !important;
    padding-block:1px !important;
    gap:7px !important;
    order:1 !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-tab{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    min-width:132px !important;
    max-width:240px !important;
    padding:0 12px !important;
    border-radius:9px !important;
    font-size:12.4px !important;
    box-sizing:border-box !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-tab--dashboard{
    min-width:150px !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__search{
    order:0 !important;
    flex:0 0 335px !important;
    width:335px !important;
    max-width:335px !important;
    min-width:255px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
  }
  body.ua-page-dashboard .nocx-shell{
    height:calc(100vh - 130px) !important;
    max-height:calc(100vh - 130px) !important;
    min-height:0 !important;
    margin-top:0 !important;
    overflow:auto !important;
    scrollbar-width:thin !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane{
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow:auto !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] .ua-wm-iframe{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    border:0 !important;
    overflow:hidden !important;
  }
  @media (max-width:1180px){
    body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__search{
      flex:0 0 260px !important;
      width:260px !important;
      max-width:260px !important;
      min-width:210px !important;
    }
  }


  /* ===== 2026-05-19 phase 11: scroll ownership fix =====
     الصفحة العامة لا تملك التمرير. التمرير يبقى داخل Workspace فقط،
     مع إخفاء شريط التمرير الأبيض الافتراضي الذي ظهر بعد حذف الشريط الذهبي. */
  html:has(body.ua-page-dashboard),
  body.ua-page-dashboard{
    height:100% !important;
    min-height:100% !important;
    max-height:100vh !important;
    overflow:hidden !important;
    scrollbar-width:none !important;
    overscroll-behavior:none !important;
  }
  html:has(body.ua-page-dashboard)::-webkit-scrollbar,
  body.ua-page-dashboard::-webkit-scrollbar,
  body.ua-page-dashboard .content-wrapper.nocx-page::-webkit-scrollbar,
  body.ua-page-dashboard .content-wrapper.nocx-page > .content::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }
  body.ua-page-dashboard .content-wrapper.nocx-page,
  body.ua-page-dashboard .content-wrapper.nocx-page > .content{
    overflow:hidden !important;
    scrollbar-width:none !important;
    overscroll-behavior:none !important;
  }
  body.ua-page-dashboard .nocx-shell{
    overflow:auto !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    overscroll-behavior:contain !important;
  }
  body.ua-page-dashboard .nocx-shell::-webkit-scrollbar,
  body.ua-page-dashboard .nocx-shell *::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane{
    overflow:hidden !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.is-current{
    overflow:auto !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.is-current::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }



  /* ===== 2026-05-19 phase12: contain active page inside dashboard workspace ===== */
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"]{
    overflow:hidden !important;
    direction:ltr !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane{
    overflow:hidden !important;
    direction:ltr !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.is-current{
    overflow:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(94,234,212,.38) rgba(2,14,24,.28) !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.is-current::-webkit-scrollbar{
    width:8px !important;
    height:8px !important;
    display:block !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.is-current::-webkit-scrollbar-track{
    background:rgba(2,14,24,.28) !important;
    border-radius:999px !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.is-current::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(94,234,212,.24),rgba(94,234,212,.58)) !important;
    border-radius:999px !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane > :not(iframe){
    direction:rtl !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] .ua-wm-iframe{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    display:block !important;
    direction:ltr !important;
    background:transparent !important;
  }


  /* ===== 2026-05-19 phase13: remove the extra left scrollbar for opened pages =====
     الصفحات المفتوحة داخل iframe تملك تمريرها الداخلي فقط؛ الـ Workspace لا يظهر شريطاً ثانياً. */
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.has-iframe,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane[data-ua-pane-kind="iframe"],
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.has-iframe.is-current,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane[data-ua-pane-kind="iframe"].is-current{
    overflow:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    direction:ltr !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.has-iframe::-webkit-scrollbar,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane[data-ua-pane-kind="iframe"]::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.has-iframe > .ua-wm-iframe,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane[data-ua-pane-kind="iframe"] > .ua-wm-iframe{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    display:block !important;
  }


  /* UA stage26 dashboard workspace containment final lock */
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"],
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] .ua-wm-iframe{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane.has-iframe,
  body.ua-page-dashboard .nocx-shell[data-ua-dashboard-workspace-shell="1"] > .ua-wm-stage > .ua-wm-pane[data-ua-pane-kind="iframe"]{
    overflow:hidden !important;
  }

  /* 2026-05-22 compact dashboard bars: smaller text plus adaptive window tabs. */
  .nocx-dashboard-statsbar .nocx-stat-chip,
  .nocx-dashboard-statsbar .nocx-user-chip > summary,
  .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary{
    font-size:11.05px !important;
    font-weight:820 !important;
    padding-inline:5px !important;
    gap:3px !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-chip strong{
    font-size:12.25px !important;
  }
  .nocx-dashboard-statsbar .nocx-stat-ico{
    width:12px !important;
    min-width:12px !important;
    height:12px !important;
    font-size:11.7px !important;
  }
  .nocx-dashboard-statsbar .nocx-user-avatar{
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host,
  body.ua-page-dashboard .ua-dashboard-windowbar-host *{
    font-size:11px !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .nocx-title-search input{
    font-size:11px !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-tab{
    height:26px !important;
    min-width:82px !important;
    max-width:132px !important;
    padding-inline:7px !important;
    gap:5px !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages.is-compact .ua-page-tab{
    min-width:58px !important;
    max-width:88px !important;
    padding-inline:6px !important;
    gap:4px !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages.is-icon-only .ua-page-tab{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    padding-inline:0 !important;
    gap:0 !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages.is-icon-only .ua-page-tab > span:not(.ua-page-tab__close){
    display:none !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages.is-icon-only .ua-page-tab__close{
    display:none !important;
  }
  body.ua-page-dashboard .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand),
  body.ua-page-dashboard .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary.nocx-stat-chip,
  body.ua-page-dashboard .nocx-dashboard-statsbar .nocx-user-chip > summary{
    font-size:11.05px !important;
  }
  body.ua-page-dashboard .nocx-dashboard-statsbar .nocx-stat-chip:not(.nocx-stat-chip--brand) strong,
  body.ua-page-dashboard .nocx-dashboard-statsbar .nocx-alert-chip-wrap > summary.nocx-stat-chip strong{
    font-size:12.25px !important;
  }
  body.ua-page-dashboard .ua-dashboard-windowbar-host .ua-page-windowbar__pages .ua-page-tab{
    font-size:11px !important;
  }


/* --- extracted from mikrotik_import.php --- */
.ua-import-progress{border:1px solid rgba(13,110,253,.18);border-radius:14px;background:rgba(2,43,47,.70);padding:10px 12px;box-shadow:0 6px 18px rgba(15,23,42,.05)}
        .ua-import-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;color:#f4fffc;margin-bottom:8px}
        .ua-import-progress-track{height:12px;border-radius:999px;overflow:hidden;background:rgba(2,23,26,.55)}
        .ua-import-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#0d6efd,#20c997);transition:width .32s ease}


/* --- extracted from mtwatch_allowlist.php --- */
.mtw-page{padding:24px;direction:rtl;color:#eef4ff}.mtw-card{background:rgba(8,18,34,.86);border:1px solid rgba(243,186,47,.35);border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.mtw-title{font-size:22px;font-weight:900;color:#f3ba2f;margin:0 0 12px}.mtw-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.mtw-field label{display:block;font-size:13px;opacity:.75;margin-bottom:6px}.mtw-field input,.mtw-field select,.mtw-field textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:10px}.mtw-field textarea{min-height:42px;resize:vertical}.mtw-actions{display:flex;gap:8px;align-items:end}.mtw-btn{border:0;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}.mtw-btn.gold{background:#f3ba2f;color:#111}.mtw-btn.gray{background:#3c4654;color:#fff}.mtw-btn.red{background:#dc3545;color:#fff}.mtw-msg{padding:10px 14px;border-radius:12px;margin-bottom:12px}.mtw-msg.ok{background:rgba(25,135,84,.25);border:1px solid rgba(25,135,84,.6)}.mtw-msg.err{background:rgba(220,53,69,.22);border:1px solid rgba(220,53,69,.65)}
.mtw-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:14px}.mtw-table th,.mtw-table td{border-bottom:1px solid rgba(243,186,47,.22);padding:10px;text-align:right}.mtw-table th{background:rgba(243,186,47,.12);color:#f3ba2f}.mtw-muted{opacity:.68}.mtw-badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.mtw-badge.on{background:rgba(25,135,84,.22);color:#bdf7cf}.mtw-badge.off{background:rgba(108,117,125,.25);color:#ddd}@media(max-width:900px){.mtw-grid{grid-template-columns:1fr}}


/* --- extracted from packages_prices.php --- */
.sp-wrap{max-width:1320px;margin:0 auto;padding:0 10px 22px}
  .sp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
  .sp-head h1{margin:0;font-size:1.35rem;font-weight:800;color:#0f172a}
  .sp-head p{margin:4px 0 0;color:#64748b}
  .sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .sp-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
  .sp-card .card-header{background:transparent;border-bottom:1px solid rgba(15,23,42,.06);padding:14px 16px}
  .sp-card .card-body{padding:16px}
  .sp-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .sp-form .full{grid-column:1/-1}
  .sp-mini{font-size:.82rem;color:#64748b}
  .sp-table td,.sp-table th{vertical-align:middle}
  @media (max-width: 1100px){.sp-grid{grid-template-columns:1fr}.sp-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width: 720px){.sp-form{grid-template-columns:1fr}}


/* --- extracted from sales_view.php --- */
@media print{
  body *{ visibility:hidden; }
  #printArea, #printArea *{ visibility:visible; }
  #printArea{ width:80mm; margin:0 auto; }
  .main-sidebar, .main-header, .content-header .btn{ display:none !important; }
}


/* --- extracted from security_alerts.php --- */
.sec-alerts-page{padding:22px;direction:rtl;color:#eef4ff}.sec-card{background:rgba(8,18,34,.86);border:1px solid rgba(243,186,47,.32);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sec-title{font-size:22px;font-weight:950;color:#f3ba2f;margin:0}.sec-sub{opacity:.72;font-size:13px;margin-top:6px}.sec-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:7px 12px;background:rgba(243,186,47,.12);border:1px solid rgba(243,186,47,.28);color:#ffe28a;font-weight:950}.sec-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sec-btn{border:0;border-radius:12px;padding:9px 14px;font-weight:900;cursor:pointer}.sec-btn.gold{background:#f3ba2f;color:#111}.sec-btn.gray{background:rgba(255,255,255,.10);color:#fff}.sec-msg{padding:10px 14px;border-radius:12px;margin-bottom:12px}.sec-msg.ok{background:rgba(25,135,84,.24);border:1px solid rgba(25,135,84,.55)}.sec-msg.err{background:rgba(220,53,69,.22);border:1px solid rgba(220,53,69,.6)}
.sec-table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.sec-table{width:100%;border-collapse:separate;border-spacing:0;min-width:960px}.sec-table th,.sec-table td{border-bottom:1px solid rgba(243,186,47,.17);padding:10px;text-align:right;vertical-align:middle}.sec-table th{background:rgba(243,186,47,.12);color:#f3ba2f;font-size:12.5px}.sec-table td{font-size:12.5px}.sec-table tr:last-child td{border-bottom:0}.sec-state{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:950}.sec-state.open{background:rgba(255,193,7,.16);color:#ffe28a}.sec-state.closed{background:rgba(108,117,125,.20);color:#cfd6df}.sec-sev{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:950}.sec-sev.danger{background:rgba(220,53,69,.20);color:#ffb6c4}.sec-sev.warn{background:rgba(255,193,7,.14);color:#ffe28a}.sec-sev.info{background:rgba(13,202,240,.14);color:#bfeeff}.sec-muted{opacity:.68}.sec-ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}.sec-message{max-width:420px;white-space:normal;line-height:1.5}@media(max-width:900px){.sec-alerts-page{padding:14px}.sec-head{align-items:flex-start}.sec-actions{width:100%}}


/* --- extracted from security_monitor.php --- */
.secmon-page{padding:22px;direction:rtl;color:#eef4ff}.secmon-hero{position:relative;overflow:hidden;border:1px solid rgba(243,186,47,.32);background:radial-gradient(circle at 12% 12%,rgba(243,186,47,.18),transparent 34%),linear-gradient(135deg,rgba(7,16,30,.94),rgba(4,10,20,.96));border-radius:22px;padding:20px 22px;margin-bottom:16px;box-shadow:0 16px 40px rgba(0,0,0,.25)}.secmon-hero:before{content:"";position:absolute;inset:auto -80px -130px auto;width:260px;height:260px;border-radius:50%;border:1px solid rgba(243,186,47,.22);box-shadow:0 0 45px rgba(243,186,47,.12),inset 0 0 35px rgba(243,186,47,.08);animation:secmonPulse 3.5s ease-in-out infinite}.secmon-hero__row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.secmon-title{margin:0;color:#f3ba2f;font-size:23px;font-weight:950}.secmon-sub{margin-top:6px;color:rgba(232,244,255,.72);font-weight:750}.secmon-status{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:9px 14px;font-weight:950;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.secmon-dot{width:10px;height:10px;border-radius:50%;background:#68f59a;box-shadow:0 0 16px #68f59a}.secmon-status.warn .secmon-dot{background:#ffd96a;box-shadow:0 0 16px #ffd96a}.secmon-status.danger .secmon-dot{background:#ff5c77;box-shadow:0 0 16px #ff5c77}.secmon-status.info .secmon-dot{background:#6fd6ff;box-shadow:0 0 16px #6fd6ff}.secmon-kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-top:16px}.secmon-kpi{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:16px;padding:12px}.secmon-kpi span{display:block;color:rgba(232,244,255,.68);font-size:12px;font-weight:800}.secmon-kpi strong{display:block;margin-top:5px;font-size:24px;color:#fff}.secmon-kpi.warn strong{color:#ffd96a}.secmon-kpi.danger strong{color:#ffb6c4}.secmon-kpi.info strong{color:#bfeeff}.secmon-kpi.ok strong{color:#bcffd0}.secmon-msg{padding:10px 14px;border-radius:12px;margin-bottom:12px;font-weight:850}.secmon-msg.ok{background:rgba(25,135,84,.23);border:1px solid rgba(25,135,84,.55)}.secmon-msg.err{background:rgba(220,53,69,.22);border:1px solid rgba(220,53,69,.55)}.secmon-card{background:rgba(8,18,34,.88);border:1px solid rgba(243,186,47,.24);border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 10px 28px rgba(0,0,0,.20)}.secmon-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.secmon-card h2{margin:0;color:#ffe08a;font-size:17px;font-weight:950}.secmon-muted{color:rgba(232,244,255,.62);font-weight:750}.secmon-table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.secmon-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.secmon-table th,.secmon-table td{padding:10px;border-bottom:1px solid rgba(243,186,47,.14);text-align:right;vertical-align:middle;font-size:12.5px}.secmon-table th{background:rgba(243,186,47,.10);color:#ffd96a;font-weight:950}.secmon-table tr:last-child td{border-bottom:0}.secmon-ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}.secmon-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950}.secmon-pill.danger{background:rgba(220,53,69,.20);color:#ffb6c4}.secmon-pill.warn{background:rgba(255,193,7,.15);color:#ffe28a}.secmon-pill.info{background:rgba(13,202,240,.13);color:#bfeeff}.secmon-pill.ok{background:rgba(25,135,84,.18);color:#bcffd0}.secmon-pill.muted{background:rgba(108,117,125,.17);color:#d4d7dc}.secmon-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.secmon-inline{display:inline-flex;margin:0}.secmon-btn{border:0;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.secmon-btn--gold{background:#f3ba2f;color:#111}.secmon-btn--soft{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.10)}.secmon-btn--red{background:rgba(220,53,69,.92);color:#fff}.secmon-owner-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(243,186,47,.18)}.secmon-focus{animation:secmonFocus 2.8s ease-in-out 2;outline:2px solid rgba(243,186,47,.68)}@keyframes secmonPulse{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.04);opacity:1}}@keyframes secmonFocus{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(243,186,47,.28),0 0 24px rgba(243,186,47,.25)}}@media(max-width:1000px){.secmon-kpis{grid-template-columns:repeat(2,1fr)}.secmon-page{padding:14px}}
.secmon-event-log{border-color:rgba(80,190,235,.32);background:linear-gradient(145deg,rgba(8,24,41,.94),rgba(6,17,31,.94))}
.secmon-log-filter{display:flex;align-items:flex-end;gap:8px;margin:0}.secmon-log-filter label{display:grid;gap:4px;color:rgba(232,244,255,.66);font-size:10px;font-weight:850}.secmon-log-filter select{height:36px;min-width:135px;padding:0 9px;border:1px solid rgba(80,190,235,.28);border-radius:9px;background:#0a1a2b;color:#eef6ff;font-size:11px}
.secmon-log-stats{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:7px;margin-bottom:10px}.secmon-log-stats span{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.04);color:#b9c9d8;font-size:10px;font-weight:800}.secmon-log-stats b{color:#fff;font-size:14px}.secmon-log-stats .warn b{color:#ffe28a}.secmon-log-stats .ok b{color:#7be0b4}.secmon-log-stats .danger b{color:#ff9eaa}
.secmon-log-table{min-width:1380px}.secmon-log-table td>b{display:block;color:#eef5fc;font-size:11px}.secmon-log-table td>small{display:block;max-width:330px;margin-top:3px;color:#8fa4b8;font-size:9px;line-height:1.45}.secmon-log-table td>em{display:block;margin-top:4px;color:#d7bd76;font-size:9px;font-style:normal}
.secmon-event-identities{display:grid;gap:3px}.secmon-event-identities span{display:block;max-width:180px;overflow:hidden;color:#c9d8e6;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}
.secmon-review-form{display:grid;min-width:280px;gap:6px;margin:0}.secmon-review-form>input{width:100%;height:32px;padding:0 8px;border:1px solid rgba(80,190,235,.24);border-radius:8px;background:#071524;color:#edf5fc;font-size:10px}.secmon-review-form>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.secmon-review-form .secmon-btn{width:100%;padding:6px 5px;font-size:9px}.secmon-review-form button:disabled{cursor:not-allowed;opacity:.4}.secmon-reviewed{display:grid;gap:3px;color:#8fa4b8;font-size:9px}.secmon-reviewed b{color:#d5e1eb;font-size:10px}
@media(max-width:1000px){.secmon-log-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.secmon-log-filter{width:100%}.secmon-log-filter label{flex:1}.secmon-log-filter select{width:100%;min-width:0}}


/* --- extracted from subscribers_add.php --- */
body,.ua-shell,.ua-main,.ua-page{overflow-x:hidden!important}
  .content-wrapper{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}
  .sa-wrap{max-width:1280px;margin:0 auto;padding:0 10px 22px}
  .sa-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#16274a);color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.18)}
  .sa-hero h1{margin:0;font-size:1.45rem;font-weight:700}
  .sa-hero p{margin:4px 0 0;color:rgba(255,255,255,.8);font-size:.93rem}
  .sa-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:14px}
  .sa-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
  .sa-card-head{padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.06);display:flex;justify-content:space-between;align-items:center;gap:8px}
  .sa-card-head h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a}
  .sa-card-body{padding:16px}
  .sa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sa-form-grid.sa-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sa-form-grid.sa-1{grid-template-columns:1fr}
  .sa-field label{display:block;margin:0 0 6px;font-weight:700;font-size:.9rem;color:#0f172a}
  .sa-field .form-control,.sa-field .form-select{border-radius:12px;min-height:44px;border:1px solid #d7deea;background:#fbfdff}
  .sa-field textarea.form-control{min-height:96px}
  .sa-field small{display:block;margin-top:6px;color:#64748b}
  .sa-hint{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;background:#eff6ff;border-radius:999px;color:#1d4ed8;font-size:.82rem}
  .sa-preview{display:grid;gap:10px}
  .sa-kpi{padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}
  .sa-kpi-title{font-size:.8rem;color:#64748b;margin-bottom:4px}
  .sa-kpi-value{font-size:1rem;font-weight:800;color:#0f172a;word-break:break-word}
  .sa-summary{padding:14px;border-radius:16px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px dashed #cbd5e1;color:#0f172a}
  .sa-summary ul{margin:0;padding-right:18px;color:#0f172a}
  .sa-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
  .sa-actions .btn{border-radius:12px;padding:.72rem 1.2rem;font-weight:700}
  .sa-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.82rem}
  .sa-inline-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:.88rem}
  .sa-ip-inline{display:flex;gap:8px;align-items:center}
  .sa-ip-inline .form-control{flex:1}
  .sa-ip-suggest{width:44px;height:44px;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;font-size:1rem}
  .sa-ip-suggest:disabled{opacity:.7;cursor:wait}
  .sa-empty{padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
  @media (max-width: 1100px){.sa-grid{grid-template-columns:1fr}.sa-form-grid,.sa-form-grid.sa-3{grid-template-columns:1fr 1fr}}
  @media (max-width: 720px){.sa-form-grid,.sa-form-grid.sa-3{grid-template-columns:1fr}.sa-hero{flex-direction:column;align-items:flex-start}}


/* --- extracted from subscribers_archive.php --- */
body,.ua-shell,.ua-main,.ua-page{overflow-x:hidden!important}.content-wrapper{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}


/* --- extracted from subscribers_edit.php --- */
.se-ip-suggest-btn{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-shadow:0 0 0 1px rgba(243,186,47,.18), 0 8px 18px rgba(0,0,0,.12);
}
.se-ip-suggest-btn:disabled{opacity:.65;cursor:wait}
#staticIpHint.se-hint-ok{color:#198754!important;font-weight:700}
#staticIpHint.se-hint-warn{color:#b58100!important;font-weight:700}
#staticIpHint.se-hint-error{color:#dc3545!important;font-weight:700}
.se-inline-hidden-hint{display:none!important;}
.se-static-ip-control .form-control{flex:1 1 auto;min-width:0;}
.se-ip-help-btn{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;border-radius:10px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;}
.se-ip-help-btn i{font-size:13.6px!important;margin:0!important;line-height:1!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page),
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) .card,
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) .card *{font-size:14.7px!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) :is(label,.form-label){font-size:13.8px!important;line-height:1.35!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){font-size:14.2px!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){font-size:13.6px!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) :is(h1,h2,h3,h4,h5,h6,.card-title){font-size:15.6px!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) .se-ip-suggest-btn,
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) .se-ip-help-btn{font-size:0!important;}
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) .se-ip-suggest-btn i,
body.ua-subscriber-modal-embed .ua-sub-child-edit:not(.ua-edit-contract-page) .se-ip-help-btn i{font-size:14px!important;}


/* تكبير خط تعديل المشترك فعلياً بدون الاعتماد على كلاس body داخل iframe */
.ua-sub-child-edit:not(.ua-edit-contract-page){font-size:14.4px!important;line-height:1.45!important;}
.ua-sub-child-edit:not(.ua-edit-contract-page) *:not(i){font-size:14.4px!important;}
.ua-sub-child-edit:not(.ua-edit-contract-page) label,
.ua-sub-child-edit:not(.ua-edit-contract-page) .form-check-label{font-size:14.2px!important;font-weight:900!important;line-height:1.25!important;color:rgba(238,255,252,.92)!important;}
.ua-sub-child-edit:not(.ua-edit-contract-page) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select){font-size:14.7px!important;font-weight:850!important;color:#f5fffd!important;background:rgba(0,30,31,.68)!important;border:1px solid rgba(91,220,205,.20)!important;border-radius:10px!important;min-height:36px!important;padding:6px 10px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important;}
.ua-sub-child-edit:not(.ua-edit-contract-page) textarea.form-control{min-height:58px!important;resize:vertical!important;}
.ua-sub-child-edit:not(.ua-edit-contract-page) :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){font-size:14.2px!important;font-weight:950!important;border-radius:11px!important;min-height:36px!important;}
.ua-sub-child-edit:not(.ua-edit-contract-page) h5{font-size:17.4px!important;font-weight:950!important;margin:0!important;color:#f4fffe!important;}
.ua-sub-child-edit:not(.ua-edit-contract-page) .card-body{padding:14px!important;}
.se-edit-card{background:rgba(0,73,65,.78);border:1px solid rgba(91,220,205,.22);border-radius:16px;padding:12px;box-shadow:0 12px 34px rgba(0,0,0,.18);}
.se-edit-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(91,220,205,.16);padding-bottom:9px;margin-bottom:11px;}
.se-edit-card-head span{font-size:13.1px!important;color:rgba(224,255,251,.72)!important;font-weight:800!important;}
.se-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,230px));gap:8px 10px;align-items:start;justify-content:end;}
.se-form-grid.se-3{grid-template-columns:repeat(auto-fit,minmax(150px,230px));}
.se-field{min-width:0;width:100%;max-width:230px;}
.se-field label{display:block;margin-bottom:3px;}
.se-field-wide{grid-column:span 2;max-width:470px;}
.se-field-full{grid-column:1/-1;max-width:min(100%,760px);}
.se-field :is(input,select,.form-control,.form-select){width:100%;max-width:100%;}
.se-field-wide .se-static-ip-control{width:100%;max-width:470px;}
.se-field-full textarea{width:100%;max-width:760px;}
#packageName,#speedName,#pppProfile,#pppRate{max-width:210px;}
#staticIp{max-width:360px;}
#editUsername,#pppUsername,#pppPassword{max-width:230px;}
.se-check-field{display:flex;align-items:center;min-height:42px;padding:7px 9px;border:1px dashed rgba(91,220,205,.22);border-radius:10px;background:rgba(0,29,30,.30);grid-column:span 2;max-width:470px;}
.se-check-field .form-check{margin:0;display:flex;align-items:center;gap:9px;}
.se-check-field .form-check-input{width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;}
.se-file-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;color:#5eead4!important;font-size:13.6px!important;font-weight:900!important;text-decoration:none!important;}
.se-edit-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(91,220,205,.16);}
.se-ip-help-btn,.se-ip-suggest-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;flex:0 0 38px!important;border-radius:10px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.se-ip-help-btn i,.se-ip-suggest-btn i{font-size:14.4px!important;line-height:1!important;margin:0!important;}
@media(max-width:1050px){.se-form-grid,.se-form-grid.se-3{grid-template-columns:repeat(auto-fit,minmax(150px,230px));}.se-field-wide,.se-check-field{grid-column:span 2;}}
@media(max-width:720px){.se-form-grid,.se-form-grid.se-3{grid-template-columns:1fr;justify-content:stretch;}.se-field,.se-field-wide,.se-field-full,.se-check-field{grid-column:1/-1;max-width:100%;}.se-edit-card-head{flex-direction:column;align-items:flex-start;}}


/* Subscriber child pages canonical skin tokens: colors inherit from the active root template. */
html body .content-wrapper.ua-subscriber-child-page{
  --ua-child-root:radial-gradient(720px 420px at 92% 0%,color-mix(in srgb,var(--ua-accent,#67e8f9) 10%,transparent),transparent 62%),linear-gradient(180deg,var(--ua-theme-modal,#071827),color-mix(in srgb,var(--ua-theme-page-bg,#050b13) 82%,black 18%));
  --ua-child-card:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ua-accent,#67e8f9) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--ua-theme-surface,#071827) 90%,transparent),color-mix(in srgb,var(--ua-theme-surface-2,#06131f) 78%,transparent));
  --ua-child-field:color-mix(in srgb,var(--ua-theme-input,#06131f) 88%,transparent);
  --ua-child-line:var(--ua-ds-line,var(--ua-border,rgba(255,255,255,.14)));
  --ua-child-line-soft:color-mix(in srgb,var(--ua-child-line) 72%,transparent);
  --ua-child-text:var(--ua-ds-text,var(--ua-text,#eaf7ff));
  --ua-child-title:var(--ua-ds-title,var(--ua-text,#fff));
  --ua-child-muted:var(--ua-sem-muted,color-mix(in srgb,var(--ua-child-text) 70%,transparent));
}

/* Subscriber child pages canonical geometry: unified from تعديل المشترك.
   This single root block covers view/edit/history/distribution/archive/import/add modal pages. */
html body .content-wrapper.ua-subscriber-child-page,
html body .content-wrapper.ua-subscriber-child-page .card,
html body .content-wrapper.ua-subscriber-child-page .card-body,
html body .content-wrapper.ua-subscriber-child-page *:not(i){
  font-family:Tahoma,Arial,sans-serif!important;
  font-size:13.4px!important;
  line-height:1.42!important;
  color:var(--ua-child-text)!important;
}
html body .content-wrapper.ua-subscriber-child-page .ua-page-v2{
  width:100%!important;
  max-width:none!important;
}
html body .content-wrapper.ua-subscriber-child-page .ua-page-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:10px 12px!important;
  border:1px solid var(--ua-child-line-soft)!important;
  border-radius:14px!important;
  background:var(--ua-child-card)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body .content-wrapper.ua-subscriber-child-page .ua-page-title h1,
html body .content-wrapper.ua-subscriber-child-page :is(.ua-page-title h1,.ua-page-title h2){
  font-size:16.6px!important;
  line-height:1.25!important;
  font-weight:950!important;
  color:var(--ua-child-title)!important;
  margin:0!important;
}
html body .content-wrapper.ua-subscriber-child-page .ua-page-title p{
  font-size:12.8px!important;
  line-height:1.35!important;
  font-weight:850!important;
  color:var(--ua-child-muted)!important;
  margin:4px 0 0!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-panel-v2,.se-edit-card,.sa-card,.card.compact,.history-card,.ua-history-clear-card,.mt-sync-shell,.mt-report-card,.ua-import-progress){
  width:100%!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border-radius:15px!important;
  background:var(--ua-child-card)!important;
  border:1px solid var(--ua-child-line-soft)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  color:var(--ua-child-text)!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-panel-head,.se-edit-card-head,.sa-card-head,.card-header){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:1px solid var(--ua-child-line-soft)!important;
  background:transparent!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-panel-head h3,.ua-panel-head .card-title,.se-edit-card-head h5,.sa-card-head h3,.card-header h3,.card-header h5,.card-header b){
  font-size:16.6px!important;
  line-height:1.25!important;
  font-weight:950!important;
  color:var(--ua-child-title)!important;
  margin:0!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-edit-card-head span,.sa-card-head span,.ua-child-summary small){
  font-size:12.8px!important;
  line-height:1.35!important;
  font-weight:850!important;
  color:var(--ua-child-muted)!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-panel-body,.sa-card-body,.card-body){
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid,.ua-child-metric-grid,.history-meta,.ua-history-clear-grid,.history-grid):not(.sa-1){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(250px,1fr))!important;
  gap:10px 12px!important;
  align-items:start!important;
  justify-content:stretch!important;
  width:100%!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-field,.sa-field,.form-group,.ua-field,.ua-child-metric,.history-pill,.ua-history-clear-stat,.ua-history-clear-option,.sa-summary,.sa-kpi,.mt-stat){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:6px 8px!important;
  border-radius:11px!important;
  border:1px solid var(--ua-child-line-soft)!important;
  background:var(--ua-child-field)!important;
  display:grid!important;
  grid-template-columns:minmax(80px,34%) minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-field>label,.sa-field>label,.form-group>label,.ua-field>label,.ua-child-metric>b,.history-pill .history-pill-label,.ua-history-clear-stat small,.sa-kpi-title,.mt-stat .label){
  display:block!important;
  margin:0!important;
  color:var(--ua-child-muted)!important;
  font-size:12.9px!important;
  line-height:1.25!important;
  font-weight:950!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-child-metric span,.ua-child-metric code,.history-pill .history-pill-value,.ua-history-clear-stat b,.sa-kpi-value,.sa-summary strong,.mt-stat .value){
  color:var(--ua-child-title)!important;
  font-size:13.4px!important;
  line-height:1.3!important;
  font-weight:950!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-field input:not([type="checkbox"]):not([type="radio"]),.se-field select,.se-field textarea,.sa-field input:not([type="checkbox"]):not([type="radio"]),.sa-field select,.sa-field textarea,.form-control,.form-select,.input-group-text){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  padding:4px 8px!important;
  border-radius:9px!important;
  border:1px solid var(--ua-child-line)!important;
  background:var(--ua-child-field)!important;
  color:var(--ua-child-title)!important;
  font-size:13.4px!important;
  line-height:1.25!important;
  font-weight:900!important;
  box-shadow:none!important;
}
html body .content-wrapper.ua-subscriber-child-page textarea.form-control,
html body .content-wrapper.ua-subscriber-child-page :is(.se-field textarea,.sa-field textarea){
  height:auto!important;
  min-height:58px!important;
  resize:vertical!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-field-wide,.se-check-field){
  grid-column:span 2!important;
  max-width:none!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-field-full,.sa-form-grid.sa-1 > .sa-field,.sa-form-grid.sa-1 > .form-group){
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
}
html body .content-wrapper.ua-subscriber-child-page .se-check-field{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  padding:7px 10px!important;
  border-radius:11px!important;
  background:var(--ua-child-field)!important;
}
html body .content-wrapper.ua-subscriber-child-page .se-check-field .form-check{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  width:100%!important;
}
html body .content-wrapper.ua-subscriber-child-page .se-check-field .form-check-label{
  color:var(--ua-child-text)!important;
  font-size:12.9px!important;
  line-height:1.35!important;
  font-weight:950!important;
  margin:0!important;
}
html body .content-wrapper.ua-subscriber-child-page .se-check-field .form-check-input{
  width:20px!important;
  height:20px!important;
  min-height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-static-ip-control,.sa-ip-inline){
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-ip-suggest-btn,.se-ip-help-btn,.sa-ip-suggest,.ua-modal-icon-btn){
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  border-radius:10px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-ip-suggest-btn,.se-ip-help-btn,.sa-ip-suggest,.ua-modal-icon-btn) i{
  font-size:13.6px!important;
  color:currentColor!important;
  line-height:1!important;
  margin:0!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-ip-help-btn){
  background:linear-gradient(135deg,#22d3ee,#0e7490)!important;
  border:1px solid rgba(103,232,249,.88)!important;
  color:#ffffff!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.20),0 8px 18px rgba(8,145,178,.22)!important;
  opacity:1!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-ip-suggest-btn,.sa-ip-suggest){
  background:linear-gradient(135deg,#facc15,#d97706)!important;
  border:1px solid rgba(253,224,71,.90)!important;
  color:#062d2f!important;
  box-shadow:0 0 0 1px rgba(250,204,21,.22),0 8px 18px rgba(217,119,6,.22)!important;
  opacity:1!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-edit-actions,.sa-actions,.ua-page-actions){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-edit-actions,.sa-actions){
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(153,246,228,.18)!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn){
  min-height:34px!important;
  height:34px!important;
  border-radius:10px!important;
  padding:0 12px!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.btn,.btn-sm,.btn-xs,button.btn,a.btn) i{
  font-size:13.6px!important;
  line-height:1!important;
  margin:0!important;
}
html body .content-wrapper.ua-subscriber-child-page:not(.ua-edit-contract-page) #encryptAccountBtn,
html body .content-wrapper.ua-subscriber-child-page:not(.ua-edit-contract-page) .se-encrypt-action{
  background:linear-gradient(135deg,#facc15 0%,#f59e0b 46%,#ea580c 100%)!important;
  border:1px solid rgba(253,224,71,.96)!important;
  color:#062d2f!important;
  box-shadow:0 0 0 1px rgba(250,204,21,.20),0 10px 24px rgba(234,88,12,.26),inset 0 1px 0 rgba(255,255,255,.22)!important;
  opacity:1!important;
  min-width:124px!important;
}
html body .content-wrapper.ua-subscriber-child-page:not(.ua-edit-contract-page) #encryptAccountBtn i,
html body .content-wrapper.ua-subscriber-child-page:not(.ua-edit-contract-page) .se-encrypt-action i{
  color:#062d2f!important;
}
html body .content-wrapper.ua-subscriber-child-page .se-ppp-password-field{
  grid-template-columns:minmax(122px,43%) minmax(120px,1fr)!important;
}
html body .content-wrapper.ua-subscriber-child-page .se-ppp-password-field>label{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-width:122px!important;
}
html body .content-wrapper.ua-subscriber-child-page .se-ppp-password-field #pppPassword{
  width:100%!important;
  max-width:172px!important;
  justify-self:start!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-file-link,.sa-file-link){
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 7px!important;
  font-size:12.9px!important;
  font-weight:950!important;
  color:#67e8f9!important;
  text-decoration:none!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-file-upload-field,.sa-field:has(input[type="file"])){ 
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:78px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  background:var(--ua-child-field)!important;
  overflow:visible!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.se-file-upload-field,.sa-field:has(input[type="file"]))>label{
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
  font-size:13.1px!important;
  font-weight:950!important;
  color:var(--ua-child-text)!important;
  text-align:right!important;
}
html body .content-wrapper.ua-subscriber-child-page input[type="file"].form-control{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:4px 8px!important;
  line-height:32px!important;
  display:block!important;
  box-sizing:border-box!important;
  direction:rtl!important;
  text-align:right!important;
  overflow:hidden!important;
  color:#eafffb!important;
  background:var(--ua-child-field)!important;
}
html body .content-wrapper.ua-subscriber-child-page input[type="file"].form-control::file-selector-button,
html body .content-wrapper.ua-subscriber-child-page input[type="file"].form-control::-webkit-file-upload-button{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0 0 0 9px!important;
  padding:0!important;
  border:1px solid rgba(103,232,249,.92)!important;
  border-radius:10px!important;
  vertical-align:middle!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E") center/17px 17px no-repeat,linear-gradient(135deg,#22d3ee 0%,#0ea5e9 48%,#0f766e 100%)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.18),0 7px 16px rgba(14,165,233,.20)!important;
  cursor:pointer!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-table-wrap,.table-responsive){
  width:100%!important;
  overflow:auto!important;
  border-radius:12px!important;
  border:1px solid var(--ua-child-line-soft)!important;
  background:color-mix(in srgb,var(--ua-theme-surface,#071827) 58%,transparent)!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-table,.table,table){
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  color:var(--ua-child-title)!important;
  font-size:13.1px!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-table thead th,.table thead th,table thead th){
  font-size:13px!important;
  font-weight:950!important;
  padding:8px 9px!important;
  color:var(--ua-child-title)!important;
  background:color-mix(in srgb,var(--ua-theme-table-head,#071827) 88%,transparent)!important;
  text-align:center!important;
}
html body .content-wrapper.ua-subscriber-child-page :is(.ua-table td,.ua-table th,.table td,.table th,table td,table th){
  font-size:13px!important;
  padding:7px 9px!important;
  line-height:1.35!important;
  border-color:color-mix(in srgb,var(--ua-child-line) 54%,transparent)!important;
  color:var(--ua-child-title)!important;
  vertical-align:middle!important;
  text-align:center!important;
}
@media(max-width:980px){
  html body .content-wrapper.ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid,.ua-child-metric-grid,.history-meta,.ua-history-clear-grid,.history-grid):not(.sa-1){grid-template-columns:repeat(2,minmax(240px,1fr))!important;}
}
@media(max-width:680px){
  html body .content-wrapper.ua-subscriber-child-page .ua-page-head{align-items:flex-start!important;flex-direction:column!important;}
  html body .content-wrapper.ua-subscriber-child-page :is(.se-form-grid,.sa-form-grid,.ua-child-metric-grid,.history-meta,.ua-history-clear-grid,.history-grid):not(.sa-1){grid-template-columns:1fr!important;}
  html body .content-wrapper.ua-subscriber-child-page :is(.se-field,.sa-field,.form-group,.ua-field,.ua-child-metric,.history-pill,.ua-history-clear-stat,.ua-history-clear-option,.sa-summary,.sa-kpi,.mt-stat,.se-field-wide,.se-check-field,.se-field-full){grid-column:1/-1!important;}
  html body .content-wrapper.ua-subscriber-child-page .se-ppp-password-field #pppPassword{max-width:100%!important;}
}

/* Subscriber view modal: use edit-page density for the read-only metric boxes. */
html body .content-wrapper.ua-sub-child-view .ua-child-metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
html body .content-wrapper.ua-sub-child-view .ua-child-metric{
  min-height:38px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  grid-template-columns:minmax(72px,32%) minmax(0,1fr)!important;
}
html body .content-wrapper.ua-sub-child-view .ua-panel-v2{
  padding:9px 10px!important;
  margin-bottom:8px!important;
}
html body .content-wrapper.ua-sub-child-view .ua-panel-body{
  padding:0!important;
}
html body .content-wrapper.ua-sub-child-view :is(.ua-child-metric>b,.ua-child-metric span,.ua-child-metric code){
  font-size:12.9px!important;
}
@media(max-width:980px){
  html body .content-wrapper.ua-sub-child-view .ua-child-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .content-wrapper.ua-sub-child-view .ua-child-metric-grid{grid-template-columns:1fr!important;}
}

/* --- extracted from subscribers_history.php --- */
.history-wrap{display:grid;gap:16px}
.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.history-card{background:rgba(7,17,38,.88);border:1px solid rgba(255,214,94,.28);border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.history-title{font-weight:900;font-size:20px;margin-bottom:12px;color:#fff}
.history-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.history-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:14px;color:#fff}
.history-pill small{display:block;opacity:.72;margin-bottom:4px}
.table thead th,.table tbody td{vertical-align:middle}
.table-responsive{border-radius:14px;overflow:auto}
@media (max-width: 900px){.history-grid,.history-meta{grid-template-columns:1fr}}


/* --- extracted from subscribers_history_clear.php --- */
.ua-history-clear-wrap{max-width:920px;margin:0 auto;direction:rtl;text-align:right}
.ua-history-clear-card{background:rgba(7,17,38,.92);border:1px solid rgba(255,214,94,.30);border-radius:18px;padding:18px;box-shadow:0 14px 34px rgba(0,0,0,.22);color:#fff}
.ua-history-clear-title{font-weight:900;color:#ffd24a;margin:0 0 12px;font-size:22px}
.ua-history-clear-note{line-height:1.9;color:rgba(255,255,255,.82);margin-bottom:14px}
.ua-history-clear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.ua-history-clear-stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:14px;padding:12px;text-align:center}
.ua-history-clear-stat b{display:block;font-size:20px;color:#fff}.ua-history-clear-stat span{font-size:12px;color:rgba(255,255,255,.68)}
.ua-history-clear-option{display:block;border:1px solid rgba(255,214,94,.25);background:rgba(255,255,255,.055);border-radius:14px;padding:12px;margin-bottom:10px;cursor:pointer}
.ua-history-clear-option input{margin-left:8px}.ua-history-clear-option strong{color:#fff}.ua-history-clear-option small{display:block;color:rgba(255,255,255,.66);margin-top:5px;line-height:1.7}
.ua-history-clear-check{display:flex;gap:8px;align-items:center;margin:14px 0;color:#fff;font-weight:800}
.ua-history-clear-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.ua-history-clear-actions .btn{font-weight:900;border-radius:12px;padding:9px 18px}
.ua-history-clear-danger{border:1px solid rgba(255,95,95,.35);background:rgba(120,12,28,.34);color:#ffd4d4;border-radius:14px;padding:12px;margin-bottom:14px;line-height:1.8}
.ua-history-clear-ok{border:1px solid rgba(95,238,167,.35);background:rgba(16,118,70,.28);color:#d8ffe8;border-radius:14px;padding:12px;margin-bottom:14px;line-height:1.8}
.ua-embed .ua-history-clear-shell{padding:0!important;margin:0!important;background:transparent!important}
.ua-embed .ua-history-clear-wrap{max-width:none!important;margin:0!important}
.ua-embed .ua-history-clear-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:10px 16px 14px!important}
.ua-clear-confirm-backdrop{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.62);padding:18px;direction:rtl}
.ua-clear-confirm-box{width:min(430px,96vw);border-radius:20px;background:linear-gradient(180deg,#07111f,#0c1d35);color:#fff;border:1px solid rgba(255,210,102,.45);box-shadow:0 24px 80px rgba(0,0,0,.62);font-family:Tahoma,Arial,sans-serif;overflow:hidden;text-align:right}
.ua-clear-confirm-head{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.10);font-weight:900;color:#ffd24a}
.ua-clear-confirm-body{padding:18px;line-height:1.9;color:rgba(255,255,255,.9)}
.ua-clear-confirm-actions{display:flex;gap:10px;justify-content:flex-start;flex-direction:row-reverse;margin-top:16px}
.ua-clear-confirm-actions button{border-radius:12px;padding:9px 22px;font-weight:900;cursor:pointer}
.ua-clear-confirm-ok{border:0;background:#ffc107;color:#111}
.ua-clear-confirm-cancel{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}
@media(max-width:800px){.ua-history-clear-grid{grid-template-columns:1fr}}


/* --- extracted from subscribers_view.php --- */
body.ua-authed{
    background:
      linear-gradient(135deg, #edf7f8 0%, #f7fbff 46%, #fff8e7 100%) !important;
  }
  .ua-subscriber-view{
    --sv-ink:#102133;
    --sv-muted:#617286;
    --sv-line:rgba(34, 77, 101, .10);
    --sv-panel:rgba(255,255,255,.92);
    --sv-accent:#0e8fa3;
    --sv-gold:#d89b19;
    background:
      linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0) 260px),
      transparent !important;
    min-height:100vh;
  }
  .ua-subscriber-view .content-header{
    padding:16px 12px 8px !important;
  }
  .ua-subscriber-view .content-header .container-fluid{
    min-height:58px;
    padding:12px 16px !important;
    border:0 !important;
    border-radius:18px !important;
    background:linear-gradient(135deg, rgba(12,51,73,.96), rgba(13,112,128,.92)) !important;
    box-shadow:0 16px 40px rgba(10,47,68,.16) !important;
    color:#fff;
    gap:10px;
    flex-wrap:wrap;
  }
  .ua-subscriber-view h1{
    color:#fff !important;
    font-size:1.18rem !important;
    font-weight:900 !important;
    line-height:1.4;
  }
  .ua-subscriber-view .content{
    padding-top:6px !important;
  }
  .ua-subscriber-view .card{
    border:0 !important;
    border-radius:16px !important;
    background:var(--sv-panel) !important;
    box-shadow:0 14px 34px rgba(16,33,51,.09) !important;
    overflow:hidden;
  }
  .ua-subscriber-view .card + .card,
  .ua-subscriber-view .nav-tabs + .card{
    box-shadow:0 12px 28px rgba(16,33,51,.075) !important;
  }
  .ua-subscriber-view .card-body{
    padding:18px !important;
  }
  .ua-subscriber-view .h5{
    color:var(--sv-ink);
    font-weight:900;
  }
  .ua-subscriber-view .text-muted,
  .ua-subscriber-view .small{
    color:var(--sv-muted) !important;
  }
  .ua-subscriber-view .nav-tabs{
    padding:4px;
    border:0 !important;
    border-radius:14px;
    background:rgba(255,255,255,.62);
    box-shadow:inset 0 0 0 1px var(--sv-line);
  }
  .ua-subscriber-view .nav-tabs .nav-link{
    border:0 !important;
    border-radius:11px !important;
    color:#365267 !important;
    background:transparent !important;
    min-height:38px;
  }
  .ua-subscriber-view .nav-tabs .nav-link.active{
    color:#fff !important;
    background:linear-gradient(135deg, var(--sv-accent), #0d6070) !important;
    box-shadow:0 8px 18px rgba(14,143,163,.22);
  }
  .ua-subscriber-view .row.g-3 > [class*="col-"]{
    padding:11px 12px;
    border-radius:12px;
    background:rgba(245,250,252,.78);
    box-shadow:inset 0 0 0 1px rgba(34,77,101,.055);
  }
  .ua-subscriber-view b{
    color:#173349;
  }
  .ua-subscriber-view code{
    border:0;
    border-radius:8px;
    background:rgba(14,143,163,.09);
    color:#0b6372;
    padding:.14rem .38rem;
  }
  .ua-subscriber-view .table-responsive{
    border:0 !important;
    border-radius:14px !important;
    box-shadow:inset 0 0 0 1px rgba(34,77,101,.08);
  }
  .ua-subscriber-view .table-bordered > :not(caption) > *{
    border-width:0 !important;
  }
  .ua-subscriber-view .table td,
  .ua-subscriber-view .table th{
    border-color:rgba(34,77,101,.08) !important;
  }
  .ua-subscriber-view .alert-secondary{
    border:0 !important;
    background:linear-gradient(135deg, rgba(14,143,163,.10), rgba(216,155,25,.10)) !important;
    color:#173349 !important;
  }
  .ua-subscriber-view .btn{
    border-radius:10px !important;
    box-shadow:none !important;
  }
  @media (max-width:768px){
    .ua-subscriber-view .card-body.d-flex,
    .ua-subscriber-view .content-header .container-fluid{
      align-items:flex-start !important;
      flex-direction:column;
      gap:10px;
    }
    .ua-subscriber-view .d-flex.gap-2{
      width:100%;
    }
  }


/* --- extracted from sync_mikrotik.php --- */
.mt-sync-wrap{
    direction: rtl;
    text-align: right;
    color:#eaf2ff;
  }
  .mt-sync-shell{
    background: radial-gradient(circle at top right, rgba(247,183,49,.10), transparent 34%),
                linear-gradient(145deg,#07111d 0%,#0b1726 48%,#08101a 100%);
    border:1px solid rgba(247,183,49,.20);
    border-radius:22px;
    padding:22px;
    box-shadow:0 20px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
  }
  .mt-sync-title{
    margin:0 0 14px;
    font-size:20px;
    font-weight:900;
    color:#ffd166;
    letter-spacing:.2px;
  }
  .mt-sync-subtitle{
    margin:0 0 18px;
    color:#aebbd0;
    font-size:14px;
    line-height:1.8;
  }
  .mt-sync-start{
    background:linear-gradient(135deg,#f7c948,#d99a13);
    color:#15110a !important;
    border:0;
    border-radius:13px;
    padding:11px 22px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(217,154,19,.24);
  }
  .mt-sync-start:hover{filter:brightness(1.05)}

  .mt-progress-wrap{
    display:none;
    margin-top:14px;
    max-width:520px;
    background:transparent;
    border:0;
    border-radius:0;
    padding:0;
  }
  .mt-progress-text{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
    color:#dbe8f7;
    font-weight:800;
    font-size:13px;
  }
  .mt-progress-track{
    width:100%;
    height:10px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.10);
  }
  .mt-progress-bar{
    width:0%;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#f7c948,#5ee6a8);
    box-shadow:0 0 16px rgba(94,230,168,.22);
    transition:width .35s ease;
  }
  .mt-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(110px,1fr));
    gap:12px;
    margin:18px 0;
  }
  .mt-stat{
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.085);
    border-radius:16px;
    padding:14px 12px;
  }
  .mt-stat .label{display:block;color:#9fb0c8;font-size:13px;margin-bottom:7px}
  .mt-stat .value{display:block;color:#fff;font-size:24px;font-weight:900;line-height:1}
  .mt-stat.add .value,.mt-stat.upd .value{color:#5ee6a8}
  .mt-stat.skip .value{color:#ffd166}
  .mt-stat.fail .value{color:#ff6b6b}
  .mt-router-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 16px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(94,230,168,.08);
    border:1px solid rgba(94,230,168,.18);
    color:#bdf7d8;
    font-weight:800;
  }
  .mt-report-card{
    background:linear-gradient(180deg,rgba(11,26,42,.96),rgba(8,18,31,.98));
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .mt-report-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:15px 18px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#ffd166;
    font-weight:900;
  }
  .mt-report-list{
    max-height:520px;
    overflow:auto;
    padding:10px;
    scrollbar-width:thin;
  }
  .mt-log-row{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:7px 0;
    padding:10px 12px;
    border-radius:13px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.055);
    color:#dbe8f7;
    line-height:1.75;
    font-size:14px;
  }
  .mt-log-row .ico{min-width:24px;text-align:center;font-size:16px;line-height:1.7}
  .mt-log-row.ok{background:rgba(46,213,115,.08);border-color:rgba(46,213,115,.18);color:#dffdec}
  .mt-log-row.warn{background:rgba(255,209,102,.08);border-color:rgba(255,209,102,.20);color:#fff2c7}
  .mt-log-row.err,.mt-log-row.danger{background:rgba(255,77,79,.08);border-color:rgba(255,77,79,.20);color:#ffe1e1}
  .mt-empty-report{
    padding:26px;
    text-align:center;
    color:#9fb0c8;
  }
  @media(max-width:900px){.mt-summary-grid{grid-template-columns:repeat(2,1fr)}}


/* --- extracted from update_version.php --- */
.up-card{border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,.06); border:1px solid rgba(0,0,0,.06)}
  .up-stat{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08);color:#0f172a}
  .up-stat .small,.up-stat small{color:#475467 !important;font-weight:700}
  .up-stat .h4,.up-stat .h5,.up-stat div,.up-stat span{color:#0f172a}
  .up-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
  .up-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
  .up-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
  .up-ok{background:#e9f9ef;color:#146c43}
  .up-bad{background:#fdecec;color:#b42318}
  .up-note{background:#f5f7fa;color:#475467}
  .up-table td,.up-table th{vertical-align:middle}
  .up-pre{white-space:pre-wrap;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:14px;font-size:12px}
  .up-tabbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
  .up-tabbtn{border:1px solid rgba(255,255,255,.12);background:#0b1220;color:#e5e7eb;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;transition:.2s}
  .up-tabbtn.active{background:linear-gradient(135deg,#0f3d68,#175ea8);border-color:transparent;color:#fff}
  .up-tabpanel{display:none}
  .up-tabpanel.active{display:block}
  .up-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}
  .up-modal-box{max-width:640px;width:100%;background:#081426;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.45);padding:22px;color:#fff}
  .up-modal-box h4{margin:0 0 10px;font-size:24px}
  .up-modal-box ul{margin:10px 0 0;padding-right:20px}
  .up-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
  .up-toast-wrap{z-index:2147483000;display:flex;flex-direction:column;gap:10px;align-items:stretch;pointer-events:none;width:min(520px,calc(100vw - 44px))}
  .up-toast{min-width:min(92vw,520px);max-width:min(92vw,680px);padding:14px 18px;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);color:#fff;opacity:0;transform:translateY(-12px) scale(.98);transition:all .28s ease;pointer-events:auto;display:flex;align-items:flex-start;gap:12px;background:#0b1220}
  .up-toast.show{opacity:1;transform:translateY(0) scale(1)}
  .up-toast.hide{opacity:0;transform:translateY(-8px) scale(.98)}
  .up-toast-success{background:linear-gradient(135deg,#0f5132,#146c43)}
  .up-toast-error{background:linear-gradient(135deg,#7a1320,#b42318)}
  .up-toast-info{background:linear-gradient(135deg,#0f3d68,#175ea8)}
  .up-toast-icon{font-size:18px;line-height:1.2;margin-top:1px}
  .up-toast-body{flex:1;font-size:15px;font-weight:700}
  .up-toast-close{background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}
  .up-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:100050;padding:20px}
  .up-confirm-overlay.show{display:flex}
  .up-confirm-box{width:min(92vw,560px);background:#081426;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.45);padding:22px;color:#fff}
  .up-confirm-title{margin:0 0 10px;font-size:26px;font-weight:800}
  .up-confirm-text{font-size:17px;line-height:1.8;color:#e5e7eb}
  .up-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}


/* --- extracted from user_profile.php --- */
.ua-profile-shell{max-width:1180px;margin:0 auto;padding:8px 0 24px;direction:rtl}
.ua-profile-hero{display:grid;grid-template-columns:250px 1fr;gap:16px;align-items:stretch;margin-bottom:16px}
.ua-profile-card{border:1px solid rgba(255,214,94,.20);background:linear-gradient(180deg,rgba(9,23,42,.96),rgba(5,14,27,.96));border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.24);color:#eef7ff;overflow:hidden}
.ua-profile-side{padding:18px;text-align:center}
.ua-profile-avatar{width:98px;height:98px;border-radius:26px;margin:0 auto 12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(98,223,255,.18),rgba(243,186,47,.18));border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 4px rgba(255,255,255,.035)}
.ua-profile-avatar img{width:100%;height:100%;object-fit:cover}.ua-profile-avatar span{font-size:34px;font-weight:950;color:#fff}
.ua-profile-side h2{font-size:18px;font-weight:950;margin:0 0 5px;color:#ffd45a}.ua-profile-side p{margin:0 0 9px;color:rgba(236,248,255,.72);font-weight:800}.ua-profile-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;background:rgba(98,223,255,.10);border:1px solid rgba(98,223,255,.16);font-weight:900;color:#dff8ff}.ua-profile-badge i,.ua-profile-title i,.ua-profile-actions i{font-size:14px!important;line-height:1!important}
.ua-profile-main{padding:18px}.ua-profile-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ua-profile-title h1{font-size:20px;color:#ffd45a;font-weight:950;margin:0}.ua-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ua-profile-field label{font-weight:900;color:#dcecff;margin-bottom:6px}.ua-profile-field .form-control{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--ua-child-title)!important;border-radius:14px!important;min-height:44px}.ua-profile-field textarea.form-control{min-height:94px}.ua-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ua-profile-actions .btn{border-radius:14px;font-weight:950;padding:10px 18px}.ua-profile-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ua-profile-preview-card{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.14);padding:10px}.ua-profile-preview-card strong{display:block;margin-bottom:8px;color:#ffd45a;font-size:13px}.ua-profile-preview{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.16);padding:6px;max-height:170px;object-fit:contain}.ua-profile-muted{color:rgba(236,248,255,.62);font-size:12px;font-weight:800;margin-top:6px}
@media(max-width:900px){.ua-profile-hero{grid-template-columns:1fr}.ua-profile-grid,.ua-profile-preview-grid{grid-template-columns:1fr}}


/* 2026-05-09 compact profile: smaller inputs, no oversized icons, password collapsed. */
.ua-profile-shell{max-width:1240px!important;padding:4px 0 10px!important}
.ua-profile-hero{grid-template-columns:210px 1fr!important;gap:10px!important;margin-bottom:0!important;align-items:start!important}
.ua-profile-card{border-radius:16px!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
.ua-profile-side{padding:12px!important}
.ua-profile-avatar{width:70px!important;height:70px!important;border-radius:18px!important;margin-bottom:7px!important}
.ua-profile-avatar span{font-size:24px!important}.ua-profile-side h2{font-size:15px!important;margin-bottom:2px!important}.ua-profile-side p{font-size:12px!important;margin-bottom:6px!important}.ua-profile-badge{padding:5px 9px!important;font-size:12px!important}
.ua-profile-main{padding:12px!important}.ua-profile-title{margin-bottom:8px!important}.ua-profile-title h1{font-size:17px!important}.ua-profile-title .btn{padding:4px 9px!important;font-size:12px!important;border-radius:10px!important}
.ua-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px 9px!important}.ua-profile-field label{margin-bottom:3px!important;font-size:12px!important;line-height:1.2!important}.ua-profile-field .form-control{min-height:34px!important;height:34px!important;padding:.25rem .55rem!important;font-size:13px!important;border-radius:10px!important}.ua-profile-field textarea.form-control{height:auto!important;min-height:50px!important}.ua-profile-field input[type="file"].form-control{height:32px!important;min-height:32px!important;padding:.18rem .45rem!important;font-size:12px!important}.ua-profile-field .mt-2{margin-top:3px!important;font-size:11.5px!important;color:rgba(236,248,255,.72)!important}
.ua-profile-preview-grid{gap:8px!important}.ua-profile-preview-card{padding:7px!important;border-radius:12px!important}.ua-profile-preview-card strong{margin-bottom:5px!important;font-size:12px!important}.ua-profile-preview{max-height:95px!important;border-radius:10px!important;padding:4px!important}.ua-profile-muted{display:none!important}.ua-profile-actions{margin-top:10px!important;gap:8px!important}.ua-profile-actions .btn{padding:7px 13px!important;border-radius:11px!important;font-size:13px!important}.ua-profile-actions i,.ua-profile-title i,.ua-profile-badge i{font-size:12px!important;line-height:1!important}
.ua-profile-pass{margin-top:9px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important}.ua-profile-pass>summary{height:34px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 11px!important;cursor:pointer!important;color:#ffd45a!important;font-size:13px!important;font-weight:950!important;list-style:none!important}.ua-profile-pass>summary::-webkit-details-marker{display:none!important}.ua-profile-pass__body{padding:9px!important;border-top:1px solid rgba(255,255,255,.07)!important}.ua-profile-pass .ua-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:1100px){.ua-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ua-profile-pass .ua-profile-grid{grid-template-columns:1fr!important}.ua-profile-hero{grid-template-columns:1fr!important}.ua-profile-side{display:flex!important;align-items:center!important;text-align:start!important;gap:12px!important}.ua-profile-avatar{margin:0!important}}
@media(max-width:700px){.ua-profile-grid{grid-template-columns:1fr!important}}


/* 2026-05-09 balanced profile: side card equals data card height, both taller, current data under avatar. */
.ua-profile-shell{max-width:1320px!important;padding:8px 0 18px!important;}
.ua-profile-hero{
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  margin-bottom:0!important;
}
.ua-profile-card{
  min-height:520px!important;
  border-radius:18px!important;
}
.ua-profile-side{
  height:100%!important;
  min-height:520px!important;
  padding:20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.ua-profile-avatar{
  width:102px!important;
  height:102px!important;
  border-radius:24px!important;
  margin:0 auto 12px!important;
}
.ua-profile-avatar span{font-size:34px!important;}
.ua-profile-side h2{font-size:18px!important;margin:0 0 4px!important;}
.ua-profile-side p{font-size:13px!important;margin:0 0 10px!important;}
.ua-profile-badge{padding:7px 12px!important;font-size:13px!important;margin-bottom:14px!important;}
.ua-profile-current{
  width:100%!important;
  margin-top:4px!important;
  display:grid!important;
  gap:8px!important;
}
.ua-profile-current div{
  min-height:42px!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.045)!important;
  text-align:start!important;
}
.ua-profile-current span{
  color:rgba(230,244,255,.62)!important;
  font-size:11.5px!important;
  font-weight:850!important;
}
.ua-profile-current strong{
  color:var(--ua-child-title)!important;
  font-size:13px!important;
  font-weight:950!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.ua-profile-main{
  min-height:520px!important;
  padding:18px!important;
}
.ua-profile-title{margin-bottom:12px!important;}
.ua-profile-title h1{font-size:20px!important;}
.ua-profile-title .btn{padding:6px 12px!important;font-size:13px!important;border-radius:11px!important;}
.ua-profile-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px 12px!important;
}
.ua-profile-field label{margin-bottom:5px!important;font-size:12.6px!important;}
.ua-profile-field .form-control{
  min-height:40px!important;
  height:40px!important;
  padding:.38rem .65rem!important;
  font-size:13.5px!important;
  border-radius:12px!important;
}
.ua-profile-field textarea.form-control{height:auto!important;min-height:76px!important;}
.ua-profile-field input[type="file"].form-control{height:38px!important;min-height:38px!important;padding:.30rem .55rem!important;font-size:12.5px!important;}
.ua-profile-preview{max-height:130px!important;}
.ua-profile-pass{margin-top:14px!important;}
.ua-profile-pass>summary{height:38px!important;font-size:13.5px!important;}
.ua-profile-pass__body{padding:11px!important;}
.ua-profile-actions{margin-top:14px!important;}
.ua-profile-actions .btn{padding:9px 16px!important;font-size:13.5px!important;}
@media(max-width:1100px){
  .ua-profile-hero{grid-template-columns:1fr!important;}
  .ua-profile-side{min-height:auto!important;display:grid!important;grid-template-columns:120px 1fr!important;align-items:center!important;text-align:start!important;gap:12px!important;}
  .ua-profile-avatar{margin:0!important;}
  .ua-profile-current{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){.ua-profile-current{grid-template-columns:1fr!important;}}


/* Final profile layout: visible password fields, notes under password, actions at card end. */
.ua-profile-hero{grid-template-columns:310px minmax(0,1fr)!important;align-items:stretch!important;}
.ua-profile-card{min-height:560px!important;}
.ua-profile-side{min-height:560px!important;}
.ua-profile-main{min-height:560px!important;display:flex!important;flex-direction:column!important;}
.ua-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 12px!important;}
.ua-profile-pass{margin-top:14px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:13px!important;background:rgba(255,255,255,.032)!important;overflow:hidden!important;}
.ua-profile-pass__title{height:38px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;color:#ffd45a!important;font-size:13.5px!important;font-weight:950!important;border-bottom:1px solid rgba(255,255,255,.065)!important;}
.ua-profile-pass__title i{font-size:12px!important;line-height:1!important;}
.ua-profile-pass__body{padding:11px!important;display:grid!important;gap:10px!important;}
.ua-profile-pass-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.ua-profile-notes-field{display:grid!important;gap:5px!important;}
.ua-profile-notes-field .form-control{min-height:40px!important;height:40px!important;resize:none!important;}
.ua-profile-actions{margin-top:auto!important;padding-top:14px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;}
.ua-profile-actions .btn{min-width:116px!important;text-align:center!important;}
@media(max-width:1100px){.ua-profile-hero{grid-template-columns:1fr!important}.ua-profile-side{min-height:auto!important}.ua-profile-main{min-height:auto!important}.ua-profile-pass-grid{grid-template-columns:1fr!important}.ua-profile-actions{justify-content:flex-start!important}}



/* 2026-05-09 final profile card scale: reduce the two main cards by 10% without changing layout logic. */
.ua-profile-shell{max-width:1188px!important;padding:7px 0 16px!important;}
.ua-profile-hero{grid-template-columns:279px minmax(0,1fr)!important;gap:14px!important;}
.ua-profile-card{min-height:504px!important;}
.ua-profile-side{min-height:504px!important;padding:18px 16px!important;}
.ua-profile-main{min-height:504px!important;padding:16px!important;}
.ua-profile-avatar{width:92px!important;height:92px!important;border-radius:22px!important;margin-bottom:10px!important;}
.ua-profile-side h2{font-size:16.5px!important;}
.ua-profile-side p{font-size:12.5px!important;margin-bottom:8px!important;}
.ua-profile-badge{padding:6px 11px!important;font-size:12.5px!important;margin-bottom:12px!important;}
.ua-profile-current{gap:7px!important;}
.ua-profile-current div{min-height:38px!important;padding:6px 9px!important;border-radius:12px!important;}
.ua-profile-title{margin-bottom:10px!important;}
.ua-profile-title h1{font-size:18.5px!important;}
.ua-profile-grid{gap:9px 11px!important;}
.ua-profile-field .form-control{min-height:38px!important;height:38px!important;}
.ua-profile-pass{margin-top:12px!important;}
.ua-profile-pass__title{height:36px!important;}
.ua-profile-pass__body{padding:10px!important;gap:9px!important;}
.ua-profile-actions{padding-top:12px!important;}
@media(max-width:1100px){.ua-profile-hero{grid-template-columns:1fr!important}.ua-profile-card,.ua-profile-side,.ua-profile-main{min-height:auto!important}}


/* --- extracted from users_permissions.php --- */
.ua-users-perm-shell{direction:rtl;max-width:1280px;margin:0 auto 26px;color:#eaf7ff}.ua-users-perm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ua-users-perm-head h1{font-size:24px;font-weight:950;color:#ffd45a;margin:0}.ua-users-perm-card{background:linear-gradient(180deg,rgba(9,23,42,.96),rgba(5,14,27,.96));border:1px solid rgba(255,214,94,.16);border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.22);padding:18px;margin-bottom:16px}.ua-users-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ua-users-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ua-users-field label{font-weight:900;color:#dcecff;margin-bottom:6px}.ua-users-field .form-control,.ua-users-field .form-select{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--ua-child-title)!important;border-radius:13px!important;min-height:42px}.ua-users-field textarea.form-control{min-height:86px}.ua-users-avatar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ua-users-avatar{width:66px;height:66px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:rgba(98,223,255,.12);border:1px solid rgba(255,255,255,.12);font-size:23px;font-weight:950}.ua-users-avatar img{width:100%;height:100%;object-fit:cover}.ua-users-id-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ua-users-id-preview-card{border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.14);padding:8px}.ua-users-id-preview-card strong{display:block;margin-bottom:7px;color:#ffd45a;font-size:12px}.ua-users-id-preview{max-height:120px;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:5px;background:rgba(0,0,0,.16);object-fit:contain}.ua-perms-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ua-perm-item{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 10px;font-weight:850}.ua-perm-item input{width:17px;height:17px}.ua-users-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ua-users-actions .btn{border-radius:13px;font-weight:950;padding:9px 16px}.ua-muted{color:rgba(234,247,255,.64);font-size:12px;font-weight:800}.ua-super-card{border-color:rgba(255,193,7,.34)}@media(max-width:980px){.ua-users-grid,.ua-users-fields,.ua-perms-list{grid-template-columns:1fr}.ua-users-perm-head{flex-direction:column;align-items:stretch}}

.ua-permission-groups{display:grid;gap:12px}
.ua-permission-group{min-width:0;margin:0;padding:12px;border:1px solid color-mix(in srgb,var(--ua-accent,#f3ba2f) 22%,transparent);border-radius:14px;background:rgba(255,255,255,.025)}
.ua-permission-group legend{float:none;width:auto;margin:0 0 10px;padding:0 8px;color:var(--ua-accent,#f3ba2f);font-size:13px;font-weight:950}
.ua-permission-group .ua-perms-list{margin:0}


/* --- extracted from vouchers_generate.php --- */
.vg-shell{padding-bottom:18px}
.vg-hero{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-bottom:18px;padding:18px 20px;border-radius:22px;
  background:linear-gradient(180deg,rgba(5,17,42,.92),rgba(4,12,30,.86));
  border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.vg-title{margin:0;color:#fff;font-weight:900;font-size:1.35rem}
.vg-sub{margin:6px 0 0;color:rgba(255,255,255,.7);font-size:.95rem}
.vg-actions{display:flex;gap:10px;flex-wrap:wrap}
.vg-card{border:none;border-radius:24px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.12)}
.vg-card .card-body{padding:22px}
.vg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.vg-col-2{grid-column:span 2}.vg-col-3{grid-column:span 3}.vg-col-4{grid-column:span 4}.vg-col-6{grid-column:span 6}
.vg-field label{display:block;margin-bottom:8px;font-weight:800;color:#ecf2ff}
.vg-field .form-control,.vg-field select{min-height:52px;border-radius:18px;padding:.7rem 1rem}
.vg-footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:18px}
.vg-btn{min-width:150px;border-radius:16px;font-weight:900;padding:.8rem 1.2rem}
.vg-alert{border-radius:18px;border:none;box-shadow:0 10px 28px rgba(0,0,0,.10)}
@media (max-width: 992px){
  .vg-col-2,.vg-col-3,.vg-col-4,.vg-col-6{grid-column:span 6}
}
@media (max-width: 576px){
  .vg-col-2,.vg-col-3,.vg-col-4,.vg-col-6{grid-column:span 12}
  .vg-card .card-body,.vg-hero{padding:16px}
  .vg-btn{width:100%}
}


/* --- extracted from vouchers_print.php --- */
:root{
          --card-w: 320px;
          --card-h: auto;
          --card-pad: 12px;
          --qr: 120px;
          --fs-title: 14px;
          --fs-code: 18px;
          --fs-pass: 16px;
          --fs-meta: 12px;
          /* Layout controls */
          --cols: 3;
          --gap: 10px;
          --page-m: 8mm;
          --paper-max: 100%;
        }
        @media print {
          .content-header, .ua-sidebar, .main-header, .main-footer, .btn, .print-toolbar { display:none !important; }
          .content-wrapper { margin:0 !important; padding:0 !important; }
          body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        }
        .print-area{
          padding: var(--page-m);
          max-width: var(--paper-max);
        }
        .voucher-card{
          border:1px dashed #999;
          border-radius:12px;
          padding:var(--card-pad);
          margin:0;
          width: var(--card-w);
          min-height: var(--card-h);
          display:block;
          page-break-inside: avoid;
        }
.voucher-grid{
          display:grid;
          grid-template-columns: repeat(var(--cols), var(--card-w));
          gap: var(--gap);
          align-items:start;
          justify-content:start;
        }
        .voucher-title{ font-weight:700; font-size:var(--fs-title); margin-bottom:6px; }
        .voucher-code{ font-size:var(--fs-code); font-weight:800; letter-spacing:1px; }
        .voucher-pass{ font-size:var(--fs-pass); font-weight:700; }
        .voucher-meta{ font-size:var(--fs-meta); color:#555; margin-top:6px; line-height:1.4; }
        .voucher-qr{ margin-top:10px; display:flex; gap:10px; align-items:center; }
        .voucher-qr .qrbox{ width:var(--qr); height:var(--qr); border:1px solid #ddd; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:visible; }
        .voucher-qr .qrbox canvas, .voucher-qr .qrbox img{ width:100% !important; height:100% !important; max-width:100%; max-height:100%; display:block; object-fit:contain; }
        .badge-paid{ display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; }
        .badge-paid.ok{ background:#d1fae5; color:#065f46; }
        .badge-paid.no{ background:#fee2e2; color:#991b1b; }
        .print-toolbar{
          display:flex;
          flex-wrap:wrap;
          gap:10px;
          align-items:end;
          margin: 0 0 12px 0;
          padding: 10px 12px;
          border:1px solid #eee;
          border-radius:12px;
          background:#fff;
        }
        .print-toolbar label{ font-size:12px; color:#555; margin:0 0 4px 0; display:block; }
        .print-toolbar .field{ min-width:160px; }
        .print-toolbar input, .print-toolbar select{
          width:100%;
          padding:6px 8px;
          border:1px solid #ddd;
          border-radius:10px;
          font-size:13px;
        }
/* === UA PHASE 2 EXTRACTED PAGE LOCAL CSS END === */

/* UA phase 5: voucher print paper presets moved from inline style to CSS classes. */
.print-area--paper-a4{--paper-max:210mm;--cols:3;--gap:10px}
.print-area--paper-80mm{--paper-max:80mm;--cols:1;--gap:8px}
.print-area--paper-58mm{--paper-max:58mm;--cols:1;--gap:8px}

/* UA v23 note: subscriber modal child compact final override lives in ua_program_unified.css
   because header.php loads ua_program_unified.css after this extracted page sheet. */
