/* ===========================================================
   Gateway Client Panel — design system (Bootstrap 5 overrides)
   Midnight sidebar · paper canvas · one brass accent
   =========================================================== */
:root{
  --ink:#0E1B2E;          /* midnight */
  --ink-2:#16273F;
  --ink-3:#223552;
  --paper:#F4F5F7;
  --surface:#FFFFFF;
  --line:#E4E7EC;
  --text:#101828;
  --muted:#667085;
  --primary:#1E4DD8;
  --primary-soft:#E8EEFD;
  --brass:#C9A24A;
  --brass-soft:#F6EFDC;
  --ok:#087F5B;  --ok-soft:#E3F6EE;
  --warn:#B45309; --warn-soft:#FDF1DC;
  --bad:#C0262D;  --bad-soft:#FCE7E8;
  --info:#1E4DD8; --info-soft:#E8EEFD;
  --neutral:#475467; --neutral-soft:#EEF0F3;
  --radius:12px;
  --sidebar-w:268px;
  --cell-x:.75rem;
  --bs-body-font-family:'Manrope',system-ui,sans-serif;
  --bs-body-color:var(--text);
  --bs-body-bg:var(--paper);
  --bs-primary:#1E4DD8;
  --bs-primary-rgb:30,77,216;
  --bs-border-color:var(--line);
}
html{font-size:15px}
body{font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;background:var(--paper)}
h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;font-weight:700}
.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}

/* ---------- Shell ---------- */
.app{display:flex;min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);overflow-x:clip}
.sidebar{
  width:var(--sidebar-w);background:var(--ink);color:#C4CEDF;position:fixed;inset:0 auto 0 0;
  display:flex;flex-direction:column;z-index:1040;transition:transform .25s ease;
}
.sidebar .brand{display:flex;align-items:center;gap:.7rem;padding:1.35rem 1.4rem 1.1rem;color:#fff}
.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,var(--brass),#E9CF8E);display:grid;place-items:center;color:var(--ink);font-weight:800;font-size:1.05rem}
.brand-name{font-weight:800;letter-spacing:-.02em;font-size:1.08rem;line-height:1.1}
.brand-sub{font-size:.72rem;color:#8FA0BC;font-weight:500}
.nav-scroll{flex:1;overflow-y:auto;padding:.4rem .8rem 1rem}
.nav-scroll::-webkit-scrollbar{width:6px}.nav-scroll::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:6px}
.nav-group-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;color:#8FA0BC;
  font-size:.78rem;font-weight:600;padding:.8rem .7rem .4rem;cursor:pointer;
}
.nav-group-btn .bi{font-size:.7rem;transition:transform .2s}
.nav-group-btn[aria-expanded="false"] .bi{transform:rotate(-90deg)}
.nav-link-x{
  display:flex;align-items:center;gap:.75rem;color:#C4CEDF;padding:.55rem .75rem;border-radius:9px;font-size:.9rem;font-weight:500;
  position:relative;margin-bottom:2px;
}
.nav-link-x .bi{font-size:1.05rem;opacity:.85}
.nav-link-x:hover{background:var(--ink-2);color:#fff;text-decoration:none}
.nav-link-x.active{background:var(--ink-2);color:#fff;font-weight:600}
.nav-link-x.active::before{content:"";position:absolute;left:-.8rem;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--brass)}
.nav-link-x .count{margin-left:auto;background:var(--brass);color:var(--ink);font-size:.68rem;font-weight:800;padding:.1rem .45rem;border-radius:20px}
.nav-parent{margin:.2rem 0 .35rem}
.nav-parent-btn{position:relative;width:100%;display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;border:0;border-radius:9px;background:transparent;color:#C4CEDF;font-size:.9rem;font-weight:700;text-align:left}
.nav-parent-btn:hover,.nav-parent-btn[aria-expanded="true"]{background:var(--ink-2);color:#fff}
.nav-parent-btn[aria-expanded="true"]::before{content:"";position:absolute;left:-.8rem;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--brass)}
.nav-parent-btn>.bi:first-child{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:var(--ink-3);color:#fff;font-size:1rem}
.nav-parent-btn[aria-expanded="true"]>.bi:first-child{background:var(--brass);color:var(--ink)}
.nav-parent-btn>span{flex:1;min-width:0}
.nav-parent-chevron{font-size:.68rem;transition:transform .2s}
.nav-parent-btn[aria-expanded="true"] .nav-parent-chevron{transform:rotate(180deg)}
.nav-parent-children{padding:.12rem 0 .25rem}
.nav-parent-children .nav-link-x{padding:.48rem .7rem .48rem 2.35rem;color:#A8BAC7;font-size:.86rem}
.nav-parent-children .nav-link-x .bi{display:none}
.nav-parent-children .nav-link-x.active{background:var(--ink-2);color:#fff}
.nav-parent-children .nav-link-x.active::before{left:.68rem;background:var(--brass)}
.sidebar-foot{padding:1rem 1.2rem;border-top:1px solid var(--ink-3);font-size:.78rem;color:#8FA0BC;display:flex;gap:.6rem;align-items:center}
.sidebar-foot .dot{width:8px;height:8px;border-radius:50%;background:#34D399;box-shadow:0 0 0 3px rgba(52,211,153,.18)}

.main{flex:1;margin-left:var(--sidebar-w);min-width:0;display:flex;flex-direction:column}
.topbar{
  position:sticky;top:0;z-index:1030;background:rgba(244,245,247,.86);backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--line);padding:.8rem 1.75rem;display:flex;align-items:center;gap:1rem;
}
.topbar .search{position:relative;max-width:340px;flex:1}
.topbar .search .bi{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.topbar .search input{padding-left:2.4rem;background:var(--surface);border-radius:10px}
.merchant-chip{display:flex;flex-direction:column;line-height:1.15;text-align:right}
.merchant-chip b{font-size:.88rem}.merchant-chip small{color:var(--muted);font-size:.72rem}
.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;position:relative;color:var(--text)}
.icon-btn:hover{background:var(--neutral-soft)}
.icon-btn .pip{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--bad);border:2px solid #fff}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}
.content{padding:1.75rem;max-width:1480px;width:100%;margin-inline:auto}
.page-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem}
.page-head h1{font-size:1.6rem;margin:0}
.page-head p{margin:.25rem 0 0;color:var(--muted);max-width:60ch}
.menu-toggle{display:none}
@media (max-width:1199.98px){
  .sidebar{width:min(300px,86vw);transform:translateX(-100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .sidebar.open{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s;box-shadow:0 0 40px rgba(0,0,0,.35)}
  .main{margin-left:0}
  .menu-toggle{display:grid}
  .content{padding:1.25rem}
  .topbar{padding:.7rem 1.25rem}
  body.menu-open{overflow:hidden}
}
@media (max-width:767.98px){
  .content{padding:1.1rem}
  .topbar{padding:.7rem 1rem}
  .merchant-chip{display:none}
}
/* real backdrop (a box-shadow overlay lets taps fall through to the page underneath) */
.sidebar-backdrop{position:fixed;inset:0;background:rgba(14,27,46,.5);z-index:1039;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
body.menu-open .sidebar-backdrop{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s}
@media (min-width:1200px){.sidebar-backdrop{display:none}}

/* ---------- Surfaces ---------- */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.panel-pad{padding:1.25rem 1.35rem}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.35rem;border-bottom:1px solid var(--line)}
.panel-head h2,.panel-head h3{font-size:1.02rem;margin:0}
.panel-head small{color:var(--muted)}

/* KPI */
.kpi{padding:1.15rem 1.3rem;height:100%}
.kpi .label{font-size:.82rem;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:.5rem}
.kpi .label .bi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:.95rem}
.kpi .value{font-size:1.65rem;font-weight:800;letter-spacing:-.025em;margin:.55rem 0 .15rem}
.kpi .delta{font-size:.78rem;font-weight:600}
.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.delta.flat{color:var(--muted)}
.kpi.ok .label .bi{background:var(--ok-soft);color:var(--ok)}
.kpi.warn .label .bi{background:var(--warn-soft);color:var(--warn)}
.kpi.bad .label .bi{background:var(--bad-soft);color:var(--bad)}

/* Hero wallet card — the one memorable element */
.wallet-hero{
  background:radial-gradient(120% 140% at 100% 0%,var(--ink-3) 0%,var(--ink) 55%);color:#fff;border-radius:var(--radius);
  padding:1.5rem 1.6rem;position:relative;overflow:hidden;height:100%;border:1px solid var(--ink-3);
}
.wallet-hero::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(201,162,74,.35);box-shadow:0 0 0 28px rgba(201,162,74,.06),0 0 0 56px rgba(201,162,74,.04)}
.wallet-hero .lbl{color:#9DB0CF;font-size:.85rem;font-weight:600}
.wallet-hero .amt{font-size:2.35rem;font-weight:800;letter-spacing:-.03em;margin:.3rem 0 .2rem}
.wallet-hero .amt small{font-size:1rem;color:var(--brass);font-weight:700;margin-right:.3rem}
.wallet-hero .sub{display:flex;gap:1.6rem;margin-top:1.2rem;position:relative;z-index:1}
.wallet-hero .sub div span{display:block;color:#9DB0CF;font-size:.75rem}
.wallet-hero .sub div b{font-size:1rem}
.wallet-hero .btn-brass{background:var(--brass);color:var(--ink);border:0;font-weight:700}
.wallet-hero .btn-brass:hover{background:#D8B25C}
.wallet-hero .btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:600}
.wallet-hero .btn-ghost:hover{background:rgba(255,255,255,.14)}

/* ---------- Buttons / forms ---------- */
.btn{font-weight:600;border-radius:10px;padding:.5rem .95rem}
.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#173FB4;--bs-btn-hover-border-color:#173FB4;--bs-btn-active-bg:#143699}
.btn-outline-secondary{--bs-btn-color:var(--text);--bs-btn-border-color:var(--line);--bs-btn-hover-bg:var(--neutral-soft);--bs-btn-hover-color:var(--text);--bs-btn-hover-border-color:var(--line);background:#fff}
.btn-soft{background:var(--primary-soft);color:var(--primary);border:0}
.btn-soft:hover{background:#D9E3FB;color:var(--primary)}
.btn-sm{padding:.32rem .65rem;font-size:.82rem;border-radius:8px}
.form-control,.form-select{border-radius:10px;border-color:var(--line);padding:.55rem .8rem;font-size:.92rem}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(30,77,216,.13)}
.form-label{font-size:.82rem;font-weight:600;margin-bottom:.35rem}
.form-text{font-size:.78rem}

/* Segmented date presets */
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{border:0;background:none;padding:.35rem .8rem;border-radius:7px;font-size:.82rem;font-weight:600;color:var(--muted)}
.seg button:hover{color:var(--text)}
.seg button.active{background:var(--ink);color:#fff}

/* Filters bar */
.filters{display:flex;flex-wrap:wrap;gap:.65rem;padding:1rem 1.35rem;border-bottom:1px solid var(--line);align-items:center}
.filters .form-control,.filters .form-select{width:auto;min-width:150px}
.filters input[type="datetime-local"]{min-width:205px}
.filters .grow{flex:1;min-width:220px;position:relative}
.filters .grow .bi{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.filters .grow input{padding-left:2.2rem;width:100%}

/* ---------- Tables ---------- */
.table-x{margin:0;--bs-table-bg:transparent}
.table-x thead th{font-size:.78rem;font-weight:700;color:var(--muted);background:#FAFBFC;border-bottom:1px solid var(--line);padding:.75rem var(--cell-x);white-space:nowrap;cursor:default}
.table-x tbody td{padding:.85rem var(--cell-x);vertical-align:middle;border-bottom:1px solid #EEF0F3;font-size:.9rem;white-space:nowrap}
.table-x th.wrap,.table-x td.wrap{white-space:normal;min-width:11rem}
.table-x tbody tr:last-child td{border-bottom:0}
.table-x tbody tr:hover{background:#FAFBFF}
.table-x td.amt,.table-x th.amt{text-align:right}
.mono-id{font-weight:600;font-size:.86rem}
.cell-sub{display:block;color:var(--muted);font-size:.76rem;font-weight:500}
.table-foot{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.9rem 1.35rem;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)}
.pagination{margin:0;--bs-pagination-border-radius:8px;--bs-pagination-active-bg:var(--ink);--bs-pagination-active-border-color:var(--ink);--bs-pagination-color:var(--text);--bs-pagination-font-size:.82rem}
.copy-btn{border:0;background:none;color:var(--muted);padding:0 .3rem}.copy-btn:hover{color:var(--primary)}

/* Status badges — one vocabulary across every screen */
.sb{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;padding:.22rem .6rem;border-radius:20px;white-space:nowrap}
.sb::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.sb-ok{background:var(--ok-soft);color:var(--ok)}
.sb-warn{background:var(--warn-soft);color:var(--warn)}
.sb-bad{background:var(--bad-soft);color:var(--bad)}
.sb-info{background:var(--info-soft);color:var(--info)}
.sb-neutral{background:var(--neutral-soft);color:var(--neutral)}
.sb-brass{background:var(--brass-soft);color:#8A6A1F}

/* Timeline */
.timeline{list-style:none;margin:0;padding:0 0 0 .4rem}
.timeline li{position:relative;padding:0 0 1.15rem 1.5rem;border-left:2px solid var(--line);margin-left:.35rem}
.timeline li:last-child{border-left-color:transparent;padding-bottom:0}
.timeline li::before{content:"";position:absolute;left:-7px;top:.2rem;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--line)}
.timeline li.done::before{background:var(--ok);border-color:var(--ok)}
.timeline li.now::before{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.timeline li.bad::before{background:var(--bad);border-color:var(--bad)}
.timeline b{font-size:.9rem;display:block}.timeline span{font-size:.78rem;color:var(--muted)}

/* Stepper (payout request) */
.steps{display:flex;gap:0;flex-wrap:nowrap}
.steps .st{flex:1 1 0;min-width:0;position:relative;padding:1.7rem .2rem 0;font-size:.78rem;font-weight:600;color:var(--muted);text-align:center;overflow-wrap:anywhere}
.steps .st::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--line);z-index:1}
.steps .st::after{content:"";position:absolute;top:9px;left:50%;width:100%;height:2px;background:var(--line)}
.steps .st:last-child::after{display:none}
.steps .st.done{color:var(--text)}.steps .st.done::before{background:var(--ok);border-color:var(--ok)}.steps .st.done::after{background:var(--ok)}
.steps .st.now{color:var(--primary)}.steps .st.now::before{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}

/* Misc */
.chart-box{position:relative;height:280px}
.chart-box.sm{height:220px}
.empty{padding:3rem 1.5rem;text-align:center;color:var(--muted)}
.empty .bi{font-size:2rem;color:#B6BDCB}
.empty b{display:block;color:var(--text);margin:.5rem 0 .2rem}
.callout{display:flex;gap:.8rem;padding:.9rem 1.05rem;border-radius:10px;font-size:.86rem;align-items:flex-start}
.callout .bi{font-size:1.1rem;margin-top:.05rem}
.callout-info{background:var(--info-soft);color:#16379E}
.callout-warn{background:var(--warn-soft);color:#7A3A06}
.callout-bad{background:var(--bad-soft);color:#8A1B21}
.callout-brass{background:var(--brass-soft);color:#6B5115}
.kv{display:grid;grid-template-columns:150px 1fr;gap:.55rem 1rem;font-size:.9rem;margin:0}
.kv dt{color:var(--muted);font-weight:600}.kv dd{margin:0;font-weight:600}
.deadline{font-weight:700}
.deadline.soon{color:var(--bad)}
.skeleton{background:linear-gradient(90deg,#EEF0F3 25%,#F7F8FA 37%,#EEF0F3 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:6px;height:14px}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.modal-content{border:0;border-radius:16px}
.modal-header,.modal-footer{border-color:var(--line)}
.toast{border:0;border-radius:12px;box-shadow:0 10px 30px rgba(16,24,40,.18)}
.offcanvas{border-left:1px solid var(--line)}
.dropdown-menu{border-radius:12px;border-color:var(--line);box-shadow:0 10px 30px rgba(16,24,40,.12);font-size:.88rem}
.upload{border:1.5px dashed #C3CAD6;border-radius:12px;padding:1.6rem;text-align:center;background:#FAFBFC;color:var(--muted)}
.upload:hover{border-color:var(--primary);background:var(--primary-soft)}
.ratio-bar{height:8px;border-radius:8px;background:var(--neutral-soft);overflow:hidden;display:flex}
.ratio-bar i{display:block;height:100%}
.legend-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:.4rem}
.quick{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:10px;color:var(--text);font-weight:600;font-size:.9rem;background:#fff}
.quick:hover{border-color:var(--primary);text-decoration:none;background:var(--primary-soft)}
.quick .bi:first-child{color:var(--primary);font-size:1.15rem}
.quick .bi:last-child{margin-left:auto;color:var(--muted);font-size:.8rem}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:575.98px){.kv{grid-template-columns:1fr}.wallet-hero .amt{font-size:1.9rem}}

/* ===========================================================
   Loaders
   =========================================================== */
@keyframes spin{to{transform:rotate(360deg)}}
/* full-page loader: visible from first paint until layout.js adds .is-ready */
body:not(.is-ready)::before{content:"";position:fixed;inset:0;background:var(--paper);z-index:3000}
body:not(.is-ready)::after{content:"";position:fixed;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brass);animation:spin .8s linear infinite;z-index:3001}
.nav-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--primary),var(--brass));z-index:3100;transition:width .7s ease}

/* table loader */
.tbl-loader{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:.86rem;color:var(--text)}
.tbl-loader .spinner-border{color:var(--primary)}

/* ===========================================================
   DataTables (2.x, Bootstrap 5 integration) — theme overrides
   =========================================================== */
.dt-container{position:relative;font-size:.9rem}
.dt-container .dt-layout-row{margin:0!important;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}
.dt-container .dt-layout-row:not(.dt-layout-table){padding:.85rem 1.35rem;font-size:.84rem;color:var(--muted);border-top:1px solid var(--line)}
.dt-container .dt-layout-cell{padding:0!important;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.dt-container .dt-layout-table .dt-layout-cell{display:block;width:100%;overflow-x:auto}
.dt-container table.dataTable{width:100%!important;margin:0!important;border-collapse:collapse}
.dt-container table.dataTable>thead>tr>th{border-bottom:1px solid var(--line)!important;vertical-align:middle}
.dt-container table.dataTable>thead>tr>th:hover{outline:0}
.dt-container .dt-length{display:flex;align-items:center;gap:.5rem}
.dt-container .dt-length select{width:auto;border-radius:8px;padding:.25rem 1.8rem .25rem .6rem;font-size:.82rem}
.dt-container .dt-paging .pagination{margin:0}
.dt-container .dt-paging .page-link{border-radius:8px;margin:0 2px;font-size:.82rem;color:var(--text);border-color:var(--line)}
.dt-container .dt-paging .page-item.active .page-link{background:var(--ink);border-color:var(--ink);color:#fff}
.dt-container .dt-paging .page-item.disabled .page-link{color:#98A2B3}
.dt-container .dt-info{padding:0!important}
/* sort arrows */
.dt-container table.dataTable thead .dt-column-order{opacity:.55}
.dt-container table.dataTable thead th.dt-orderable-none .dt-column-order{display:none}
/* loading state: dim rows and show the loader chip */
div.dt-processing{position:absolute!important;top:50%!important;left:50%!important;width:auto!important;height:auto!important;margin:0!important;padding:.7rem 1.1rem!important;transform:translate(-50%,-50%);background:#fff!important;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(16,24,40,.14);z-index:20;text-align:left}
.dt-container:has(div.dt-processing[style*="block"]) table.dataTable tbody{opacity:.35;transition:opacity .15s}
.dt-container.is-loading .dt-layout-table{min-height:360px}
.dt-container td.dt-empty{padding:0!important}
.dt-container td.dt-empty .empty{padding:3rem 1.5rem}

/* ===========================================================
   Responsive
   xl ≥1200 · lg ≥992 (sidebar fixed) · md ≥768 · sm ≥576 · xs <576
   =========================================================== */
.m-search{padding:.65rem 1rem;background:var(--paper);border-bottom:1px solid var(--line)}
.m-search .search .bi{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.m-search .search input{padding-left:2.4rem;border-radius:10px}
.m-search[hidden]{display:none!important}
.offcanvas{max-width:100%}
.dropdown-menu{max-width:calc(100vw - 1.5rem)}
.nav-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.nav-pills::-webkit-scrollbar{display:none}
.nav-pills .nav-link{white-space:nowrap}

/* ---- Tablet and below (<992) ---- */
@media (max-width:991.98px){
  .pf-nav{flex-direction:row!important;overflow-x:auto;flex-wrap:nowrap;gap:.25rem}
  .pf-nav .nav-link{white-space:nowrap;flex:0 0 auto}
  .page-head h1{font-size:1.4rem}
}

/* ---- Large phones and below (<768): tables turn into cards ---- */
@media (max-width:767.98px){
  .content{padding:1rem .9rem 2rem}
  .page-head{margin-bottom:1.1rem}
  .page-head>div:last-child:not(:empty){width:100%}
  #page-actions .btn,#page-actions .seg{flex:1 1 auto}
  #page-actions .seg{width:100%}
  .seg button{flex:1 1 auto;padding:.4rem .55rem}

  .filters{padding:.9rem;gap:.55rem}
  .filters>.grow{flex:1 1 100%;min-width:0}
  .filters>input,.filters>select{flex:1 1 calc(50% - .3rem)!important;min-width:0!important;width:auto!important}
  .filters>input[type="datetime-local"]{flex-basis:100%!important}
  .filters>.seg{flex:1 1 100%}
  .filters>.btn,.filters .ms-auto{flex:1 1 100%;margin-left:0!important}
  .panel-head{padding:.95rem 1rem}
  .panel-pad{padding:1rem}

  .dt-container .dt-layout-row:not(.dt-layout-table){padding:.8rem .9rem;justify-content:center;text-align:center}
  .dt-container .dt-layout-cell{justify-content:center}
  .dt-container .dt-paging .pagination{flex-wrap:wrap;justify-content:center}
  .dt-container .dt-paging .page-item:not(.active):not(.previous):not(.next):not(.first):not(.last){display:none}
  .table-foot{justify-content:center;text-align:center}
  div.dt-processing{width:calc(100% - 2rem)!important;justify-content:center}

  .kv{grid-template-columns:1fr!important;gap:.15rem 0}
  .kv dd{margin-bottom:.55rem}
  .steps{flex-direction:column;gap:0}
  .steps .st{text-align:left;padding:0 0 1rem 2rem;min-width:0}
  .steps .st::before{left:0;top:0;transform:none}
  .steps .st::after{left:9px;top:20px;width:2px;height:calc(100% - 20px)}
  .chart-box{height:230px}.chart-box.sm{height:200px}
  .wallet-hero{padding:1.25rem}
  .wallet-hero .sub{flex-wrap:wrap;gap:1rem 1.6rem}
  .timeline li{padding-bottom:1rem}
  .toast-container{left:0;right:0;padding:.75rem!important}
  .toast-container .toast{width:100%}
}

/* ---- Phones (<576) ---- */
@media (max-width:575.98px){
  html{font-size:14.5px}
  .kpi{padding:1rem}
  .kpi .value{font-size:1.4rem}
  .btn-sm{padding:.45rem .8rem}
  .callout{padding:.8rem .9rem}
  .topbar{gap:.6rem}
  .modal-dialog{margin:.6rem}
  .modal-body{padding:1rem}
  .upload{padding:1.2rem}
}
@media (max-width:359.98px){.kpi .value{font-size:1.25rem}.wallet-hero .amt{font-size:1.65rem}}


/* ===========================================================
   Table -> cards. layout.js (fitTables) adds .stacked whenever a table is
   wider than the space it has, so this works at ANY screen width, with ANY
   number of columns, whether the sidebar is open or not.
   =========================================================== */
.stack-host{overflow:visible!important}
.table-x.stacked thead{display:none}
.table-x.stacked,.table-x.stacked tbody{display:block;width:100%}
.table-x.stacked tbody tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));column-gap:2rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line)}
.table-x.stacked tbody tr:last-child{border-bottom:0}
.table-x.stacked tbody td{display:block;position:relative;padding:.32rem 0 .32rem 40%!important;border:0!important;text-align:left!important;min-height:1.9rem;white-space:normal;overflow-wrap:anywhere;min-width:0}
.table-x.stacked tbody td::before{content:attr(data-label);position:absolute;left:0;top:.38rem;width:36%;color:var(--muted);font-weight:600;font-size:.76rem}
.table-x.stacked tbody td[data-label=""],.table-x.stacked tbody td.dt-empty,.table-x.stacked tbody td[colspan]{grid-column:1/-1;padding-left:0!important}
.table-x.stacked tbody td[data-label=""]::before,.table-x.stacked tbody td.dt-empty::before{display:none}
.table-x.stacked tbody td[data-label=""] .btn,.table-x.stacked tbody td[data-label=""] .dropdown{margin-top:.2rem}
.table-x.stacked tbody tr:hover{background:transparent}
@media (max-width:575.98px){.table-x.stacked tbody tr{padding:.8rem 1rem}}

/* ---- Cell padding tightens as the screen narrows ---- */
@media (min-width:1600px){:root{--cell-x:1.1rem}}
@media (max-width:1599.98px){.table-x tbody td{font-size:.85rem}.table-x thead th{font-size:.74rem}.table-x .btn-sm{padding:.28rem .55rem;font-size:.78rem}}


/* ---- Large screens: keep line lengths calm ---- */
@media (min-width:1700px){.content{max-width:1600px}}
/* safety net: if DataTables has not wrapped a table yet (or fails to load), let it scroll sideways instead of breaking the page */
table.table-x[data-dt]:not(.dataTable){display:block;overflow-x:auto;max-width:100%}
@media (max-width:767.98px){table.table-x[data-dt]:not(.dataTable){overflow-x:visible}}

/* ===========================================================
   Safety net — things that break on odd screen sizes
   =========================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video,canvas,iframe{max-width:100%}
.row>*{min-width:0}                       /* long IDs / amounts can't push a column wider than the screen */
.panel,.page-head>div:first-child{min-width:0}
.kv dd,.cell-sub,.mono-id,.callout>div,.kpi .label{overflow-wrap:anywhere}
.kpi .value{font-size:clamp(1.2rem,.95rem + 1vw,1.65rem);overflow-wrap:anywhere}
.wallet-hero .amt{font-size:clamp(1.65rem,1.2rem + 2.2vw,2.35rem);overflow-wrap:anywhere}
.page-head h1{font-size:clamp(1.3rem,1.1rem + .9vw,1.6rem)}
.nav-scroll{overscroll-behavior:contain}
.offcanvas{width:min(var(--offc-w,440px),100vw)}
.dropdown-menu{max-width:calc(100vw - 1rem)}

/* phones & tablets: 16px inputs stop iOS from zooming the page when a field is focused */
@media (max-width:991.98px) and (pointer:coarse){
  .form-control,.form-select,.dt-container select,textarea{font-size:16px}
  .copy-btn{padding:.35rem .5rem}
  .nav-link-x{padding-top:.7rem;padding-bottom:.7rem}
}
/* short landscape phones: keep the drawer usable */
@media (max-height:480px){
  .sidebar .brand{padding:.7rem 1.2rem .5rem}
  .sidebar-foot{display:none}
}
/* very wide / zoomed-out screens */
@media (min-width:2200px){html{font-size:16px}}

/* Final viewport safeguards: keep flex/grid children from forcing page overflow. */
html,body{max-width:100%;overflow-x:clip}
.main,.content,.panel,.panel-head,.panel-pad,.filters,.dt-container,.chart-box{min-width:0}
.content{width:100%;}
/* Let the main dashboard use the full workspace on wide screens. */
body[data-page="index"] .content{max-width:none;}
.panel-head{flex-wrap:wrap}
.panel-head>*{min-width:0;max-width:100%}
.panel-head h2,.panel-head h3{overflow-wrap:anywhere}
.chart-box canvas{max-width:100%}
.panel-footer{margin-left:var(--sidebar-w);padding:.75rem 1.75rem 1rem;color:var(--muted);font-size:.78rem;text-align:center}
.topbar>*{min-width:0}
.topbar>.ms-auto{flex:0 1 auto}
.merchant-chip{max-width:min(42vw,260px);overflow-wrap:anywhere}
.filters>*{max-width:100%}
.row>*{min-width:0}
@media (max-width:767.98px){
  .panel-head{gap:.65rem}
  .panel-head>:not(h2):not(h3){flex:1 1 auto}
  .panel-head .form-select{width:100%!important}
  .panel-pad>.d-flex.justify-content-between{flex-wrap:wrap}
  .topbar{padding-inline:.75rem}
  .content{padding-inline:.75rem}
  .panel-footer{padding-inline:.75rem}
}
@media (max-width:1199.98px){.panel-footer{margin-left:0}}
@media (max-width:399.98px){
  .topbar{gap:.45rem}
  .topbar>.ms-auto{gap:.4rem!important}
  .icon-btn{width:36px;height:36px}
  .content{padding-inline:.6rem}
  .panel-pad{padding:.85rem}
  .table-x.stacked tbody td{padding:1.15rem 0 0!important}
  .table-x.stacked tbody td::before{top:.1rem;width:100%;}
  .table-x.stacked tbody tr{padding:.7rem .75rem}
  .login-form{padding:1.1rem!important}
  .otp{gap:.35rem}
  .otp input{min-width:0;padding-inline:0}
}

/* Keep page content inside the viewport across every panel screen. */
.app,.main,.content,#page-content{min-width:0;max-width:100%}
.content .row{min-width:0;max-width:none}
.content .d-flex,.content .panel,.content .panel-pad,.content .filters,
.content .dt-container,.content .dt-layout-row,.content .dt-layout-cell{min-width:0;max-width:100%}
.content .d-flex>* ,.content .row>* ,.content .panel-head>*{min-width:0}
.content img,.content svg,.content canvas,.content video,.content iframe{max-width:100%;height:auto}
.content :where(p,h1,h2,h3,h4,h5,h6,dd,dt,span,b,small,label){overflow-wrap:anywhere}
.content .table-responsive,.content .dt-layout-table,.content .dt-layout-table .dt-layout-cell{max-width:100%}
.content .dt-layout-table .dt-layout-cell{overflow-x:auto;overscroll-behavior-x:contain}
@media (max-width:767.98px){
  .content .panel-pad>.d-flex{flex-wrap:wrap}
  .content .table-x:not(.stacked){min-width:0}
  .content .filters{width:100%}
}

/* Manager dialogs: refined surfaces, clear hierarchy and touch friendly controls. */
body[data-page="manager-list"] .manager-modal-dialog{--manager-ink:#102b3a;--manager-muted:#718391;--manager-line:#e5edf1;--manager-teal:#19b5a5}
body[data-page="manager-list"] .manager-modal-dialog .modal-content{overflow:hidden;border:1px solid rgba(221,233,238,.9);border-radius:22px;background:#f7fafb;box-shadow:0 28px 90px rgba(10,35,48,.28)}
body[data-page="manager-list"] .manager-modal-dialog.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin, .5rem) - var(--bs-modal-margin, .5rem))}
body[data-page="manager-list"] .manager-modal-dialog.modal-dialog-scrollable .modal-content{max-height:calc(100vh - var(--bs-modal-margin, .5rem) - var(--bs-modal-margin, .5rem));max-height:calc(100dvh - var(--bs-modal-margin, .5rem) - var(--bs-modal-margin, .5rem));min-height:0}
body[data-page="manager-list"] .manager-modal-dialog.modal-dialog-scrollable .modal-header,body[data-page="manager-list"] .manager-modal-dialog.modal-dialog-scrollable .modal-footer{flex:0 0 auto}
body[data-page="manager-list"] .manager-modal-dialog.modal-dialog-scrollable .modal-body{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
body[data-page="manager-list"] .manager-modal-dialog .modal-header{position:relative;isolation:isolate;min-height:92px;padding:1.25rem 1.5rem;border:0;background:linear-gradient(118deg,#092e3d 0%,#104d5c 58%,#087f83 100%)!important;color:#fff}
body[data-page="manager-list"] .manager-modal-dialog .modal-header:after{position:absolute;z-index:-1;right:-52px;top:-112px;width:245px;height:245px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025);content:""}
body[data-page="manager-list"] .manager-modal-dialog .modal-header .bg-white{display:grid;place-items:center;width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:0 5px 16px rgba(0,0,0,.12);backdrop-filter:blur(8px)}
body[data-page="manager-list"] .manager-modal-dialog .modal-title{font-weight:750;letter-spacing:-.025em}
body[data-page="manager-list"] .manager-modal-dialog .modal-header small{display:block;margin-top:.22rem;color:rgba(238,250,250,.76)!important;font-size:.78rem;letter-spacing:.015em}
body[data-page="manager-list"] .manager-modal-dialog .btn-close{position:relative;z-index:1;padding:.75rem;border-radius:12px;opacity:.85}
body[data-page="manager-list"] .manager-modal-dialog .modal-body{padding:1.35rem;background:linear-gradient(180deg,#f4f8f9 0%,#fff 150px)}
body[data-page="manager-list"] .manager-modal-dialog .modal-footer{padding:1rem 1.35rem;border-top:1px solid var(--manager-line);background:#fff}
body[data-page="manager-list"] .manager-modal-dialog .card,body[data-page="manager-list"] .manager-modal-dialog .panel{overflow:hidden;border:1px solid var(--manager-line)!important;border-radius:16px!important;background:#fff;box-shadow:0 5px 18px rgba(20,52,65,.045)}
body[data-page="manager-list"] .manager-modal-dialog .card-header,body[data-page="manager-list"] .manager-modal-dialog .panel-head{padding:.95rem 1.1rem;border-bottom:1px solid #edf2f4;background:linear-gradient(100deg,#f5fafb,#fff)}
body[data-page="manager-list"] .manager-modal-dialog .card-header b,body[data-page="manager-list"] .manager-modal-dialog .panel-head h3{color:var(--manager-ink);font-size:.91rem;font-weight:750}
body[data-page="manager-list"] .manager-modal-dialog .card-header small,body[data-page="manager-list"] .manager-modal-dialog .panel-head small{margin-top:.18rem;color:var(--manager-muted);font-size:.76rem}
body[data-page="manager-list"] .manager-modal-dialog .card-body{padding:1.1rem}
body[data-page="manager-list"] .manager-modal-dialog .form-label{margin-bottom:.42rem;color:#334c5a;font-size:.81rem;font-weight:700}
body[data-page="manager-list"] .manager-modal-dialog .form-control,body[data-page="manager-list"] .manager-modal-dialog .input-group-text{min-height:44px;border-color:#dce7eb;background:#fff}
body[data-page="manager-list"] .manager-modal-dialog .input-group-text{color:#718b96}
body[data-page="manager-list"] .manager-modal-dialog .form-control{color:var(--manager-ink);font-size:.88rem}
body[data-page="manager-list"] .manager-modal-dialog .form-control::placeholder{color:#a2b0b7}
body[data-page="manager-list"] .manager-modal-dialog .form-control:focus{border-color:#38b9ab;box-shadow:0 0 0 .22rem rgba(25,181,165,.14)}
body[data-page="manager-list"] .manager-modal-dialog .form-text{color:var(--manager-muted);font-size:.76rem}
body[data-page="manager-list"] .manager-modal-dialog .btn{min-height:40px;border-radius:10px;font-weight:650}
body[data-page="manager-list"] .manager-modal-dialog .btn-primary{border-color:#087f83;background:linear-gradient(110deg,#087f83,#13a897);box-shadow:0 5px 13px rgba(8,127,131,.18)}
body[data-page="manager-list"] .manager-modal-dialog .btn-primary:hover{border-color:#076e74;background:linear-gradient(110deg,#076e74,#0e9588);transform:translateY(-1px)}
body[data-page="manager-list"] #managerProfile .modal-body{padding:0;background:#f6f9fa}
body[data-page="manager-list"] #managerProfile .nav-tabs{gap:.35rem;padding-inline:1.25rem!important;border-bottom:1px solid var(--manager-line);background:#fff}
body[data-page="manager-list"] #managerProfile .nav-tabs .nav-link{padding:.8rem .95rem;border:0;border-bottom:2px solid transparent;border-radius:0;color:#6f838d;font-size:.84rem;font-weight:700}
body[data-page="manager-list"] #managerProfile .nav-tabs .nav-link.active{border-bottom-color:var(--manager-teal);background:transparent;color:#087f83}
body[data-page="manager-list"] #managerProfile .tab-content{padding:1.2rem!important}
body[data-page="manager-list"] #managerProfile .kv{display:grid;grid-template-columns:minmax(145px,.75fr) minmax(0,1.25fr);gap:0;margin:0}
body[data-page="manager-list"] #managerProfile .kv dt,body[data-page="manager-list"] #managerProfile .kv dd{margin:0;padding:.85rem .2rem;border-bottom:1px solid #edf2f4;font-size:.84rem}
body[data-page="manager-list"] #managerProfile .kv dt{color:var(--manager-muted);font-weight:600}
body[data-page="manager-list"] #managerProfile .kv dd{color:var(--manager-ink);font-weight:700}
body[data-page="manager-list"] #managerBalance .modal-body{display:block}
body[data-page="manager-list"] #managerBalance .modal-body>*+*{margin-top:1rem!important}
body[data-page="manager-list"] #managerBalance .modal-body>.panel:first-child{padding:1rem 1.15rem;background:linear-gradient(115deg,#eaf7f6,#f5fbfb);border-color:#d3eae7!important}
body[data-page="manager-list"] #managerBalance .modal-body>.panel:first-child .avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#0b8588,#26b6a4);color:white;font-size:1.2rem;box-shadow:0 6px 14px rgba(8,127,131,.2)}
body[data-page="manager-list"] #managerBalance .modal-body>.panel:first-child b{display:block;color:var(--manager-ink);font-size:.92rem}
body[data-page="manager-list"] #managerBalance .modal-body>.panel:first-child .cell-sub{margin-top:.2rem;color:var(--manager-muted);font-size:.78rem}
body[data-page="manager-list"] #managerBalance .kpi{padding:1rem;background:linear-gradient(145deg,#fff,#f8fbfc)}
body[data-page="manager-list"] #managerBalance .kpi .label{color:var(--manager-muted);font-size:.76rem;font-weight:650}
body[data-page="manager-list"] #managerBalance .kpi .value{margin-top:.45rem;color:var(--manager-ink);font-size:1.28rem;font-weight:800;letter-spacing:-.035em}
body[data-page="manager-list"] #managerBalance .table-responsive{padding:0 .65rem .35rem}
body[data-page="manager-list"] #managerBalance .table{margin-bottom:0;font-size:.81rem}
body[data-page="manager-list"] #managerBalance .table thead th{padding:.75rem .65rem;border-bottom-color:#dfe9ec;background:#f7fafb;color:#59707b;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}
body[data-page="manager-list"] #managerBalance .table tbody td{padding:.78rem .65rem;border-bottom-color:#edf2f4;color:#304956;vertical-align:middle}
body[data-page="manager-list"] #managerBalance .table tbody tr:nth-child(even)>*{background:#f8fbfc}
body[data-page="manager-list"] #managerBalance .table tbody tr:hover>*{background:#edf8f7}
body[data-page="manager-list"] #managerBalance .panel-head .badge{padding:.4rem .65rem;border:1px solid #dce9eb;color:#54717b;font-size:.68rem;font-weight:700}
body[data-page="manager-list"] #managerBalance .table-responsive{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel{border-color:#dce8eb!important;box-shadow:0 9px 24px rgba(16,49,61,.07)}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel>.panel-head{position:relative;min-height:68px;padding:1rem 1.15rem;border-bottom:1px solid #e3edef;background:linear-gradient(110deg,#f0f8f8 0%,#fff 72%)}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel>.panel-head:before{width:4px;align-self:stretch;margin:-.2rem .15rem -.2rem -.2rem;border-radius:8px;background:linear-gradient(180deg,#0b777c,#20b7a5);content:""}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel>.panel-head h3{margin:0;color:#123746;font-size:.94rem;font-weight:800;letter-spacing:-.02em}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel>.panel-head small{display:block;margin-top:.22rem;color:#788d96;font-size:.74rem}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel:first-of-type .panel-head:before{display:none}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel .panel-pad{padding:1rem 1.15rem 1.15rem}
body[data-page="manager-list"] #managerBalance .kpi{position:relative;isolation:isolate;min-height:116px;padding:1.05rem 1.1rem;border:1px solid #dce9eb!important;border-top:3px solid #0a8588!important;border-radius:15px!important;background:linear-gradient(135deg,#fff 38%,#eff9f8)!important;box-shadow:0 7px 17px rgba(14,67,76,.07);transition:transform .18s ease,box-shadow .18s ease}
body[data-page="manager-list"] #managerBalance .kpi:after{position:absolute;z-index:-1;right:-18px;top:-26px;width:88px;height:88px;border:1px solid rgba(11,133,136,.09);border-radius:50%;box-shadow:0 0 0 13px rgba(11,133,136,.025);content:""}
body[data-page="manager-list"] #managerBalance .row>div:nth-child(2) .kpi{border-top-color:#148d94!important;background:linear-gradient(135deg,#fff 38%,#f0f7fa)!important}
body[data-page="manager-list"] #managerBalance .row>div:nth-child(3) .kpi{border-top-color:#19a98f!important;background:linear-gradient(135deg,#fff 38%,#eff9f4)!important}
body[data-page="manager-list"] #managerBalance .kpi .label{position:relative;z-index:1;color:#687f89;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.065em}
body[data-page="manager-list"] #managerBalance .kpi .value{position:relative;z-index:1;margin-top:.65rem;color:#102f3d;font-size:clamp(1.2rem,1rem + .5vw,1.55rem);font-weight:850;letter-spacing:-.045em}
body[data-page="manager-list"] #managerBalance .table-responsive{padding:0 .7rem .55rem}
body[data-page="manager-list"] #managerBalance .table{border-collapse:separate;border-spacing:0;font-size:.8rem}
body[data-page="manager-list"] #managerBalance .table thead th{position:sticky;top:0;z-index:2;padding:.72rem .7rem;border:0;background:linear-gradient(105deg,#123d4b,#17626a);color:#eaf7f7;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
body[data-page="manager-list"] #managerBalance .table thead th:first-child{border-radius:9px 0 0 9px}
body[data-page="manager-list"] #managerBalance .table thead th:last-child{border-radius:0 9px 9px 0}
body[data-page="manager-list"] #managerBalance .table tbody td{padding:.8rem .7rem;border-bottom:1px solid #edf2f3;background:#fff;color:#405963;vertical-align:middle;white-space:nowrap}
body[data-page="manager-list"] #managerBalance .table tbody tr:nth-child(even)>*{background:#f7fafb}
body[data-page="manager-list"] #managerBalance .table tbody tr:hover>*{background:#eaf7f5}
body[data-page="manager-list"] #managerBalance .table tbody td:first-child{width:44px;color:#148d87;font-size:.75rem;font-weight:800}
body[data-page="manager-list"] #managerBalance .table tbody td.amt{color:#087f76;font-weight:800}
body[data-page="manager-list"] #managerBalance .table .mono-id{display:inline-block;padding:.28rem .48rem;border:1px solid #dce9eb;border-radius:7px;background:#f0f6f7;color:#28535e;font-size:.72rem;font-weight:750}
body[data-page="manager-list"] #managerBalance .table tbody td:nth-child(6){color:#71848c;font-size:.74rem;font-weight:650}
body[data-page="manager-list"] #managerBalance .table .sb{padding:.3rem .58rem;font-size:.7rem}
body[data-page="manager-list"] #managerBalance .panel-head .badge{padding:.4rem .7rem;border:1px solid #cfe4e3;background:#eaf6f4!important;color:#177c79;font-size:.67rem;font-weight:800;letter-spacing:.02em}
@media(max-width:575.98px){
  body[data-page="manager-list"] .manager-modal-dialog{margin:.5rem}
  body[data-page="manager-list"] .manager-modal-dialog .modal-content{border-radius:18px}
  body[data-page="manager-list"] .manager-modal-dialog .modal-header{min-height:80px;padding:1rem}
  body[data-page="manager-list"] .manager-modal-dialog .modal-body{padding:1rem}
  body[data-page="manager-list"] .manager-modal-dialog .card-body{padding:.9rem}
  body[data-page="manager-list"] .manager-modal-dialog .modal-footer{padding:.8rem 1rem}
  body[data-page="manager-list"] #managerProfile .tab-content{padding:.85rem!important}
  body[data-page="manager-list"] #managerProfile .kv{grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr)}
  body[data-page="manager-list"] #managerProfile .kv dt,body[data-page="manager-list"] #managerProfile .kv dd{padding:.72rem .1rem;font-size:.78rem}
  body[data-page="manager-list"] #managerBalance .kpi .value{font-size:1.1rem}
}

/* Hard cap the content region itself: this remains scrollable even when a modal is nested in a flex shell. */
body[data-page="manager-list"] .manager-modal-dialog .modal-body{
  max-height:70vh;
  max-height:70dvh;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
body[data-page="manager-list"] #addManager .modal-body,
body[data-page="manager-list"] #managerBalance .modal-body{
  height:68vh;
  height:65dvh;
  max-height:calc(100vh - 170px);
  max-height:calc(100dvh - 170px);
  flex:0 1 auto!important;
  overflow-y:scroll!important;
}
@media(max-width:575.98px){body[data-page="manager-list"] .manager-modal-dialog .modal-body{max-height:68vh;max-height:68dvh}}

/* Match every Manager modal surface to the panel's midnight, blue and brass theme. */
body[data-page="manager-list"] .manager-modal-dialog{--manager-ink:var(--ink);--manager-muted:var(--muted);--manager-line:var(--line);--manager-teal:var(--primary)}
body[data-page="manager-list"] .manager-modal-dialog .modal-content{border-color:#d9dee8;background:#f4f5f7;box-shadow:0 26px 76px rgba(14,27,46,.28)}
body[data-page="manager-list"] .manager-modal-dialog .modal-header{background:linear-gradient(115deg,#0e1b2e 0%,#16273f 72%,#223552 100%)!important}
body[data-page="manager-list"] .manager-modal-dialog .modal-header:after{border-color:rgba(201,162,74,.25);box-shadow:0 0 0 28px rgba(201,162,74,.045),0 0 0 58px rgba(201,162,74,.025)}
body[data-page="manager-list"] .manager-modal-dialog .modal-header .bg-white{border-color:rgba(201,162,74,.52);background:rgba(201,162,74,.15)!important;color:#e7c879!important}
body[data-page="manager-list"] .manager-modal-dialog .modal-body{background:linear-gradient(180deg,#f1f3f7 0%,#fff 180px)}
body[data-page="manager-list"] .manager-modal-dialog .modal-footer{border-color:#e0e4eb;background:#fff}
body[data-page="manager-list"] .manager-modal-dialog .card,body[data-page="manager-list"] .manager-modal-dialog .panel{border-color:#e0e4eb!important;background:#fff;box-shadow:0 5px 17px rgba(14,27,46,.055)}
body[data-page="manager-list"] .manager-modal-dialog .card-header,body[data-page="manager-list"] .manager-modal-dialog .panel-head{border-color:#e8ebf0;background:linear-gradient(100deg,#f3f5f9,#fff)}
body[data-page="manager-list"] .manager-modal-dialog .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .22rem rgba(30,77,216,.14)}
body[data-page="manager-list"] .manager-modal-dialog .btn-primary{border-color:var(--primary);background:linear-gradient(110deg,#1e4dd8,#315fe0);box-shadow:0 5px 13px rgba(30,77,216,.2)}
body[data-page="manager-list"] .manager-modal-dialog .btn-primary:hover{border-color:#173eb3;background:linear-gradient(110deg,#173eb3,#254ec4)}
body[data-page="manager-list"] #managerProfile .modal-body{background:#f4f5f7}
body[data-page="manager-list"] #managerProfile .nav-tabs{border-color:#e0e4eb;background:#fff}
body[data-page="manager-list"] #managerProfile .nav-tabs .nav-link.active{border-bottom-color:var(--primary);color:var(--primary)}
body[data-page="manager-list"] #managerProfile .kv dt,body[data-page="manager-list"] #managerProfile .kv dd{border-color:#e8ebf0}
body[data-page="manager-list"] #managerBalance .modal-body>.panel:first-child{border-color:#e3e7ee!important;background:linear-gradient(115deg,#f1f3f8,#fff)}
body[data-page="manager-list"] #managerBalance .modal-body>.panel:first-child .avatar{background:linear-gradient(145deg,#0e1b2e,#315078);color:#e6c777;box-shadow:0 6px 14px rgba(14,27,46,.18)}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel{border-color:#e0e4eb!important;box-shadow:0 9px 24px rgba(14,27,46,.065)}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel>.panel-head{border-color:#e6e9ef;background:linear-gradient(110deg,#f1f3f8,#fff 72%)}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel>.panel-head:before{background:linear-gradient(180deg,#c9a24a,#e3c775)}
body[data-page="manager-list"] #managerBalance .modal-body>section.panel>.panel-head h3{color:var(--ink)}
body[data-page="manager-list"] #managerBalance .kpi{border-color:#e0e4eb!important;border-top-color:var(--primary)!important;background:linear-gradient(135deg,#fff 40%,#f1f4fb)!important;box-shadow:0 7px 17px rgba(14,27,46,.065)}
body[data-page="manager-list"] #managerBalance .kpi:after{border-color:rgba(30,77,216,.1);box-shadow:0 0 0 13px rgba(30,77,216,.025)}
body[data-page="manager-list"] #managerBalance .row>div:nth-child(2) .kpi{border-top-color:#526b97!important;background:linear-gradient(135deg,#fff 40%,#f3f5f9)!important}
body[data-page="manager-list"] #managerBalance .row>div:nth-child(3) .kpi{border-top-color:var(--brass)!important;background:linear-gradient(135deg,#fff 40%,#faf7ef)!important}
body[data-page="manager-list"] #managerBalance .kpi .label{color:#667085}
body[data-page="manager-list"] #managerBalance .kpi .value{color:var(--ink)}
body[data-page="manager-list"] #managerBalance .table thead th{background:linear-gradient(105deg,#0e1b2e,#223552);color:#f6f7fa}
body[data-page="manager-list"] #managerBalance .table tbody td{border-color:#e9ecf1;color:#344054}
body[data-page="manager-list"] #managerBalance .table tbody tr:nth-child(even)>*{background:#f7f8fa}
body[data-page="manager-list"] #managerBalance .table tbody tr:hover>*{background:#eef2fb}
body[data-page="manager-list"] #managerBalance .table tbody td:first-child{color:var(--primary)}
body[data-page="manager-list"] #managerBalance .table tbody td.amt{color:#1e4dd8}
body[data-page="manager-list"] #managerBalance .table .mono-id{border-color:#e0e5ef;background:#f3f5f9;color:#34466c}
body[data-page="manager-list"] #managerBalance .panel-head .badge{border-color:#e4d9b9;background:#f8f4e9!important;color:#806522}

/* Manager pages follow the shared sidebar palette: navy/slate surfaces with a gold accent. */
body[data-page="manager-list"]{--primary:#172c46;--primary-soft:#f6efdc;--bs-primary:#172c46;--bs-primary-rgb:23,44,70;--brass:#c9a24a;--brass-soft:#f6efdc}
body[data-page="manager-list"] .btn-primary{border-color:#172c46;background:linear-gradient(110deg,#0e1b2e,#172c46);box-shadow:0 5px 13px rgba(14,27,46,.18)}
body[data-page="manager-list"] .btn-primary:hover{border-color:#0e1b2e;background:linear-gradient(110deg,#0a1422,#172c46)}
body[data-page="manager-list"] .btn-soft{border-color:#eadfbe;background:#f6efdc;color:#806522}
body[data-page="manager-list"] .btn-soft:hover{border-color:#c9a24a;background:#f1e5c6;color:#6f551a}
body[data-page="manager-list"] .panel.kpi:not(.ok):not(.warn):not(.bad){border-top-color:#c9a24a}
body[data-page="manager-list"] .panel.kpi:not(.ok):not(.warn):not(.bad) .label .bi{color:#997729}
body[data-page="manager-list"] .manager-modal-dialog{--manager-ink:#0e1b2e;--manager-teal:#c9a24a}
body[data-page="manager-list"] .manager-modal-dialog .form-control:focus{border-color:#c9a24a;box-shadow:0 0 0 .22rem rgba(201,162,74,.16)}
body[data-page="manager-list"] .manager-modal-dialog .btn-primary{border-color:#172c46;background:linear-gradient(110deg,#0e1b2e,#172c46);box-shadow:0 5px 13px rgba(14,27,46,.18)}
body[data-page="manager-list"] .manager-modal-dialog .btn-primary:hover{border-color:#0e1b2e;background:linear-gradient(110deg,#0a1422,#172c46)}
body[data-page="manager-list"] #managerProfile .nav-tabs .nav-link.active{border-bottom-color:#c9a24a;color:#172c46}
body[data-page="manager-list"] #managerBalance .kpi{border-top-color:#c9a24a!important;background:linear-gradient(135deg,#fff 40%,#faf7ef)!important}
body[data-page="manager-list"] #managerBalance .kpi:after{border-color:rgba(201,162,74,.15);box-shadow:0 0 0 13px rgba(201,162,74,.035)}
body[data-page="manager-list"] #managerBalance .row>div:nth-child(2) .kpi{border-top-color:#172c46!important;background:linear-gradient(135deg,#fff 40%,#f1f3f7)!important}
body[data-page="manager-list"] #managerBalance .table tbody tr:hover>*{background:#f7f4eb}
body[data-page="manager-list"] #managerBalance .table tbody td:first-child,body[data-page="manager-list"] #managerBalance .table tbody td.amt{color:#172c46}

/* Slightly more compact Manager dialogs while preserving a scrollable body. */
body[data-page="manager-list"] .manager-modal-dialog.modal-lg{max-width:min(760px,calc(100vw - 1rem))}
body[data-page="manager-list"] .manager-modal-dialog.modal-xl{max-width:min(980px,calc(100vw - 1rem))}
body[data-page="manager-list"] .manager-modal-dialog.modal-dialog-scrollable .modal-content{max-height:min(82dvh,760px)}
body[data-page="manager-list"] .manager-modal-dialog .modal-body{max-height:56dvh}
body[data-page="manager-list"] #addManager .modal-body,body[data-page="manager-list"] #managerBalance .modal-body{height:56dvh;max-height:56dvh}
@media(max-width:575.98px){
  body[data-page="manager-list"] .manager-modal-dialog.modal-lg{max-width:calc(100vw - .75rem)}
  body[data-page="manager-list"] .manager-modal-dialog.modal-xl{max-width:calc(100vw - .75rem)}
  body[data-page="manager-list"] .manager-modal-dialog.modal-dialog-scrollable .modal-content{max-height:92dvh}
  body[data-page="manager-list"] .manager-modal-dialog .modal-body{max-height:70dvh}
  body[data-page="manager-list"] #addManager .modal-body,body[data-page="manager-list"] #managerBalance .modal-body{height:70dvh;max-height:70dvh}
}


body[data-page="collection-range"]{--range-navy:#0e1b2e;--range-slate:#172c46;--range-gold:#c9a24a;--range-gold-soft:#faf6e9;--range-gold-line:#eadfbe}
body[data-page="collection-range"] .range-editor,body[data-page="collection-range"] .range-list-panel{overflow:hidden;border:1px solid #e0e4eb;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(14,27,46,.055)}
body[data-page="collection-range"] .range-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.35rem;border-bottom:1px solid #e7eaf0;background:linear-gradient(105deg,#f1f4f8,#fff 72%)}
body[data-page="collection-range"] .range-panel-head h2{margin:0;color:#172438;font-size:.98rem;font-weight:800;letter-spacing:-.02em}
body[data-page="collection-range"] .range-panel-head small{display:block;margin-top:.2rem;color:#7b8495;font-size:.73rem}
body[data-page="collection-range"] .range-section-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #263d5c;border-radius:13px;background:var(--range-slate);color:#fff;font-size:1.05rem}
body[data-page="collection-range"] .range-preview,body[data-page="collection-range"] .range-record-count{display:inline-flex;align-items:center;gap:.2rem;padding:.4rem .7rem;border:1px solid var(--range-gold-line);border-radius:20px;background:var(--range-gold-soft);color:#806522;font-size:.68rem;font-weight:750;white-space:nowrap}
body[data-page="collection-range"] .range-form-grid{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(300px,1fr) minmax(300px,1fr);gap:1rem;padding:1.25rem 1.35rem}
body[data-page="collection-range"] .range-executive-field{grid-column:1/-1;max-width:520px}
body[data-page="collection-range"] .range-executive-field .form-label,body[data-page="collection-range"] .range-custom-input .form-label{color:#344054;font-size:.76rem;font-weight:750}
body[data-page="collection-range"] .range-executive-field .input-group-text{min-width:44px;justify-content:center;border-color:#dce1e9;background:#f4f6f9;color:#52627a}
body[data-page="collection-range"] .range-executive-field .form-select,body[data-page="collection-range"] .range-custom-input .form-control{min-height:42px;border-color:#dce1e9;color:#29384e;font-size:.8rem}
body[data-page="collection-range"] .range-executive-field .form-select:focus,body[data-page="collection-range"] .range-custom-input .form-control:focus{border-color:var(--range-gold);box-shadow:0 0 0 .2rem rgba(201,162,74,.15)}
body[data-page="collection-range"] .range-executive-field .form-text{color:#8a94a5;font-size:.68rem}
body[data-page="collection-range"] .range-limit-card{overflow:hidden;border:1px solid #e1e5ec;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(14,27,46,.035)}
body[data-page="collection-range"] .range-limit-card>header{display:flex;min-height:72px;align-items:center;gap:.7rem;padding:.8rem .95rem;border-bottom:1px solid #e9ecf1;background:linear-gradient(105deg,#f3f5f9,#fff)}
body[data-page="collection-range"] .range-card-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid #dfe4ec;border-radius:11px;background:#f1f4f8;color:var(--range-slate)}
body[data-page="collection-range"] .range-card-icon.gold{border-color:var(--range-gold-line);background:var(--range-gold-soft);color:#806522}
body[data-page="collection-range"] .range-limit-card h3,body[data-page="collection-range"] .range-status-card h3{margin:0;color:#26364d;font-size:.78rem;font-weight:800}
body[data-page="collection-range"] .range-limit-card header small,body[data-page="collection-range"] .range-status-card small{display:block;margin-top:.18rem;color:#8992a1;font-size:.66rem}
body[data-page="collection-range"] .range-options{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem .95rem .65rem}
body[data-page="collection-range"] .range-options label{position:relative;cursor:pointer}
body[data-page="collection-range"] .range-options input{position:absolute;width:1px;height:1px;opacity:0}
body[data-page="collection-range"] .range-options label span{display:inline-flex;min-width:70px;min-height:34px;align-items:center;justify-content:center;padding:.35rem .65rem;border:1px solid #dfe4ec;border-radius:8px;background:#f8f9fb;color:#344054;font-size:.72rem;font-weight:700;transition:all .16s ease}
body[data-page="collection-range"] .range-options input:checked+span{border-color:#c9a24a;background:#faf6e9;color:#70571d;box-shadow:0 0 0 2px rgba(201,162,74,.1)}
body[data-page="collection-range"] .range-options input:focus-visible+span{outline:3px solid rgba(201,162,74,.23)}
body[data-page="collection-range"] .range-options input:disabled+span{opacity:.45}
body[data-page="collection-range"] .range-custom-check{display:flex;align-items:center;gap:.5rem;padding:.35rem .95rem .9rem;color:#566276;font-size:.7rem;font-weight:650;cursor:pointer}
body[data-page="collection-range"] .range-custom-check input{width:15px;height:15px;margin:0;accent-color:var(--range-gold)}
body[data-page="collection-range"] .range-custom-input{padding:0 .95rem 1rem}
body[data-page="collection-range"] .range-custom-input[hidden]{display:none}
body[data-page="collection-range"] .range-status-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid #e1e5ec;border-radius:12px;background:#fafbfc}
body[data-page="collection-range"] .range-status-card>div{display:flex;align-items:center;gap:.7rem}
body[data-page="collection-range"] .range-switch{position:relative;display:inline-flex;cursor:pointer}
body[data-page="collection-range"] .range-switch input{position:absolute;width:1px;height:1px;opacity:0}
body[data-page="collection-range"] .range-switch-track{width:42px;height:23px;border:1px solid #c5ccd7;border-radius:20px;background:#e6e9ee;transition:.18s}
body[data-page="collection-range"] .range-switch-track:after{position:absolute;top:4px;left:4px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;content:"";transition:.18s}
body[data-page="collection-range"] .range-switch input:checked+.range-switch-track{border-color:var(--range-gold);background:var(--range-gold)}
body[data-page="collection-range"] .range-switch input:checked+.range-switch-track:after{transform:translateX(18px)}
body[data-page="collection-range"] .range-switch input:focus-visible+.range-switch-track{outline:3px solid rgba(201,162,74,.22)}
body[data-page="collection-range"] .range-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.35rem;border-top:1px solid #e8ebf0;background:#fafbfc}
body[data-page="collection-range"] .range-form-footer>span{color:#7b8495;font-size:.7rem}
body[data-page="collection-range"] .range-form-footer>span .bi{color:#997729}
body[data-page="collection-range"] .range-form-footer .btn{min-height:37px;border-radius:8px;font-size:.73rem;font-weight:700}
body[data-page="collection-range"] .range-form-footer .btn-primary{border-color:var(--range-slate);background:linear-gradient(110deg,var(--range-navy),var(--range-slate));box-shadow:0 4px 10px rgba(14,27,46,.15)}
body[data-page="collection-range"] .range-form-message{padding:0 1.35rem;color:#19734e;font-size:.72rem;font-weight:700}
body[data-page="collection-range"] .range-form-message.success{padding-bottom:.9rem}
body[data-page="collection-range"] .range-form-message.error{padding:0 1.35rem .9rem;color:#b42318}
body[data-page="collection-range"] .range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.35rem;border-bottom:1px solid #edf0f4;background:#fafbfc}
body[data-page="collection-range"] .range-search{position:relative;display:block;width:min(100%,390px)}
body[data-page="collection-range"] .range-search>.bi{position:absolute;top:50%;left:.8rem;z-index:1;color:#8390a3;transform:translateY(-50%)}
body[data-page="collection-range"] .range-search .form-control{min-height:38px;padding-left:2.2rem;border-color:#dfe4ec;border-radius:8px;font-size:.73rem}
body[data-page="collection-range"] .range-search .form-control:focus{border-color:var(--range-gold);box-shadow:0 0 0 .18rem rgba(201,162,74,.12)}
body[data-page="collection-range"] .range-table-note{color:#8a94a5;font-size:.68rem;font-weight:650}
body[data-page="collection-range"] .range-table-note .bi{color:#997729}
body[data-page="collection-range"] .range-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body[data-page="collection-range"] .range-table{min-width:850px;margin:0;border-collapse:separate;border-spacing:0;font-size:.73rem}
body[data-page="collection-range"] .range-table thead th{padding:.8rem .75rem;border:0;border-bottom:2px solid var(--range-gold);background:linear-gradient(105deg,var(--range-navy),var(--range-slate));color:#f6f7fa;font-size:.67rem;font-weight:800;white-space:nowrap}
body[data-page="collection-range"] .range-table tbody td{padding:.8rem .75rem;border-bottom:1px solid #e9ecf1;background:#fff;color:#475467;vertical-align:middle;white-space:nowrap}
body[data-page="collection-range"] .range-table tbody tr:nth-child(even)>td{background:#f8f9fb}
body[data-page="collection-range"] .range-table tbody tr:hover>td{background:#f7f4eb}
body[data-page="collection-range"] .range-table tbody td:first-child{width:75px;color:#6d7890;font-weight:700}
body[data-page="collection-range"] .range-table tbody td:nth-child(2){min-width:220px}
body[data-page="collection-range"] .range-table tbody td:nth-child(2)>b{display:block;color:#26364d;font-size:.75rem;font-weight:800}
body[data-page="collection-range"] .range-cell-sub{display:block;margin-top:.14rem;color:#929aaa;font-size:.63rem}
body[data-page="collection-range"] .range-id{display:inline-flex;padding:.3rem .5rem;border:1px solid #e0e5ef;border-radius:6px;background:#f3f5f9;color:#34466c;font-size:.67rem;font-weight:700;letter-spacing:.025em}
body[data-page="collection-range"] .range-status{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border:1px solid transparent;border-radius:20px;font-size:.65rem;font-weight:750}
body[data-page="collection-range"] .range-status:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}
body[data-page="collection-range"] .range-status.active{border-color:#d5eade;background:#edf7f0;color:#19734e}
body[data-page="collection-range"] .range-status.inactive{border-color:#e5e7ec;background:#f4f5f7;color:#7b8494}
body[data-page="collection-range"] .range-empty{padding:2rem!important;color:#8792a4!important;text-align:center}
body[data-page="collection-range"] .range-list-footer{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.35rem;border-top:1px solid #edf0f4;color:#818b9a;font-size:.67rem}
body[data-page="collection-range"] .range-list-footer b{color:#344054}
body[data-page="collection-range"] .range-list-footer .bi{color:#997729}
@media(max-width:991.98px){body[data-page="collection-range"] .range-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="collection-range"] .range-executive-field{grid-column:1/-1}body[data-page="collection-range"] .range-status-card{grid-column:1/-1}}
@media(max-width:767.98px){body[data-page="collection-range"] .range-panel-head{padding:1rem}body[data-page="collection-range"] .range-form-grid{grid-template-columns:1fr;padding:1rem}body[data-page="collection-range"] .range-executive-field,body[data-page="collection-range"] .range-status-card{grid-column:auto}body[data-page="collection-range"] .range-form-footer{align-items:flex-start;flex-direction:column;padding:1rem}body[data-page="collection-range"] .range-form-footer>div{width:100%}body[data-page="collection-range"] .range-form-footer .btn{flex:1}body[data-page="collection-range"] .range-toolbar{align-items:stretch;flex-direction:column;padding:.8rem 1rem}body[data-page="collection-range"] .range-search{width:100%}body[data-page="collection-range"] .range-table{min-width:820px}body[data-page="collection-range"] .range-list-footer{padding:.75rem 1rem}}
@media(max-width:479.98px){body[data-page="collection-range"] .range-preview,body[data-page="collection-range"] .range-record-count{font-size:0}body[data-page="collection-range"] .range-preview .bi,body[data-page="collection-range"] .range-record-count .bi{font-size:.85rem}body[data-page="collection-range"] .range-list-footer{flex-direction:column}}


/* Manager Authority page: premium access-control workspace using the shared navy/blue/brass palette. */
body[data-page="executive-authority"] .authority-stat{display:flex;min-height:112px;align-items:center;gap:1rem;padding:1.05rem 1.15rem;border:1px solid #e1e5ec;border-radius:15px;background:linear-gradient(130deg,#fff,#f9fafc);box-shadow:0 5px 16px rgba(14,27,46,.045);transition:transform .18s ease,box-shadow .18s ease}
body[data-page="executive-authority"] .authority-stat:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(14,27,46,.09)}
body[data-page="executive-authority"] .authority-stat-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border:1px solid #dfe4ee;border-radius:14px;background:#f0f3f8;color:#243858;font-size:1.2rem}
body[data-page="executive-authority"] .authority-stat-icon.blue{border-color:#d9e2fa;background:#edf2ff;color:#1e4dd8}
body[data-page="executive-authority"] .authority-stat-icon.brass{border-color:#eadfbe;background:#f8f4e8;color:#997729}
body[data-page="executive-authority"] .authority-stat-icon.muted{border-color:#e4e7ed;background:#f4f5f7;color:#667085}
body[data-page="executive-authority"] .authority-stat small,body[data-page="executive-authority"] .authority-stat strong,body[data-page="executive-authority"] .authority-stat div>span{display:block}
body[data-page="executive-authority"] .authority-stat small{color:#667085;font-size:.75rem;font-weight:700}
body[data-page="executive-authority"] .authority-stat strong{margin:.1rem 0;color:#101828;font-size:1.55rem;font-weight:850;letter-spacing:-.04em;line-height:1.2}
body[data-page="executive-authority"] .authority-stat div>span{color:#98a2b3;font-size:.68rem}
body[data-page="executive-authority"] .authority-editor,body[data-page="executive-authority"] .authority-table-panel{overflow:hidden;border:1px solid #e0e4eb;border-radius:17px;background:#fff;box-shadow:0 8px 25px rgba(14,27,46,.055)}
body[data-page="executive-authority"] .authority-panel-head{padding:1.15rem 1.35rem;border-bottom:1px solid #e9ecf1;background:linear-gradient(100deg,#f3f5f9,#fff)}
body[data-page="executive-authority"] .authority-section-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #dce3f2;border-radius:13px;background:#edf1f9;color:#223858;font-size:1.05rem}
body[data-page="executive-authority"] .authority-panel-head h2,body[data-page="executive-authority"] .authority-table-panel>.panel-head h2{margin:0;color:#101828;font-size:.98rem;font-weight:800;letter-spacing:-.025em}
body[data-page="executive-authority"] .authority-panel-head small,body[data-page="executive-authority"] .authority-table-panel>.panel-head small{display:block;margin-top:.2rem;color:#7b8495;font-size:.75rem}
body[data-page="executive-authority"] .authority-draft,body[data-page="executive-authority"] .authority-record-count{display:inline-flex;align-items:center;padding:.4rem .68rem;border:1px solid #eadfbe;border-radius:20px;background:#faf7ed;color:#806522;font-size:.68rem;font-weight:750;white-space:nowrap}
body[data-page="executive-authority"] .authority-manager-select{max-width:510px;padding:1.25rem 1.35rem .2rem}
body[data-page="executive-authority"] .authority-manager-select .form-label{margin-bottom:.4rem;color:#344054;font-size:.78rem;font-weight:750}
body[data-page="executive-authority"] .authority-manager-select .input-group-text{min-width:43px;justify-content:center;border-color:#dce1e9;background:#f7f8fa;color:#59677b}
body[data-page="executive-authority"] .authority-manager-select .form-select{min-height:44px;border-color:#dce1e9;color:#26364d;font-size:.84rem;font-weight:650}
body[data-page="executive-authority"] .authority-manager-select .form-select:focus{border-color:#1e4dd8;box-shadow:0 0 0 .2rem rgba(30,77,216,.12)}
body[data-page="executive-authority"] .authority-manager-select .form-text{color:#8a94a5;font-size:.7rem}
body[data-page="executive-authority"] .authority-groups{padding:1rem 1.35rem 1.25rem}
body[data-page="executive-authority"] .authority-group{overflow:hidden;border:1px solid #e2e6ed;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(14,27,46,.035)}
body[data-page="executive-authority"] .authority-group>header{display:flex;min-height:76px;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #e9ecf1;background:linear-gradient(105deg,#f4f6fa,#fff)}
body[data-page="executive-authority"] .authority-group-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #e1e5ed;border-radius:11px;background:#edf1f7;color:#293d60}
body[data-page="executive-authority"] .authority-group-icon.blue{border-color:#dbe4fa;background:#eef2ff;color:#1e4dd8}
body[data-page="executive-authority"] .authority-group-icon.brass{border-color:#ebdfbd;background:#f8f4e8;color:#98752b}
body[data-page="executive-authority"] .authority-group h3{margin:0;color:#1d2939;font-size:.84rem;font-weight:800}
body[data-page="executive-authority"] .authority-group header small{display:block;margin-top:.16rem;color:#8992a1;font-size:.68rem}
body[data-page="executive-authority"] .authority-toggle{display:flex;min-height:67px;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid #eef0f4;cursor:pointer}
body[data-page="executive-authority"] .authority-toggle:last-child{border-bottom:0}
body[data-page="executive-authority"] .authority-toggle:hover{background:#fafbfc}
body[data-page="executive-authority"] .authority-toggle b,body[data-page="executive-authority"] .authority-toggle small{display:block}
body[data-page="executive-authority"] .authority-toggle b{color:#344054;font-size:.75rem;font-weight:750}
body[data-page="executive-authority"] .authority-toggle small{margin-top:.16rem;color:#8a94a5;font-size:.66rem;line-height:1.35}
body[data-page="executive-authority"] .authority-toggle .form-check{min-height:0;margin:0;padding:0}
body[data-page="executive-authority"] .authority-toggle .form-check-input{float:none;width:2.25rem;height:1.2rem;margin:0;border-color:#c5ccd7;background-color:#e6e9ee;cursor:pointer}
body[data-page="executive-authority"] .authority-toggle .form-check-input:checked{border-color:#1e4dd8;background-color:#1e4dd8}
body[data-page="executive-authority"] .authority-toggle .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(30,77,216,.15)}
body[data-page="executive-authority"] .authority-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.35rem;border-top:1px solid #e9ecf1;background:#fafbfc}
body[data-page="executive-authority"] .authority-form-footer>span{color:#7d8797;font-size:.72rem}
body[data-page="executive-authority"] .authority-form-footer>span .bi{color:#997729}
body[data-page="executive-authority"] .authority-form-footer .btn{min-height:38px;border-radius:9px;font-size:.76rem;font-weight:700}
body[data-page="executive-authority"] .authority-form-footer .btn-primary{border-color:#1e4dd8;background:linear-gradient(110deg,#1e4dd8,#315fe0);box-shadow:0 4px 10px rgba(30,77,216,.16)}
body[data-page="executive-authority"] .authority-table-panel>.panel-head{padding:1.1rem 1.35rem;border-bottom:1px solid #e9ecf1;background:linear-gradient(100deg,#f3f5f9,#fff)}
body[data-page="executive-authority"] .authority-legend{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;padding:.8rem 1.35rem;border-bottom:1px solid #eef0f4;background:#fff}
body[data-page="executive-authority"] .authority-legend>span{display:inline-flex;align-items:center;gap:.4rem;color:#7b8495;font-size:.68rem;font-weight:650}
body[data-page="executive-authority"] .legend-dot{width:8px;height:8px;margin:0;border-radius:50%}
body[data-page="executive-authority"] .legend-dot.allowed{background:#087f5b}
body[data-page="executive-authority"] .legend-dot.restricted{background:#98a2b3}
body[data-page="executive-authority"] .legend-dot.review{background:#c9a24a}
body[data-page="executive-authority"] .authority-filters{padding:.8rem 1.35rem;border-bottom:1px solid #edf0f4;background:#fafbfc}
body[data-page="executive-authority"] .authority-filters .grow{max-width:390px}
body[data-page="executive-authority"] .authority-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body[data-page="executive-authority"] .authority-table{min-width:1800px;margin:0;border-collapse:separate;border-spacing:0;font-size:.72rem}
body[data-page="executive-authority"] .authority-table thead th{position:sticky;top:0;z-index:2;padding:.78rem .65rem;border:0;background:linear-gradient(105deg,#0e1b2e,#223552);color:#f7f8fb;font-size:.65rem;font-weight:800;letter-spacing:.025em;line-height:1.35;white-space:normal;vertical-align:middle}
body[data-page="executive-authority"] .authority-table thead th:first-child{left:0;z-index:4;min-width:160px}
body[data-page="executive-authority"] .authority-table tbody td{padding:.78rem .65rem;border-bottom:1px solid #edf0f4;background:#fff;color:#475467;vertical-align:middle;white-space:nowrap}
body[data-page="executive-authority"] .authority-table tbody tr:nth-child(even)>td{background:#f8f9fb}
body[data-page="executive-authority"] .authority-table tbody tr:hover>td{background:#eef2fb}
body[data-page="executive-authority"] .authority-table tbody td:first-child{position:sticky;left:0;z-index:1;min-width:160px;background:inherit;box-shadow:5px 0 10px rgba(14,27,46,.035)}
body[data-page="executive-authority"] .authority-table tbody td:first-child b{display:block;color:#26364d;font-size:.75rem;font-weight:800}
body[data-page="executive-authority"] .authority-table .cell-sub{margin-top:.15rem;color:#929aaa;font-size:.63rem}
body[data-page="executive-authority"] .authority-state,body[data-page="executive-authority"] .authority-total{display:inline-flex;align-items:center;gap:.32rem;padding:.28rem .5rem;border:1px solid transparent;border-radius:20px;font-size:.63rem;font-weight:750}
body[data-page="executive-authority"] .authority-state:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}
body[data-page="executive-authority"] .authority-state.enabled{border-color:#d5eade;background:#edf7f0;color:#19734e}
body[data-page="executive-authority"] .authority-state.restricted{border-color:#e5e7ec;background:#f4f5f7;color:#7b8494}
body[data-page="executive-authority"] .authority-state.review{border-color:#eadfbe;background:#faf6e9;color:#8a6a20}
body[data-page="executive-authority"] .authority-total{padding:.33rem .55rem;border-color:#dce3f2;background:#edf1f9;color:#293d60}
body[data-page="executive-authority"] .authority-total.elevated{border-color:#eadfbe;background:#f8f4e8;color:#806522}
@media(max-width:767.98px){
  body[data-page="executive-authority"] .authority-manager-select{padding:1rem 1rem 0}
  body[data-page="executive-authority"] .authority-groups{padding:.8rem 1rem 1rem}
  body[data-page="executive-authority"] .authority-panel-head,body[data-page="executive-authority"] .authority-table-panel>.panel-head{padding:1rem}
  body[data-page="executive-authority"] .authority-form-footer{align-items:flex-start;flex-direction:column;padding:1rem}
  body[data-page="executive-authority"] .authority-filters{padding:.75rem 1rem}
  body[data-page="executive-authority"] .authority-legend{padding:.7rem 1rem}
}
@media(max-width:479.98px){
  body[data-page="executive-authority"] .authority-draft,body[data-page="executive-authority"] .authority-record-count{font-size:0}
  body[data-page="executive-authority"] .authority-draft .bi,body[data-page="executive-authority"] .authority-record-count .bi{font-size:.85rem}
  body[data-page="executive-authority"] .authority-form-footer>div{width:100%}
  body[data-page="executive-authority"] .authority-form-footer .btn{flex:1}
}
/* Keep permission ownership obvious: grouped, labeled column bands map directly to each manager row. */
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th{position:sticky;top:0;z-index:3;padding:.65rem .7rem;border-right:1px solid rgba(255,255,255,.1);border-bottom:2px solid #c9a24a;background:linear-gradient(105deg,#0e1b2e,#223552);color:#f1d88f;text-align:center;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:first-child{left:0;z-index:6;min-width:160px;color:#fff;text-align:left}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(2){background:linear-gradient(105deg,#182b49,#263d61)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(3){background:linear-gradient(105deg,#223858,#30486d)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(4){background:linear-gradient(105deg,#0e1b2e,#1b2c49)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:last-child{color:#e7c879}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th{top:36px;z-index:2;padding:.65rem .6rem;border-bottom:1px solid #dfe4ed;background:#edf1f7;color:#3c4d68;font-size:.63rem;font-weight:800;text-align:center;letter-spacing:0}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:nth-child(4),body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:nth-child(6){border-left:2px solid #c9a24a}
body[data-page="executive-authority"] .authority-table tbody td:nth-child(4),body[data-page="executive-authority"] .authority-table tbody td:nth-child(6),body[data-page="executive-authority"] .authority-table tbody td:nth-child(17){border-right:2px solid #e4d9b9}
body[data-page="executive-authority"] .authority-table-hint{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1.35rem;border-bottom:1px solid #edf0f4;background:#fbfcfe;color:#7b8495;font-size:.7rem;line-height:1.5}
body[data-page="executive-authority"] .authority-table-hint>.bi{flex:0 0 auto;margin-top:.08rem;color:#997729}
body[data-page="executive-authority"] .authority-table-hint b{color:#344054}
@media(max-width:767.98px){body[data-page="executive-authority"] .authority-table-hint{padding:.7rem 1rem}}

/* Align Authority accents with the existing navy/cyan Manager sidebar theme. */
body[data-page="executive-authority"]{--authority-cyan:#27c3d0;--authority-teal:#16b6c5;--authority-deep:#17616b;--authority-soft:#e8f8f9;--authority-line:#cdebed}
body[data-page="executive-authority"] .authority-stat-icon.blue,body[data-page="executive-authority"] .authority-group-icon.blue{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="executive-authority"] .authority-stat-icon.brass,body[data-page="executive-authority"] .authority-group-icon.brass{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="executive-authority"] .authority-draft,body[data-page="executive-authority"] .authority-record-count{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="executive-authority"] .authority-manager-select .form-select:focus{border-color:var(--authority-teal);box-shadow:0 0 0 .2rem rgba(22,182,197,.14)}
body[data-page="executive-authority"] .authority-toggle .form-check-input:checked{border-color:var(--authority-teal);background-color:var(--authority-teal)}
body[data-page="executive-authority"] .authority-toggle .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(22,182,197,.16)}
body[data-page="executive-authority"] .authority-form-footer>span .bi{color:var(--authority-deep)}
body[data-page="executive-authority"] .authority-form-footer .btn-primary{border-color:var(--authority-deep);background:linear-gradient(110deg,var(--authority-deep),var(--authority-teal));box-shadow:0 4px 10px rgba(22,182,197,.18)}
body[data-page="executive-authority"] .legend-dot.review{background:var(--authority-cyan)}
body[data-page="executive-authority"] .authority-state.review{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="executive-authority"] .authority-total.elevated{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th{border-bottom-color:var(--authority-cyan);color:#76e0e6}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(2){background:linear-gradient(105deg,#123a48,#17616b)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(3){background:linear-gradient(105deg,#16434f,#1b7078)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(4){background:linear-gradient(105deg,#0e1b2e,#17616b)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:last-child{color:#76e0e6}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:nth-child(4),body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:nth-child(6){border-left-color:var(--authority-cyan)}
body[data-page="executive-authority"] .authority-table tbody td:nth-child(4),body[data-page="executive-authority"] .authority-table tbody td:nth-child(6),body[data-page="executive-authority"] .authority-table tbody td:nth-child(17){border-right-color:var(--authority-line)}
body[data-page="executive-authority"] .authority-table-hint>.bi{color:var(--authority-deep)}
/* Use the exact accent values already used by the shared sidebar theme. */
body[data-page="executive-authority"] .authority-section-icon,
body[data-page="executive-authority"] .authority-stat-icon.navy{border-color:#17616b;background:#17616b;color:#e9ffff}
body[data-page="executive-authority"] .authority-group-icon{border-color:#d3eaec;background:#e9f7f8;color:#17616b}
body[data-page="executive-authority"] .authority-stat-icon.blue,body[data-page="executive-authority"] .authority-group-icon.blue,
body[data-page="executive-authority"] .authority-stat-icon.brass,body[data-page="executive-authority"] .authority-group-icon.brass{border-color:#d3eaec;background:#e9f7f8;color:#17616b}
body[data-page="executive-authority"] .authority-draft,body[data-page="executive-authority"] .authority-record-count,
body[data-page="executive-authority"] .authority-total,body[data-page="executive-authority"] .authority-total.elevated{border-color:#d3eaec;background:#e9f7f8;color:#17616b}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th{border-bottom-color:#d3eaec;background:#e9f7f8;color:#174b55}
body[data-page="executive-authority"] .authority-table tbody tr:hover>td{background:#eaf8f8}
body[data-page="executive-authority"] .authority-table tbody td:nth-child(4),body[data-page="executive-authority"] .authority-table tbody td:nth-child(6),body[data-page="executive-authority"] .authority-table tbody td:nth-child(17){border-right-color:#cdebed}
body[data-page="executive-authority"] .legend-dot.review{background:#27c3d0}
body[data-page="executive-authority"] .authority-state.review{border-color:#cdebed;background:#e9f7f8;color:#17616b}

/* Match the Settlement sidebar item: deep navy, slate highlight, and gold accent. */
body[data-page="executive-authority"]{--authority-navy:#0e1b2e;--authority-slate:#172c46;--authority-gold:#c9a24a;--authority-gold-light:#e3c775;--authority-gold-soft:#faf6e9;--authority-gold-line:#eadfbe}
body[data-page="executive-authority"] .authority-section-icon,body[data-page="executive-authority"] .authority-stat-icon.navy{border-color:var(--authority-slate);background:var(--authority-slate);color:#fff}
body[data-page="executive-authority"] .authority-stat-icon.blue,body[data-page="executive-authority"] .authority-stat-icon.brass,body[data-page="executive-authority"] .authority-group-icon.blue,body[data-page="executive-authority"] .authority-group-icon.brass{border-color:var(--authority-gold-line);background:var(--authority-gold-soft);color:#806522}
body[data-page="executive-authority"] .authority-group-icon{border-color:#dfe4ec;background:#f1f4f8;color:var(--authority-slate)}
body[data-page="executive-authority"] .authority-draft,body[data-page="executive-authority"] .authority-record-count,body[data-page="executive-authority"] .authority-total.elevated,body[data-page="executive-authority"] .authority-state.review{border-color:var(--authority-gold-line);background:var(--authority-gold-soft);color:#806522}
body[data-page="executive-authority"] .authority-total:not(.elevated){border-color:#dfe4ec;background:#f1f4f8;color:var(--authority-slate)}
body[data-page="executive-authority"] .authority-manager-select .form-select:focus{border-color:var(--authority-gold);box-shadow:0 0 0 .2rem rgba(201,162,74,.16)}
body[data-page="executive-authority"] .authority-toggle .form-check-input:checked{border-color:var(--authority-gold);background-color:var(--authority-gold)}
body[data-page="executive-authority"] .authority-toggle .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(201,162,74,.16)}
body[data-page="executive-authority"] .authority-form-footer>span .bi,body[data-page="executive-authority"] .authority-table-hint>.bi{color:#997729}
body[data-page="executive-authority"] .authority-form-footer .btn-primary{border-color:var(--authority-slate);background:linear-gradient(110deg,var(--authority-navy),var(--authority-slate));box-shadow:0 4px 10px rgba(14,27,46,.18)}
body[data-page="executive-authority"] .legend-dot.review{background:var(--authority-gold)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th{border-bottom-color:var(--authority-gold);background:linear-gradient(105deg,var(--authority-navy),var(--authority-slate));color:#f1d88f}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(2){background:linear-gradient(105deg,#14243a,#1d3452)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(3){background:linear-gradient(105deg,#192b43,#263b59)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:nth-child(4){background:linear-gradient(105deg,var(--authority-navy),#1b2c49)}
body[data-page="executive-authority"] .authority-table thead tr.authority-group-head th:last-child{color:var(--authority-gold-light)}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th{border-bottom-color:#dfe4ec;background:#f1f4f8;color:#3c4d68}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:nth-child(4),body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:nth-child(6){border-left-color:var(--authority-gold)}
body[data-page="executive-authority"] .authority-table tbody td:nth-child(4),body[data-page="executive-authority"] .authority-table tbody td:nth-child(6),body[data-page="executive-authority"] .authority-table tbody td:nth-child(17){border-right-color:var(--authority-gold-line)}
body[data-page="executive-authority"] .authority-table tbody tr:hover>td{background:#f7f4eb}

/* Executive Authority uses a compact six-column permission matrix. */
body[data-page="executive-authority"] .authority-table{min-width:920px}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th{top:0;min-width:132px;text-align:center}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:first-child{left:0;z-index:6;min-width:72px;text-align:left}
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th:nth-child(2){left:72px;z-index:5;min-width:220px;text-align:left}
body[data-page="executive-authority"] .authority-table tbody td:first-child{position:sticky;left:0;z-index:1;min-width:72px;background:inherit;box-shadow:5px 0 10px rgba(14,27,46,.035)}
body[data-page="executive-authority"] .authority-table tbody td:nth-child(2){position:sticky;left:72px;z-index:1;min-width:220px;background:inherit;box-shadow:5px 0 10px rgba(14,27,46,.035)}
body[data-page="executive-authority"] .executive-permission-group{max-width:100%}
body[data-page="executive-authority"] .executive-permission-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page="executive-authority"] .executive-permission-options .authority-toggle:nth-child(odd){border-right:1px solid #eef0f4}
body[data-page="executive-authority"] .executive-permission-options .authority-toggle:nth-last-child(-n+2){border-bottom:0}
@media(max-width:767.98px){body[data-page="executive-authority"] .executive-permission-options{grid-template-columns:1fr}body[data-page="executive-authority"] .executive-permission-options .authority-toggle{border-right:0!important;border-bottom:1px solid #eef0f4!important}body[data-page="executive-authority"] .executive-permission-options .authority-toggle:last-child{border-bottom:0!important}body[data-page="executive-authority"] .authority-table tbody td:nth-child(2){left:72px}}

/* Keep the Executive Authority matrix consistent with the shared panel tables. */
body[data-page="executive-authority"] .authority-table{width:100%;min-width:0!important;margin:0;border-collapse:collapse;border-spacing:0;font-size:.9rem}
body[data-page="executive-authority"] .authority-table thead th,
body[data-page="executive-authority"] .authority-table thead tr.authority-column-head th{position:static;top:auto;left:auto;z-index:auto;min-width:0;padding:.75rem var(--cell-x);border:0;border-bottom:1px solid var(--line);background:#fafbfc!important;color:var(--muted)!important;font-size:.78rem;font-weight:700;letter-spacing:normal;line-height:1.35;text-align:left;text-transform:none;white-space:nowrap;vertical-align:middle}
body[data-page="executive-authority"] .authority-table tbody td,
body[data-page="executive-authority"] .authority-table tbody td:first-child,
body[data-page="executive-authority"] .authority-table tbody td:nth-child(2){position:static;left:auto;z-index:auto;min-width:0;padding:.85rem var(--cell-x);border:0;border-bottom:1px solid #eef0f3;background:transparent!important;box-shadow:none;color:inherit;font-size:.9rem;vertical-align:middle;white-space:nowrap}
body[data-page="executive-authority"] .authority-table tbody tr:hover>td{background:transparent!important}
body[data-page="executive-authority"] .authority-table tbody td:nth-child(2)>b{font-size:.9rem}
body[data-page="executive-authority"] .authority-table .cell-sub{font-size:.76rem}
body[data-page="executive-authority"] .authority-table tbody tr:nth-child(even)>td{background:transparent!important}


/* Manager Authority page: premium access-control workspace using the shared navy/blue/brass palette. */
body[data-page="manager-authority"] .authority-stat{display:flex;min-height:112px;align-items:center;gap:1rem;padding:1.05rem 1.15rem;border:1px solid #e1e5ec;border-radius:15px;background:linear-gradient(130deg,#fff,#f9fafc);box-shadow:0 5px 16px rgba(14,27,46,.045);transition:transform .18s ease,box-shadow .18s ease}
body[data-page="manager-authority"] .authority-stat:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(14,27,46,.09)}
body[data-page="manager-authority"] .authority-stat-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border:1px solid #dfe4ee;border-radius:14px;background:#f0f3f8;color:#243858;font-size:1.2rem}
body[data-page="manager-authority"] .authority-stat-icon.blue{border-color:#d9e2fa;background:#edf2ff;color:#1e4dd8}
body[data-page="manager-authority"] .authority-stat-icon.brass{border-color:#eadfbe;background:#f8f4e8;color:#997729}
body[data-page="manager-authority"] .authority-stat-icon.muted{border-color:#e4e7ed;background:#f4f5f7;color:#667085}
body[data-page="manager-authority"] .authority-stat small,body[data-page="manager-authority"] .authority-stat strong,body[data-page="manager-authority"] .authority-stat div>span{display:block}
body[data-page="manager-authority"] .authority-stat small{color:#667085;font-size:.75rem;font-weight:700}
body[data-page="manager-authority"] .authority-stat strong{margin:.1rem 0;color:#101828;font-size:1.55rem;font-weight:850;letter-spacing:-.04em;line-height:1.2}
body[data-page="manager-authority"] .authority-stat div>span{color:#98a2b3;font-size:.68rem}
body[data-page="manager-authority"] .authority-editor,body[data-page="manager-authority"] .authority-table-panel{overflow:hidden;border:1px solid #e0e4eb;border-radius:17px;background:#fff;box-shadow:0 8px 25px rgba(14,27,46,.055)}
body[data-page="manager-authority"] .authority-panel-head{padding:1.15rem 1.35rem;border-bottom:1px solid #e9ecf1;background:linear-gradient(100deg,#f3f5f9,#fff)}
body[data-page="manager-authority"] .authority-section-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #dce3f2;border-radius:13px;background:#edf1f9;color:#223858;font-size:1.05rem}
body[data-page="manager-authority"] .authority-panel-head h2,body[data-page="manager-authority"] .authority-table-panel>.panel-head h2{margin:0;color:#101828;font-size:.98rem;font-weight:800;letter-spacing:-.025em}
body[data-page="manager-authority"] .authority-panel-head small,body[data-page="manager-authority"] .authority-table-panel>.panel-head small{display:block;margin-top:.2rem;color:#7b8495;font-size:.75rem}
body[data-page="manager-authority"] .authority-draft,body[data-page="manager-authority"] .authority-record-count{display:inline-flex;align-items:center;padding:.4rem .68rem;border:1px solid #eadfbe;border-radius:20px;background:#faf7ed;color:#806522;font-size:.68rem;font-weight:750;white-space:nowrap}
body[data-page="manager-authority"] .authority-manager-select{max-width:510px;padding:1.25rem 1.35rem .2rem}
body[data-page="manager-authority"] .authority-manager-select .form-label{margin-bottom:.4rem;color:#344054;font-size:.78rem;font-weight:750}
body[data-page="manager-authority"] .authority-manager-select .input-group-text{min-width:43px;justify-content:center;border-color:#dce1e9;background:#f7f8fa;color:#59677b}
body[data-page="manager-authority"] .authority-manager-select .form-select{min-height:44px;border-color:#dce1e9;color:#26364d;font-size:.84rem;font-weight:650}
body[data-page="manager-authority"] .authority-manager-select .form-select:focus{border-color:#1e4dd8;box-shadow:0 0 0 .2rem rgba(30,77,216,.12)}
body[data-page="manager-authority"] .authority-manager-select .form-text{color:#8a94a5;font-size:.7rem}
body[data-page="manager-authority"] .authority-groups{padding:1rem 1.35rem 1.25rem}
body[data-page="manager-authority"] .authority-group{overflow:hidden;border:1px solid #e2e6ed;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(14,27,46,.035)}
body[data-page="manager-authority"] .authority-group>header{display:flex;min-height:76px;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #e9ecf1;background:linear-gradient(105deg,#f4f6fa,#fff)}
body[data-page="manager-authority"] .authority-group-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #e1e5ed;border-radius:11px;background:#edf1f7;color:#293d60}
body[data-page="manager-authority"] .authority-group-icon.blue{border-color:#dbe4fa;background:#eef2ff;color:#1e4dd8}
body[data-page="manager-authority"] .authority-group-icon.brass{border-color:#ebdfbd;background:#f8f4e8;color:#98752b}
body[data-page="manager-authority"] .authority-group h3{margin:0;color:#1d2939;font-size:.84rem;font-weight:800}
body[data-page="manager-authority"] .authority-group header small{display:block;margin-top:.16rem;color:#8992a1;font-size:.68rem}
body[data-page="manager-authority"] .authority-toggle{display:flex;min-height:67px;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid #eef0f4;cursor:pointer}
body[data-page="manager-authority"] .authority-toggle:last-child{border-bottom:0}
body[data-page="manager-authority"] .authority-toggle:hover{background:#fafbfc}
body[data-page="manager-authority"] .authority-toggle b,body[data-page="manager-authority"] .authority-toggle small{display:block}
body[data-page="manager-authority"] .authority-toggle b{color:#344054;font-size:.75rem;font-weight:750}
body[data-page="manager-authority"] .authority-toggle small{margin-top:.16rem;color:#8a94a5;font-size:.66rem;line-height:1.35}
body[data-page="manager-authority"] .authority-toggle .form-check{min-height:0;margin:0;padding:0}
body[data-page="manager-authority"] .authority-toggle .form-check-input{float:none;width:2.25rem;height:1.2rem;margin:0;border-color:#c5ccd7;background-color:#e6e9ee;cursor:pointer}
body[data-page="manager-authority"] .authority-toggle .form-check-input:checked{border-color:#1e4dd8;background-color:#1e4dd8}
body[data-page="manager-authority"] .authority-toggle .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(30,77,216,.15)}
body[data-page="manager-authority"] .authority-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.35rem;border-top:1px solid #e9ecf1;background:#fafbfc}
body[data-page="manager-authority"] .authority-form-footer>span{color:#7d8797;font-size:.72rem}
body[data-page="manager-authority"] .authority-form-footer>span .bi{color:#997729}
body[data-page="manager-authority"] .authority-form-footer .btn{min-height:38px;border-radius:9px;font-size:.76rem;font-weight:700}
body[data-page="manager-authority"] .authority-form-footer .btn-primary{border-color:#1e4dd8;background:linear-gradient(110deg,#1e4dd8,#315fe0);box-shadow:0 4px 10px rgba(30,77,216,.16)}
body[data-page="manager-authority"] .authority-table-panel>.panel-head{padding:1.1rem 1.35rem;border-bottom:1px solid #e9ecf1;background:linear-gradient(100deg,#f3f5f9,#fff)}
body[data-page="manager-authority"] .authority-legend{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;padding:.8rem 1.35rem;border-bottom:1px solid #eef0f4;background:#fff}
body[data-page="manager-authority"] .authority-legend>span{display:inline-flex;align-items:center;gap:.4rem;color:#7b8495;font-size:.68rem;font-weight:650}
body[data-page="manager-authority"] .legend-dot{width:8px;height:8px;margin:0;border-radius:50%}
body[data-page="manager-authority"] .legend-dot.allowed{background:#087f5b}
body[data-page="manager-authority"] .legend-dot.restricted{background:#98a2b3}
body[data-page="manager-authority"] .legend-dot.review{background:#c9a24a}
body[data-page="manager-authority"] .authority-filters{padding:.8rem 1.35rem;border-bottom:1px solid #edf0f4;background:#fafbfc}
body[data-page="manager-authority"] .authority-filters .grow{max-width:390px}
body[data-page="manager-authority"] .authority-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body[data-page="manager-authority"] .authority-table{min-width:1800px;margin:0;border-collapse:separate;border-spacing:0;font-size:.72rem}
body[data-page="manager-authority"] .authority-table thead th{position:sticky;top:0;z-index:2;padding:.78rem .65rem;border:0;background:linear-gradient(105deg,#0e1b2e,#223552);color:#f7f8fb;font-size:.65rem;font-weight:800;letter-spacing:.025em;line-height:1.35;white-space:normal;vertical-align:middle}
body[data-page="manager-authority"] .authority-table thead th:first-child{left:0;z-index:4;min-width:160px}
body[data-page="manager-authority"] .authority-table tbody td{padding:.78rem .65rem;border-bottom:1px solid #edf0f4;background:#fff;color:#475467;vertical-align:middle;white-space:nowrap}
body[data-page="manager-authority"] .authority-table tbody tr:nth-child(even)>td{background:#f8f9fb}
body[data-page="manager-authority"] .authority-table tbody tr:hover>td{background:#eef2fb}
body[data-page="manager-authority"] .authority-table tbody td:first-child{position:sticky;left:0;z-index:1;min-width:160px;background:inherit;box-shadow:5px 0 10px rgba(14,27,46,.035)}
body[data-page="manager-authority"] .authority-table tbody td:first-child b{display:block;color:#26364d;font-size:.75rem;font-weight:800}
body[data-page="manager-authority"] .authority-table .cell-sub{margin-top:.15rem;color:#929aaa;font-size:.63rem}
body[data-page="manager-authority"] .authority-state,body[data-page="manager-authority"] .authority-total{display:inline-flex;align-items:center;gap:.32rem;padding:.28rem .5rem;border:1px solid transparent;border-radius:20px;font-size:.63rem;font-weight:750}
body[data-page="manager-authority"] .authority-state:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}
body[data-page="manager-authority"] .authority-state.enabled{border-color:#d5eade;background:#edf7f0;color:#19734e}
body[data-page="manager-authority"] .authority-state.restricted{border-color:#e5e7ec;background:#f4f5f7;color:#7b8494}
body[data-page="manager-authority"] .authority-state.review{border-color:#eadfbe;background:#faf6e9;color:#8a6a20}
body[data-page="manager-authority"] .authority-total{padding:.33rem .55rem;border-color:#dce3f2;background:#edf1f9;color:#293d60}
body[data-page="manager-authority"] .authority-total.elevated{border-color:#eadfbe;background:#f8f4e8;color:#806522}
@media(max-width:767.98px){
  body[data-page="manager-authority"] .authority-manager-select{padding:1rem 1rem 0}
  body[data-page="manager-authority"] .authority-groups{padding:.8rem 1rem 1rem}
  body[data-page="manager-authority"] .authority-panel-head,body[data-page="manager-authority"] .authority-table-panel>.panel-head{padding:1rem}
  body[data-page="manager-authority"] .authority-form-footer{align-items:flex-start;flex-direction:column;padding:1rem}
  body[data-page="manager-authority"] .authority-filters{padding:.75rem 1rem}
  body[data-page="manager-authority"] .authority-legend{padding:.7rem 1rem}
}
@media(max-width:479.98px){
  body[data-page="manager-authority"] .authority-draft,body[data-page="manager-authority"] .authority-record-count{font-size:0}
  body[data-page="manager-authority"] .authority-draft .bi,body[data-page="manager-authority"] .authority-record-count .bi{font-size:.85rem}
  body[data-page="manager-authority"] .authority-form-footer>div{width:100%}
  body[data-page="manager-authority"] .authority-form-footer .btn{flex:1}
}
/* Keep permission ownership obvious: grouped, labeled column bands map directly to each manager row. */
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th{position:sticky;top:0;z-index:3;padding:.65rem .7rem;border-right:1px solid rgba(255,255,255,.1);border-bottom:2px solid #c9a24a;background:linear-gradient(105deg,#0e1b2e,#223552);color:#f1d88f;text-align:center;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:first-child{left:0;z-index:6;min-width:160px;color:#fff;text-align:left}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(2){background:linear-gradient(105deg,#182b49,#263d61)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(3){background:linear-gradient(105deg,#223858,#30486d)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(4){background:linear-gradient(105deg,#0e1b2e,#1b2c49)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:last-child{color:#e7c879}
body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th{top:36px;z-index:2;padding:.65rem .6rem;border-bottom:1px solid #dfe4ed;background:#edf1f7;color:#3c4d68;font-size:.63rem;font-weight:800;text-align:center;letter-spacing:0}
body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th:nth-child(4),body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th:nth-child(6){border-left:2px solid #c9a24a}
body[data-page="manager-authority"] .authority-table tbody td:nth-child(4),body[data-page="manager-authority"] .authority-table tbody td:nth-child(6),body[data-page="manager-authority"] .authority-table tbody td:nth-child(17){border-right:2px solid #e4d9b9}
body[data-page="manager-authority"] .authority-table-hint{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1.35rem;border-bottom:1px solid #edf0f4;background:#fbfcfe;color:#7b8495;font-size:.7rem;line-height:1.5}
body[data-page="manager-authority"] .authority-table-hint>.bi{flex:0 0 auto;margin-top:.08rem;color:#997729}
body[data-page="manager-authority"] .authority-table-hint b{color:#344054}
@media(max-width:767.98px){body[data-page="manager-authority"] .authority-table-hint{padding:.7rem 1rem}}

/* Align Authority accents with the existing navy/cyan Manager sidebar theme. */
body[data-page="manager-authority"]{--authority-cyan:#27c3d0;--authority-teal:#16b6c5;--authority-deep:#17616b;--authority-soft:#e8f8f9;--authority-line:#cdebed}
body[data-page="manager-authority"] .authority-stat-icon.blue,body[data-page="manager-authority"] .authority-group-icon.blue{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="manager-authority"] .authority-stat-icon.brass,body[data-page="manager-authority"] .authority-group-icon.brass{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="manager-authority"] .authority-draft,body[data-page="manager-authority"] .authority-record-count{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="manager-authority"] .authority-manager-select .form-select:focus{border-color:var(--authority-teal);box-shadow:0 0 0 .2rem rgba(22,182,197,.14)}
body[data-page="manager-authority"] .authority-toggle .form-check-input:checked{border-color:var(--authority-teal);background-color:var(--authority-teal)}
body[data-page="manager-authority"] .authority-toggle .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(22,182,197,.16)}
body[data-page="manager-authority"] .authority-form-footer>span .bi{color:var(--authority-deep)}
body[data-page="manager-authority"] .authority-form-footer .btn-primary{border-color:var(--authority-deep);background:linear-gradient(110deg,var(--authority-deep),var(--authority-teal));box-shadow:0 4px 10px rgba(22,182,197,.18)}
body[data-page="manager-authority"] .legend-dot.review{background:var(--authority-cyan)}
body[data-page="manager-authority"] .authority-state.review{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="manager-authority"] .authority-total.elevated{border-color:var(--authority-line);background:var(--authority-soft);color:var(--authority-deep)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th{border-bottom-color:var(--authority-cyan);color:#76e0e6}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(2){background:linear-gradient(105deg,#123a48,#17616b)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(3){background:linear-gradient(105deg,#16434f,#1b7078)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(4){background:linear-gradient(105deg,#0e1b2e,#17616b)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:last-child{color:#76e0e6}
body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th:nth-child(4),body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th:nth-child(6){border-left-color:var(--authority-cyan)}
body[data-page="manager-authority"] .authority-table tbody td:nth-child(4),body[data-page="manager-authority"] .authority-table tbody td:nth-child(6),body[data-page="manager-authority"] .authority-table tbody td:nth-child(17){border-right-color:var(--authority-line)}
body[data-page="manager-authority"] .authority-table-hint>.bi{color:var(--authority-deep)}
/* Use the exact accent values already used by the shared sidebar theme. */
body[data-page="manager-authority"] .authority-section-icon,
body[data-page="manager-authority"] .authority-stat-icon.navy{border-color:#17616b;background:#17616b;color:#e9ffff}
body[data-page="manager-authority"] .authority-group-icon{border-color:#d3eaec;background:#e9f7f8;color:#17616b}
body[data-page="manager-authority"] .authority-stat-icon.blue,body[data-page="manager-authority"] .authority-group-icon.blue,
body[data-page="manager-authority"] .authority-stat-icon.brass,body[data-page="manager-authority"] .authority-group-icon.brass{border-color:#d3eaec;background:#e9f7f8;color:#17616b}
body[data-page="manager-authority"] .authority-draft,body[data-page="manager-authority"] .authority-record-count,
body[data-page="manager-authority"] .authority-total,body[data-page="manager-authority"] .authority-total.elevated{border-color:#d3eaec;background:#e9f7f8;color:#17616b}
body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th{border-bottom-color:#d3eaec;background:#e9f7f8;color:#174b55}
body[data-page="manager-authority"] .authority-table tbody tr:hover>td{background:#eaf8f8}
body[data-page="manager-authority"] .authority-table tbody td:nth-child(4),body[data-page="manager-authority"] .authority-table tbody td:nth-child(6),body[data-page="manager-authority"] .authority-table tbody td:nth-child(17){border-right-color:#cdebed}
body[data-page="manager-authority"] .legend-dot.review{background:#27c3d0}
body[data-page="manager-authority"] .authority-state.review{border-color:#cdebed;background:#e9f7f8;color:#17616b}

/* Match the Settlement sidebar item: deep navy, slate highlight, and gold accent. */
body[data-page="manager-authority"]{--authority-navy:#0e1b2e;--authority-slate:#172c46;--authority-gold:#c9a24a;--authority-gold-light:#e3c775;--authority-gold-soft:#faf6e9;--authority-gold-line:#eadfbe}
body[data-page="manager-authority"] .authority-section-icon,body[data-page="manager-authority"] .authority-stat-icon.navy{border-color:var(--authority-slate);background:var(--authority-slate);color:#fff}
body[data-page="manager-authority"] .authority-stat-icon.blue,body[data-page="manager-authority"] .authority-stat-icon.brass,body[data-page="manager-authority"] .authority-group-icon.blue,body[data-page="manager-authority"] .authority-group-icon.brass{border-color:var(--authority-gold-line);background:var(--authority-gold-soft);color:#806522}
body[data-page="manager-authority"] .authority-group-icon{border-color:#dfe4ec;background:#f1f4f8;color:var(--authority-slate)}
body[data-page="manager-authority"] .authority-draft,body[data-page="manager-authority"] .authority-record-count,body[data-page="manager-authority"] .authority-total.elevated,body[data-page="manager-authority"] .authority-state.review{border-color:var(--authority-gold-line);background:var(--authority-gold-soft);color:#806522}
body[data-page="manager-authority"] .authority-total:not(.elevated){border-color:#dfe4ec;background:#f1f4f8;color:var(--authority-slate)}
body[data-page="manager-authority"] .authority-manager-select .form-select:focus{border-color:var(--authority-gold);box-shadow:0 0 0 .2rem rgba(201,162,74,.16)}
body[data-page="manager-authority"] .authority-toggle .form-check-input:checked{border-color:var(--authority-gold);background-color:var(--authority-gold)}
body[data-page="manager-authority"] .authority-toggle .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(201,162,74,.16)}
body[data-page="manager-authority"] .authority-form-footer>span .bi,body[data-page="manager-authority"] .authority-table-hint>.bi{color:#997729}
body[data-page="manager-authority"] .authority-form-footer .btn-primary{border-color:var(--authority-slate);background:linear-gradient(110deg,var(--authority-navy),var(--authority-slate));box-shadow:0 4px 10px rgba(14,27,46,.18)}
body[data-page="manager-authority"] .legend-dot.review{background:var(--authority-gold)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th{border-bottom-color:var(--authority-gold);background:linear-gradient(105deg,var(--authority-navy),var(--authority-slate));color:#f1d88f}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(2){background:linear-gradient(105deg,#14243a,#1d3452)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(3){background:linear-gradient(105deg,#192b43,#263b59)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:nth-child(4){background:linear-gradient(105deg,var(--authority-navy),#1b2c49)}
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th:last-child{color:var(--authority-gold-light)}
body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th{border-bottom-color:#dfe4ec;background:#f1f4f8;color:#3c4d68}
body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th:nth-child(4),body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th:nth-child(6){border-left-color:var(--authority-gold)}
body[data-page="manager-authority"] .authority-table tbody td:nth-child(4),body[data-page="manager-authority"] .authority-table tbody td:nth-child(6),body[data-page="manager-authority"] .authority-table tbody td:nth-child(17){border-right-color:var(--authority-gold-line)}
body[data-page="manager-authority"] .authority-table tbody tr:hover>td{background:#f7f4eb}

/* Keep the Manager Authority matrix on the shared panel table visual system. */
body[data-page="manager-authority"] .authority-table{min-width:1800px!important;margin:0;border-collapse:collapse;border-spacing:0;font-size:.9rem}
body[data-page="manager-authority"] .authority-table thead th,
body[data-page="manager-authority"] .authority-table thead tr.authority-group-head th,
body[data-page="manager-authority"] .authority-table thead tr.authority-column-head th{position:static;top:auto;left:auto;z-index:auto;min-width:0;padding:.75rem var(--cell-x);border:0;border-bottom:1px solid var(--line);background:#fafbfc!important;color:var(--muted)!important;font-size:.78rem;font-weight:700;letter-spacing:normal;line-height:1.35;text-align:left;text-transform:none;white-space:nowrap;vertical-align:middle}
body[data-page="manager-authority"] .authority-table tbody td,
body[data-page="manager-authority"] .authority-table tbody td:first-child{position:static;left:auto;z-index:auto;min-width:0;padding:.85rem var(--cell-x);border:0;border-bottom:1px solid #eef0f3;background:transparent!important;box-shadow:none;color:inherit;font-size:.9rem;vertical-align:middle;white-space:nowrap}
body[data-page="manager-authority"] .authority-table tbody tr:hover>td{background:transparent!important}
body[data-page="manager-authority"] .authority-table tbody td:first-child b{font-size:.9rem}
body[data-page="manager-authority"] .authority-table .cell-sub{font-size:.76rem}
body[data-page="manager-authority"] .authority-table tbody tr:nth-child(even)>td{background:transparent!important}


/* executive-list.html inline styles */
body[data-page="executive-list"] .executive-summary .panel.kpi:not(.ok):not(.warn){border-top:3px solid var(--brass)}
body[data-page="executive-list"] .executive-summary .panel.kpi:not(.ok):not(.warn) .label .bi{color:#997729}
body[data-page="executive-list"] .executive-top-name{font-size:1.3rem}
body[data-page="executive-list"] .executive-performance{overflow:hidden}
body[data-page="executive-list"] .executive-filters{align-items:end}
body[data-page="executive-list"] .executive-filters>div{min-width:145px}
body[data-page="executive-list"] .executive-table{min-width:0}
/* Stacked rows must drop the desktop table minimum width or card content overflows the viewport. */
body[data-page="executive-list"] .executive-table.stacked{width:100%!important;min-width:0!important;max-width:100%}
body[data-page="executive-list"] .executive-table th{white-space:nowrap}
body[data-page="executive-list"] .executive-table tbody td .btn:first-child{border-color:#eadfbe;background:#f6efdc;color:#806522}
body[data-page="executive-list"] .executive-table tbody td .btn:first-child:hover{border-color:#c9a24a;background:#f1e5c6;color:#6f551a}
body[data-page="executive-list"] .sr-chip{display:inline-flex;min-width:78px;flex-direction:column;align-items:center;padding:.32rem .45rem;border:1px solid;border-radius:9px;font-size:.74rem;font-weight:800;line-height:1.15}
body[data-page="executive-list"] .sr-chip small{margin-top:.15rem;font-size:.59rem;font-weight:600;white-space:nowrap}
body[data-page="executive-list"] .sr-chip.good{border-color:#d9e8df;background:#eff7f1;color:#28724e}
body[data-page="executive-list"] .sr-chip.average{border-color:#eadfbe;background:#faf6e9;color:#806522}
body[data-page="executive-list"] .sr-chip.low{border-color:#e4e7ec;background:#f4f5f7;color:#7b8494}
body[data-page="executive-list"] .executive-filters input:focus{border-color:var(--brass);box-shadow:0 0 0 .2rem rgba(201,162,74,.15)}
body[data-page="executive-list"] .btn-primary{border-color:#172c46;background:linear-gradient(110deg,#0e1b2e,#172c46)}
@media(max-width:575.98px){body[data-page="executive-list"] .executive-filters>div{flex:1 1 130px}body[data-page="executive-list"] .executive-filters .btn{width:100%}}
body[data-page="executive-list"] .executive-modal-dialog{max-width:min(760px,calc(100vw - 1rem));margin:.5rem auto}
body[data-page="executive-list"] .executive-modal-dialog.modal-xl{max-width:min(980px,calc(100vw - 1rem))}
body[data-page="executive-list"] .executive-modal-dialog.modal-dialog-scrollable{height:calc(100% - 1rem)}
body[data-page="executive-list"] .executive-modal-dialog.modal-dialog-scrollable .modal-content{max-height:min(82dvh,760px);min-height:0;overflow:hidden;border:1px solid #dfe4ec;border-radius:20px;background:#f4f5f7;box-shadow:0 24px 72px rgba(14,27,46,.28)}
body[data-page="executive-list"] #addAgent form{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}
body[data-page="executive-list"] #addAgent .modal-body{flex:1 1 auto}
body[data-page="executive-list"] .executive-modal-dialog .modal-header{position:relative;isolation:isolate;min-height:88px;padding:1.1rem 1.35rem;border:0;background:linear-gradient(115deg,#0e1b2e,#16273f 72%,#223552);color:#fff}
body[data-page="executive-list"] .executive-modal-dialog .modal-header:after{position:absolute;z-index:-1;right:-55px;top:-120px;width:240px;height:240px;border:1px solid rgba(201,162,74,.24);border-radius:50%;box-shadow:0 0 0 28px rgba(201,162,74,.045),0 0 0 58px rgba(201,162,74,.025);content:""}
body[data-page="executive-list"] .executive-modal-dialog .modal-title{color:#fff;font-size:1.04rem;font-weight:800;letter-spacing:-.02em}
body[data-page="executive-list"] .executive-modal-dialog .modal-header small{display:block;margin-top:.18rem;color:#d5d9e1;font-size:.75rem}
body[data-page="executive-list"] .executive-modal-mark{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid rgba(201,162,74,.5);border-radius:14px;background:rgba(201,162,74,.15);color:#e3c775;font-size:1.2rem}
body[data-page="executive-list"] .executive-modal-dialog .modal-body{min-height:0;padding:1.15rem;background:linear-gradient(180deg,#f1f3f7,#fff 180px)}
body[data-page="executive-list"] .executive-modal-dialog.modal-dialog-scrollable .modal-body{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
body[data-page="executive-list"] .executive-modal-dialog .modal-footer{justify-content:space-between;gap:.8rem;padding:.85rem 1.2rem;border-top:1px solid #e0e4eb;background:#fff}
body[data-page="executive-list"] .executive-modal-dialog .modal-footer>span{color:#7b8495;font-size:.72rem}
body[data-page="executive-list"] .executive-modal-dialog .modal-footer>span .bi{color:#997729}
body[data-page="executive-list"] .executive-modal-dialog .modal-footer .btn,body[data-page="executive-list"] .executive-modal-dialog .section-body .btn{min-height:39px;border-radius:10px;font-size:.78rem;font-weight:700}
body[data-page="executive-list"] .executive-modal-dialog .btn-primary{border-color:#172c46;background:linear-gradient(110deg,#0e1b2e,#172c46);box-shadow:0 4px 10px rgba(14,27,46,.18)}
body[data-page="executive-list"] .executive-modal-dialog .btn-primary:hover{border-color:#0e1b2e;background:linear-gradient(110deg,#0a1422,#172c46)}
body[data-page="executive-list"] .executive-modal-dialog .btn-primary:disabled{border-color:#aab2bf;background:#aab2bf;box-shadow:none}
body[data-page="executive-list"] .executive-modal-dialog .btn-light{border:1px solid #dfe4ec;background:#f5f6f8;color:#475467}
body[data-page="executive-list"] .executive-modal-dialog .executive-modal-section{overflow:hidden;margin-bottom:1rem;border:1px solid #e0e4eb;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(14,27,46,.045)}
body[data-page="executive-list"] .executive-modal-dialog .executive-modal-section>header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #e8ebf0;background:linear-gradient(100deg,#f1f3f7,#fff)}
body[data-page="executive-list"] .executive-modal-dialog .section-mark{display:grid;width:37px;height:37px;flex:0 0 37px;place-items:center;border:1px solid #e4d9b9;border-radius:11px;background:#f8f4e9;color:#806522}
body[data-page="executive-list"] .executive-modal-dialog .executive-modal-section header h3{margin:0;color:#172c46;font-size:.84rem;font-weight:800}
body[data-page="executive-list"] .executive-modal-dialog .executive-modal-section header small{display:block;margin-top:.12rem;color:#7b8495;font-size:.68rem}
body[data-page="executive-list"] .executive-modal-dialog .section-body{padding:1rem}
body[data-page="executive-list"] .executive-modal-dialog .form-label{margin-bottom:.4rem;color:#344054;font-size:.76rem;font-weight:750}
body[data-page="executive-list"] .executive-modal-dialog .required-star{color:#997729}
body[data-page="executive-list"] .executive-modal-dialog .form-control,body[data-page="executive-list"] .executive-modal-dialog .form-select,body[data-page="executive-list"] .executive-modal-dialog .input-group-text{min-height:43px;border-color:#dfe4ec;background-color:#fff;color:#344054;font-size:.8rem}
body[data-page="executive-list"] .executive-modal-dialog .input-group-text{color:#7b8495}
body[data-page="executive-list"] .executive-modal-dialog .form-control:focus,body[data-page="executive-list"] .executive-modal-dialog .form-select:focus{z-index:3;border-color:#c9a24a;box-shadow:0 0 0 .2rem rgba(201,162,74,.15)}
body[data-page="executive-list"] .executive-modal-dialog .password-toggle{cursor:pointer}
body[data-page="executive-list"] .password-feedback{display:block;margin-top:.35rem;font-size:.69rem}
body[data-page="executive-list"] .password-feedback.error{color:#b42318}
body[data-page="executive-list"] .password-feedback.success{color:#28724e}
body[data-page="executive-list"] .executive-modal-tabs{gap:.4rem;border-color:#e0e4eb;background:#fff}
body[data-page="executive-list"] .executive-modal-tabs .nav-link{padding:.65rem .85rem;border:0;border-bottom:2px solid transparent;border-radius:0;color:#667085;font-size:.78rem;font-weight:700}
body[data-page="executive-list"] .executive-modal-tabs .nav-link.active{border-bottom-color:#c9a24a;background:transparent;color:#172c46}
body[data-page="executive-list"] .profile-detail{display:flex;height:100%;flex-direction:column;gap:.45rem;padding:.85rem;border:1px solid #e5e8ee;border-radius:12px;background:#fbfcfd}
body[data-page="executive-list"] .profile-detail>span{display:flex;align-items:center;gap:.4rem;color:#7b8495;font-size:.69rem}
body[data-page="executive-list"] .profile-detail>span .bi{color:#997729}
body[data-page="executive-list"] .profile-detail>b{color:#172c46;font-size:.8rem}
body[data-page="executive-list"] .balance-metric{display:flex;height:100%;flex-direction:column;gap:.45rem;padding:1rem;border:1px solid #e1e5ec;border-left:4px solid #c9a24a;border-radius:13px;background:linear-gradient(140deg,#fff,#faf7ef)}
body[data-page="executive-list"] .balance-metric>span{color:#667085;font-size:.72rem;font-weight:700}
body[data-page="executive-list"] .balance-metric>b{color:#172c46;font-size:1.2rem;font-weight:850}
body[data-page="executive-list"] .balance-metric>small{color:#7b8495;font-size:.66rem}
body[data-page="executive-list"] .balance-metric>small .bi{margin-right:.35rem;color:#c9a24a;font-size:.48rem}
body[data-page="executive-list"] .balance-metric.used{border-left-color:#28724e;background:linear-gradient(140deg,#fff,#f1f7f3)}
body[data-page="executive-list"] .balance-metric.used>small .bi{color:#28724e}
body[data-page="executive-list"] .balance-metric.remaining{border-left-color:#172c46;background:linear-gradient(140deg,#fff,#f1f3f7)}
body[data-page="executive-list"] .balance-metric.remaining>small .bi{color:#172c46}
body[data-page="executive-list"] .executive-modal-dialog .table thead th{background:linear-gradient(105deg,#0e1b2e,#172c46);color:#f4f5f7;font-size:.66rem;white-space:nowrap}
body[data-page="executive-list"] .executive-modal-dialog .table tbody td{font-size:.72rem;vertical-align:middle}
@media(max-width:575.98px){body[data-page="executive-list"] .executive-modal-dialog{max-width:calc(100vw - .7rem);margin:.35rem}body[data-page="executive-list"] .executive-modal-dialog.modal-dialog-scrollable{height:calc(100% - .7rem)}body[data-page="executive-list"] .executive-modal-dialog.modal-dialog-scrollable .modal-content{max-height:92dvh;border-radius:16px}body[data-page="executive-list"] .executive-modal-dialog .modal-header{min-height:76px;padding:.85rem}body[data-page="executive-list"] .executive-modal-dialog .modal-body{padding:.85rem}body[data-page="executive-list"] .executive-modal-dialog .modal-footer{padding:.75rem .85rem}body[data-page="executive-list"] .executive-modal-dialog .modal-footer>span{display:none}body[data-page="executive-list"] .executive-modal-dialog .modal-footer>div{width:100%}body[data-page="executive-list"] .executive-modal-dialog .modal-footer .btn{flex:1}body[data-page="executive-list"] .executive-modal-dialog .section-body{padding:.85rem}}


/* gateway-list.html inline styles */
body[data-page="gateway-list"] .gateway-name{display:inline-flex;align-items:center;gap:.4rem;color:#26364d;font-weight:700}
body[data-page="gateway-list"] .gateway-name .bi{color:#997729}
body[data-page="gateway-list"] .gateway-actions{display:flex;align-items:center;gap:.4rem}
body[data-page="gateway-list"] .gateway-actions .btn{white-space:nowrap}
@media(max-width:767.98px){body[data-page="gateway-list"] .gateway-actions{flex-wrap:wrap}}


/* ip-management.html inline styles */
.nav-pills .nav-link{color:var(--text);font-weight:600;border-radius:10px}.nav-pills .nav-link.active{background:var(--ink)}


/* profile.html inline styles */
.pf-nav .nav-link{display:flex;align-items:center;gap:.7rem;color:var(--text);font-weight:600;border-radius:10px;padding:.65rem .9rem;text-align:left}
.pf-nav .nav-link.active{background:var(--ink);color:#fff}
.big-avatar{width:84px;height:84px;font-size:1.7rem}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid #EEF0F3}
.switch-row:last-child{border-bottom:0}
.switch-row b{display:block;font-size:.92rem}.switch-row small{color:var(--muted)}
.strength{height:6px;border-radius:6px;background:var(--neutral-soft);overflow:hidden}.strength i{display:block;height:100%;width:0;transition:width .2s,background .2s}


/* login.html inline styles */
.login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;min-height:100dvh}
.login-art{background:radial-gradient(120% 120% at 0% 0%,var(--ink-3) 0%,var(--ink) 60%);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-art::after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(201,162,74,.35);box-shadow:0 0 0 48px rgba(201,162,74,.05),0 0 0 96px rgba(201,162,74,.035)}
.login-art h2{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;max-width:15ch;line-height:1.15}
.login-art p{color:#9DB0CF;max-width:38ch}
.login-art ul{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.8rem;position:relative;z-index:1}
.login-art li{display:flex;gap:.7rem;color:#C4CEDF;font-size:.92rem}
.login-art li .bi{color:var(--brass)}
.login-form{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--paper)}
.login-card{width:100%;max-width:400px}
.otp{display:flex;gap:.55rem}
.otp input{width:100%;text-align:center;font-size:1.3rem;font-weight:700;padding:.65rem 0}
.pw-wrap{position:relative}.pw-wrap button{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);padding:.4rem .6rem}
.pw-wrap.is-invalid+.invalid-feedback{display:block}
.pw-wrap .form-control.is-invalid{background-image:none;padding-right:2.5rem}
@media(max-width:991.98px){.login{grid-template-columns:1fr}.login-art{display:none}}
@media(max-height:560px) and (min-width:992px){.login-art{padding:1.5rem 3rem}.login-art ul{margin-top:1rem}}
@media(max-width:991.98px){
  body[data-page="login"]{min-height:100vh;min-height:100dvh}
  .login{min-height:100vh;min-height:100dvh}
  .login-form{min-height:100vh;min-height:100dvh;padding:clamp(1.25rem,5vw,2rem) clamp(1rem,5vw,2rem)}
  .login-card{max-width:420px}
  .login-form .d-lg-none{display:flex!important}
}
@media(max-width:575.98px){
  body[data-page="login"]{display:block;padding:0;background:#f4f5f7}
  body[data-page="login"] .login{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1rem;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
  body[data-page="login"] .login-form{display:flex;align-items:center;justify-content:center;width:100%;min-height:auto;padding:0!important;background:transparent}
  body[data-page="login"] .login-card{width:100%;max-width:440px;padding:1.4rem 1.25rem 1.5rem;border:1px solid #e4e7ec;border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(14,27,46,.09)}
  body[data-page="login"] .login-form .d-lg-none{display:flex!important;gap:.65rem!important;margin-bottom:1.35rem!important}
  body[data-page="login"] .login-card h1{font-size:1.65rem!important}
  body[data-page="login"] .login-card .mb-4{margin-bottom:1.1rem!important}
  body[data-page="login"] .login-card .form-check.my-3{margin-block:.9rem!important}
  body[data-page="login"] .login-card .btn[type="submit"]{min-height:46px}
}
@media(max-height:620px) and (max-width:991.98px){
  .login-form{align-items:flex-start;padding-block:1rem}
  .login-card{margin-block:auto}
}
@media(max-width:359.98px){
  body[data-page="login"] .login{padding:.65rem}
  body[data-page="login"] .login-card{padding:1.1rem .95rem 1.2rem;border-radius:15px}
}



/* Former inline styles, consolidated from all HTML pages. */
.inline-style-01{background:transparent !important;  border-color:var(--ink-3) !important;  color:#fff !important;  width:34px !important;  height:34px !important}
.inline-style-02{width:min(340px,calc(100vw - 1rem)) !important}
.inline-style-03{background:var(--primary-soft) !important;  color:var(--primary) !important}
.inline-style-04{background:var(--warn-soft) !important;  color:var(--warn) !important}
.inline-style-05{background:var(--bad-soft) !important;  color:var(--bad) !important}
.inline-style-06{z-index:2000 !important}
.inline-style-07{width:100% !important}
.inline-style-08{--offc-w:520px !important}
.inline-style-09{z-index:1 !important}
.inline-style-10{background:#1E4DD8 !important}
.inline-style-11{background:#C9A24A !important}
.inline-style-12{color:#8FA0BC !important}
.inline-style-13{width:42px !important;  height:42px !important;  color:var(--primary) !important}
.inline-style-14{width:96.8% !important;  background:var(--ok) !important}
.inline-style-15{min-width:110px !important;  width:120px !important}
.inline-style-16{--offc-w:440px !important}
.inline-style-17{width:44% !important;  background:var(--bad) !important}
.inline-style-18{width:33% !important;  background:var(--warn) !important}
.inline-style-19{width:22% !important;  background:var(--neutral) !important}
.inline-style-20{background:#FAFBFC !important}
.inline-style-21{width:auto !important}
.inline-style-22{grid-template-columns:130px 1fr !important}
.inline-style-23{grid-template-columns:190px 1fr !important}
.inline-style-24{grid-template-columns:140px 1fr !important}
.inline-style-25{grid-template-columns:120px 1fr !important}

/* Keep stacked data tables readable on narrow phones: two compact fields per row. */
@media(max-width:575.98px){
  .table-x.stacked tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.75rem;row-gap:.35rem;align-items:start}
  .table-x.stacked tbody td{padding:1.1rem .15rem .2rem!important;min-height:0;font-size:.8rem}
  .table-x.stacked tbody td::before{top:.05rem;width:100%;font-size:.66rem}
  .table-x.stacked tbody td:first-child,
  .table-x.stacked tbody td[data-label="Actions"],
  .table-x.stacked tbody td[data-label=""],
  .table-x.stacked tbody td.dt-empty,
  .table-x.stacked tbody td[colspan]{grid-column:1/-1}
  .table-x.stacked tbody td[data-label="Amount"]{white-space:nowrap}
}

/* Extra narrow phones need a single column so labels and amounts stay intact. */
@media(max-width:359.98px){
  body[data-page="index"] .row.g-3>.col-6{flex:0 0 100%;max-width:100%}
  body[data-page="index"] .kpi .value{overflow-wrap:normal;word-break:normal}
  body[data-page="index"] .wallet-hero .sub{gap:.65rem}
  body[data-page="index"] .wallet-hero .sub>div{flex:1 1 100%}
  body[data-page="index"] #page-actions .seg button{flex:1 1 calc(50% - .25rem);min-width:calc(50% - .25rem)}
  .table-x.stacked tbody tr{grid-template-columns:minmax(0,1fr)}
}