:root{
  --green-950:#031d16;
  --green-900:#05281e;
  --green-850:#073326;
  --green-800:#0a3c2d;
  --green-700:#0e513d;
  --gold:#d9a62e;
  --gold-2:#f2c75c;
  --gold-soft:#b8861d;
  --cream:#f6edd7;
  --text:#f7f4ea;
  --muted:#c7d4cc;
  --border:rgba(217,166,46,.42);
  --panel:rgba(7,51,38,.82);
  --panel-2:rgba(4,36,27,.95);
  --shadow:0 14px 40px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;background:
radial-gradient(circle at 80% 10%,rgba(33,103,74,.22),transparent 28%),
linear-gradient(135deg,var(--green-950),#02150f 70%);color:var(--text)}
body{min-height:100vh}
.sidebar{position:fixed;left:0;top:0;width:282px;height:100vh;background:
linear-gradient(180deg,#041d17 0%,#06271e 52%,#031811 100%);
border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;z-index:10;box-shadow:12px 0 35px rgba(0,0,0,.17)}
.brand{text-align:center;padding-bottom:18px;border-bottom:1px solid rgba(217,166,46,.22)}
.brand-logo{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.45))}
.brand-name{font-weight:800;color:var(--gold-2);font-size:20px;letter-spacing:.3px;margin-top:5px}
.brand-sub{font-size:13px;color:#fff;margin-top:8px}
nav{margin-top:20px}
nav a{display:block;color:#f8f4e8;text-decoration:none;padding:13px 14px;margin:7px 0;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.035);transition:.18s ease;font-weight:600}
nav a:hover{background:linear-gradient(90deg,rgba(217,166,46,.24),rgba(217,166,46,.07));border-color:var(--border);color:var(--gold-2);transform:translateX(3px)}
.sidebar-footer{margin-top:auto;text-align:center;border-top:1px solid rgba(217,166,46,.2);padding-top:15px;color:var(--muted)}
.sidebar-footer img{width:44px;height:44px;object-fit:contain;display:block;margin:0 auto 5px}
.sidebar-footer small{font-size:11px}
main{margin-left:282px;min-height:100vh}
.topbar{height:70px;background:rgba(3,29,22,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}
.topbar b{color:var(--gold-2);font-size:18px}
.topbar-sub{color:var(--muted);font-size:12px;margin-left:12px}
.topbar-right{display:flex;align-items:center;gap:10px;color:var(--gold-2);font-weight:600}
.topbar-right img{width:38px;height:38px;object-fit:contain}
.page-wrap{padding:26px 28px 44px}
.page-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.page-title-row h1{font-size:42px;margin:2px 0 3px;color:var(--gold-2);letter-spacing:.2px}
.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1.8px}
.muted{color:var(--muted);margin:0}
.page-logo{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}
.card,section{background:linear-gradient(145deg,rgba(8,58,43,.92),rgba(3,32,24,.94));border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.card{padding:18px;min-height:155px;position:relative;overflow:hidden}
.card:after{content:"";position:absolute;inset:auto -30px -40px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(217,166,46,.14),transparent 70%)}
.card-icon{width:42px;height:42px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);margin-bottom:10px;background:rgba(217,166,46,.06)}
.card small{display:block;color:#e8e1ce;font-size:14px}
.card strong{display:block;color:#fff;font-size:29px;margin:6px 0}
.card span{color:var(--gold);font-size:12px}
section{margin:18px 0;padding:20px}
.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:235px;padding:28px 32px;background:
linear-gradient(105deg,rgba(4,37,28,.96),rgba(5,53,38,.9)),
radial-gradient(circle at 80% 50%,rgba(217,166,46,.16),transparent 38%)}
.hero-panel h2{font-size:30px;color:var(--gold-2);margin:8px 0 10px}
.hero-panel p{max-width:740px;color:#e7eee9;line-height:1.6}
.hero-panel img{width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}
.gold-line{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:18px 0;width:75%}
.tagline{color:var(--gold-2);font-style:italic}
.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:16px}
.quick-actions a,.btn,button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(135deg,#b98317,#e7b83f);color:#102219;border:0;border-radius:9px;padding:12px 16px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.quick-actions a:hover,.btn:hover,button:hover{filter:brightness(1.08)}
h1,h2{color:var(--gold-2)}
.form{display:flex;gap:10px;flex-wrap:wrap}
.form input,.form select,.form textarea{padding:11px 12px;border:1px solid rgba(217,166,46,.32);border-radius:8px;min-width:170px;background:#06281f;color:#fff;outline:none}
.form input::placeholder{color:#a9bbb0}
.form input:focus,.form select:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(217,166,46,.08)}
table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:10px}
th{background:#021d16;color:var(--gold-2);text-align:left;padding:12px;border-bottom:1px solid var(--border)}
td{padding:11px;border-bottom:1px solid rgba(217,166,46,.12);color:#edf4ef;background:rgba(4,40,30,.58)}
tr:hover td{background:rgba(10,70,52,.72)}
.status{background:rgba(217,166,46,.12);border:1px solid rgba(217,166,46,.28);padding:5px 9px;border-radius:12px;color:var(--gold-2)}
.flash{margin:18px 28px 0;padding:12px 14px;background:#5d4711;border:1px solid var(--gold);border-radius:9px;color:#fff6d8}
.danger{background:linear-gradient(135deg,#7e241d,#b63b2d);color:#fff}
@media(max-width:900px){
  .sidebar{position:relative;width:100%;height:auto}
  main{margin-left:0}
  nav a{display:inline-block}
  .hero-panel img{width:120px;height:120px}
}
@media(max-width:620px){
  .topbar-sub,.topbar-right span{display:none}
  .page-title-row h1{font-size:32px}
  .hero-panel{flex-direction:column;align-items:flex-start}
  .form>*{width:100%}
}


.secondary{background:linear-gradient(135deg,#6e5520,#9b7729);color:#fff}
.allocation-bar{margin-bottom:14px}
.table-scroll{overflow:auto;border-radius:10px}
.table-scroll table{min-width:1450px}

.auth-body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#0b4936,#021a13 62%);color:#fff}
.auth-card{width:min(480px,92vw);background:linear-gradient(145deg,#073326,#031f17);border:1px solid var(--gold);border-radius:22px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.45);text-align:center}
.auth-logo{width:120px;height:120px;object-fit:contain}.auth-card h1{margin:8px 0;color:var(--gold-2)}.auth-card p{color:var(--muted)}
.auth-form{display:grid;gap:12px;margin-top:20px}.auth-form input{padding:14px;border:1px solid var(--border);border-radius:9px;background:#05291f;color:white;font-size:16px}
.auth-link{display:inline-block;margin-top:18px;color:var(--gold-2);text-decoration:none}.auth-flash{margin:14px 0}
.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.employee-grid label{display:flex;flex-direction:column;gap:6px;color:var(--gold-2);font-weight:700;font-size:13px}
.employee-grid input,.employee-grid select,.employee-grid textarea{padding:11px;border:1px solid var(--border);border-radius:8px;background:#06281f;color:white}.employee-grid textarea{min-height:80px}.employee-grid .wide{grid-column:1/-1}
.inline-form{display:flex;gap:6px}.inline-form input{min-width:180px;padding:8px;border:1px solid var(--border);background:#06281f;color:#fff;border-radius:7px}.mini{padding:7px 10px;font-size:12px}
@media(max-width:1000px){.employee-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:650px){.employee-grid{grid-template-columns:1fr}}

.command-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.command-buttons{display:flex;gap:8px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.filter-grid,.collection-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.filter-grid input,.filter-grid select,.filter-grid label,.collection-form input,.collection-form select{min-width:0}.filter-grid label{display:flex;flex-direction:column;gap:5px;color:var(--gold-2);font-size:12px}.filter-grid input,.filter-grid select,.collection-form input,.collection-form select{padding:11px;border:1px solid var(--border);border-radius:8px;background:#06281f;color:#fff}.wide-input{grid-column:span 2}.case-list{padding:0;overflow:hidden}.case-list .section-head{padding:16px 18px 0}.command-table{min-width:1500px}.command-table th{position:sticky;top:0;z-index:1}.command-table td{font-weight:600}.actions{display:flex;gap:6px;align-items:center}.actions form{margin:0}.icon-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:7px;text-decoration:none;font-size:12px;font-weight:800;border:0;cursor:pointer}.icon-btn.edit{background:#d9a62e;color:#08241b}.icon-btn.whatsapp{background:#0e513d;color:#fff;border:1px solid #25D366}.icon-btn.whatsapp svg{width:18px;height:18px}.hide{display:none!important}.status-paid td{background:rgba(36,166,92,.22)}.status-pending td{background:rgba(178,58,58,.16)}.status-ptp td{background:rgba(218,166,46,.13)}
@media(max-width:1100px){.filter-grid,.collection-form{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:650px){.command-title{align-items:flex-start;flex-direction:column}.filter-grid,.collection-form{grid-template-columns:1fr}.wide-input{grid-column:auto}}
@media print{.sidebar,.topbar,.print-hide,.flash{display:none!important}main{margin:0!important}.page-wrap{padding:0!important}.case-list{border:0;box-shadow:none;margin:0}.table-scroll{overflow:visible}.command-table{min-width:100%;font-size:9px}.command-table th,.command-table td{padding:5px;color:#000!important;background:#fff!important;border:1px solid #777}.case-list h2{color:#000}.section-head span{color:#000}}


.employee-photo-panel{display:flex;align-items:center;gap:22px;padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(2,29,22,.45)}
.photo-preview{width:145px;height:165px;border:2px solid var(--gold);border-radius:14px;overflow:hidden;background:#021d16;display:grid;place-items:center;flex:0 0 auto}
.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{color:var(--gold-2);font-weight:900;letter-spacing:2px}
.document-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin:18px 0}
.document-grid label{display:flex;flex-direction:column;gap:6px;color:var(--gold-2);font-weight:700;font-size:13px}
.document-grid input,.document-grid select{padding:11px;border:1px solid var(--border);border-radius:8px;background:#06281f;color:white}
.document-grid .wide{grid-column:1/-1}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.doc-count{border:1px solid var(--border);border-radius:18px;padding:7px 12px;color:var(--gold-2)}
.doc-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.doc-actions form{margin:0}
.employee-mini-photo{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-2);font-weight:900;background:#063326}
@media(max-width:900px){.document-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:620px){.document-grid{grid-template-columns:1fr}.employee-photo-panel{flex-direction:column;align-items:flex-start}}


.command-workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr);gap:16px;align-items:start}
.command-list,.live-workspace{margin-top:0}.command-scroll{max-height:650px}.click-row{cursor:pointer}.click-row:hover td{outline:1px solid rgba(242,199,92,.22)}
.selected-case-row td{background:rgba(217,166,46,.22)!important;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.live-workspace{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto}
.workspace-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--border)}
.workspace-head h2{margin:4px 0}.workspace-head p{margin:0;color:var(--muted)}
.workspace-tabs{display:flex;gap:5px;margin:14px 0;border-bottom:1px solid var(--border)}.workspace-tabs .tab{border-radius:8px 8px 0 0;background:#0b3328;color:#ddd;padding:9px 12px}
.workspace-tabs .tab.active{background:var(--gold);color:#102219}.workspace-tab-pane{display:none}.workspace-tab-pane.active{display:block}
.workspace-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workspace-form label{display:flex;flex-direction:column;gap:5px;color:var(--gold-2);font-weight:700;font-size:12px}
.workspace-form input,.workspace-form select,.workspace-form textarea{padding:9px;border:1px solid var(--border);border-radius:7px;background:#05271e;color:#fff}.workspace-form textarea{min-height:110px}
.workspace-form .wide,.workspace-actionbar.wide{grid-column:1/-1}.workspace-actionbar{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}
.whatsapp-btn{background:#137d45!important;color:#fff!important;display:inline-flex!important;gap:6px}.whatsapp-btn svg{width:18px;height:18px}.location-btn{background:#24589a!important;color:#fff!important}
.timeline{display:grid;gap:10px}.timeline-item{border-left:3px solid var(--gold);background:rgba(3,38,28,.7);padding:10px 12px;border-radius:0 8px 8px 0}.timeline-item b{color:var(--gold-2)}.timeline-item span{display:block;color:var(--muted);font-size:11px;margin:3px 0}.timeline-item p{margin:5px 0 0;white-space:pre-wrap}
.doc-inline-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.doc-inline-form input,.doc-inline-form select{padding:9px;background:#05271e;color:#fff;border:1px solid var(--border);border-radius:7px}.doc-inline-form button{grid-column:1/-1}
.doc-list{display:grid;gap:8px;margin-top:12px}.doc-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid rgba(217,166,46,.22);padding:9px;border-radius:8px}.doc-row small{display:block;color:var(--muted);margin-top:3px}.doc-row>div:last-child{display:flex;gap:5px;align-items:center}.doc-row form{margin:0}
.compact-section{padding:14px}.enforcement-full-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.enforcement-full-form input,.enforcement-full-form select,.enforcement-full-form textarea{padding:10px;border:1px solid var(--border);border-radius:7px;background:#05271e;color:#fff}.enforcement-full-form .wide-input{grid-column:span 2;min-height:60px}
@media(max-width:1200px){.command-workspace-grid{grid-template-columns:1fr}.live-workspace{position:relative;top:auto;max-height:none}.enforcement-full-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.workspace-form,.doc-inline-form,.enforcement-full-form{grid-template-columns:1fr}.enforcement-full-form .wide-input{grid-column:1}.command-title{flex-direction:column}.workspace-actionbar{flex-direction:column}}


/* Milestone 8 — usable wide tables */
.command-list{
  min-width:0;
  overflow:hidden;
}
.command-scroll{
  max-height:58vh;
  overflow:auto;
  border:1px solid rgba(217,166,46,.28);
  border-radius:10px;
  scrollbar-gutter:stable both-edges;
}
.usability-table{
  width:max-content;
  min-width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.usability-table th,
.usability-table td{
  white-space:nowrap;
  min-width:120px;
}
.usability-table thead th{
  position:sticky;
  top:0;
  z-index:8;
  background:#031d16;
  box-shadow:0 1px 0 var(--gold);
}
.top-scrollbar{
  width:100%;
  height:20px;
  overflow-x:auto;
  overflow-y:hidden;
  margin:6px 0 8px;
  border:1px solid rgba(217,166,46,.28);
  border-radius:8px;
  background:#041e17;
}
.top-scrollbar-inner{
  height:1px;
}
.top-scrollbar::-webkit-scrollbar{
  height:14px;
}
.top-scrollbar::-webkit-scrollbar-thumb,
.command-scroll::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#b98317,#e7b83f);
  border-radius:10px;
}
.top-scrollbar::-webkit-scrollbar-track,
.command-scroll::-webkit-scrollbar-track{
  background:#06271e;
}
.sticky-col{
  position:sticky!important;
  z-index:6;
  background:#05281f!important;
}
thead .sticky-col{
  z-index:11!important;
  background:#031d16!important;
}
.sticky-col-1{
  left:0;
  min-width:64px!important;
  width:64px;
}
.sticky-col-2{
  left:64px;
  min-width:170px!important;
}
.sticky-col-3{
  left:234px;
  min-width:220px!important;
  box-shadow:6px 0 10px rgba(0,0,0,.16);
}
.sticky-action{
  position:sticky!important;
  right:0;
  min-width:142px!important;
  background:#05281f!important;
  z-index:7;
  box-shadow:-6px 0 10px rgba(0,0,0,.18);
}
thead .sticky-action{
  z-index:12!important;
  background:#031d16!important;
}
.row-actions-fixed{
  display:flex;
  gap:6px;
  align-items:center;
}
.edit-visible{
  background:linear-gradient(135deg,#8f6817,#e2ad31)!important;
}
.table-help{
  padding:8px 4px 0;
  color:var(--muted);
  font-size:12px;
}
.selected-case-row .sticky-col,
.selected-case-row .sticky-action{
  background:#4e4114!important;
}
.command-workspace-grid{
  grid-template-columns:minmax(680px,1.6fr) minmax(390px,.8fr);
}
.live-workspace{
  min-width:0;
}
@media(max-width:1280px){
  .command-workspace-grid{grid-template-columns:1fr;}
  .command-scroll{max-height:55vh;}
  .live-workspace{position:relative;top:auto;max-height:none;}
}
@media(max-width:800px){
  .sticky-col-3{display:none;}
  .sticky-action{min-width:118px!important;}
  .row-actions-fixed{flex-direction:column;}
}
@media print{
  .top-scrollbar,.table-help,.sticky-action{display:none!important;}
  .command-scroll{max-height:none!important;overflow:visible!important;}
  .usability-table{width:100%!important;min-width:0!important;}
  .sticky-col{position:static!important;}
}


/* Milestone 9 — Collection / Enforcement Status Control Dashboard */
.dual-status-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:20px;
  align-items:start;
}
.status-control-panel{
  margin:0;
  padding:20px;
  min-width:0;
}
.status-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
}
.status-panel-head h2{
  margin:5px 0 0;
  font-size:25px;
}
.status-count-list{
  display:grid;
  gap:7px;
}
.status-count-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:11px 13px;
  text-decoration:none;
  color:#f7f4ea;
  background:rgba(3,31,23,.74);
  border:1px solid rgba(217,166,46,.24);
  border-radius:9px;
  transition:.15s ease;
}
.status-count-row:hover{
  transform:translateX(3px);
  border-color:var(--gold);
  background:rgba(10,70,52,.78);
}
.status-count-row span{
  font-weight:650;
}
.status-count-row strong{
  min-width:52px;
  text-align:center;
  padding:5px 10px;
  border-radius:16px;
  color:#102219;
  background:linear-gradient(135deg,#c69121,#f2c75c);
  font-size:18px;
}
.reconciliation-box{
  margin-top:16px;
  border-top:1px solid var(--border);
  padding-top:12px;
  display:grid;
  gap:8px;
}
.reconciliation-box>div:not(.reconciliation-result){
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:9px 12px;
  background:rgba(2,29,22,.64);
  border-radius:8px;
}
.reconciliation-box strong{
  font-size:19px;
}
.difference-row.matched{
  border:1px solid rgba(60,210,125,.55);
  background:rgba(15,107,61,.22)!important;
}
.difference-row.mismatch{
  border:2px solid #ff5a52;
  background:rgba(160,31,28,.34)!important;
  box-shadow:0 0 18px rgba(255,70,60,.12);
}
.difference-row.mismatch strong{
  color:#ff7b72;
}
.reconciliation-result{
  padding:11px 12px;
  border-radius:8px;
  font-weight:800;
  text-align:center;
}
.reconciliation-result.matched{
  color:#a8f0c2;
  border:1px solid rgba(63,202,118,.48);
  background:rgba(17,102,59,.25);
}
.reconciliation-result.mismatch{
  color:#ffd0cc;
  border:1px solid #ff5a52;
  background:#5c1e1b;
  animation:mismatchPulse 1.6s ease-in-out infinite alternate;
}
@keyframes mismatchPulse{
  from{box-shadow:0 0 0 rgba(255,90,82,0)}
  to{box-shadow:0 0 18px rgba(255,90,82,.32)}
}
@media(max-width:1050px){
  .dual-status-grid{grid-template-columns:1fr;}
}

/* Milestone 10 — compact single-screen management dashboard */
.compact-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px}
.compact-dashboard-head h1{margin:2px 0;font-size:38px}
.compact-dashboard-head p{margin:0}
.compact-logo{width:76px;height:76px;object-fit:contain}
.management-strip{display:flex;align-items:center;gap:18px;padding:8px 13px;margin:8px 0 10px;border:1px solid var(--border);border-radius:8px;background:rgba(4,44,32,.72);font-size:13px}
.management-strip strong{color:var(--gold);letter-spacing:1.2px;white-space:nowrap}
.management-strip span{opacity:.85}
.amount-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.amount-summary-card{padding:15px 20px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(5,55,40,.92),rgba(7,40,31,.96))}
.amount-summary-card small{display:block;font-weight:800;letter-spacing:.8px;color:#f5e5b6}
.amount-summary-card strong{display:block;margin:5px 0 2px;font-size:31px;color:#55df83}
.amount-summary-card.pending strong{color:#f3b53c}
.amount-summary-card span{font-size:13px;opacity:.78}
.dual-status-grid.compact{gap:12px;margin-top:0}
.dual-status-grid.compact .status-control-panel{padding:13px}
.dual-status-grid.compact .status-panel-head{margin-bottom:8px}
.dual-status-grid.compact .status-panel-head h2{font-size:20px;margin:2px 0 0}
.compact-status-table{display:grid;gap:2px}
.compact-status-row{display:grid;grid-template-columns:28px 1fr 58px;align-items:center;gap:7px;min-height:31px;padding:3px 8px;border-radius:5px;text-decoration:none;color:#f7f4ea;background:rgba(2,28,21,.62);border:1px solid rgba(217,166,46,.12)}
.compact-status-row:hover{border-color:var(--gold);background:rgba(10,70,52,.78)}
.compact-status-row .status-index{opacity:.62;text-align:center}
.compact-status-row .status-name{font-weight:650}
.compact-status-row strong{text-align:center;color:var(--gold);font-size:16px}
.compact-reconcile{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}
.compact-reconcile>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px;border-radius:6px;background:rgba(2,29,22,.72);font-size:12px}
.compact-reconcile b{font-size:15px}
.compact-reconcile em{font-style:normal;font-size:10px;font-weight:900;padding:3px 5px;border-radius:4px}
.compact-reconcile .matched{border:1px solid rgba(63,202,118,.5)}
.compact-reconcile .matched em{color:#a8f0c2;background:rgba(17,102,59,.4)}
.compact-reconcile .mismatch{border:1px solid #ff5a52;background:rgba(160,31,28,.25)}
.compact-reconcile .mismatch em{color:#ffd0cc;background:#6b211d}
@media(max-width:1050px){.amount-summary-grid,.dual-status-grid.compact{grid-template-columns:1fr}.management-strip{align-items:flex-start;flex-direction:column;gap:3px}}

/* Milestone 12 — Modular Users + Photo Profiles + MD Audit */
.user-create-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr 1.2fr auto;gap:9px}.user-create-grid input,.user-create-grid select{padding:11px;border:1px solid var(--border);border-radius:8px;background:#06281f;color:#fff}.small-note{font-size:12px;margin-top:9px}
.user-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(345px,1fr));gap:15px}.user-profile-card{background:linear-gradient(145deg,rgba(8,58,43,.95),rgba(3,32,24,.97));border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.user-disabled{opacity:.66;filter:saturate(.7)}
.user-card-top{display:flex;align-items:center;gap:13px}.user-avatar{width:72px;height:72px;border-radius:14px;object-fit:cover;border:2px solid var(--gold);background:#05271e}.avatar-fallback{display:grid;place-items:center;color:var(--gold-2);font-size:28px;font-weight:900}.user-card-identity{flex:1}.user-card-identity h3{margin:0 0 5px;color:#fff;font-size:20px}.user-card-identity small{display:block;color:var(--muted);margin-top:5px}.role-pill{display:inline-block;background:rgba(217,166,46,.14);border:1px solid var(--border);color:var(--gold-2);border-radius:15px;padding:4px 9px;font-size:11px;font-weight:800}.access-dot{font-size:10px;font-weight:900;padding:5px 7px;border-radius:10px}.access-dot.active{color:#a8f0c2;background:#154d2d}.access-dot.inactive{color:#ffd0cc;background:#6b211d}
.user-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.user-card-facts>div{background:rgba(2,29,22,.65);border-radius:8px;padding:8px 10px}.user-card-facts span{display:block;color:var(--muted);font-size:10px}.user-card-facts b{font-size:12px}.user-card-actions{display:flex;gap:8px;align-items:center}.user-card-actions form{margin:0}.protected-label{color:var(--gold);font-size:12px}
.profile-hero{display:flex;align-items:center;gap:18px;padding:18px 22px;background:linear-gradient(120deg,#063a2b,#031f17);border:1px solid var(--border);border-radius:18px;margin-bottom:14px}.profile-photo-xl{width:118px;height:118px;object-fit:cover;border-radius:18px;border:2px solid var(--gold);background:#031d16}.profile-photo-fallback{display:grid;place-items:center;font-size:46px;color:var(--gold-2);font-weight:900}.profile-hero-info{flex:1}.profile-hero-info h1{margin:4px 0}.profile-hero-info p{color:var(--muted);margin:7px 0 0}.profile-badges{display:flex;gap:6px;flex-wrap:wrap}.profile-badges span{border:1px solid var(--border);border-radius:13px;padding:4px 8px;font-size:11px;color:var(--gold-2)}.profile-hero-actions{display:flex;gap:7px;flex-wrap:wrap}
.module-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 0}.module-tab{background:#073126;color:#dfe9e3;border:1px solid rgba(217,166,46,.2);box-shadow:none}.module-tab.active{background:linear-gradient(135deg,#b98317,#e7b83f);color:#102219}.profile-module{display:none}.profile-module.active{display:block}
.profile-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.profile-detail-grid>div{background:rgba(2,29,22,.65);border:1px solid rgba(217,166,46,.16);border-radius:8px;padding:10px}.profile-detail-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.profile-detail-grid b{font-size:13px}.security-control-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.security-reset-form{display:flex;gap:7px}.security-reset-form input{padding:10px;background:#05271e;color:#fff;border:1px solid var(--border);border-radius:7px;min-width:260px}
.split-case-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-profile-cards .card{min-height:100px}.audit-timeline{display:grid;gap:9px}.audit-event{display:grid;grid-template-columns:18px 1fr;gap:8px}.audit-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:6px;box-shadow:0 0 0 4px rgba(217,166,46,.12)}.audit-event>div:last-child{border-left:1px solid rgba(217,166,46,.25);padding:0 0 10px 10px}.audit-event b{color:var(--gold-2)}.audit-event span{display:block;color:var(--muted);font-size:11px;margin:2px 0}.audit-event p{margin:4px 0;white-space:pre-wrap}.audit-event small{color:#d9e1dc}
.audit-scroll{max-height:68vh}.audit-table{min-width:1500px}.audit-table thead th{position:sticky;top:0;z-index:2}.field-profile-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#063a2b,#031f17);border:1px solid var(--border);border-radius:18px;padding:16px 20px;margin-bottom:14px}.field-avatar{width:94px;height:94px;object-fit:cover;border-radius:16px;border:2px solid var(--gold)}.field-avatar.fallback{display:grid;place-items:center;font-size:36px;font-weight:900;color:var(--gold-2)}.field-profile-banner>div:nth-child(2){flex:1}.field-profile-banner h1{margin:3px 0}.field-profile-banner p{margin:0;color:var(--muted)}
@media(max-width:1100px){.user-create-grid{grid-template-columns:repeat(2,1fr)}.profile-detail-grid{grid-template-columns:repeat(2,1fr)}.split-case-panels{grid-template-columns:1fr}}
@media(max-width:650px){.user-create-grid,.profile-detail-grid{grid-template-columns:1fr}.profile-hero,.field-profile-banner{align-items:flex-start;flex-direction:column}.user-card-facts{grid-template-columns:1fr}.security-reset-form{flex-direction:column;width:100%}.security-reset-form input{min-width:0;width:100%}}


/* ============================================================
   MILESTONE 14 — KREDANSH SIGNATURE UI
   Built from stable M12. Keeps the existing 282px app shell.
   ============================================================ */
:root{
  --signature-gold:#e7ab25;
  --signature-gold-bright:#f3c54d;
  --signature-green:#003126;
  --signature-green-2:#062c22;
  --signature-panel:#07392b;
  --signature-line:rgba(231,171,37,.42);
  --signature-line-soft:rgba(231,171,37,.22);
  --signature-white:#f7f5ec;
}

/* Stable shell — dimensions intentionally preserved */
.sidebar.signature-sidebar{
  width:282px;
  padding:18px 14px 14px;
  background:
    radial-gradient(circle at 10% 5%,rgba(14,88,64,.22),transparent 26%),
    linear-gradient(180deg,#021f18 0%,#03261d 58%,#021912 100%);
  border-right:1px solid rgba(231,171,37,.28);
}
main{margin-left:282px}
.signature-brand{
  min-height:84px;
  padding:0 8px 16px;
  display:flex;
  text-align:left;
  align-items:center;
  gap:12px;
}
.signature-brand .brand-logo{
  width:68px;height:68px;flex:0 0 68px;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.42));
}
.signature-brand-copy{min-width:0}
.signature-brand .brand-name{
  font-size:22px;
  letter-spacing:1px;
  margin:0;
  color:var(--signature-gold-bright);
  line-height:1;
}
.signature-brand .brand-sub{
  color:#f1e6c8;
  letter-spacing:1.9px;
  font-size:11px;
  margin-top:7px;
}
.signature-nav{margin-top:8px}
.signature-nav .nav-group-label{
  margin:16px 12px 6px;
  color:var(--signature-gold-bright);
  font-size:10px;
  letter-spacing:1.2px;
  font-weight:900;
}
.signature-nav a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  margin:3px 0;
  padding:9px 11px;
  border-radius:9px;
  background:transparent;
  border:1px solid transparent;
  font-size:13px;
  font-weight:500;
}
.signature-nav a:hover{
  transform:none;
  color:var(--signature-gold-bright);
  border-color:rgba(231,171,37,.46);
  background:linear-gradient(90deg,rgba(231,171,37,.19),rgba(231,171,37,.04));
  box-shadow:inset 3px 0 0 var(--signature-gold);
}
.nav-ico{
  width:22px;
  color:var(--signature-gold-bright);
  text-align:center;
  font-size:15px;
}
.signature-sidebar-footer{
  display:flex;
  align-items:center;
  gap:9px;
  text-align:left;
  padding:13px 8px 0;
}
.footer-kc{
  width:42px;height:42px;border-radius:8px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#f2c44b,#be8110);
  color:#13251d;font-weight:900;font-size:17px;
  flex:0 0 42px;
}
.signature-sidebar-footer b{display:block;color:#fff;font-size:12px}
.signature-sidebar-footer small{display:block;color:#aebeb5;font-size:9px;margin-top:3px}

/* Topbar inspired by approved visual */
.topbar.signature-topbar{
  height:84px;
  padding:0 28px;
  background:rgba(1,25,19,.97);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar-context{
  margin:auto;
  transform:translateX(80px);
  display:flex;align-items:center;gap:9px;
  padding:9px 18px;border:1px solid rgba(231,171,37,.24);
  border-radius:999px;color:#dce5df;font-size:12px;
  background:rgba(5,42,32,.52);
}
.topbar-context i{width:5px;height:5px;border-radius:50%;background:var(--signature-gold);display:block}
.signature-user{min-width:180px;justify-content:flex-end}
.signature-user-circle{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(145deg,#f1c349,#b97d0d);
  border:2px solid #f5d36d;
  display:grid;place-items:center;color:#14231c;font-weight:900;
}
.signature-user-copy b{display:block;color:#fff!important;font-size:12px!important}
.signature-user-copy span{display:block;color:var(--signature-gold-bright);font-size:10px;margin-top:2px}
.signature-logout{
  margin-left:7px;padding:9px 12px;border-radius:8px;
  border:1px solid rgba(231,171,37,.35);
  color:#f4cf75;font-size:11px;
}
.signature-page-wrap{padding:24px 26px 42px}

/* Signature module header */
.signature-module{max-width:1680px;margin:0 auto}
.signature-command-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin-bottom:15px;
}
.signature-title-zone{display:flex;align-items:center;gap:16px;min-width:0}
.signature-title-icon{
  width:62px;height:62px;border:1px solid rgba(231,171,37,.42);
  border-radius:12px;display:grid;place-items:center;
  font-size:28px;color:var(--signature-gold-bright);
  background:radial-gradient(circle,rgba(231,171,37,.16),rgba(4,40,30,.7));
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.signature-title-zone h1{
  margin:4px 0 4px!important;
  font-size:34px!important;
  line-height:1.05;
  color:var(--signature-gold-bright)!important;
  letter-spacing:.3px!important;
  text-shadow:0 0 18px rgba(231,171,37,.09);
}
.signature-title-zone .eyebrow{
  font-size:10px;letter-spacing:1.6px;color:var(--signature-gold-bright)
}
.signature-title-zone p{font-size:13px}
.signature-title-zone p b{color:var(--signature-gold)}
.signature-actions{
  display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap
}
.signature-actions button,.signature-actions .btn{
  min-height:48px;padding:10px 17px;
  border:1px solid rgba(231,171,37,.68);
  background:linear-gradient(180deg,rgba(7,51,39,.98),rgba(3,35,27,.98));
  color:var(--signature-gold-bright);
  box-shadow:none;
  font-size:12px;
}
.signature-actions button:hover,.signature-actions .btn:hover{
  filter:none;background:rgba(231,171,37,.14);color:#fff0bc
}

/* EXACT: six compact cards in one line on desktop */
.signature-kpis{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.signature-kpis .card{
  min-height:118px!important;
  height:118px;
  padding:13px 14px!important;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:11px;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 88% 92%,rgba(33,115,79,.19),transparent 34%),
    linear-gradient(145deg,#06372a,#052d23)!important;
  border:1px solid rgba(231,171,37,.34)!important;
  box-shadow:none!important;
}
.signature-kpis .card:after{display:none}
.signature-kpis .metric-icon{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;font-weight:900;font-size:22px;
  background:rgba(10,126,83,.14);color:#22d983;
  box-shadow:0 0 0 7px rgba(10,126,83,.05);
}
.signature-kpis small{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--signature-gold-bright)!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap;
  letter-spacing:.25px;
}
.signature-kpis strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.05!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.signature-kpis span{
  display:block!important;
  margin-top:4px;
  color:#d9e1dc!important;
  font-size:9px!important;
}
.signature-kpis .metric-outstanding .metric-icon{color:#f2b82e;background:rgba(199,139,16,.14)}
.signature-kpis .metric-collected .metric-icon{color:#29df82;background:rgba(17,141,80,.14)}
.signature-kpis .metric-ptp .metric-icon{color:#39b8ff;background:rgba(27,130,191,.14)}
.signature-kpis .metric-pending .metric-icon{color:#ff625a;background:rgba(183,51,45,.15)}
.signature-kpis .metric-unallocated .metric-icon{color:#c986ff;background:rgba(131,61,187,.16)}
.signature-kpis .metric-outstanding strong{color:#f5f5ef!important}
.signature-kpis .metric-collected strong{color:#f5f5ef!important}

/* Signature panels */
.signature-filter-panel,
.signature-module .case-list,
.signature-module .live-workspace{
  background:
    radial-gradient(circle at 96% 5%,rgba(10,91,66,.10),transparent 26%),
    linear-gradient(145deg,rgba(6,57,43,.93),rgba(3,39,30,.97));
  border:1px solid rgba(231,171,37,.34);
  box-shadow:none;
  border-radius:13px;
}
.signature-filter-panel{
  margin:0 0 14px!important;
  padding:13px 15px!important;
}
.signature-section-head h2,
.signature-module .case-list h2{
  color:var(--signature-gold-bright)!important;
  font-size:17px!important;
  letter-spacing:.2px;
}
.signature-filter-panel .section-head{margin-bottom:8px!important}
.signature-filter-panel .filter-grid{
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:8px;
}
.signature-filter-panel input,
.signature-filter-panel select{
  min-height:40px;padding:8px 10px;
  border-radius:8px;background:#04271e;
  border-color:rgba(231,171,37,.31)
}
.signature-filter-panel label{font-size:10px;color:var(--signature-gold-bright)}
.signature-filter-panel button{min-height:40px;padding:8px 14px}
.signature-filter-panel .mini{padding:7px 11px;font-size:10px}

/* Case list more like approved concept */
.signature-module .case-list .section-head{
  padding:13px 15px 8px!important;margin:0!important
}
.signature-module .case-list .section-head span{
  padding:5px 9px;border-radius:999px;
  background:rgba(19,119,78,.22);color:#a9e6c6;
  font-size:10px;border:1px solid rgba(49,168,113,.15)
}
.signature-module th{
  background:#03251d;
  color:#f2cf75;
  font-size:10px;
  padding:10px;
}
.signature-module td{font-size:11px;padding:9px 10px}
.signature-module .status{font-size:9px}

/* Give all remaining modules the same design language without changing their layout */
.signature-page-wrap > .page-title-row h1,
.signature-page-wrap > .compact-dashboard-head h1,
.signature-page-wrap section h2,
.signature-page-wrap .section-title-row h2{
  color:var(--signature-gold-bright);
}
.signature-page-wrap section,
.signature-page-wrap .user-profile-card,
.signature-page-wrap .profile-hero,
.signature-page-wrap .field-profile-banner{
  border-color:rgba(231,171,37,.34);
}
.signature-page-wrap .btn,
.signature-page-wrap button{
  border-radius:8px;
}
.signature-page-wrap .user-profile-card,
.signature-page-wrap .profile-hero,
.signature-page-wrap .field-profile-banner{
  background:
    radial-gradient(circle at 92% 8%,rgba(16,111,77,.12),transparent 32%),
    linear-gradient(145deg,#06372a,#03271e);
}
.signature-page-wrap .module-tab.active{
  background:linear-gradient(135deg,#c68b16,#efbd43)!important;
  color:#102219!important;
}

/* Dashboard signature */
.compact-dashboard-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;margin-bottom:12px;
}
.compact-dashboard-head h1{
  font-size:34px!important;color:var(--signature-gold-bright)!important;margin:3px 0!important
}
.compact-logo{width:64px!important;height:64px!important}
.management-strip{
  border:1px solid rgba(231,171,37,.32)!important;
  background:linear-gradient(90deg,rgba(231,171,37,.13),rgba(5,48,36,.6))!important;
  border-radius:10px!important;
}
.amount-summary-card,.status-control-panel{
  border-color:rgba(231,171,37,.32)!important;
  box-shadow:none!important;
}

/* Auth screens stay premium and consistent */
.auth-card{
  background:
    radial-gradient(circle at 50% 0%,rgba(19,105,76,.22),transparent 28%),
    linear-gradient(145deg,#06382a,#031f17)!important;
  border-color:rgba(231,171,37,.58)!important;
}
.auth-card h1{color:var(--signature-gold-bright)!important}

/* Responsive: preserve usability */
@media(max-width:1380px){
  .signature-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .signature-kpis .card{height:105px;min-height:105px!important}
}
@media(max-width:1050px){
  .signature-command-head{grid-template-columns:1fr}
  .signature-actions{justify-content:flex-start}
  .topbar-context{transform:none}
  .signature-filter-panel .filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}
}
@media(max-width:900px){
  .sidebar.signature-sidebar{position:relative;width:100%;height:auto}
  main{margin-left:0}
  .signature-brand{justify-content:center}
  .signature-nav a{display:flex}
  .topbar.signature-topbar{height:auto;min-height:70px;gap:12px;flex-wrap:wrap;padding:12px 18px}
}
@media(max-width:620px){
  .signature-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .signature-kpis .card{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:10px!important}
  .signature-kpis .metric-icon{width:34px;height:34px;font-size:17px}
  .signature-title-icon{display:none}
  .signature-title-zone h1{font-size:25px!important}
  .signature-filter-panel .filter-grid{grid-template-columns:1fr}
  .topbar-context{display:none}
}


/* MILESTONE 14.1 — PASSWORD VISIBILITY TOGGLE */
.pw-field{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.pw-field input{
  width:100%;
  padding-right:48px !important;
}
.pw-eye-btn{
  position:absolute !important;
  right:7px;
  top:50%;
  transform:translateY(-50%) !important;
  width:34px;
  height:34px;
  min-height:34px !important;
  padding:0 !important;
  border-radius:8px !important;
  border:1px solid rgba(231,171,37,.32) !important;
  background:rgba(3,38,29,.94) !important;
  color:#f3c54d !important;
  box-shadow:none !important;
  font-size:16px !important;
  line-height:1 !important;
  z-index:2;
}
.pw-eye-btn:hover{
  transform:translateY(-50%) !important;
  background:rgba(231,171,37,.15) !important;
}


/* ============================================================
   MILESTONE 14.2 — SIDEBAR INDEPENDENT SCROLL FIX
   Fixes sidebar not moving up/down while keeping main page scroll separate.
   ============================================================ */

.sidebar,
.sidebar.signature-sidebar{
  height:100vh !important;
  max-height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}

/* Let the navigation consume natural height instead of being clipped */
.signature-nav{
  flex:0 0 auto !important;
  min-height:max-content;
}

/* Footer stays part of sidebar content and remains reachable by scrolling */
.sidebar-footer,
.signature-sidebar-footer{
  flex:0 0 auto !important;
  margin-top:22px !important;
  margin-bottom:8px !important;
}

/* Premium slim scrollbar */
.sidebar::-webkit-scrollbar,
.sidebar.signature-sidebar::-webkit-scrollbar{
  width:7px;
}
.sidebar::-webkit-scrollbar-track,
.sidebar.signature-sidebar::-webkit-scrollbar-track{
  background:rgba(1,19,14,.45);
}
.sidebar::-webkit-scrollbar-thumb,
.sidebar.signature-sidebar::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#efbd43,#9d6a0c);
  border-radius:999px;
  border:2px solid rgba(2,30,22,.75);
}
.sidebar::-webkit-scrollbar-thumb:hover,
.sidebar.signature-sidebar::-webkit-scrollbar-thumb:hover{
  background:#f3c54d;
}

/* Firefox */
.sidebar,
.sidebar.signature-sidebar{
  scrollbar-width:thin;
  scrollbar-color:#d99e21 #031d16;
}

/* Main page remains independently scrollable */
html,body{
  min-height:100%;
}
body{
  overflow-y:auto;
}
main{
  min-height:100vh;
}

/* On desktop, sidebar remains fixed while only its own contents scroll */
@media(min-width:901px){
  .sidebar.signature-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
  }
}

/* On smaller screens do not force desktop fixed scrolling behavior */
@media(max-width:900px){
  .sidebar,
  .sidebar.signature-sidebar{
    height:auto !important;
    max-height:none !important;
    overflow-y:visible !important;
    scrollbar-gutter:auto;
  }
}


/* ============================================================
   MILESTONE 14.3 — TEAM PORTALS
   ============================================================ */
.team-portal-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:13px;
}
.team-portal-card{
  border:1px solid rgba(231,171,37,.34);
  border-radius:14px;
  padding:15px;
  background:
    radial-gradient(circle at 92% 7%,rgba(18,118,81,.14),transparent 34%),
    linear-gradient(145deg,#06372a,#03271e);
}
.team-portal-head{display:flex;align-items:center;gap:12px}
.team-portal-head h3{margin:0 0 5px;color:#f3c54d}
.team-portal-head small{display:block;color:#b7c5bd;margin-top:5px}
.team-portal-photo{
  width:64px;height:64px;border-radius:13px;object-fit:cover;
  border:2px solid #d9a024;background:#03251c
}
.team-photo-fallback{
  display:grid;place-items:center;color:#f3c54d;font-size:25px;font-weight:900
}
.team-portal-info{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0
}
.team-portal-info>div{
  padding:8px 9px;border-radius:8px;
  background:rgba(1,29,22,.62);border:1px solid rgba(231,171,37,.11)
}
.team-portal-info span{display:block;color:#9eb1a7;font-size:9px;text-transform:uppercase;letter-spacing:.5px}
.team-portal-info b{display:block;color:#f1f4ef;font-size:11px;margin-top:3px}
.team-portal-actions{display:flex;justify-content:flex-end}
@media(max-width:600px){.team-portal-info{grid-template-columns:1fr}}

/* MILESTONE 14.4 — GLOBAL CASE SEARCH — DATA SAFE */
.global-case-search-form{flex:1;max-width:640px;margin:0 16px;display:flex;align-items:center;height:42px;border:1px solid rgba(231,171,37,.35);border-radius:10px;background:#03271e;overflow:hidden}
.global-search-icon{padding-left:12px;color:#f3c54d;font-size:18px}.global-case-search-form input{min-width:0;flex:1;border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 10px!important;color:#fff}
.global-case-search-form select{width:125px;border:0!important;border-left:1px solid rgba(231,171,37,.2)!important;border-radius:0!important;background:#042d22!important;padding:8px!important;font-size:10px}.global-case-search-form button{height:100%;border-radius:0!important;padding:0 14px!important;background:linear-gradient(135deg,#c78b16,#efbd43)!important;color:#102219!important}
.global-search-panel{padding:14px!important}.global-search-large{display:grid;grid-template-columns:minmax(250px,1fr) 220px auto;gap:9px}.global-search-large input,.global-search-large select{min-height:46px}
.module-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.module-badge.collection{background:rgba(30,163,94,.18);color:#64e89b;border:1px solid rgba(30,163,94,.28)}.module-badge.enforcement{background:rgba(231,171,37,.15);color:#f3c54d;border:1px solid rgba(231,171,37,.28)}.empty-search{padding:30px;text-align:center;color:#b8c5bd}
@media(max-width:1200px){.topbar-context{display:none}.global-case-search-form{max-width:none}}@media(max-width:800px){.global-case-search-form select{display:none}.global-search-large{grid-template-columns:1fr}}


/* ============================================================
   MILESTONE 14.6 — TOPBAR + PROFILE FIX
   ============================================================ */

/* Global search dropdown readability */
.global-case-search-form select,
.global-case-search-form select option,
.global-search-large select,
.global-search-large select option{
  color:#f3c54d !important;
  background:#06372a !important;
}
.global-case-search-form select:focus,
.global-search-large select:focus{
  color:#f7d97d !important;
}
.global-case-search-form option:checked,
.global-search-large option:checked{
  background:#d99e21 !important;
  color:#102219 !important;
}

/* Topbar sorted layout — no overlap with MD/profile */
.topbar.signature-topbar{
  display:grid !important;
  grid-template-columns:minmax(420px,1fr) auto auto auto;
  gap:14px;
  align-items:center;
}
.global-case-search-form{
  margin:0 !important;
  max-width:none !important;
}
.topbar-module-links{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border:1px solid rgba(231,171,37,.28);
  border-radius:999px;
  background:rgba(5,42,32,.58);
  white-space:nowrap;
}
.topbar-module-links a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  color:#f3c54d;
  font-size:11px;
}
.topbar-module-links a:hover{background:rgba(231,171,37,.12);color:#fff0bd}
.topbar-profile-link{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:160px;
  text-decoration:none;
}
.topbar-profile-link:hover .signature-user-copy b{color:#f3c54d!important}
.signature-logout{margin-left:0!important;white-space:nowrap}

/* Profile page */
.profile-hero{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:20px;
  margin-bottom:14px;
  border:1px solid rgba(231,171,37,.34);
  border-radius:16px;
}
.profile-main-photo{
  width:110px;height:110px;border-radius:18px;object-fit:cover;
  border:2px solid #e4ab28;background:#062d22
}
.profile-fallback{display:grid;place-items:center;color:#f3c54d;font-size:42px;font-weight:900}
.profile-title-zone h1{margin:3px 0;color:#f3c54d}
.profile-title-zone p{margin:0;color:#d6e0da}
.profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.profile-tags span{padding:5px 8px;border-radius:999px;border:1px solid rgba(231,171,37,.25);color:#f3c54d;font-size:9px}
.profile-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.profile-info-grid>div{padding:13px;border-radius:11px;background:#06372a;border:1px solid rgba(231,171,37,.22)}
.profile-info-grid small{display:block;color:#9db0a6;font-size:9px;text-transform:uppercase}
.profile-info-grid b{display:block;color:#fff;margin-top:4px;font-size:12px}
.profile-admin-panel{margin-top:14px}
.danger-zone{margin-top:16px;padding:13px;border:1px solid rgba(255,92,85,.35);border-radius:10px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.danger-zone small{display:block;color:#c3cdc7;margin-top:4px}
.danger-btn{background:#7d211f!important;border-color:#ff6b63!important;color:#fff!important}
.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}
.document-card{padding:12px;border-radius:10px;border:1px solid rgba(231,171,37,.2);background:#04291f}
.document-card b,.document-card small{display:block}.document-card small{color:#9fb0a7;margin-top:4px}
@media(max-width:1300px){
  .topbar.signature-topbar{grid-template-columns:minmax(300px,1fr) auto auto}
  .topbar-module-links{display:none}
}
@media(max-width:900px){
  .topbar.signature-topbar{display:flex!important}
  .topbar-profile-link{margin-left:auto}
  .profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .profile-hero{grid-template-columns:1fr;text-align:center}
  .profile-photo-zone{display:flex;justify-content:center}
  .profile-tags{justify-content:center}
  .profile-info-grid{grid-template-columns:1fr}
}


/* ============================================================
   MILESTONE 14.7 — PREMIUM LOGIN + PERMANENT AUTH FIX
   ============================================================ */
.premium-login-body{
  margin:0;
  min-height:100vh;
  overflow:auto;
  background:
    radial-gradient(circle at 14% 16%,rgba(18,99,70,.24),transparent 31%),
    radial-gradient(circle at 85% 85%,rgba(231,171,37,.08),transparent 28%),
    #011b14;
  color:#f5f2e8;
}
.premium-login-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);
}
.premium-login-visual{
  position:relative;
  overflow:hidden;
  padding:46px 56px 34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid rgba(231,171,37,.24);
  background:
    linear-gradient(145deg,rgba(3,49,37,.96),rgba(1,26,20,.98));
}
.visual-grid-bg{
  position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:
    linear-gradient(rgba(231,171,37,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(231,171,37,.12) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom right,black,transparent 76%);
}
.login-brand-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.login-brand-lockup img{width:72px;height:72px;object-fit:contain}
.login-brand-name{font-size:28px;font-weight:900;letter-spacing:1.4px;color:#f3c54d}
.login-brand-sub{font-size:11px;letter-spacing:2.6px;color:#e8dfc8;margin-top:5px}
.visual-copy{position:relative;z-index:1;max-width:740px;margin:38px 0 20px}
.visual-copy .eyebrow{color:#f3c54d;letter-spacing:2px;font-size:11px;font-weight:900}
.visual-copy h1{font-size:58px;line-height:1.02;margin:13px 0 17px;color:#fff9e9}
.visual-copy p{max-width:690px;font-size:17px;line-height:1.65;color:#c5d4cc}
.recovery-visual-card{
  position:relative;z-index:1;max-width:760px;
  padding:18px;border:1px solid rgba(231,171,37,.35);
  border-radius:18px;background:rgba(3,37,28,.72);
  box-shadow:0 24px 60px rgba(0,0,0,.16);
}
.recovery-visual-head{display:flex;align-items:center;gap:12px}
.recovery-icon{
  width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,#f2c64f,#b97b0c);color:#102219;font-size:25px;font-weight:900
}
.recovery-visual-head b{display:block;color:#f5d477;font-size:16px}
.recovery-visual-head small{display:block;color:#aebfb6;margin-top:4px}
.recovery-steps{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}
.recovery-steps span{
  padding:7px 10px;border-radius:999px;background:rgba(16,116,76,.18);
  border:1px solid rgba(57,180,119,.2);color:#9de0bd;font-size:9px;font-weight:900;letter-spacing:.6px
}
.recovery-steps i{color:#e5ad2c;font-style:normal}
.institution-strip{position:relative;z-index:1;margin-top:20px}
.institution-label{font-size:9px;letter-spacing:1.7px;color:#f3c54d;margin-bottom:8px;font-weight:900}
.institution-logos{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}
.brandmark{
  min-height:70px;padding:10px 12px;border-radius:12px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.95);
  color:#1d2e29;display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:8px
}
.brandmark .brand-symbol{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900}
.brandmark b{font-size:13px;line-height:1}.brandmark small{font-size:8px;margin-top:3px}
.brandmark.piramal .brand-symbol{background:#f28c28;color:#fff}.brandmark.piramal b{color:#163a59}
.brandmark.equitas .brand-symbol{background:#1f4f91;color:#fff}.brandmark.equitas b{color:#1f4f91}
.brandmark.equitas small{color:#c8242f}
.brandmark.vastu .brand-symbol{background:#118360;color:#fff}.brandmark.vastu b{color:#1e6790}
.brandmark.generic .brand-symbol{background:#d5a22f;color:#13271f}
.visual-security-row{position:relative;z-index:1;display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#9fb2a8;font-size:9px}
.visual-security-row span::first-letter{color:#e9b535}
.premium-login-panel{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:38px 44px;background:linear-gradient(180deg,#02241b,#011a14)
}
.premium-auth-card{
  width:min(100%,470px);padding:32px;
  border:1px solid rgba(231,171,37,.43);border-radius:22px;
  background:
    radial-gradient(circle at 50% 0%,rgba(31,116,80,.2),transparent 33%),
    linear-gradient(145deg,#06382a,#03261d);
  box-shadow:0 28px 80px rgba(0,0,0,.26)
}
.mobile-brand{display:none}
.login-card-eyebrow{text-align:center;color:#f3c54d;font-size:9px;font-weight:900;letter-spacing:1.7px}
.premium-auth-card h2{text-align:center;margin:9px 0 3px;font-size:34px;color:#fff8e5}
.login-card-sub{text-align:center;margin:0 0 21px;color:#b9c9c1}
.premium-login-alert{
  padding:11px 13px;margin-bottom:14px;border-radius:10px;
  background:rgba(146,89,5,.55);border:1px solid rgba(243,197,77,.46);
  color:#fff1bf;text-align:center;font-size:12px
}
.premium-login-form label{display:block;margin:12px 0;color:#f3c54d;font-size:9px;font-weight:900;letter-spacing:.8px}
.login-input-wrap{position:relative;margin-top:6px}
.login-input-wrap input{
  width:100%;min-height:52px;padding:0 50px 0 44px!important;
  border-radius:11px!important;background:#f3f7f5!important;color:#102219!important;
  border:1px solid rgba(231,171,37,.36)!important;font-size:14px!important
}
.login-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:#b17d12}
.login-eye{
  position:absolute!important;right:8px;top:50%;transform:translateY(-50%)!important;
  width:36px;height:36px;min-height:36px!important;padding:0!important;border-radius:9px!important;
  background:#073c2d!important;color:#f3c54d!important;border:1px solid rgba(231,171,37,.38)!important
}
.premium-login-button{
  width:100%;min-height:52px;margin-top:7px;padding:0 18px!important;
  display:flex;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(135deg,#c98d16,#f0c34b)!important;color:#102219!important;
  border:0!important;border-radius:11px!important;font-weight:900!important
}
.premium-login-button b{font-size:18px}
.premium-forgot{display:block;text-align:center;color:#f3c54d;margin:18px 0 4px;font-size:12px}
.login-security-note{
  display:flex;gap:10px;align-items:center;padding:12px;margin-top:18px;border-radius:11px;
  border:1px solid rgba(231,171,37,.15);background:rgba(2,30,22,.62)
}
.shield-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(29,150,91,.18);color:#64e89b;font-weight:900}
.login-security-note b{display:block;color:#e9ce86;font-size:10px}.login-security-note small{display:block;color:#9fb0a7;font-size:9px;margin-top:3px;line-height:1.4}
.login-footer-note{margin-top:13px;color:#748b7e;font-size:9px;letter-spacing:.5px}
@media(max-width:1100px){
  .premium-login-shell{grid-template-columns:1fr}
  .premium-login-visual{display:none}
  .premium-login-panel{min-height:100vh}
  .mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;color:#f3c54d}
  .mobile-brand img{width:58px;height:58px}.mobile-brand b{font-size:18px}
}
@media(max-width:520px){
  .premium-login-panel{padding:18px}
  .premium-auth-card{padding:24px 18px}
}


/* ============================================================
   MILESTONE 14.8 — CLEAN TOPBAR FINAL FIX
   Removes duplicate MD block and prevents overlap.
   ============================================================ */

.clean-topbar{
  min-height:88px !important;
  height:88px !important;
  display:grid !important;
  grid-template-columns:minmax(360px,1fr) max-content max-content max-content !important;
  align-items:center !important;
  gap:18px !important;
  padding:0 24px !important;
  overflow:visible !important;
}

.clean-global-search{
  width:100% !important;
  min-width:0 !important;
  max-width:760px !important;
  margin:0 !important;
}

.clean-global-search select,
.clean-global-search select option{
  color:#f3c54d !important;
  background:#07372a !important;
  font-weight:700 !important;
}
.clean-global-search option:checked{
  color:#102219 !important;
  background:#e2a829 !important;
}

.clean-module-links{
  margin:0 !important;
  flex:0 0 auto !important;
  min-width:max-content !important;
  padding:5px 8px !important;
  gap:0 !important;
  border-radius:999px !important;
}
.clean-module-links a{
  min-width:auto !important;
  padding:8px 9px !important;
  gap:5px !important;
  color:#f0e6ca !important;
  font-size:11px !important;
}
.clean-module-links a span{
  color:#e8ad26 !important;
  font-size:9px !important;
}
.clean-module-links a b{
  font-weight:500 !important;
  white-space:nowrap !important;
}
.clean-module-links a:hover{
  color:#f3c54d !important;
}

.clean-profile-link{
  min-width:190px !important;
  max-width:220px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.clean-user-circle{
  width:46px !important;
  height:46px !important;
  flex:none !important;
  position:static !important;
  transform:none !important;
}
.clean-user-copy{
  min-width:0 !important;
  overflow:hidden !important;
}
.clean-user-copy b{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.2 !important;
  font-size:12px !important;
}
.clean-user-copy span{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.2 !important;
  margin-top:3px !important;
}

.clean-logout{
  position:static !important;
  transform:none !important;
  margin:0 !important;
  min-width:76px !important;
  text-align:center !important;
}

/* Normal laptop widths: keep profile visible, hide module chips before overlap. */
@media (max-width:1350px){
  .clean-topbar{
    grid-template-columns:minmax(330px,1fr) max-content max-content !important;
    gap:12px !important;
  }
  .clean-module-links{
    display:none !important;
  }
}

/* Narrow desktop/tablet: search remains usable and profile compact. */
@media (max-width:1050px){
  .clean-topbar{
    grid-template-columns:minmax(260px,1fr) max-content max-content !important;
    padding:0 14px !important;
  }
  .clean-profile-link{
    min-width:54px !important;
    max-width:54px !important;
    grid-template-columns:46px !important;
  }
  .clean-user-copy{
    display:none !important;
  }
}

/* Mobile */
@media (max-width:760px){
  .clean-topbar{
    height:auto !important;
    min-height:76px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 46px !important;
    gap:8px !important;
    padding:10px 12px !important;
  }
  .clean-global-search{
    grid-column:1 / -1 !important;
    max-width:none !important;
    order:2 !important;
  }
  .clean-global-search select{
    display:none !important;
  }
  .clean-profile-link{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
  }
  .clean-logout{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:46px !important;
    padding:8px !important;
    font-size:0 !important;
  }
  .clean-logout::after{
    content:"↪";
    font-size:18px;
    color:#f3c54d;
  }
}

/* ============================================================
   MILESTONE 14.9 — BANK MANAGER
   ============================================================ */
.bank-manager-hero{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}
.bank-manager-hero h1{margin:4px 0;color:#f3c54d;font-size:36px}
.bank-manager-actions{display:flex;gap:8px;flex-wrap:wrap}
.bank-manager-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.bank-summary-card{padding:14px 16px;border:1px solid rgba(231,171,37,.28);border-radius:12px;background:linear-gradient(145deg,#06372a,#03271e)}
.bank-summary-card small{display:block;color:#f3c54d;font-size:9px;font-weight:900;letter-spacing:.7px}
.bank-summary-card strong{display:block;color:#fff;font-size:28px;margin-top:5px}
.bank-manager-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(480px,1.2fr);gap:14px;margin-bottom:14px}
.india-map-panel,.bank-entry-panel,.bank-table-panel{border:1px solid rgba(231,171,37,.3);border-radius:14px;background:linear-gradient(145deg,#06372a,#03271e);padding:15px}
.india-map-wrap{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(180px,1.1fr);gap:12px;align-items:center}
.india-map-svg{width:100%;max-height:330px}
.india-silhouette{fill:url(#indiaFill);stroke:#e7ab25;stroke-width:3;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.india-map-svg circle{fill:#f3c54d;stroke:#fff3bd;stroke-width:2}
.map-legend b{display:block;color:#f3c54d;font-size:16px}.map-legend>span{display:block;color:#aebfb6;font-size:10px;margin-top:4px;line-height:1.5}
.state-coverage-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px;max-height:150px;overflow:auto}
.state-coverage-list span{padding:5px 7px;border-radius:999px;background:rgba(231,171,37,.08);border:1px solid rgba(231,171,37,.18);font-size:8px;color:#dbe4df}
.state-coverage-list span b{display:inline;color:#f3c54d;font-size:8px}
.bank-manager-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bank-manager-form label{font-size:9px;color:#f3c54d;font-weight:900;letter-spacing:.4px}
.bank-manager-form input,.bank-manager-form select{width:100%;min-height:44px;margin-top:5px}
.bank-manager-form select,.bank-manager-form select option{color:#f3c54d!important;background:#06372a!important}
.bank-manager-form label:nth-child(4),.bank-manager-form label:nth-child(5),.bank-manager-form label:nth-child(6){grid-column:auto}
.field-help{display:block;color:#96aaa0;font-size:8px;margin-top:4px;font-weight:400;line-height:1.4}
.bank-form-actions{grid-column:1/-1;display:flex;gap:8px}
.bank-form-actions .secondary{background:#073226!important;color:#f3c54d!important;border:1px solid rgba(231,171,37,.35)!important}
.bank-manager-table td,.bank-manager-table th{white-space:nowrap}
.bank-manager-table td:nth-child(4){white-space:normal;min-width:170px}
@media(max-width:1100px){.bank-manager-grid{grid-template-columns:1fr}.india-map-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bank-manager-summary{grid-template-columns:1fr}.bank-manager-form{grid-template-columns:1fr}.bank-manager-hero{align-items:start;flex-direction:column}.india-map-wrap{grid-template-columns:1fr}}
@media print{
 .sidebar,.topbar,.print-hide{display:none!important}
 main{margin-left:0!important}
 .page-wrap{padding:0!important}
 .bank-manager-page{color:#000!important}
 .bank-table-panel{border:0!important;background:#fff!important}
 .bank-manager-table th,.bank-manager-table td{color:#000!important;border:1px solid #bbb!important}
}

/* MILESTONE 15.0 — 7D PAN INDIA BANK NETWORK VISUAL */
.india-map-visual-wrap{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
.india-7d-frame{width:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(243,197,77,.35);background:#012b21;box-shadow:0 14px 30px rgba(0,0,0,.24)}
.india-7d-network-image{display:block;width:100%;height:auto;object-fit:contain}
.india-map-visual-wrap .map-legend{padding-top:8px}
.india-map-visual-wrap .map-legend>b{display:block;color:#f3c54d;font-size:18px;margin-bottom:4px}
@media(min-width:1200px){.bank-manager-grid{grid-template-columns:minmax(520px,1.05fr) minmax(520px,.95fr)}}
@media(max-width:1100px){.india-map-visual-wrap{grid-template-columns:1fr!important}}

/* MILESTONE 15.1 — DATA VISIBILITY / SYNC */
.enforcement-import-panel{margin-bottom:14px;border:1px solid rgba(231,171,37,.3);border-radius:14px;background:linear-gradient(145deg,#06372a,#03271e);padding:14px}.dashboard-bank-summary{margin-top:14px}.bank-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.bank-live-card{padding:12px;border:1px solid rgba(231,171,37,.25);border-radius:11px;background:#053427}.bank-live-card>b{display:block;color:#f3c54d;margin-bottom:8px}.bank-live-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bank-live-card span,.bank-live-card a{font-size:9px;color:#aebfb6;text-decoration:none}.bank-live-card strong{display:block;color:#fff;font-size:16px;margin-top:2px}

/* ============================================================
   MILESTONE 15.2 — EMPLOYEE PROFILE MANAGEMENT
   ============================================================ */
.employee-register-actions,.employee-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
.employee-register-card,.employee-info-panel,.employee-documents-panel{
  border:1px solid rgba(231,171,37,.28);border-radius:14px;background:linear-gradient(145deg,#06372a,#03271e);padding:15px;margin-bottom:14px
}
.employee-register-table th{color:#f3c54d!important}
.employee-list-photo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #d9a024}
.employee-photo-fallback{display:grid;place-items:center;color:#f3c54d;font-weight:900;background:#07382b}
.employee-profile-hero{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;margin-bottom:14px;padding:18px;border:1px solid rgba(231,171,37,.28);border-radius:15px;background:linear-gradient(145deg,#06372a,#03271e)}
.employee-profile-photo{width:110px;height:110px;border-radius:18px;object-fit:cover;border:2px solid #e4ab28}
.employee-profile-title h1{margin:4px 0;color:#f3c54d}.employee-profile-title p{margin:0;color:#d7e0db}
.employee-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.employee-profile-form label{font-size:9px;color:#f3c54d;font-weight:900}.employee-profile-form input,.employee-profile-form select,.employee-profile-form textarea{width:100%;margin-top:5px;min-height:42px}.employee-profile-form textarea{min-height:82px}
.employee-profile-form .wide{grid-column:1/-1}.employee-profile-form .form-actions{grid-column:1/-1}
.employee-document-upload{display:grid;grid-template-columns:220px 1fr auto;gap:10px;align-items:end;margin-bottom:14px}
.employee-document-upload label{font-size:9px;color:#f3c54d;font-weight:900}.employee-document-upload input,.employee-document-upload select{margin-top:5px}
.employee-document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}
.employee-document-card{padding:12px;border:1px solid rgba(231,171,37,.18);border-radius:10px;background:#042a20}
.employee-document-card b,.employee-document-card small,.employee-document-card span{display:block}.employee-document-card small{color:#9fb0a7;margin-top:4px}.employee-document-card span{color:#f3c54d;margin-top:8px;font-size:9px}
.employee-delete-zone{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,92,85,.38);border-radius:12px;background:rgba(90,20,18,.12)}
.employee-delete-zone small{display:block;color:#b9c7bf;margin-top:4px}
.employee-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;place-items:center;z-index:9999;padding:20px}.employee-modal.open{display:grid}.employee-modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;position:relative;padding:24px;border-radius:16px;background:#043126;border:1px solid #d8a126}.employee-modal-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:50%!important;padding:0!important}
@media(max-width:850px){.employee-profile-hero{grid-template-columns:1fr;text-align:center}.employee-profile-hero>div:first-child{display:flex;justify-content:center}.employee-profile-actions{justify-content:center}.employee-profile-form{grid-template-columns:1fr}.employee-document-upload{grid-template-columns:1fr}}
@media print{.print-hide,.sidebar,.topbar{display:none!important}.employee-register-card,.employee-info-panel,.employee-documents-panel{border:0!important;background:#fff!important}.employee-register-table th,.employee-register-table td{color:#000!important;border:1px solid #aaa!important}}

.document-card-actions{display:flex;gap:7px;align-items:center;margin-top:10px;flex-wrap:wrap}
.document-card-actions a,.document-card-actions button{padding:6px 8px!important;border-radius:7px!important;font-size:9px!important;min-height:auto!important}
.document-card-actions form{margin:0}
.rich-doc-upload{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important}
@media(max-width:900px){.rich-doc-upload{grid-template-columns:1fr!important}}


/* ============================================================
   MILESTONE 15.6 — STICKY HORIZONTAL SCROLLBAR
   ============================================================ */
.kredansh-sticky-hscroll{
  position:fixed;
  left:calc(var(--sidebar-width, 278px) + 18px);
  right:18px;
  bottom:10px;
  height:18px;
  overflow-x:auto;
  overflow-y:hidden;
  z-index:9998;
  display:none;
  border:1px solid rgba(231,171,37,.42);
  border-radius:9px;
  background:#062e23;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.kredansh-sticky-hscroll.show{display:block}
.kredansh-sticky-hscroll>div{height:1px;min-width:100%}
.kredansh-sticky-hscroll::-webkit-scrollbar{height:14px}
.kredansh-sticky-hscroll::-webkit-scrollbar-track{
  background:#062e23;
  border-radius:999px;
}
.kredansh-sticky-hscroll::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#b97d11,#efc34b);
  border-radius:999px;
  border:2px solid #062e23;
}
.kredansh-sticky-hscroll{
  scrollbar-color:#dca128 #062e23;
  scrollbar-width:auto;
}
@media(max-width:900px){
  .kredansh-sticky-hscroll{left:12px;right:12px;bottom:8px}
}

/* Employee tables remain vertically stable while horizontal scrolling. */
.employee-register-card .table-scroll,
.employee-info-panel .table-scroll,
.employee-documents-panel .table-scroll{
  position:relative;
  overflow:auto;
  max-width:100%;
}

/* Keep table headings visible during vertical browsing. */
.employee-register-table thead th{
  position:sticky;
  top:0;
  z-index:4;
  background:#03271e !important;
}

.sticky-scroll-note{
  margin:0 0 8px;
  color:#a9bbb1;
  font-size:9px;
  letter-spacing:.25px;
}


/* ============================================================
   MILESTONE 15.7 — ROW CLICK QUICK FORM
   Collection • Enforcement • Employee Master
   ============================================================ */
.quick-open-row{
  cursor:pointer;
  transition:background .14s ease, box-shadow .14s ease, transform .14s ease;
}
.quick-open-row:hover > td{
  background-color:rgba(221,161,39,.075) !important;
}
.quick-open-row:hover{
  box-shadow:inset 3px 0 0 #dca128;
}
.quick-open-row > td:not(.sticky-action)::after{
  content:"";
}
.quick-open-row:focus-within{outline:1px solid rgba(220,161,40,.5)}

html.kqf-lock,
html.kqf-lock body{
  overflow:hidden !important;
}

.kqf-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.kqf-modal.open{display:flex}
.kqf-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,18,14,.78);
  backdrop-filter:blur(7px);
}
.kqf-panel{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100vw - 48px));
  height:min(900px,calc(100vh - 48px));
  display:flex;
  flex-direction:column;
  border:1px solid rgba(224,167,42,.62);
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 5%,rgba(222,163,39,.08),transparent 25%),
    linear-gradient(145deg,#06372b,#02251d 65%);
  box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset;
}
.kqf-header{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:17px 20px;
  border-bottom:1px solid rgba(224,167,42,.28);
  background:rgba(0,28,21,.82);
}
.kqf-header h2{
  margin:2px 0 0;
  color:#fff8e8;
  font-size:23px;
  line-height:1.15;
}
.kqf-eyebrow{
  color:#f0b72e;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}
.kqf-header-actions{display:flex;align-items:center;gap:8px}
.kqf-header button{
  border:1px solid rgba(224,167,42,.45);
  background:#0a4233;
  color:#f4c44b;
  border-radius:10px;
  min-height:38px;
  padding:8px 13px;
  font-weight:800;
}
.kqf-header .kqf-close{
  width:40px;
  padding:0;
  font-size:27px;
  line-height:1;
}
.kqf-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:18px;
  overscroll-behavior:contain;
}
.kqf-loading,
.kqf-error{
  margin:auto;
  text-align:center;
  color:#e9efe9;
  padding:48px 20px;
}
.kqf-loading{
  position:absolute;
  inset:72px 0 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  pointer-events:none;
}
.kqf-loading[hidden]{display:none!important}
.kqf-spinner{
  width:42px;height:42px;border-radius:50%;
  border:4px solid rgba(239,184,47,.18);
  border-top-color:#efb82f;
  animation:kqfspin .8s linear infinite;
}
@keyframes kqfspin{to{transform:rotate(360deg)}}
.kqf-error{
  color:#ffd6cf;
  border:1px solid rgba(255,102,85,.35);
  background:rgba(86,18,12,.32);
  border-radius:12px;
}

/* Existing case workspace becomes a modal workspace rather than a side panel. */
.kqf-body .live-workspace{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  min-height:auto !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.kqf-body .workspace-head{
  position:sticky;
  top:-18px;
  z-index:8;
  margin:-18px -18px 12px;
  padding:18px;
  background:linear-gradient(180deg,#073c2f 82%,rgba(7,60,47,.93));
  border-bottom:1px solid rgba(224,167,42,.22);
}
.kqf-body .workspace-tabs{
  position:sticky;
  top:76px;
  z-index:7;
  padding:7px 0;
  background:#07382c;
}
.kqf-body .workspace-form{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.kqf-body .workspace-form .wide{grid-column:1/-1}
.kqf-body .workspace-actionbar{
  position:sticky;
  bottom:-18px;
  z-index:9;
  margin:14px -18px -18px;
  padding:13px 18px;
  background:rgba(2,37,29,.96);
  border-top:1px solid rgba(224,167,42,.28);
}

/* Employee full profile is displayed intact inside the same modal. */
.kqf-body .employee-detail-page{
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
}
.kqf-body .employee-profile-hero{
  position:sticky;
  top:-18px;
  z-index:8;
  margin:-18px -18px 18px !important;
  padding:18px !important;
  background:linear-gradient(180deg,#073c2f 82%,rgba(7,60,47,.94));
  border-bottom:1px solid rgba(224,167,42,.25);
}
.kqf-body .employee-info-panel,
.kqf-body .employee-documents-panel,
.kqf-body .employee-delete-zone{
  margin-left:0 !important;
  margin-right:0 !important;
}
.kqf-body .employee-profile-form{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

/* Keep injected content from producing nested full-page widths. */
.kqf-body .signature-general-page,
.kqf-body .signature-module{
  width:100%;
  min-width:0;
}
.kqf-body .table-scroll{
  max-width:100%;
}

/* Small visual hint on clickable rows. */
.quick-open-row td:first-child{
  position:relative;
}
.quick-open-row td:first-child:before{
  content:"›";
  position:absolute;
  left:3px;
  top:50%;
  transform:translateY(-50%);
  color:#dca128;
  opacity:0;
  font-weight:900;
  transition:opacity .14s ease;
}
.quick-open-row:hover td:first-child:before{opacity:1}

@media(max-width:900px){
  .kqf-modal{padding:8px}
  .kqf-panel{
    width:calc(100vw - 16px);
    height:calc(100vh - 16px);
    border-radius:14px;
  }
  .kqf-header{padding:12px}
  .kqf-body{padding:12px}
  .kqf-body .workspace-form,
  .kqf-body .employee-profile-form{
    grid-template-columns:1fr;
  }
  .kqf-body .workspace-head,
  .kqf-body .employee-profile-hero{
    top:-12px;
    margin:-12px -12px 12px !important;
  }
  .kqf-body .workspace-tabs{top:70px}
}


/* ============================================================
   MILESTONE 16.0 — MNC REPORTING COMMAND CENTER
   ============================================================ */
.mnc-report-page{max-width:1560px;margin:0 auto;padding:18px 18px 48px;color:#f7f3e9}.mnc-report-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 28px;border:1px solid rgba(225,169,44,.38);border-radius:24px;background:radial-gradient(circle at 88% 10%,rgba(234,178,46,.12),transparent 27%),linear-gradient(135deg,#063a2d,#02251d);box-shadow:0 20px 48px rgba(0,0,0,.2)}.mnc-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#efb933}.mnc-report-hero h1{font-size:34px;margin:6px 0 5px;color:#fff7e7}.mnc-report-hero p{margin:0;color:#b9d0c6}.mnc-generated{margin-top:9px;color:#789b8d;font-size:10px}.mnc-report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mnc-report-actions a,.mnc-report-actions button{border:1px solid #dba629;background:linear-gradient(135deg,#c98b13,#f1be3e);color:#06251d;padding:11px 14px;border-radius:11px;font-weight:900;text-decoration:none;cursor:pointer}.mnc-report-actions button:last-child{background:#083c2f;color:#f2c349}.mnc-report-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;gap:10px;align-items:end;margin:14px 0;padding:14px;border:1px solid rgba(225,169,44,.24);border-radius:17px;background:#073529}.mnc-report-filters label{display:block;color:#eeb731;font-size:9px;font-weight:900;letter-spacing:.7px;margin:0 0 5px}.mnc-report-filters input,.mnc-report-filters select{width:100%;height:42px;background:#03271e;color:#fff;border:1px solid rgba(222,169,43,.38);border-radius:9px;padding:0 10px}.mnc-report-filters button,.mnc-reset{height:42px;border:0;border-radius:9px;padding:0 16px;background:#e1a625;color:#06251d;font-weight:900;text-decoration:none;display:flex;align-items:center;justify-content:center}.mnc-reset{background:#0a4233;color:#efbd3d;border:1px solid rgba(222,169,43,.32)}.mnc-report-nav{position:sticky;top:86px;z-index:25;display:flex;gap:6px;margin:12px 0;padding:7px;border-radius:13px;background:rgba(2,34,26,.92);backdrop-filter:blur(8px);border:1px solid rgba(225,169,44,.22);overflow:auto}.mnc-report-nav a{white-space:nowrap;color:#bcd1c8;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:800}.mnc-report-nav a:hover{background:#0b4939;color:#f2bd37}.mnc-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0}.mnc-kpi{min-height:132px;padding:18px;border:1px solid rgba(224,166,41,.25);border-radius:18px;background:linear-gradient(145deg,#07382c,#062c23);box-shadow:inset 0 0 30px rgba(230,175,44,.025)}.mnc-kpi span{display:block;color:#a8c1b6;font-size:11px}.mnc-kpi b{display:block;margin:11px 0 6px;font-size:27px;color:#f3bd36;line-height:1}.mnc-kpi small{color:#729489}.mnc-kpi.hero-kpi{background:linear-gradient(135deg,#123f30,#73500c)}.mnc-kpi.hero-kpi b{color:white}.mnc-kpi.positive b{color:#64e69a}.mnc-kpi.blue b{color:#5bbef5}.mnc-kpi.danger b{color:#ff786d}.mnc-kpi.violet b{color:#c383ff}.mnc-intel-row,.mnc-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.mnc-card{border:1px solid rgba(224,166,41,.28);border-radius:20px;background:linear-gradient(145deg,#06372b,#03291f);padding:18px;min-width:0}.mnc-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.mnc-card h2{margin:4px 0 0;font-size:19px;color:#fff7e7}.mnc-card header>strong{font-size:20px;color:#f0b936}.mnc-card header>small{color:#76998c}.mnc-donut-wrap{display:flex;align-items:center;gap:28px;justify-content:center;padding:5px}.mnc-donut{--pct:0;width:184px;height:184px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e3aa29 calc(var(--pct)*1%),#0b4939 0);box-shadow:0 0 0 12px rgba(223,170,43,.035)}.mnc-donut:before{content:"";width:132px;height:132px;border-radius:50%;background:#062d23;position:absolute}.mnc-donut>div{position:relative;z-index:2;text-align:center}.mnc-donut b{display:block;font-size:29px;color:#fff}.mnc-donut span{font-size:10px;color:#91ada1}.mnc-donut-legend{min-width:210px}.mnc-donut-legend p{display:flex;justify-content:space-between;gap:20px;color:#9ab2a7;border-bottom:1px solid rgba(255,255,255,.06);padding:9px 0;margin:0}.mnc-donut-legend p span{color:#efb62f}.mnc-donut-legend b{color:#fff}.mnc-pulse-chart{height:210px;display:flex;gap:10px;align-items:flex-end;padding:16px 4px 0;border-bottom:1px solid rgba(225,169,44,.23)}.mnc-pulse-col{flex:1;text-align:center;min-width:0}.mnc-pulse-bars{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.mnc-pulse-bars i{display:block;width:14px;min-height:3px;border-radius:6px 6px 1px 1px}.mnc-pulse-bars .cases{background:#e2aa2c}.mnc-pulse-bars .money{background:#4edb93}.mnc-pulse-col b{display:block;font-size:9px;color:#d8e4df;margin-top:7px}.mnc-pulse-col small{font-size:8px;color:#688b7e}.mnc-chart-legend{display:flex;gap:18px;margin-top:13px;color:#8fa99e;font-size:9px}.mnc-chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.legend-case{background:#e2aa2c}.legend-money{background:#4edb93}.mnc-status-bars>div{margin:9px 0}.mnc-status-bars label{display:flex;justify-content:space-between;color:#c1d4cc;font-size:10px;margin-bottom:5px}.mnc-status-bars label b{color:#fff}.mnc-status-bars>div>i{display:block;height:9px;background:#0a4938;border-radius:20px;overflow:hidden}.mnc-status-bars em{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#b8780b,#f0bd3d)}.enforcement-bars em{background:linear-gradient(90deg,#1d78a8,#53c4ef)}.mnc-table-card{margin:12px 0}.mnc-report-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px;min-width:950px}.mnc-report-table.compact{min-width:720px}.mnc-report-table th{position:sticky;top:0;z-index:4;text-align:left;color:#efb936;background:#03241c;padding:11px 10px;border-bottom:1px solid rgba(223,168,42,.4);white-space:nowrap}.mnc-report-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.055);color:#c8d7d1;white-space:nowrap}.mnc-report-table tr:hover td{background:rgba(224,169,44,.055)}.mnc-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dba326;color:#06271e;font-weight:900}.mnc-score-pill,.mnc-status-chip{display:inline-block;padding:5px 8px;border-radius:999px;border:1px solid rgba(226,171,43,.28);background:#0a4938;color:#f1c04a;font-weight:900}.positive-text{color:#66dfa0!important}.mnc-territory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mnc-territory-grid>div{position:relative;padding:13px;border-radius:13px;background:linear-gradient(135deg,rgba(222,164,38,calc(var(--heat)/500)),#083d30);border:1px solid rgba(222,164,38,.18)}.mnc-territory-grid span{display:block;color:#c5d7cf;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnc-territory-grid b{display:block;color:#f2bd37;font-size:22px;margin:5px 0}.mnc-territory-grid small{color:#78998d}.mnc-empty{color:#75978a;font-size:11px;padding:20px;text-align:center}.mnc-report-footer{text-align:center;color:#55796c;font-size:8px;letter-spacing:1px;padding:22px 0}.mnc-action-grid .quick-open-row{cursor:pointer}.mnc-action-grid .quick-open-row:hover td{background:rgba(224,169,44,.08)!important}.mnc-action-grid .quick-open-row td:first-child:after{content:"  ↗";color:#e2aa2c}.mnc-report-page .table-scroll{max-height:440px;overflow:auto}.mnc-report-page .kqf-panel{max-width:1180px}
@media(max-width:1100px){.mnc-kpi-grid{grid-template-columns:repeat(2,1fr)}.mnc-intel-row,.mnc-action-grid{grid-template-columns:1fr}.mnc-report-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.mnc-report-page{padding:8px}.mnc-report-hero{align-items:flex-start;flex-direction:column;padding:18px}.mnc-report-hero h1{font-size:26px}.mnc-report-actions{justify-content:flex-start}.mnc-kpi-grid{grid-template-columns:1fr 1fr}.mnc-kpi{min-height:112px;padding:13px}.mnc-kpi b{font-size:20px}.mnc-report-filters{grid-template-columns:1fr}.mnc-donut-wrap{flex-direction:column}.mnc-territory-grid{grid-template-columns:1fr 1fr}.mnc-report-nav{top:70px}}
@media print{.sidebar,.topbar,.mnc-report-filters,.mnc-report-nav,.mnc-report-actions,.kredansh-sticky-hscroll{display:none!important}main{margin-left:0!important}.page-wrap{padding:0!important}.mnc-report-page{max-width:none;padding:0;color:#111}.mnc-report-hero,.mnc-card,.mnc-kpi{background:#fff!important;color:#111!important;box-shadow:none!important;break-inside:avoid;border-color:#c7a454!important}.mnc-report-hero h1,.mnc-card h2,.mnc-kpi b,.mnc-report-table td{color:#111!important}.mnc-report-table th{color:#111!important;background:#f6edd8!important}.mnc-intel-row,.mnc-action-grid{break-inside:avoid}.mnc-report-page .table-scroll{max-height:none;overflow:visible}.mnc-report-table{font-size:8px;min-width:0}.mnc-donut{print-color-adjust:exact;-webkit-print-color-adjust:exact}}


/* ============================================================
   MILESTONE 16.1 — CLEAN COMMAND WORKSPACE + FUNCTIONAL POPUP
   ============================================================ */

/* Main module screen is now clean: full-width case list, no side editor. */
.command-workspace-grid{
  display:block !important;
}
.command-workspace-grid > .command-list{
  width:100% !important;
  max-width:none !important;
}
.quick-source-hidden{
  display:none !important;
}
.signature-command-head .intelligence-launch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  min-height:42px;
}

/* The case list gets the space previously occupied by the right-side workspace. */
.signature-module .command-list{
  min-width:0;
}
.signature-module .command-scroll{
  max-height:680px;
}
.command-table tbody tr.quick-open-row:hover td{
  background:rgba(220,161,40,.11) !important;
}
.command-table tbody tr.quick-open-row{
  cursor:pointer;
}

/* Popup: premium but visually calm, no hotch-potch. */
.kqf-panel{
  width:min(1320px,calc(100vw - 44px)) !important;
  height:min(920px,calc(100vh - 36px)) !important;
}
.kqf-body{
  padding:20px 24px 28px !important;
}
.kqf-body .live-workspace{
  display:block !important;
  position:static !important;
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.kqf-body .workspace-head{
  position:relative !important;
  top:auto !important;
  margin:0 0 14px !important;
  padding:4px 0 14px !important;
  background:transparent !important;
}
.kqf-body .workspace-tabs{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  gap:8px;
  margin:0 0 18px !important;
  padding:10px 0;
  background:#063528 !important;
  border-bottom:1px solid rgba(220,161,40,.28);
}
.kqf-body .workspace-tabs .tab{
  border:1px solid rgba(220,161,40,.24);
  border-radius:10px !important;
  background:#083c2e;
  color:#f4f0df;
  padding:11px 17px;
  font-weight:800;
}
.kqf-body .workspace-tabs .tab.active{
  background:linear-gradient(135deg,#d79313,#f1bd39);
  color:#08281f;
  border-color:#e8b533;
}
.kqf-body .workspace-tab-pane{
  display:none;
}
.kqf-body .workspace-tab-pane.active{
  display:block;
}
.kqf-body .workspace-form{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.kqf-body .workspace-form label{
  font-size:12px;
}
.kqf-body .workspace-form input,
.kqf-body .workspace-form select,
.kqf-body .workspace-form textarea{
  min-height:44px;
  font-size:14px;
}
.kqf-body .workspace-form textarea{
  min-height:120px;
}
.kqf-body .compact-workspace-actions{
  position:sticky;
  bottom:-28px;
  z-index:30;
  display:flex;
  align-items:center;
  gap:8px;
  margin:20px -24px -28px !important;
  padding:12px 24px;
  background:rgba(2,34,26,.97);
  border-top:1px solid rgba(220,161,40,.28);
  box-shadow:0 -10px 30px rgba(0,0,0,.22);
}
.kqf-body .compact-workspace-actions button,
.kqf-body .compact-workspace-actions .btn{
  min-height:38px !important;
  padding:9px 14px !important;
  font-size:12px !important;
  border-radius:9px !important;
  flex:0 0 auto !important;
}
.kqf-body .timeline{
  display:grid;
  gap:10px;
}
.kqf-body .timeline-item{
  border:1px solid rgba(220,161,40,.22);
  border-radius:12px;
  padding:14px;
  background:#07382c;
}
.kqf-body .doc-inline-form{
  display:grid;
  grid-template-columns:180px 1fr 1.4fr auto;
  gap:10px;
  align-items:end;
  margin-bottom:14px;
}
.kqf-body .doc-row{
  border:1px solid rgba(220,161,40,.2);
  border-radius:10px;
  padding:12px;
  margin-bottom:8px;
}

/* Save feedback */
.kqf-toast{
  position:absolute;
  right:22px;
  top:78px;
  z-index:100;
  background:#0e7c4d;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  padding:10px 14px;
  font-weight:800;
  box-shadow:0 10px 28px rgba(0,0,0,.3);
}

/* MNC report focus navigation */
.mnc-focus-switch{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:12px;
}
.mnc-focus-switch a{
  color:#d9e4dc;
  text-decoration:none;
  border:1px solid rgba(220,161,40,.25);
  padding:8px 12px;
  border-radius:999px;
  background:#07382c;
  font-size:12px;
  font-weight:800;
}
.mnc-focus-switch a.active{
  background:#dca128;
  color:#06261d;
}

/* Popup-only PDF/Print: never print the underlying case list. */
@media print{
  body.kqf-print-record > *:not(#kredanshQuickFormModal){
    display:none !important;
  }
  body.kqf-print-record #kredanshQuickFormModal{
    display:block !important;
    position:static !important;
    padding:0 !important;
  }
  body.kqf-print-record .kqf-backdrop,
  body.kqf-print-record .kqf-header-actions{
    display:none !important;
  }
  body.kqf-print-record .kqf-panel{
    width:100% !important;
    height:auto !important;
    border:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    color:#111 !important;
  }
  body.kqf-print-record .kqf-header{
    background:#fff !important;
    color:#111 !important;
    border-bottom:2px solid #b78a1e !important;
  }
  body.kqf-print-record .kqf-header h2,
  body.kqf-print-record .kqf-eyebrow{
    color:#111 !important;
  }
  body.kqf-print-record .kqf-body{
    overflow:visible !important;
    padding:14px !important;
  }
  body.kqf-print-record .workspace-tabs,
  body.kqf-print-record .compact-workspace-actions,
  body.kqf-print-record .doc-inline-form{
    display:none !important;
  }
  body.kqf-print-record .workspace-tab-pane{
    display:block !important;
    page-break-inside:avoid;
  }
}

@media(max-width:800px){
  .kqf-body .workspace-form{grid-template-columns:1fr !important}
  .kqf-body .doc-inline-form{grid-template-columns:1fr}
  .kqf-body .compact-workspace-actions{overflow-x:auto;flex-wrap:nowrap}
}


/* ============================================================
   MILESTONE 16.2 — EXACT SIDEBAR SEQUENCE
   ============================================================ */
.signature-nav-v16-2{
  padding-top:10px;
}
.signature-nav-v16-2 .nav-group-label{
  margin-top:20px;
  margin-bottom:7px;
  color:#f0b62d;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.55px;
}
.signature-nav-v16-2 .nav-group-label:first-child{
  margin-top:8px;
}
.signature-nav-v16-2 .account-master-label{
  padding-top:10px;
  border-top:1px solid rgba(220,161,40,.16);
}
.signature-nav-v16-2 a{
  min-height:45px;
  margin:2px 0;
  border:1px solid transparent;
  border-radius:9px;
}
.signature-nav-v16-2 a:hover{
  border-color:rgba(220,161,40,.25);
  background:rgba(220,161,40,.07);
}
.signature-nav-v16-2 a.active{
  color:#fff6d8;
  border-color:rgba(220,161,40,.58);
  background:linear-gradient(90deg,rgba(220,161,40,.16),rgba(220,161,40,.035));
  box-shadow:inset 4px 0 0 #e0a52c;
}
.signature-nav-v16-2 .nav-ico{
  color:#efb62e;
}

/* MILESTONE 16.3 APPROVED MASTER FORMS */
.approved-master-form label{display:flex;flex-direction:column;gap:7px;color:#e5b22e;font-weight:800;font-size:13px}.approved-master-form input,.approved-master-form select,.approved-master-form textarea{width:100%;box-sizing:border-box}.approved-master-form .approved-remarks{grid-column:1/-1}.approved-master-form .approved-remarks textarea{min-height:150px;resize:vertical}.approved-master-form>button{min-height:48px}

/* MILESTONE 17.0 — Monthly Allocation + Disaster Recovery */
.m17-page{padding:18px;max-width:1600px;margin:auto}.m17-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border:1px solid rgba(220,161,40,.35);border-radius:18px;background:linear-gradient(135deg,#073d30,#03271f);margin-bottom:16px}.m17-hero h1{margin:3px 0;color:#fff5d7}.m17-hero p{margin:5px 0;color:#b8c9c2}.eyebrow{font-size:10px;letter-spacing:2px;color:#e9ae29;font-weight:900}.m17-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.m17-kpis>div{padding:17px;border:1px solid rgba(220,161,40,.25);border-radius:14px;background:#07372b}.m17-kpis b{display:block;color:#f1b82f;font-size:23px}.m17-kpis span{color:#c6d1cc;font-size:12px}.m17-filter,.backup-create{display:flex;gap:10px;margin:14px 0}.m17-filter select,.backup-create input{min-height:42px;padding:8px 12px;border-radius:9px;border:1px solid rgba(220,161,40,.28);background:#052b22;color:#fff}.m17-filter button,.backup-create button,.m17-lock button{min-height:42px;border:0;border-radius:9px;padding:9px 16px;background:#dca128;color:#08271f;font-weight:900}.m17-lock{margin:10px 0}.m17-table-wrap{overflow:auto;border:1px solid rgba(220,161,40,.22);border-radius:14px}.m17-table{width:100%;border-collapse:collapse;min-width:1100px}.m17-table th{position:sticky;top:0;background:#0a4435;color:#efb72f;text-align:left;padding:11px;font-size:11px}.m17-table td{padding:10px 11px;border-top:1px solid rgba(255,255,255,.06);color:#e8eee9;font-size:12px}.alloc-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-weight:900;font-size:10px}.alloc-badge.new{background:#155f3d}.alloc-badge.continued{background:#174e75}.alloc-badge.reallocated{background:#8a5513}.alloc-badge.reopened{background:#653f78}.backup-health{min-width:260px;padding:12px;border-radius:12px}.backup-health.good{background:#0e5939}.backup-health.warn{background:#6e4b14}.backup-health b,.backup-health span{display:block}.backup-health span{font-size:11px;margin-top:4px}.recovery-note{padding:13px;border-left:4px solid #dca128;background:#0a392d;color:#d7e1dc;margin:12px 0;border-radius:8px}@media(max-width:900px){.m17-kpis{grid-template-columns:1fr 1fr}.m17-hero{flex-direction:column}}


/* ============================================================
   MILESTONE 17.1 — BANK MASTER FIT + CRUD ACTIONS
   ============================================================ */
.bank-manager-page{
  width:100%;
  max-width:none;
  min-width:0;
  overflow-x:hidden;
}
.bank-manager-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.bank-manager-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.bank-manager-grid{
  display:grid !important;
  grid-template-columns:minmax(380px,.88fr) minmax(520px,1.12fr) !important;
  gap:16px !important;
  align-items:stretch;
  width:100%;
  min-width:0;
}
.india-map-panel,
.bank-entry-panel{
  min-width:0 !important;
  width:100% !important;
  overflow:hidden;
}
.bank-entry-panel{
  padding:20px !important;
}
.bank-entry-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.bank-entry-head h2{margin-bottom:4px}
.bank-entry-head small{color:#9eb9ae}
.bank-manager-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100%;
  min-width:0;
}
.bank-manager-form label{
  min-width:0;
}
.bank-manager-form input,
.bank-manager-form select,
.bank-manager-form textarea{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
}
.bank-form-actions{
  grid-column:1/-1;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.bank-manager-table{
  min-width:1150px;
}
.bank-row-actions{
  min-width:150px;
  white-space:nowrap;
}
.inline-delete-form{
  display:inline-block;
  margin-left:5px;
}
.bank-row-actions .mini{
  min-height:34px;
}
.bank-row-actions .danger{
  border-color:rgba(255,104,87,.55) !important;
  color:#ffd0c9 !important;
  background:rgba(130,35,25,.32) !important;
}
.bank-row-actions .danger:hover{
  background:rgba(160,42,29,.52) !important;
}
@media(max-width:1250px){
  .bank-manager-grid{
    grid-template-columns:1fr !important;
  }
  .india-map-panel{
    max-height:none !important;
  }
}
@media(max-width:760px){
  .bank-manager-form{
    grid-template-columns:1fr !important;
  }
  .bank-entry-panel{
    padding:14px !important;
  }
  .bank-manager-actions{
    width:100%;
  }
  .bank-manager-actions .btn,
  .bank-manager-actions button{
    flex:1 1 150px;
  }
}
@media print{
  .bank-manager-grid{display:none !important;}
  .bank-manager-summary{display:grid !important;}
  .bank-table-panel{display:block !important;}
  .bank-manager-table{min-width:0 !important;width:100% !important;font-size:9px !important;}
  .bank-manager-table th,.bank-manager-table td{padding:5px !important;}
}

/* ============================================================
   MILESTONE 18 — UNIVERSAL PAYOUT & AUTO BILLING ENGINE
   ============================================================ */
.m18-page{padding:18px;max-width:1680px;margin:auto}.m18-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px;border:1px solid rgba(220,161,40,.38);border-radius:18px;background:radial-gradient(circle at 85% 10%,rgba(220,161,40,.09),transparent 28%),linear-gradient(135deg,#073d30,#03271f);margin-bottom:16px}.m18-hero h1{margin:3px 0;color:#fff4d4}.m18-hero p{color:#b9ccc3}.m18-actions{display:flex;gap:8px;flex-wrap:wrap}.m18-actions a{padding:10px 13px;border:1px solid rgba(220,161,40,.35);border-radius:9px;color:#efb72f;text-decoration:none;font-weight:800}.m18-rule-form,.m18-upload,.m18-filter,.invoice-generator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;border:1px solid rgba(220,161,40,.25);border-radius:15px;background:#07362a;margin-bottom:16px}.m18-rule-form h2,.invoice-generator h2{grid-column:1/-1;margin:0;color:#f2bd39}.m18-rule-form label,.m18-upload label,.m18-filter label{font-size:11px;color:#edb430;font-weight:850}.m18-rule-form input,.m18-rule-form select,.m18-rule-form textarea,.m18-upload input,.m18-upload select,.m18-filter input,.m18-filter select,.assessment-form input,.assessment-form select,.invoice-generator input,.invoice-generator select{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid rgba(220,161,40,.28);border-radius:8px;background:#052b22;color:#eef4ef}.m18-rule-form .wide,.m18-upload .wide{grid-column:1/-1}.m18-rule-form button,.m18-upload button,.m18-filter button,.invoice-generator button,.invoice-actions button{padding:11px 15px;border:0;border-radius:9px;background:#dca128;color:#06271e;font-weight:900}.m18-check{display:flex;align-items:center;gap:8px}.m18-check input{width:auto!important}.m18-card{padding:17px;border:1px solid rgba(220,161,40,.24);border-radius:14px;background:#07362a;margin-bottom:14px}.m18-section-head{display:flex;justify-content:space-between}.m18-table-wrap{overflow:auto;border:1px solid rgba(220,161,40,.2);border-radius:12px}.m18-table-wrap table{width:100%;min-width:1050px;border-collapse:collapse}.m18-table-wrap th{background:#0a4335;color:#efb72f;text-align:left;padding:10px;font-size:10px;position:sticky;top:0}.m18-table-wrap td{padding:10px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#e6ede8;vertical-align:top}.m18-table-wrap td small{display:block;color:#9eb4aa;margin-top:4px;max-width:260px}.m18-review-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.agreement-text,.agreement-notes{max-height:480px;overflow:auto;white-space:pre-wrap;background:#04281f;padding:14px;border-radius:10px;color:#dfe8e3;font-size:12px}.bill-status{display:inline-block;padding:5px 8px;border-radius:999px;font-weight:900;font-size:9px;background:#6c541d}.bill-status.eligible,.bill-status.approved{background:#14603c}.bill-status.billed{background:#174d75}.assessment-form{display:grid;gap:7px;min-width:240px;padding:10px}.assessment-form button{padding:8px;border:0;border-radius:7px;background:#dca128;font-weight:900}.invoice-generator{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}.invoice-generator h2{grid-column:1/-1}.invoice-head{display:flex;justify-content:space-between;padding:24px;border-bottom:2px solid #dca128;background:#07362a}.invoice-totals{margin-left:auto;max-width:420px;padding:18px;text-align:right}.invoice-totals p{display:flex;justify-content:space-between;gap:30px}.invoice-actions{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.invoice-actions form{display:flex;gap:8px;flex-wrap:wrap}.invoice-actions input,.invoice-actions select{padding:9px;background:#052b22;color:#fff;border:1px solid rgba(220,161,40,.3);border-radius:8px}
@media(max-width:1000px){.m18-rule-form,.m18-upload,.m18-filter,.invoice-generator{grid-template-columns:1fr 1fr}.m18-review-grid{grid-template-columns:1fr}.m18-hero{flex-direction:column}}@media(max-width:650px){.m18-rule-form,.m18-upload,.m18-filter,.invoice-generator{grid-template-columns:1fr}}
@media print{.m18-page.invoice-page{padding:0}.invoice-head{background:#fff;color:#111}.invoice-head h1,.invoice-head p,.invoice-head b{color:#111}.m18-table-wrap{border:0}.m18-table-wrap table{min-width:0}.m18-table-wrap th{position:static;background:#eee;color:#111}.m18-table-wrap td{color:#111;border-color:#ccc}.invoice-totals{color:#111}}


/* ============================================================
   MILESTONE 18.2 — BORROWER POPUP COMMERCIAL INTELLIGENCE
   MD/Admin only; exactly four ranked options
   ============================================================ */
.intelligence-tab{position:relative;border-color:rgba(116,161,255,.35)!important}
.intelligence-tab span{font-size:8px;padding:2px 5px;border-radius:99px;background:#7b45c8;color:white;margin-left:4px}
.commercial-intelligence-pane{padding:4px 0 90px}
.ci-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:16px;border:1px solid rgba(220,161,40,.25);border-radius:14px;background:linear-gradient(135deg,#073c30,#052a22);margin-bottom:14px}
.ci-head h3{margin:3px 0;color:#fff4d7;font-size:23px}.ci-head p{margin:4px 0;color:#b7c8c1}.ci-eyebrow{font-size:9px;letter-spacing:1.7px;color:#efb42c;font-weight:900}.ci-state{padding:8px 11px;border:1px solid rgba(220,161,40,.35);border-radius:999px;color:#efbd3f;font-weight:900;font-size:11px;white-space:nowrap}
.ci-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.ci-option{min-width:0;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#07352a;box-shadow:0 8px 24px rgba(0,0,0,.13)}.ci-rank-1{border-color:rgba(54,190,104,.55);background:linear-gradient(180deg,rgba(27,112,65,.23),#07352a)}.ci-rank-2{border-color:rgba(238,164,42,.55)}.ci-rank-3{border-color:rgba(56,126,235,.58)}.ci-rank-4{border-color:rgba(164,92,224,.58)}.ci-option-top{display:flex;gap:9px;align-items:flex-start}.ci-rank{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#dca128;color:#06271e;font-weight:950;flex:0 0 27px}.ci-rank-1 .ci-rank{background:#23a45d;color:#fff}.ci-rank-3 .ci-rank{background:#2f73d5;color:#fff}.ci-rank-4 .ci-rank{background:#8f4ed0;color:#fff}.ci-option small{color:#c2cfc9;font-size:8px;font-weight:900;letter-spacing:.5px}.ci-option h4{margin:2px 0 9px;color:#fff;font-size:13px;line-height:1.25}.ci-money{padding:10px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.ci-money span{display:block;color:#9eb2a8;font-size:9px}.ci-money b{display:block;color:#f4bd36;font-size:22px;margin-top:2px}.ci-pill{display:inline-block;margin:9px 0 4px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:950}.ci-pill.eligible{background:#14633d;color:#d9ffe9}.ci-pill.conditional{background:#72531a;color:#fff0c6}.ci-pill.review{background:#633f62;color:#f7d8f6}.ci-option dl{margin:7px 0}.ci-option dt{font-size:8px;color:#efb42c;font-weight:900;margin-top:6px}.ci-option dd{margin:1px 0;color:#dce6e1;font-size:10px;line-height:1.35}.ci-source{display:block;color:#84b4ff;text-decoration:none;font-size:9px;margin-top:9px}
.ci-lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ci-panel{padding:14px;border:1px solid rgba(220,161,40,.2);border-radius:12px;background:#062f25;color:#dbe6e0}.ci-panel-title{color:#efb52d;font-size:11px;font-weight:950;margin-bottom:9px}.ci-panel p{font-size:10px;line-height:1.5}.ci-bill-amount{font-size:25px!important;color:#65db96!important;font-weight:950;margin:4px 0!important}
@media(max-width:1100px){.ci-options{grid-template-columns:1fr 1fr}}@media(max-width:700px){.ci-options,.ci-lower-grid{grid-template-columns:1fr}.ci-head{flex-direction:column}}
@media print{.commercial-intelligence-pane{page-break-before:always}.ci-options{grid-template-columns:1fr 1fr}.ci-option,.ci-panel,.ci-head{background:#fff!important;color:#111!important}.ci-option h4,.ci-head h3,.ci-option dd,.ci-panel p{color:#111!important}}

/* Milestone 18.3 — Multi-format Agreement Intelligence */
.reader-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:12px 0 16px}
.reader-kpis>div{background:#07372b;border:1px solid rgba(220,161,40,.25);border-radius:13px;padding:15px}
.reader-kpis b{display:block;color:#f2b936;font-size:19px}.reader-kpis span{font-size:10px;color:#afc2b9}
.reader-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0 14px}
.reader-flow span{padding:7px 9px;border-radius:999px;background:#594619;color:#f3e5bb;font-size:9px;font-weight:900}
.reader-flow span.ok{background:#125d3b;color:#dcffe9}.reader-flow b{color:#d9a42e}
.detected-table{margin:10px 0;border:1px solid rgba(220,161,40,.2);border-radius:10px;overflow:hidden}
.detected-table summary{cursor:pointer;padding:11px;background:#0a4335;color:#efb72f;font-weight:900}
.detected-table .m18-table-wrap{border:0;border-radius:0;max-height:430px}
.detected-table table{min-width:700px}.detected-table td{white-space:pre-wrap}
.agreement-format-hint{padding:9px 12px;border-left:4px solid #dca128;background:#0a392d;color:#d7e2dd;border-radius:7px;font-size:11px}
@media(max-width:800px){.reader-kpis{grid-template-columns:1fr 1fr}}

/* ============================================================
   MILESTONE 18.4.2 — LEAD ALLOCATION MODULE SWITCH
   ============================================================ */
.allocation-view-panel{
  margin:14px 0 16px;
  padding:16px;
  border:1px solid rgba(220,161,40,.32);
  border-radius:16px;
  background:linear-gradient(135deg,#073a2e,#052c23);
}
.allocation-view-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:13px;
}
.allocation-view-head h2{margin:3px 0 2px}
.view-counts{display:flex;gap:8px;flex-wrap:wrap}
.view-counts span{
  border:1px solid rgba(220,161,40,.28);
  border-radius:999px;
  padding:7px 10px;
  color:#cbd9d2;
  font-size:10px;
}
.view-counts b{color:#efb72f;margin-left:4px}
.allocation-view-switch{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.view-btn{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#073126;
  color:#e9f0ec;
  text-decoration:none;
  transition:.18s ease;
}
.view-btn:hover{transform:translateY(-1px);border-color:rgba(220,161,40,.45)}
.view-btn.active{
  border-color:#dca128;
  box-shadow:inset 0 0 0 1px rgba(220,161,40,.22),0 7px 20px rgba(0,0,0,.15);
  background:#0a4335;
}
.view-btn.collection.active{border-color:#37b673}
.view-btn.enforcement.active{border-color:#e5aa2e}
.view-icon{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:9px;background:rgba(220,161,40,.12);
  color:#efb72f;font-weight:950;font-size:18px;flex:0 0 34px;
}
.view-btn.collection.active .view-icon{background:rgba(43,169,98,.18);color:#62dc95}
.view-btn.enforcement.active .view-icon{background:rgba(220,161,40,.18);color:#f5c554}
.view-btn b{display:block;font-size:12px}
.view-btn small{display:block;margin-top:2px;color:#9fb2a9;font-size:9px}
.allocation-desk-title{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
}
.allocation-scope-badge{
  display:inline-flex;align-items:center;
  padding:7px 11px;border-radius:999px;
  background:#0a4335;border:1px solid rgba(220,161,40,.34);
  color:#efb72f;font-weight:900;font-size:9px;letter-spacing:.35px;
}
@media(max-width:850px){
  .allocation-view-switch{grid-template-columns:1fr}
  .allocation-view-head{flex-direction:column}
}

/* ============================================================
   BUILD 21 — Allocation + Employee Lifecycle Enterprise Upgrade
   Lightweight UI only; no framework dependency.
   ============================================================ */
.topbar,.topbar.signature-topbar,.clean-topbar{z-index:120!important}
.table-scroll{position:relative;z-index:1;isolation:isolate}
.table-scroll thead th,.allocation-enterprise-table thead th{z-index:2!important}
.allocation-enterprise-page{max-width:1580px;margin:0 auto}
.allocation-title-actions{display:flex;gap:8px;align-items:center}.allocation-live-pill,.allocation-count-pill{padding:7px 11px;border:1px solid rgba(220,161,40,.3);border-radius:999px;font-size:9px;font-weight:900;color:#efbd3d;background:#063228}.allocation-live-pill{color:#6be6a0}
.allocation-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.allocation-filter-card,.allocation-upload-card{border:1px solid rgba(220,161,40,.26);border-radius:16px;background:linear-gradient(145deg,#07382c,#052b22);padding:16px;margin:14px 0}.allocation-filter-grid{display:grid;grid-template-columns:2fr repeat(3,minmax(145px,1fr));gap:10px;align-items:end}.allocation-filter-grid label{font-size:9px;color:#efb936;font-weight:900}.allocation-filter-grid input,.allocation-filter-grid select,.allocation-command-bar select{width:100%;min-height:43px;background:#04291f;border:1px solid rgba(220,161,40,.32);color:#f4f8f5;border-radius:9px;padding:0 11px}.allocation-filter-grid .wide-search{grid-column:span 2}.filter-submit button{min-height:43px;width:100%}
.allocation-command-bar{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(190px,.7fr) auto auto;gap:8px;align-items:center;padding:12px;border:1px solid rgba(220,161,40,.28);border-radius:13px;background:#052e24;position:sticky;top:76px;z-index:8}.allocation-selection-info{min-width:105px}.allocation-selection-info b{display:block;color:#f3bd3e}.allocation-selection-info span{font-size:9px;color:#8ea89d}.bulk-selection-tools{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}.bulk-filtered{background:linear-gradient(135deg,#1a7449,#36a968)!important;color:#fff!important}.danger-soft{background:#4b2f27!important;color:#ffd9cf!important;border-color:#8a5142!important}.allocation-table-scroll{max-height:560px;border:1px solid rgba(220,161,40,.22);border-radius:12px}.allocation-enterprise-table{width:100%;min-width:1120px;border-collapse:collapse}.allocation-enterprise-table thead th{position:sticky;top:0;background:#03251d;color:#efb82f}.allocation-enterprise-table td,.allocation-enterprise-table th{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;text-align:left}.allocation-enterprise-table tr.row-allocated td{background:rgba(33,121,75,.045)}.allocation-enterprise-table tr:hover td{background:rgba(220,161,40,.08)}.module-pill{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;background:#3b4b55}.module-pill.collection{background:#155c3b;color:#bff7d5}.module-pill.enforcement{background:#654c16;color:#ffdf87}.empty-state{text-align:center!important;padding:35px!important;color:#98afa5!important}
.employee-master-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.employee-master-kpis>div{padding:13px 16px;border:1px solid rgba(220,161,40,.25);border-radius:13px;background:#07362a}.employee-master-kpis small{color:#9db3a9}.employee-master-kpis b{display:block;color:#efb936;font-size:23px;margin-top:4px}.employee-table-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px}.employee-table-toolbar input{min-width:320px;background:#052b22;color:#fff;border:1px solid rgba(220,161,40,.3);border-radius:9px;padding:10px}.access-chip{display:inline-block;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:950}.access-chip.active{background:#155f3b;color:#c7f9d9}.access-chip.inactive{background:#64372e;color:#ffd7cf}.access-chip.no-login{background:#3f4543;color:#d4ddda}.employee-create-modal{max-width:880px}.employee-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.employee-create-grid label,.profile-edit-grid label,.account-control-form label,.handover-form label{font-size:9px;color:#efb936;font-weight:900}.employee-create-grid input,.employee-create-grid select,.profile-edit-grid input,.profile-edit-grid select,.profile-edit-grid textarea,.account-control-form input,.account-control-form select,.handover-form select{width:100%;background:#052b22;color:#fff;border:1px solid rgba(220,161,40,.3);border-radius:9px;padding:10px}.employee-login-create{grid-column:1/-1;padding:13px;border:1px solid rgba(220,161,40,.25);border-radius:12px;background:#052c23}.login-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch-line,.check-line{display:flex!important;align-items:center;gap:8px;color:#d8e3dd!important}.switch-line input,.check-line input{width:auto!important}.wide{grid-column:1/-1}
.profile-status-line{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.profile-edit-control{margin-top:15px}.profile-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-edit-grid textarea{min-height:80px}.employee-admin-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.account-control-form,.handover-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-control-form button,.handover-form button{grid-column:1/-1}.handover-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.handover-counts span{padding:10px;border-radius:10px;background:#052b22;color:#a9beb4}.handover-counts b{display:block;color:#f0b936;font-size:20px}.status-toggle-form{margin-top:10px}
@media(max-width:1100px){.allocation-filter-grid{grid-template-columns:1fr 1fr}.allocation-filter-grid .wide-search{grid-column:1/-1}.allocation-command-bar{grid-template-columns:1fr 1fr;position:static}.employee-create-grid,.profile-edit-grid{grid-template-columns:1fr 1fr}.employee-admin-control-grid{grid-template-columns:1fr}}
@media(max-width:700px){.allocation-kpis,.employee-master-kpis,.employee-create-grid,.profile-edit-grid,.login-fields,.account-control-form{grid-template-columns:1fr}.allocation-command-bar{grid-template-columns:1fr}.employee-table-toolbar{align-items:stretch;flex-direction:column}.employee-table-toolbar input{min-width:0;width:100%}}
.clean-user-circle{overflow:hidden}.clean-user-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}


/* ============================================================
   BUILD 21.2 — Employee Credential Lifecycle (data-safe)
   No schema change; no allocation logic touched.
   ============================================================ */
.credential-vault-link{background:linear-gradient(135deg,#8c6517,#d5a42c)!important;color:#071f18!important;font-weight:950}
.credential-restricted{border-style:dashed!important;opacity:.92}.credential-restricted b{color:#efb936}
.user-management-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.credential-control-page{max-width:1500px;margin:0 auto}.security-banner{padding:13px 15px;border:1px solid rgba(220,161,40,.35);background:#553d0c;color:#ffe7a7;border-radius:12px;margin:12px 0 15px}.security-banner b{color:#fff2bf}
.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.credential-card{border:1px solid rgba(220,161,40,.28);border-radius:16px;background:linear-gradient(145deg,#07392d,#052b22);padding:16px;box-shadow:0 12px 35px rgba(0,0,0,.16)}.credential-card.credential-disabled{opacity:.78}.credential-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.08)}.credential-head small{color:#d8a72c;font-weight:900;letter-spacing:.4px}.credential-head h3{margin:3px 0;color:#fff}.credential-head span{color:#afc2b9;font-size:10px}.credential-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0}.credential-facts>div{padding:10px;border-radius:10px;background:#04271f;border:1px solid rgba(255,255,255,.06)}.credential-facts small{display:block;color:#8fa89d;font-size:8px;text-transform:uppercase}.credential-facts b{display:block;color:#f4f7f5;margin-top:4px;font-size:11px}.one-time-password{padding:11px;border-radius:11px;background:#1e4b37;border:1px solid #3bb574;margin:10px 0}.one-time-password>small{color:#a9f0c4;font-weight:900}.one-time-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:7px}.one-time-row input,.credential-update-form input{background:#03251d;color:#fff;border:1px solid rgba(220,161,40,.3);border-radius:8px;padding:10px;width:100%}.one-time-row button{white-space:nowrap}.credential-update-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.credential-update-form label{font-size:9px;color:#efb936;font-weight:900}.credential-update-form button[type=submit]{grid-column:1/-1}.credential-update-form .check-line{align-self:center}
@media(max-width:900px){.credential-grid{grid-template-columns:1fr}.credential-facts{grid-template-columns:1fr 1fr}}@media(max-width:600px){.credential-facts,.credential-update-form,.one-time-row{grid-template-columns:1fr}}

/* ============================================================
   BUILD 22.0 — Integrated Command Center
   Additive UI/analytics only. Protected core records are not mutated.
   ============================================================ */
.build22-dashboard{max-width:1580px;margin:0 auto}.build22-health{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center;border:1px solid rgba(220,161,40,.34);border-radius:14px;padding:10px 14px;background:#052f25}.build22-health span{color:#66e29a;font-weight:900;font-size:9px}.build22-health b{color:#efbd3d}.build22-health small{grid-column:1/-1;color:#91aaa0;font-size:8px}.data-protection-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 13px;margin:10px 0 13px;border:1px solid rgba(84,207,137,.28);border-radius:12px;background:linear-gradient(90deg,rgba(19,104,65,.22),rgba(5,44,34,.95))}.data-protection-strip b{color:#62df97;font-size:9px;letter-spacing:.5px}.data-protection-strip span{color:#d8e6df;font-size:9px;flex:1}.data-protection-strip em{font-style:normal;color:#f0bd3d;font-size:8px;font-weight:900}.build22-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.build22-kpi{min-height:108px;padding:13px;border:1px solid rgba(220,161,40,.25);border-radius:14px;background:linear-gradient(145deg,#073a2e,#052b22);display:flex;flex-direction:column;text-decoration:none}.build22-kpi:hover{transform:translateY(-1px);border-color:rgba(220,161,40,.55)}.build22-kpi small{font-size:8px;color:#9db2a8;font-weight:900}.build22-kpi strong{font-size:25px;color:#f2c247;margin:8px 0 5px}.build22-kpi span{font-size:8px;color:#a9bcb3}.build22-kpi.money strong{font-size:20px;color:#54dc91}.build22-kpi.collected strong{font-size:20px;color:#68e4a0}.build22-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.command-panel{border:1px solid rgba(220,161,40,.25);border-radius:15px;background:linear-gradient(145deg,#07382c,#05291f);padding:14px}.command-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.command-panel-head h2{margin:2px 0 0;font-size:15px}.status-bars{display:grid;gap:5px;max-height:292px;overflow:auto;padding-right:4px}.status-bars a{display:grid;grid-template-columns:minmax(115px,1fr) 2.3fr 32px;gap:8px;align-items:center;text-decoration:none;color:#dce7e1;font-size:9px}.status-bars i,.workload-list i,.bank-dist-row i{height:7px;background:#032119;border-radius:999px;overflow:hidden}.status-bars i b,.workload-list i span,.bank-dist-row i span{display:block;height:100%;background:linear-gradient(90deg,#2d9e62,#67df9a);border-radius:999px}.enforcement-bars i b{background:linear-gradient(90deg,#9f7421,#efbd3d)}.status-bars strong{color:#efbd3d;text-align:right}.reconcile-line{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);margin-top:10px;padding-top:9px}.reconcile-line span{font-size:8px;color:#91a89e}.reconcile-line b{color:#fff}.reconcile-line .ok{color:#62df97}.reconcile-line .warn{color:#ff9e87}.workload-list{display:grid;gap:7px}.workload-list a{display:grid;grid-template-columns:minmax(140px,1.2fr) 2fr 35px;gap:9px;align-items:center;text-decoration:none}.workload-list b{display:block;color:#eef5f1;font-size:10px}.workload-list small{display:block;color:#8fa69c;font-size:8px}.workload-list strong{color:#efbd3d;text-align:right}.designation-pivot{display:grid;grid-template-columns:1fr 1fr;gap:7px}.designation-pivot div{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#04271f}.designation-pivot span{font-size:9px;color:#b8c9c1}.designation-pivot b{color:#efbd3d}.bank-distribution{display:grid;gap:7px}.bank-dist-row{display:grid;grid-template-columns:minmax(150px,1fr) 3fr 38px;gap:10px;align-items:center}.bank-dist-row b{display:block;font-size:10px;color:#f0f4f2}.bank-dist-row small{display:block;font-size:8px;color:#8fa69c}.bank-dist-row strong{color:#efbd3d;text-align:right}.bank-command{margin-bottom:12px}
.designation-command-panel,.allocation-load-matrix{border:1px solid rgba(220,161,40,.26);border-radius:15px;background:linear-gradient(145deg,#07382c,#052b22);padding:14px;margin:12px 0}.designation-chip-grid{display:flex;gap:7px;flex-wrap:wrap}.designation-filter-chip{display:flex;align-items:center;gap:7px;border:1px solid rgba(220,161,40,.22);background:#052a21;color:#c8d7d0;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:8px}.designation-filter-chip b{color:#efbd3d}.designation-filter-chip:hover,.designation-filter-chip.active{background:#0d503c;border-color:#dca128;color:#fff}.load-matrix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.load-matrix-card{display:grid;grid-template-columns:1fr auto;gap:5px 8px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#04291f;text-decoration:none}.load-matrix-card b{display:block;color:#eff6f2;font-size:10px}.load-matrix-card small{color:#8ea69b;font-size:8px}.load-matrix-card>strong{font-size:20px;color:#efbd3d}.load-matrix-card>span{grid-column:1/-1;display:flex;justify-content:space-between;gap:6px}.load-matrix-card i{font-style:normal;font-size:8px;color:#a8bcb2}
@media(max-width:1250px){.build22-kpi-grid{grid-template-columns:repeat(3,1fr)}.load-matrix-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.build22-kpi-grid{grid-template-columns:1fr 1fr}.build22-analytics-grid{grid-template-columns:1fr}.load-matrix-grid{grid-template-columns:1fr 1fr}.designation-pivot{grid-template-columns:1fr}}@media(max-width:560px){.build22-kpi-grid,.load-matrix-grid{grid-template-columns:1fr}.status-bars a{grid-template-columns:105px 1fr 28px}.bank-dist-row,.workload-list a{grid-template-columns:1fr 1fr 30px}}

/* BUILD 22.0.2 — stable topbar account block + profile photo */
.topbar-account-block{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;align-items:center;min-width:200px;justify-self:end}
.topbar-account-block .clean-profile-link{min-width:200px!important;max-width:240px!important}
.topbar-account-block .clean-user-copy b{font-size:14px!important}
.topbar-account-block .clean-user-copy span{font-size:12px!important}
.topbar-account-block .account-logout{justify-self:start;margin-left:55px!important;min-width:auto!important;padding:1px 0!important;border:0!important;background:transparent!important;color:#f3c54d!important;font-size:12px!important;text-decoration:underline!important;line-height:1.2!important}
.clean-user-circle img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
@media(max-width:1050px){.topbar-account-block{min-width:54px}.topbar-account-block .account-logout{margin-left:0!important;font-size:10px!important}.topbar-account-block .clean-profile-link{min-width:54px!important;max-width:54px!important}}
@media(max-width:760px){.topbar-account-block{grid-column:1!important;grid-row:1!important}.topbar-account-block .account-logout{display:none!important}}

/* BUILD 22.0.2 — mismatch diagnostics */
.dashboard-mismatch-review{margin-top:14px;border:1px solid rgba(231,171,37,.35);border-radius:14px;background:rgba(3,39,29,.72);overflow:hidden}
.dashboard-mismatch-review summary{cursor:pointer;padding:13px 16px;color:#f3c54d;font-weight:800;display:flex;gap:10px;align-items:center}
.dashboard-mismatch-review summary small{color:#f0e6ca;font-weight:500}
.mismatch-review-body{padding:0 14px 14px}.mismatch-review-table{width:100%;border-collapse:collapse;font-size:12px}.mismatch-review-table th,.mismatch-review-table td{padding:9px 10px;border-bottom:1px solid rgba(231,171,37,.16);text-align:left}.mismatch-review-table th{color:#f3c54d}.mismatch-review-table td{color:#f5f1e7}.mismatch-reason{color:#ffb6a7!important}.mismatch-ok{padding:12px;color:#7de3a6}


/* ============================================================
   BUILD 22.2.2 — MOBILE OPERABILITY / OFF-CANVAS NAVIGATION
   Desktop UI is intentionally unchanged. These rules apply only
   to tablet/mobile widths and do not touch application data.
   ============================================================ */
.mobile-menu-toggle,.mobile-sidebar-backdrop{display:none}

@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-menu-open{overflow:hidden;touch-action:none}

  /* Convert the long mobile sidebar into a proper app drawer. */
  .sidebar,
  .sidebar.signature-sidebar{
    position:fixed!important;
    top:0!important;bottom:0!important;left:0!important;
    width:min(86vw,340px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-105%);
    transition:transform .22s ease;
    z-index:1002!important;
    box-shadow:18px 0 55px rgba(0,0,0,.52)!important;
    padding:16px 14px 24px!important;
    -webkit-overflow-scrolling:touch;
  }
  .sidebar.mobile-open,.sidebar.signature-sidebar.mobile-open{transform:translateX(0)}
  .sidebar .signature-brand{justify-content:flex-start!important;padding:10px 8px 14px!important}
  .sidebar .brand-logo{width:52px!important;height:52px!important}
  .sidebar .brand-name{font-size:18px!important}
  .sidebar .brand-sub{font-size:11px!important}
  .sidebar .signature-nav a{display:flex!important;min-height:46px;align-items:center;padding:11px 12px!important;margin:5px 0!important;font-size:14px!important}
  .sidebar .nav-group-label{margin-top:16px!important}

  .mobile-sidebar-backdrop{
    display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);
    opacity:0;visibility:hidden;transition:.2s ease;z-index:1001;
    backdrop-filter:blur(2px);
  }
  .mobile-sidebar-backdrop.show{opacity:1;visibility:visible}

  main{margin-left:0!important;width:100%!important;min-width:0!important}
  .topbar.signature-topbar,.topbar.clean-topbar{
    position:sticky!important;top:0!important;z-index:1000!important;
    display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;
    align-items:center!important;gap:8px!important;
    min-height:64px!important;height:auto!important;padding:8px 10px!important;
    flex-wrap:nowrap!important;
  }
  .mobile-menu-toggle{
    display:flex!important;width:42px;height:42px;min-height:42px;padding:0!important;
    border-radius:10px!important;flex-direction:column;justify-content:center;align-items:center;gap:4px;
    background:#052f25!important;border:1px solid rgba(231,171,37,.48)!important;box-shadow:none!important;
  }
  .mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#f1bd3d;transition:.2s ease}
  .mobile-menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu-toggle.active span:nth-child(2){opacity:0}
  .mobile-menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  .clean-global-search,.global-case-search-form{
    grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:0!important;
  }
  .clean-global-search .global-search-icon{display:none!important}
  .clean-global-search input{min-width:0!important;width:100%!important;height:42px!important;padding:8px 10px!important;font-size:13px!important;border-radius:9px 0 0 9px!important}
  .clean-global-search select{display:none!important}
  .clean-global-search button{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;font-size:0!important;border-radius:0 9px 9px 0!important}
  .clean-global-search button:after{content:'⌕';font-size:19px;color:#102219}

  .topbar-module-links,.clean-module-links{display:none!important}
  .topbar-notification-link{grid-column:3!important;grid-row:1!important;margin:0!important;width:42px!important;height:42px!important;min-width:42px!important}
  .topbar-account-block{display:none!important}

  .page-wrap,.signature-page-wrap{padding:14px 10px 34px!important;width:100%!important;min-width:0!important}
  .flash{margin:10px!important}
  section{padding:14px!important;margin:12px 0!important;border-radius:12px!important}
  .page-title-row{align-items:flex-start!important;margin-bottom:14px!important}
  .page-title-row h1{font-size:28px!important;line-height:1.12!important}
  .page-logo{width:54px!important;height:54px!important}

  /* Touch-friendly page controls. */
  button,.btn,.icon-btn,input,select,textarea{font-size:16px}
  button,.btn,.icon-btn{min-height:42px}
  .command-buttons,.signature-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .command-buttons>* ,.signature-actions>*{width:100%!important}
  .section-head{align-items:flex-start!important;gap:8px!important;flex-wrap:wrap!important}

  /* Wide data remains usable via deliberate horizontal swipe. */
  .table-scroll,.horizontal-scroll,.wide-table-wrap{
    width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;
  }
  .command-table{min-width:1050px!important}
  table{font-size:12px}
  th,td{white-space:nowrap}
  .kredansh-sticky-hscroll{display:none!important}
}

@media(max-width:620px){
  .topbar.signature-topbar,.topbar.clean-topbar{grid-template-columns:44px minmax(0,1fr)!important}
  .topbar-notification-link{position:fixed!important;right:13px;bottom:16px;z-index:999!important;background:#06382b!important;border:1px solid rgba(231,171,37,.55)!important;border-radius:50%!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important}
  .page-wrap,.signature-page-wrap{padding:12px 8px 28px!important}
  .signature-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .signature-kpis .card{min-height:92px!important;height:auto!important}
  .cards{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .card{min-height:118px;padding:12px!important}
  .card strong{font-size:23px!important}
  .filter-grid,.collection-form,.allocation-filter-grid{grid-template-columns:1fr!important}
  .allocation-command-bar{grid-template-columns:1fr!important}
  .allocation-command-bar>*{width:100%!important}
  .load-matrix-grid,.employee-grid,.employee-create-grid,.profile-edit-grid{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .cards,.signature-kpis{grid-template-columns:1fr!important}
  .page-title-row h1{font-size:24px!important}
}

/* BUILD 22.2.5 — Collection-only Bucket & Profit Intelligence */
.collection-bucket-strip{margin:14px 0;padding:14px;border:1px solid rgba(232,177,38,.45);border-radius:18px;background:rgba(0,53,40,.72)}
.bucket-intel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.bucket-intel-card{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid rgba(232,177,38,.3);border-radius:13px;background:#003a2d}.bucket-intel-card b,.bucket-intel-card strong{color:#f5c33b}.bucket-intel-card small,.bucket-intel-card span{color:#e8f2ed}.auto-favorite{font-size:20px;color:#ffcf32;filter:drop-shadow(0 0 5px rgba(255,207,50,.55))}.favorite-muted{font-size:18px;opacity:.4}.favorite-cell{text-align:center}.bucket-badge{display:inline-block;padding:4px 8px;border:1px solid #c7951d;border-radius:999px;color:#ffd25a;font-weight:800;white-space:nowrap}.collect-target-cell,.expected-payout-cell{background:rgba(232,177,38,.12)!important;color:#ffe38b;white-space:nowrap}.expected-payout-cell b{color:#6dffb3;font-size:1.05em}.collection-target-highlight input{border:2px solid #f2bd31!important;box-shadow:0 0 0 2px rgba(242,189,49,.1)}.collection-payout-highlight input{border:2px solid #2bd47d!important;color:#78ffb6!important;font-weight:900}.collection-profit-kpi strong{color:#78ffb6!important}.collection-usability-table{min-width:1850px}
@media(max-width:900px){.bucket-intel-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.collection-bucket-strip{margin:10px 0;padding:10px}}

/* BUILD 22.2.7 — verified Collection payout intelligence */
.signature-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;align-items:stretch!important;gap:12px!important}
.signature-kpis .card{min-width:0!important;height:auto!important;min-height:112px!important;overflow:hidden}
.signature-kpis .card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.md-profit-box{border:1px solid rgba(64,255,157,.5)!important;background:linear-gradient(135deg,rgba(0,69,48,.96),rgba(0,48,37,.96))!important}
.bill-generate-btn{border-color:#53d98d!important}.bucket-click-card{text-decoration:none!important;cursor:pointer;transition:.18s ease}.bucket-click-card:hover{transform:translateY(-2px);border-color:#ffd45b!important;box-shadow:0 8px 22px rgba(0,0,0,.22)}.bucket-click-card em{font-style:normal;font-size:11px;color:#8ee8ba;margin-top:4px}.collection-usability-table{min-width:2550px!important}.auto-favorite{animation:favoritePulse 1.8s ease-in-out infinite}@keyframes favoritePulse{50%{filter:drop-shadow(0 0 9px rgba(255,207,50,.9));transform:scale(1.08)}}
@media(max-width:900px){.signature-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.signature-kpis .card strong{font-size:20px!important}}
@media(max-width:520px){.signature-kpis{grid-template-columns:1fr!important}}

/* BUILD 22.2.8 — Collection payout bill preview */
.bill-preview-shell{padding:18px;max-width:1800px;margin:0 auto}.bill-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.bill-preview-head h1{margin:3px 0 5px;color:#f1bf31}.bill-preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bill-download-btn{background:#e6ad22!important;color:#071f18!important;font-weight:800}.bill-paper{background:#f8f7f1;color:#13251f;border:2px solid #b78918;border-radius:16px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.bill-title-row{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #123f31;padding-bottom:14px}.bill-brand{font-weight:900;color:#0a4a36;letter-spacing:.08em}.bill-title-row h2{margin:4px 0;color:#102e24}.bill-meta{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px;min-width:300px}.bill-meta div,.bill-kpis>div{border:1px solid #bba34a;border-radius:10px;padding:10px;background:#fff}.bill-meta span,.bill-kpis span{display:block;font-size:12px;color:#5f655f}.bill-meta b{font-size:22px}.bill-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;margin:16px 0}.bill-kpis strong{font-size:20px;color:#0c6648}.bill-kpis .profit{background:#dff5e8;border-color:#51a476}.bill-kpis small{display:block;color:#67756e;margin-top:4px}.bill-section-title{margin:18px 0 8px;padding:8px 11px;background:#073f31;color:#ffd052;font-weight:900;border-radius:7px}.bill-table-wrap{overflow:auto;border:1px solid #c6c2ad;border-radius:8px;background:white}.bill-table{border-collapse:collapse;width:100%;font-size:12px}.bill-table th{position:sticky;top:0;background:#123f31;color:#ffd052;padding:8px;border:1px solid #315f51;white-space:nowrap}.bill-table td{padding:7px;border:1px solid #ddd9c9;white-space:nowrap}.bill-table tbody tr:nth-child(even){background:#f4f1e6}.bill-final{color:#08794f;font-weight:900}.bill-explain{border-left:4px solid #d6a11b;background:#fff6d8;padding:10px 12px;margin-bottom:8px;font-size:12px}.bill-detail-table{min-width:1800px}.nonbillable-row{opacity:.55}.bill-rule-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.bill-rule-grid>div{background:#fff;border:1px solid #c6c2ad;border-radius:8px;padding:10px}.bill-rule-grid b,.bill-rule-grid span{display:block}.bill-rule-grid b{color:#0b563d;margin-bottom:4px}@media(max-width:1000px){.bill-preview-head,.bill-title-row{flex-direction:column}.bill-kpis{grid-template-columns:repeat(2,1fr)}.bill-rule-grid{grid-template-columns:repeat(2,1fr)}.bill-meta{min-width:0;width:100%}}@media print{.print-hide,.sidebar,.topbar{display:none!important}.page-shell,.main-content{margin:0!important;padding:0!important}.bill-preview-shell{padding:0}.bill-paper{border:0;box-shadow:none;padding:0}.bill-table-wrap{overflow:visible}.bill-detail-table{font-size:8px;min-width:0}.bill-table th{position:static}.bill-rule-grid{grid-template-columns:repeat(3,1fr)}}

/* BUILD 22.3.0 — Collection verified payment breakup */
.payment-breakup-panel{border:1px solid rgba(231,177,38,.55);border-radius:14px;padding:14px;background:rgba(0,45,35,.55);margin-top:8px}
.payment-breakup-title{font-weight:900;color:#f4c542;letter-spacing:.04em;margin-bottom:10px}
.payment-breakup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.payment-box{padding:10px;border:1px solid rgba(231,177,38,.35);border-radius:11px;background:rgba(0,58,45,.62)}
.payment-box input{margin-top:7px;font-weight:800}.payment-box small{display:block;margin-top:5px;opacity:.78}.payment-box.total-box{background:rgba(31,112,72,.42)}
.payment-verification-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border-radius:9px;background:rgba(0,0,0,.16)}
.payment-rule-note{margin-top:8px;font-size:.88rem;color:#f7d46a}
@media(max-width:900px){.payment-breakup-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.payment-breakup-grid{grid-template-columns:1fr}}