@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

 :root{
  --bg:#eef3f8;
  --bg-soft:#f7fafc;
  --surface:#ffffff;
  --surface-2:#f1f7fb;
  --text:#18212f;
  --muted:#64748b;
  --primary:#0f6b5f;
  --primary-dark:#084b43;
  --primary-soft:#e3f4f0;
  --accent:#2563eb;
  --accent-2:#7c3aed;
  --accent-soft:#eaf1ff;
  --success:#17834f;
  --danger:#c2413b;
  --warning:#b7791f;
  --border:#dbe5ef;
  --border-strong:#c8d6e3;
  --shadow:0 18px 45px rgba(30,41,59,.10);
  --shadow-soft:0 8px 24px rgba(30,41,59,.07);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Manrope, Arial, sans-serif;
  background:
    radial-gradient(circle at 10% -8%, rgba(37,99,235,.14), transparent 30%),
    radial-gradient(circle at 96% 0%, rgba(124,58,237,.10), transparent 28%),
    radial-gradient(circle at 76% 95%, rgba(15,107,95,.08), transparent 30%),
    linear-gradient(135deg,#eef3f8 0%,#f7fafc 46%,#eef6fb 100%);
  color:var(--text);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(30,41,59,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(30,41,59,.045) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 70%);
}
body:after{
  content:"";
  position:fixed;
  right:32px;
  bottom:32px;
  width:210px;
  height:210px;
  pointer-events:none;
  border-radius:42px;
  background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(15,107,95,.08));
  transform:rotate(12deg);
  filter:blur(.2px);
}
a{color:inherit}
.layout{display:flex;min-height:100vh}
.sidebar{
  width:282px;
  background:linear-gradient(180deg,#10241f 0%,#0f3f38 58%,#0f6b5f 100%);
  color:#fff;
  padding:22px 16px;
  position:fixed;
  top:0;bottom:0;
  overflow:auto;
  box-shadow:10px 0 38px rgba(20,35,30,.24);
}
.sidebar::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.activity-scroll::-webkit-scrollbar{width:8px;height:8px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}
.brand{
  font-size:27px;
  font-weight:700;
  margin:4px 4px 22px;
  letter-spacing:.3px;
  display:flex;
  align-items:center;
  gap:9px;
}
.brand:before{
  content:"";
  width:36px;height:36px;
  border-radius:13px;
  background:linear-gradient(135deg,#f4c16c,#c8872d);
  box-shadow:0 10px 18px rgba(0,0,0,.16);
}
.brand span{color:#f4c16c}
.userbox{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.13);
  padding:16px;
  border-radius:18px;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.userbox small{display:block;opacity:.78;margin-top:6px;font-size:13px}
.sidebar nav{display:grid;gap:4px}
.sidebar nav a{
  display:flex;
  align-items:center;
  gap:11px;
  color:#edf7f3;
  text-decoration:none;
  padding:12px 13px;
  border-radius:14px;
  margin:1px 0;
  transition:.18s ease;
  font-size:15px;
  border:1px solid transparent;
}
.sidebar nav a:before{
  content:"";
  width:8px;height:8px;
  border-radius:50%;
  background:rgba(244,193,108,.55);
  flex:0 0 auto;
}
.sidebar nav a:hover,
.sidebar nav a.active{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.12);
  transform:translateX(3px);
}
.main{margin-left:282px;flex:1;padding:28px;min-width:0;position:relative;z-index:1}
.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:24px;
  padding:16px 20px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(12px);
  border:1px solid rgba(219,229,239,.92);
  border-radius:24px;
  box-shadow:var(--shadow-soft);
}
.topbar:before{
  content:"Loan Origination Workspace";
  font-weight:700;
  color:var(--primary-dark);
  letter-spacing:.2px;
}
.topbar h1,.topbar h2{margin:0}
.topbar button{display:none}
.flash{
  background:linear-gradient(135deg,#e3f4f0,#eef6ff);
  border:1px solid #bfded8;
  padding:14px 16px;
  border-radius:16px;
  margin-bottom:18px;
  color:var(--primary-dark);
  box-shadow:var(--shadow-soft);
}
.section-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin:4px 0 18px;
  padding:18px 20px;
  border:1px solid rgba(219,229,239,.95);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(241,247,251,.92));
  box-shadow:var(--shadow-soft);
  position:relative;
  overflow:hidden;
}
.section-title:after{
  content:"";
  position:absolute;
  right:-26px;top:-34px;
  width:140px;height:140px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(15,107,95,.10));
}
.section-title>*{position:relative;z-index:1}
.section-title h1{margin:0;font-size:31px;color:#1b332f;letter-spacing:-.4px}
.section-title h2{margin:0;color:#1b332f}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card,
.form,
.form-section,
.table-wrap{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(219,229,239,.98);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card{
  padding:21px;
  position:relative;
  overflow:hidden;
}
.card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--primary),var(--accent),var(--accent-2));
}
.card::after{
  content:"";
  position:absolute;
  top:-46px;right:-44px;
  width:126px;height:126px;
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(15,107,95,.08));
  border-radius:50%;
}
.card h2,.card h3{margin:0 0 10px;position:relative;z-index:1;color:#1e293b}
.card h3{font-size:15px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.metric{font-size:36px;font-weight:700;color:var(--primary-dark);position:relative;z-index:1;line-height:1}
.muted{color:var(--muted);margin-top:5px}.hidden{display:none!important}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.table-wrap{overflow:auto}
.table-wrap::-webkit-scrollbar-thumb,.activity-scroll::-webkit-scrollbar-thumb{background:#b9c9dc;border-radius:999px}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}
th,td{padding:14px 16px;border-bottom:1px solid #e7eef6;text-align:left;vertical-align:middle}
th{
  background:#eef6ff;
  color:#1e3a8a;
  font-size:13px;
  position:sticky;
  top:0;
  z-index:2;
  text-transform:uppercase;
  letter-spacing:.45px;
}
tr:last-child td{border-bottom:0}
tr:hover td{background:#f6fbff}
.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  border-radius:999px;
  background:var(--primary-soft);
  color:var(--primary-dark);
  font-size:12px;
  font-weight:700;
  border:1px solid #c4e4dc;
  white-space:nowrap;
}
.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.65}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  background:linear-gradient(135deg,var(--primary-dark),var(--primary));
  color:white;
  padding:11px 16px;
  border-radius:14px;
  text-decoration:none;
  cursor:pointer;
  font-family:Manrope, Arial, sans-serif;
  font-weight:700;
  box-shadow:0 12px 22px rgba(15,107,95,.18);
  transition:.18s ease;
  min-height:42px;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 16px 26px rgba(15,107,95,.22)}
.btn.secondary{background:#f8fbff;color:#1e3a8a;border:1px solid #cfe0f4;box-shadow:none}
.btn.secondary:hover{background:#eaf1ff}.btn.danger{background:linear-gradient(135deg,#b42318,#d94a3f)}
.form,.form-section{padding:22px}.form{margin-bottom:18px}.form-section{margin-bottom:18px}
.smart-form{padding:0;background:transparent;border:0;box-shadow:none}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.field label{display:block;margin-bottom:7px;font-weight:700;color:#3e3b35;font-size:14px}
.field input,.field select,.field textarea{
  width:100%;
  padding:13px 14px;
  border:1px solid #d3dfec;
  background:#fbfdff;
  border-radius:14px;
  font-family:Manrope, Arial, sans-serif;
  font-size:15px;
  outline:none;
  transition:.18s ease;
  color:var(--text);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(30,41,59,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(30,41,59,.045) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 70%);
}
body:after{
  content:"";
  position:fixed;
  right:32px;
  bottom:32px;
  width:210px;
  height:210px;
  pointer-events:none;
  border-radius:42px;
  background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(15,107,95,.08));
  transform:rotate(12deg);
  filter:blur(.2px);
}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#9fb8d6;background:#f8fbff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,107,95,.12);background:#fff}
.field textarea{min-height:110px;resize:vertical}.field.wide{grid-column:span 3}
.section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed #d7e4ef}
.section-head span{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;width:38px;height:38px;border-radius:14px;font-weight:700;flex:0 0 auto;box-shadow:0 8px 18px rgba(200,135,45,.22)}
.section-head h2{margin:0 0 4px;color:#1b332f}.section-head p{margin:0;color:var(--muted);line-height:1.45}
.timeline{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.step{background:#ffffff;border:1px solid #d8e0e8;border-radius:16px;padding:12px 16px;color:#334155;font-weight:800;min-width:132px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 24px rgba(15,23,42,.06);position:relative;overflow:hidden}.step:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#d8e0e8}.step small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.step.pending{background:#fff;border-color:#d8e0e8;color:#334155}.step.pending:before{background:#d8e0e8}.step.approved{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#16a34a;color:#14532d;box-shadow:0 14px 30px rgba(22,163,74,.18)}.step.approved:before{background:#15803d}.step.approved small{color:#166534}.step.rejected{background:linear-gradient(135deg,#fef2f2,#ffffff);border-color:#fecaca;color:#991b1b}.step.rejected:before{background:#ef4444}.step.rejected small{color:#b91c1c}.step.sentback{background:linear-gradient(135deg,#fffbeb,#ffffff);border-color:#fde68a;color:#92400e}.step.sentback:before{background:#f59e0b}.step.sentback small{color:#b45309}
.rule-pass{color:var(--success);font-weight:700}.rule-fail{color:var(--danger);font-weight:700}
.sticky-actions{position:sticky;bottom:0;background:rgba(238,243,248,.86);backdrop-filter:blur(10px);padding:16px 0;display:flex;gap:10px;justify-content:flex-end;z-index:5}
.activity-scroll{max-height:220px;overflow-y:auto;padding-right:8px;scroll-snap-type:y mandatory}.activity-scroll p{min-height:46px;margin:0;padding:10px 0;border-bottom:1px solid #e7eef6;scroll-snap-align:start}.activity-scroll p:last-child{border-bottom:0}

.card:nth-child(4n+1){--accent: #2563eb}
.card:nth-child(4n+2){--accent: #0f6b5f}
.card:nth-child(4n+3){--accent: #7c3aed}
.card:nth-child(4n+4){--accent: #0891b2}
.card h2:before{
  content:"";
  display:inline-block;
  width:10px;height:10px;
  border-radius:4px;
  margin-right:8px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  vertical-align:middle;
}
.metric:after{
  content:"";
  display:block;
  width:52px;height:6px;
  margin-top:13px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--primary),var(--accent));
  opacity:.75;
}
.table-wrap{position:relative}
.table-wrap:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--primary),var(--accent),var(--accent-2));
  z-index:4;
}
.form-section{position:relative;overflow:hidden}
.form-section:after{
  content:"";
  position:absolute;
  right:-34px;bottom:-46px;
  width:138px;height:138px;
  border-radius:36px;
  background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(15,107,95,.07));
  transform:rotate(16deg);
  pointer-events:none;
}
.form-section>*{position:relative;z-index:1}
.empty-state{
  padding:28px;
  text-align:center;
  border:1px dashed var(--border-strong);
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f6fbff);
  color:var(--muted);
}

@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .sidebar{transform:translateX(-100%);transition:.22s;z-index:99}.sidebar.open{transform:translateX(0)}
  .main{margin-left:0;padding:18px}.topbar{padding:14px 16px}.topbar:before{content:"Emerald LOS"}
  .topbar button{display:block;border:none;background:#eef6ff;padding:10px 14px;border-radius:12px;font-family:Manrope, Arial, sans-serif;font-weight:700;color:var(--primary-dark)}
  .cards,.grid,.form-grid{grid-template-columns:1fr}.field.wide{grid-column:span 1}.sticky-actions{justify-content:stretch}.sticky-actions .btn{flex:1}table{min-width:760px}.section-title{align-items:flex-start;flex-direction:column}.section-title .btn{width:100%}
}

/* Multi partner / director capture */
.person-list{display:flex;flex-direction:column;gap:16px;margin-top:14px}
.person-card{border:1px solid rgba(15,107,95,.14);background:linear-gradient(180deg,#ffffff,#fbf7ef);border-radius:22px;padding:18px;box-shadow:0 14px 30px rgba(36,49,66,.07)}
.person-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed rgba(15,107,95,.18)}
.person-card-head strong{color:#0f4f47;font-size:15px;letter-spacing:.02em}
.btn.mini-action{padding:10px 14px;font-size:13px;white-space:nowrap}
.remove-promoter{padding:8px 12px;font-size:12px}
.wide-card{grid-column:span 2}
.mini-table-wrap{overflow:auto;border-radius:16px;border:1px solid #e6edf2;background:#fff}
.mini-table{width:100%;min-width:720px;border-collapse:collapse}
.mini-table th,.mini-table td{padding:12px 14px;border-bottom:1px solid #eef2f5;text-align:left;font-size:13px}
.mini-table th{background:#f7faf9;color:#0f4f47;font-weight:700}
.mini-table td small{color:#0f766e;font-weight:700}
@media(max-width:900px){.wide-card{grid-column:span 1}.person-card-head{align-items:flex-start;flex-direction:column}.btn.mini-action{width:100%}}

/* Layout fix: keep bank details and subsequent sections in normal flow below dynamic promoter/director cards */
.product-block{display:block;width:100%;clear:both;position:relative;z-index:1}
.product-block.hidden{display:none!important}
.promoter-section,.bank-section{clear:both;width:100%;display:block;position:relative;z-index:1}
.bank-section{margin-top:18px}
.person-list{width:100%}
.person-card{width:100%;clear:both}
.section-head{flex-wrap:wrap}
@media(max-width:760px){.section-head .mini-action{width:100%;margin-top:10px}.bank-section{margin-top:14px}}

/* Business KYC / Bureau verification UI */
.kyc-party-card,.bureau-party-card{border:1px solid rgba(17,24,39,.08);background:linear-gradient(135deg,#ffffff 0%,#fbfaf7 100%);box-shadow:0 12px 28px rgba(15,23,42,.06);margin-top:14px;}
.entity-card{position:relative;overflow:hidden;}
.entity-card:before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:999px;background:rgba(20,83,45,.08);}
.badge.light{background:#f7f1df;color:#5b4a1f;border:1px solid rgba(91,74,31,.15);}
.kyc-party-card .form-grid,.bureau-party-card .form-grid{margin-top:12px;}
.kyc-party-card textarea,.bureau-party-card textarea{min-height:76px;}

/* Sidebar navigation grouping */
.nav-group{margin:10px 0 14px;padding:8px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.nav-group>span{display:block;margin:3px 8px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#f4c16c;font-weight:700;opacity:.95}
.sidebar nav .nav-group a{margin:2px 0;padding:10px 11px;font-size:14px;border-radius:12px}
.sidebar nav .nav-group a:before{width:7px;height:7px;background:rgba(255,255,255,.42)}
.sidebar nav .nav-group a.active{background:rgba(244,193,108,.18);border-color:rgba(244,193,108,.26);box-shadow:inset 3px 0 0 #f4c16c}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* Editable rules + API-ready verification refinements */
.editable-rules-table input,
.editable-rules-table select{min-width:120px;width:100%;padding:9px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;}
.editable-rules-table td{vertical-align:middle;}
.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.btn.small{padding:8px 12px;font-size:12px;border-radius:10px;}
.btn.ghost{background:rgba(255,255,255,.72);color:#166534;border:1px solid rgba(22,101,52,.2);box-shadow:none;}
.toggle-mini{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569;white-space:nowrap;}
.api-ready-strip{margin:0 0 18px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(236,253,245,.92));border:1px solid rgba(16,185,129,.18);box-shadow:0 12px 28px rgba(15,23,42,.07);color:#334155;}
.kyc-api-control{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;}
.kyc-api-control .api-status-msg{grid-column:1 / -1;color:#64748b;min-height:16px;line-height:1.35;}
.api-verify-btn[disabled]{opacity:.65;cursor:not-allowed;}
@media(max-width:900px){.editable-rules-table input,.editable-rules-table select{min-width:160px}.kyc-api-control{grid-template-columns:1fr}.actions-cell{min-width:180px}}

/* API Configuration page */
.api-config-form{display:block}
.api-config-card{margin-bottom:18px;border-left:5px solid rgba(15,107,95,.55)}
.api-config-card .section-head{align-items:flex-start;gap:14px}
.api-toggle{margin-left:auto;background:#fff8e7;border:1px solid rgba(244,193,108,.35);padding:8px 12px;border-radius:999px;color:#5b4a1f;font-weight:700}
.code-area{font-family:Consolas, Monaco, monospace!important;min-height:96px;line-height:1.45;background:#fbfdff;color:#1f2937}
.api-config-card input::placeholder,.api-config-card textarea::placeholder{color:#94a3b8}
@media(max-width:900px){.api-toggle{margin-left:0}.api-config-card .section-head{flex-direction:column}.api-config-card .form-grid{grid-template-columns:1fr}}

/* API Configuration UX refinements */
.api-config-card{overflow:hidden;border-left:0;border:1px solid rgba(15,107,95,.14);background:linear-gradient(135deg,#ffffff 0%,#fbfaf7 100%);transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;}
.api-config-card:hover{box-shadow:0 18px 42px rgba(15,23,42,.10);transform:translateY(-1px);border-color:rgba(15,107,95,.24)}
.api-card-head{cursor:pointer;align-items:center!important;user-select:none;padding-bottom:0!important;}
.api-index{background:linear-gradient(135deg,#0f6b5f,#143a34);color:#fff;box-shadow:0 8px 18px rgba(15,107,95,.2);}
.api-title-wrap h2{margin-bottom:3px;}
.api-title-wrap p{margin:0;color:#64748b;}
.api-head-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.collapse-icon{border:1px solid rgba(15,107,95,.16);background:#fff;color:#0f6b5f;border-radius:12px;width:34px;height:34px;display:grid;place-items:center;font-size:18px;cursor:pointer;}
.api-card-body{margin-top:16px;max-height:1600px;opacity:1;transition:max-height .25s ease, opacity .2s ease, margin-top .2s ease;}
.api-config-card.collapsed .api-card-body{max-height:0;opacity:0;margin-top:0;overflow:hidden;}
.api-config-card.collapsed{background:rgba(255,255,255,.88);}
.api-config-card.collapsed .section-head{padding-bottom:0;}
.api-config-card.collapsed .api-title-wrap p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px;}
.auth-id-field[hidden],.auth-key-field[hidden]{display:none!important;}
.api-test-result{margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(100,116,139,.2);background:#f8fafc;color:#334155;font-family:Consolas, Monaco, monospace!important;white-space:pre-wrap;max-height:360px;overflow:auto;line-height:1.45;font-size:12px;}
.api-test-result.loading{background:#fffbeb;border-color:#fde68a;color:#92400e;}
.api-test-result.success{background:#ecfdf5;border-color:#86efac;color:#14532d;}
.api-test-result.error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d;}
.api-head-actions .btn.small{height:34px;display:inline-flex;align-items:center;}
@media(max-width:900px){.api-head-actions{margin-left:0;width:100%;justify-content:flex-start}.api-config-card.collapsed .api-title-wrap p{max-width:260px}.api-card-head{align-items:flex-start!important}.collapse-icon{margin-left:auto}}

/* Document upload & checklist module */
.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.document-card{overflow:visible}
.doc-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed #d7e4ef;position:relative;z-index:1}
.doc-card-head h2{margin-bottom:4px}
.doc-step{min-width:auto;padding:9px 12px;font-size:12px;white-space:nowrap}
.doc-file-box{position:relative;z-index:1;display:grid;gap:7px;padding:13px 14px;border:1px solid rgba(15,107,95,.14);background:linear-gradient(135deg,#f8fffc,#f7fbff);border-radius:16px;margin-bottom:14px}
.doc-file-box small{color:#64748b}
.doc-empty{padding:16px;margin-bottom:14px;text-align:left}
.doc-form{position:relative;z-index:1;display:grid;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f5}
.status-form{background:#fbfdff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;margin-top:14px}
.two-col{grid-template-columns:1fr 1fr}
.doc-summary-cards .metric{font-size:30px}
@media(max-width:1100px){.document-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}
@media(max-width:760px){.doc-card-head{flex-direction:column}.doc-step{width:100%;justify-content:center}.document-card .btn{width:100%}}

/* Document module navigation and settings refinements */
.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;position:relative;z-index:1}
.inline-form label,.form-inner label,.doc-upload-form label,.doc-status-form label{display:grid;gap:7px;font-weight:700;color:#3e3b35;font-size:14px;flex:1;min-width:220px}
.inline-form input,.inline-form select,.form-inner input,.form-inner select,.form-inner textarea,.doc-upload-form input,.doc-upload-form select,.doc-upload-form textarea,.doc-status-form input,.doc-status-form select,.doc-status-form textarea,.table-wrap input,.table-wrap select{
  width:100%;padding:12px 13px;border:1px solid #d3dfec;background:#fbfdff;border-radius:14px;font-family:Manrope, Arial, sans-serif;font-size:14px;outline:none;color:var(--text)
}
.form-inner{display:grid;gap:14px;position:relative;z-index:1}
.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;min-width:auto!important}
.checkline input{width:auto!important}
.doc-app-select select{min-width:420px;max-width:100%}
.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.doc-upload-form,.doc-status-form{position:relative;z-index:1;display:grid;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f5}
.doc-status-form{background:#fbfdff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
.mini-input{max-width:96px}
.table-wrap code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:5px 8px;color:#334155;font-size:12px}
@media(max-width:760px){.doc-app-select select{min-width:0}.inline-form{display:grid}.actions{justify-content:flex-start}.section-title{align-items:flex-start;flex-direction:column}}

/* Collapsible sidebar + responsive navigation upgrade */
.sidebar{transition:width .22s ease, transform .22s ease;padding:18px 14px;z-index:1000;overflow-x:hidden}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.brand{margin:0;min-height:42px;text-decoration:none;overflow:hidden;white-space:nowrap;flex:1}
.brand-text{display:inline-flex;align-items:baseline;gap:6px;transition:opacity .18s ease;width:auto;overflow:hidden}
.brand em{font-style:normal;color:#f4c16c}
.side-nav{display:grid;gap:8px}
.nav-group{margin:0;padding:7px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.nav-group-toggle{width:100%;display:flex;align-items:center;gap:11px;padding:10px 10px;border:0;border-radius:13px;background:transparent;color:#f4c16c;font-family:Manrope, Arial, sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;text-align:left}
.nav-group-toggle:hover{background:rgba(255,255,255,.08)}
.nav-icon{width:22px;min-width:22px;text-align:center;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chev{margin-left:auto;transition:transform .18s ease;font-size:15px;line-height:1}
.nav-group.open .chev{transform:rotate(180deg)}
.nav-group-links{max-height:0;opacity:0;overflow:hidden;transition:max-height .22s ease, opacity .18s ease}
.nav-group.open .nav-group-links{max-height:720px;opacity:1}
.sidebar nav a{position:relative;gap:11px;white-space:nowrap;overflow:hidden}
.sidebar nav a:before{display:none}
.sidebar nav a .nav-icon{filter:saturate(1.05)}
.sidebar nav .nav-group a{padding:10px 10px}
.sidebar nav>a{margin:0 7px}
.mobile-overlay{display:none}

/* Broad mobile responsiveness */
img,svg,canvas,video{max-width:100%;height:auto}
.section-title,.topbar,.form-section,.card,.table-wrap{max-width:100%}
.btn{max-width:100%}
.actions,.sticky-actions{flex-wrap:wrap}
@media(max-width:1200px){.main{padding:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
    .sidebar{width:286px!important;transform:translateX(-105%);box-shadow:16px 0 55px rgba(15,23,42,.30)}
  .sidebar.open{transform:translateX(0)}
                .mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:900;backdrop-filter:blur(2px)}
  .topbar{position:sticky;top:10px;z-index:50;margin-bottom:16px;border-radius:18px}
  .topbar button{display:block!important}
  .section-title{padding:16px;border-radius:18px}
  .section-title h1{font-size:25px}
  .cards,.grid,.form-grid,.document-grid{grid-template-columns:1fr!important;gap:14px}
  .form,.form-section,.card{padding:16px;border-radius:18px}
  .table-wrap{border-radius:18px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:720px}
  th,td{padding:12px 13px;font-size:14px}
  .inline-form,.actions,.sticky-actions{display:grid;grid-template-columns:1fr;width:100%;justify-content:stretch}
  .inline-form label,.form-inner label,.doc-upload-form label,.doc-status-form label{min-width:0;width:100%}
  .btn,.actions .btn,.sticky-actions .btn{width:100%}
  .metric{font-size:30px}
}
@media(max-width:560px){
  .main{padding:12px}
  .topbar{padding:12px 13px;font-size:13px}
  .topbar:before{font-size:14px}
  .section-title h1{font-size:22px}
  .section-title h2{font-size:19px}
  .form,.form-section,.card{padding:14px}
  .field input,.field select,.field textarea,.inline-form input,.inline-form select,.form-inner input,.form-inner select,.form-inner textarea,.doc-upload-form input,.doc-upload-form select,.doc-upload-form textarea,.doc-status-form input,.doc-status-form select,.doc-status-form textarea{font-size:14px;padding:11px 12px}
  .doc-card-head,.person-card-head,.section-head{flex-direction:column;align-items:flex-start}
  .badge,.btn.small{white-space:normal;text-align:center}
  table{min-width:660px}
}

/* Navbar icon removal refinement */
.nav-icon{display:none!important}
.nav-group-toggle,.sidebar nav a{gap:0!important}
.nav-group-toggle{padding-left:12px;padding-right:12px}
.sidebar nav .nav-group a{padding-left:14px;padding-right:14px}
.sidebar nav>a{padding-left:14px;padding-right:14px}
.nav-label{display:inline-block;max-width:100%}

/* Deviation Management */
.badge.pending{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.badge.approved{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}
.badge.rejected{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.badge.sent-back{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.compact-form{display:grid;gap:8px;min-width:180px}
.compact-form select,.compact-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:9px 10px;font-family:Manrope, Arial, sans-serif;background:#fff}
.metric{font-size:32px;font-weight:700;margin:8px 0 0;color:var(--primary)}
.rule-fail{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:9px 10px;border-radius:12px}
.rule-pass{background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46;padding:9px 10px;border-radius:12px}

/* KYC API response display */
.kyc-api-response-panel{margin-top:14px;border:1px solid var(--border,#d9e1e8);border-radius:14px;background:#fbfcfd;padding:14px;grid-column:1/-1}
.api-response-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.api-response-head small{display:block;color:var(--muted,#6b7280);margin-top:4px;font-size:12px}
.api-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.api-response-grid label{display:block;font-size:12px;font-weight:700;color:#334155;margin-bottom:6px}
.api-response-grid pre{max-height:220px;overflow:auto;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:10px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word;margin:0}
.badge.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.badge.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}
@media(max-width:800px){.api-response-grid{grid-template-columns:1fr}.api-response-head{flex-direction:column}}

/* API variable mapping */
.mapping-box{margin-top:18px;border:1px solid #dfe7ef;border-radius:16px;background:#fbfdff;padding:16px}
.mapping-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.mapping-head h3{margin:0 0 4px;font-size:16px;color:#243447}
.mapping-table{border:1px solid #e6edf5;border-radius:12px;overflow:visible;background:#fff;position:relative}
.mapping-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #edf2f7;position:relative}
.mapping-row:last-child{border-bottom:none}
.mapping-row:focus-within{z-index:200}
.mapping-row-head{background:#f3f7fb;color:#31475f;font-size:13px}
.mapping-row input,.mapping-row select{width:100%;padding:9px 10px;border:1px solid #d9e2ec;border-radius:10px;background:#fff;font-family:Manrope, Arial, sans-serif}
.btn.danger{background:#fff0f0;color:#a72a2a;border:1px solid #ffd1d1}
code{background:#eef4fa;border:1px solid #dce8f3;border-radius:6px;padding:1px 5px}
@media(max-width:760px){.mapping-head{flex-direction:column}.mapping-row{grid-template-columns:1fr}.mapping-row-head{display:none}.mapping-row .btn{width:100%}}
.api-missing{margin:10px 0;padding:10px 12px;border:1px solid #ffd6a8;background:#fff8ef;border-radius:12px;color:#7a4200}
.api-missing ul{margin:6px 0 0 18px;padding:0}

/* API variable mapping autocomplete */
.los-field-autocomplete{position:relative;width:100%;}
.los-field-search{width:100%;}
.los-field-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #d9e2ec;border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.16);z-index:9999;max-height:240px;overflow:auto;padding:6px;}
.suggestion{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:#fff;border-radius:10px;padding:9px 10px;text-align:left;font-family:Manrope, Arial, sans-serif;cursor:pointer;color:#243447;}
.suggestion:hover{background:#f3f7fb;}
.suggestion small{font-size:11px;color:#64748b;margin-top:2px;}
.empty-mapping-note{padding:14px 16px;background:#f8fafc;border-radius:12px;margin:10px;}
.small-text{font-size:12px;}
.mapping-row input[readonly]{background:#f8fafc;color:#334155;font-weight:600;}
@media(max-width:760px){.los-field-suggestions{position:static;margin-top:6px;box-shadow:none;}.mapping-row .small-text{display:none;}}

/* Keeps the last autocomplete dropdown visible below the final mapping row */
.mapping-rows{position:relative;}
.mapping-rows:has(.los-field-search:focus){padding-bottom:260px;}
@supports not selector(:has(*)){.mapping-rows.autocomplete-open{padding-bottom:260px;}}


/* Risk scorecard admin tables */
.config-table input,.config-table select{width:100%;min-width:120px;padding:10px 11px;border:1px solid #d3dfec;background:#fbfdff;border-radius:12px;font-family:Manrope, Arial, sans-serif;font-size:14px;color:var(--text)}
.config-table td{vertical-align:top}.config-table td:nth-child(7) input{min-width:220px}.span-2{grid-column:span 2}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.score-breakup p{border-bottom:1px solid #e7eef6;padding-bottom:8px}
@media(max-width:900px){.span-2{grid-column:span 1}.config-table{min-width:1100px}}

/* Loan application status badges */
.badge.application-status{
  min-width:118px;
  justify-content:center;
  letter-spacing:.1px;
}
.badge.status-draft{background:#f8fafc;color:#475569;border-color:#cbd5e1}
.badge.status-submitted{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.badge.status-kyc-pending{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.badge.status-kyc-completed{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
.badge.status-bureau-pending{background:#fefce8;color:#a16207;border-color:#fde68a}
.badge.status-bureau-completed{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}
.badge.status-underwriting,.badge.status-underwriting-approved,.badge.status-ewa-underwriting-approved{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.badge.status-approved{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.badge.status-memo-draft{background:#faf5ff;color:#7e22ce;border-color:#e9d5ff}
.badge.status-memo-approved,.badge.status-credit-memo-approved{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}
.badge.status-financial-verified{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
.badge.status-financial-verification-draft{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.badge.status-rejected{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.badge.status-sent-back{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.badge.status-sanctioned{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.badge.status-default{background:var(--primary-soft);color:var(--primary-dark);border-color:#c4e4dc}

/* KYC API saved history */
.kyc-api-history{margin-top:16px;border:1px solid #dbe5ef;border-radius:16px;background:#ffffff;padding:14px;box-shadow:0 8px 22px rgba(30,41,59,.05)}
.api-history-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.api-history-title strong{display:block;color:#1f2937;font-size:15px}
.api-history-title small{display:block;color:#64748b;font-size:12px;margin-top:3px}
.api-empty{margin:6px 0 0;font-size:13px}
.api-history-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:3px}
.api-history-list::-webkit-scrollbar{width:8px;height:8px}
.api-history-list::-webkit-scrollbar-thumb{background:#c8d6e3;border-radius:999px}
.api-history-item{border:1px solid #e3ebf3;border-radius:14px;background:#f8fafc;overflow:hidden}
.api-history-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:12px 14px}
.api-history-item summary::-webkit-details-marker{display:none}
.api-history-item summary strong{font-size:14px;color:#18212f}
.api-history-item summary small{display:block;color:#64748b;font-size:12px;margin-top:3px}
.api-history-payloads{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 14px;border-top:1px solid #e3ebf3}
.api-history-payloads label{display:block;font-size:12px;font-weight:700;color:#334155;margin:12px 0 6px}
.api-history-payloads pre{max-height:240px;overflow:auto;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:10px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word;margin:0}
.badge.api-status-verified,.badge.api-status-completed{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.badge.api-status-manual-fallback,.badge.api-status-pending{background:#fef3c7;color:#92400e;border-color:#fde68a}
.badge.api-status-mismatch{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.badge.api-status-rejected,.badge.api-status-failed{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
@media(max-width:800px){.api-history-title,.api-history-item summary{flex-direction:column;align-items:flex-start}.api-history-payloads{grid-template-columns:1fr}}

/* Collapsible document checklist cards */
.document-card.collapsed{padding-bottom:18px}
.document-card .doc-toggle{width:100%;background:transparent;border:0;text-align:left;cursor:pointer;font-family:Manrope, Arial, sans-serif;color:inherit;padding:0;margin:0 0 14px 0}
.document-card.collapsed .doc-toggle{margin-bottom:0;padding-bottom:0;border-bottom:0}
.doc-head-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.document-card .doc-step{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:none}
.document-card .doc-step:before{display:none}
.document-card .doc-step.approved{background:#eef8f1;border-color:#22c55e;color:#166534;box-shadow:none}
.document-card .doc-step.pending{background:#f8fafc;border-color:#d8e0e8;color:#334155;box-shadow:none}
.document-card .doc-step.reviewpending{background:#fff7db;border-color:#f4d35e;color:#8a5a00;box-shadow:none}
.document-card .doc-step.rejected{background:#fff1f2;border-color:#f5c2c7;color:#b42318;box-shadow:none}
.document-card .doc-step.sentback{background:#fff7ed;border-color:#fdba74;color:#b45309;box-shadow:none}
.doc-chevron{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;background:transparent;color:#64748b;font-size:14px;font-weight:900;line-height:1;transition:transform .2s ease,color .2s ease}
.document-card:not(.collapsed) .doc-chevron{transform:rotate(180deg);background:transparent;color:#0f6b5f}
.document-card .doc-toggle:hover .doc-chevron,.document-card .doc-toggle:focus-visible .doc-chevron{color:#0f6b5f}
.doc-card-body{display:grid;gap:0;max-height:1200px;opacity:1;overflow:hidden;transition:max-height .28s ease, opacity .2s ease, margin-top .2s ease}
.document-card.collapsed .doc-card-body{max-height:0;opacity:0;margin-top:0;pointer-events:none}
.document-card.collapsed .doc-card-head h2{margin-bottom:2px}
@media(max-width:760px){.doc-head-right{width:100%;justify-content:flex-start}.document-card .doc-step{width:auto}.doc-chevron{margin-left:0}}

/* Admin Training Guide */
.guide-cards{margin-bottom:18px}
.guide-section{margin-bottom:18px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-box{padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(135deg,#ffffff,#f8fbff);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.guide-box h3{margin:0 0 8px;color:#0f4f47;font-size:17px}
.guide-box p{margin:0;color:#64748b;line-height:1.55}
.guide-steps{margin:0;padding-left:22px;color:#334155;line-height:1.8}
.guide-steps li{padding-left:6px;margin:3px 0}
.guide-timeline{display:grid;gap:12px;position:relative}
.guide-timeline:before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:#dbeafe}
.guide-timeline div{position:relative;padding:14px 16px 14px 46px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.guide-timeline div:before{content:"";position:absolute;left:9px;top:18px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 0 5px #eef6ff}
.guide-timeline strong{display:block;color:#1b332f;margin-bottom:4px}
.guide-timeline small{display:block;color:#64748b;line-height:1.5;font-size:13px}
.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.checklist-grid label{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;background:#fbfdff;border:1px solid #e2e8f0;border-radius:14px;color:#334155;line-height:1.4}
.checklist-grid input{margin-top:3px;accent-color:var(--primary)}
.guide-notes{margin:0;padding-left:22px;color:#334155;line-height:1.8}
@media(max-width:900px){.guide-grid,.checklist-grid{grid-template-columns:1fr}.guide-cards{grid-template-columns:1fr!important}}

/* Training guide accordions */
.training-accordion{display:grid;gap:14px}
.guide-accordion{padding:0;overflow:hidden}
.guide-accordion summary{list-style:none}
.guide-accordion summary::-webkit-details-marker{display:none}
.guide-summary{cursor:pointer;margin:0;padding:18px 20px;align-items:center;border-bottom:0!important;display:flex!important;gap:14px}
.guide-summary:hover{background:#f8fafc}
.guide-summary h2{margin:0}
.guide-summary p{margin:3px 0 0;color:#64748b}
.guide-chevron{margin-left:auto;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eef6f4;color:#0f6b5f;font-size:20px;transition:transform .2s ease, background .2s ease;flex:0 0 auto}
.guide-accordion[open] .guide-chevron{transform:rotate(180deg);background:#dff3ee}
.guide-panel{padding:0 20px 20px;border-top:1px solid #e2e8f0}
.guide-panel>.guide-grid,.guide-panel>.guide-timeline,.guide-panel>.guide-steps,.guide-panel>.checklist-grid,.guide-panel>.guide-notes{margin-top:18px}
@media(max-width:760px){.guide-summary{align-items:flex-start;padding:16px}.guide-chevron{margin-top:2px}.guide-panel{padding:0 16px 16px}}

.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.back-view-btn{white-space:nowrap}
@media(max-width:760px){.section-actions{justify-content:flex-start;width:100%}.back-view-btn{width:100%;text-align:center}}
.badge.pending-review{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;}
.api-ready-strip .pending-review{margin:0 8px;}
.step.reviewpending{background:linear-gradient(135deg,#fef9c3,#ffffff);border-color:#facc15;color:#854d0e;box-shadow:0 14px 30px rgba(250,204,21,.18)}
.step.reviewpending:before{background:#eab308}.step.reviewpending small{color:#a16207}

/* Environment mode and lead segregation */
.settings-mode-form{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.mode-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:14px;background:#fff;cursor:pointer}
.mode-option.active{box-shadow:0 10px 24px rgba(15,23,42,.08);border-color:#2a3f54}
.mode-option input{margin-top:4px}
.mode-option span{display:flex;flex-direction:column;gap:4px}
.mode-option small{color:#64748b;line-height:1.4}
.badge.lead-test{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.badge.lead-genuine{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.soft-card{background:linear-gradient(135deg,#ffffff,#f8fafc)}

/* Application edit + workflow lock */
.alert-card{border:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#ffffff);box-shadow:0 12px 28px rgba(245,158,11,.10)}
.alert-card h2{color:#92400e}
.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.card-title-row h2{margin:0}
.btn.small{padding:7px 11px;font-size:12px;border-radius:10px}
.badge.light{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}
@media(max-width:760px){.card-title-row{align-items:flex-start;flex-direction:column}.card-title-row .btn{width:100%;text-align:center}}

/* KYC manual verification proof */
.manual-proof-box{margin-top:16px;border:1px solid #dbe5ef;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfd);padding:14px;box-shadow:0 8px 22px rgba(30,41,59,.05)}
.manual-proof-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.manual-proof-head strong{display:block;color:#0f4f47}
.manual-proof-head small{display:block;color:#64748b;margin-top:3px;line-height:1.35}
.manual-proof-grid{margin-top:8px}
.manual-proof-current{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:#f3f8f6;border:1px dashed rgba(15,107,95,.22);border-radius:12px;padding:10px;margin-bottom:12px;color:#334155}
.manual-proof-current details{flex-basis:100%;margin-top:4px}
.manual-proof-current pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:#0f172a;color:#e2e8f0;border-radius:10px;padding:10px;font-family:Consolas,monospace;font-size:12px}
@media(max-width:760px){.manual-proof-head{flex-direction:column}.manual-proof-current .btn{width:100%}}
.manual-proof-box{padding:0;overflow:hidden}
.manual-proof-box summary{list-style:none;cursor:pointer;padding:14px;margin:0}
.manual-proof-box summary::-webkit-details-marker{display:none}
.manual-proof-box[open] summary{border-bottom:1px solid #e2e8f0;margin-bottom:12px}
.manual-proof-box summary:after{content:'+';display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#eef7f3;color:#0f6b5f;font-weight:800;margin-left:auto}
.manual-proof-box[open] summary:after{content:'−'}
.manual-proof-saved-list,.manual-proof-actions,.manual-proof-rows{padding:0 14px 14px}
.manual-proof-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.manual-proof-row{border:1px dashed #cbd5e1;border-radius:14px;padding:12px;margin-top:12px;background:#fff}
.manual-proof-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#334155}
.manual-proof-row:first-child .remove-manual-proof{opacity:.85}
@media(max-width:760px){.manual-proof-actions{align-items:stretch}.manual-proof-actions .btn{width:100%}.manual-proof-row-head{flex-direction:column;align-items:flex-start}.manual-proof-row-head .btn{width:100%}}

/* Audit & Investigation Center */
.audit-stat-cards .card{min-height:120px}
.audit-filter-card{position:sticky;top:70px;z-index:3}
.audit-filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;align-items:end}
.audit-filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#344054}
.audit-filters select,.audit-filters input{width:100%;padding:10px 11px;border:1px solid #d0d5dd;border-radius:12px;background:#fff}
.audit-replay-check{flex-direction:row!important;align-items:center;padding-bottom:10px;font-weight:700!important}
.audit-timeline{position:relative;margin-top:6px;padding-left:28px;max-height:720px;overflow:auto;padding-right:6px}
.audit-timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:#e4e7ec}
.audit-event{position:relative;margin:0 0 14px 0}
.audit-dot{position:absolute;left:-23px;top:18px;width:12px;height:12px;border-radius:999px;background:#0a6e4d;box-shadow:0 0 0 4px #eaf6f1;z-index:1}
.audit-event-card{border:1px solid #e4e7ec;border-radius:18px;background:#fff;padding:14px 16px;box-shadow:0 6px 18px rgba(16,24,40,.05)}
.audit-event-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.audit-event-head small{white-space:nowrap;color:#667085}
.audit-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#475467;font-size:13px}
.audit-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;margin-right:7px;background:#f2f4f7;color:#344054}
.audit-badge.api{background:#eef4ff;color:#3538cd}.audit-badge.document{background:#ecfdf3;color:#027a48}.audit-badge.approval{background:#fef3f2;color:#b42318}.audit-badge.deviation{background:#fff6ed;color:#c4320a}.audit-badge.risk{background:#f4f3ff;color:#5925dc}.audit-badge.data{background:#f0f9ff;color:#026aa2}
.audit-details{margin-top:12px;border-top:1px dashed #d0d5dd;padding-top:10px}
.audit-details summary{cursor:pointer;font-weight:800;color:#0a6e4d}
.audit-details pre{white-space:pre-wrap;word-break:break-word;background:#101828;color:#f9fafb;border-radius:14px;padding:12px;max-height:300px;overflow:auto;font-size:12px}
@media(max-width:1100px){.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-card{position:static}}
@media(max-width:640px){.audit-filters{grid-template-columns:1fr}.audit-event-head{flex-direction:column}.audit-timeline{max-height:none}.audit-meta{flex-direction:column}}

/* Premium density refinement: reduces text-heavy feel without hiding important data */
body.compact-ui{
  --shadow:0 10px 26px rgba(30,41,59,.075);
  --shadow-soft:0 6px 16px rgba(30,41,59,.055);
}
body.compact-ui .main{padding:22px 24px}
body.compact-ui .topbar{padding:11px 16px;margin-bottom:18px;border-radius:18px}
body.compact-ui .section-title{padding:15px 18px;margin-bottom:14px;border-radius:20px}
body.compact-ui .section-title h1{font-size:27px}
body.compact-ui .section-title h2{font-size:22px}
body.compact-ui .section-title p.muted,
body.compact-ui .section-head p,
body.compact-ui .card p.muted,
body.compact-ui .api-ready-strip{font-size:13px;line-height:1.35}
body.compact-ui .section-title p.muted,
body.compact-ui .section-head p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:780px}
body.compact-ui .cards{gap:14px}
body.compact-ui .card,
body.compact-ui .form,
body.compact-ui .form-section{padding:16px;border-radius:18px}
body.compact-ui .card h2{font-size:19px;margin-bottom:10px}
body.compact-ui .card h3{font-size:12px;margin-bottom:8px}
body.compact-ui .metric{font-size:29px;margin-top:4px}
body.compact-ui .metric:after{height:4px;width:40px;margin-top:9px}
body.compact-ui .form-grid{gap:12px}
body.compact-ui .field label{font-size:13px;margin-bottom:5px}
body.compact-ui .field input,
body.compact-ui .field select,
body.compact-ui .field textarea,
body.compact-ui .inline-form input,
body.compact-ui .inline-form select,
body.compact-ui .form-inner input,
body.compact-ui .form-inner select,
body.compact-ui .form-inner textarea{padding:10px 12px;font-size:14px;border-radius:12px}
body.compact-ui .field textarea{min-height:78px}
body.compact-ui .section-head{margin-bottom:13px;padding-bottom:10px}
body.compact-ui .section-head span{width:32px;height:32px;border-radius:11px;font-size:13px}
body.compact-ui .btn{min-height:36px;padding:9px 13px;border-radius:12px;font-size:13px}
body.compact-ui .btn.small{padding:6px 10px;font-size:12px}
body.compact-ui .badge{padding:5px 9px;font-size:11px}
body.compact-ui th,body.compact-ui td{padding:10px 12px;font-size:13px}
body.compact-ui th{font-size:11px}
body.compact-ui .timeline{gap:9px}
body.compact-ui .step{min-width:118px;padding:10px 12px;border-radius:14px;font-size:13px}
body.compact-ui .step small{font-size:10px}

/* Turns label/value paragraphs into compact data chips in most cards */
.card p:has(> b:first-child){
  margin:6px 0;
  padding:9px 10px;
  border:1px solid #e7eef6;
  background:linear-gradient(135deg,#fbfdff,#f8fafc);
  border-radius:13px;
  line-height:1.35;
}
.card p:has(> b:first-child) b:first-child{
  color:#64748b;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.035em;
  margin-right:5px;
}
body.compact-ui .card p:has(> b:first-child){
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 6px;
  margin:4px 4px 4px 0;
  padding:7px 9px;
}
body.compact-ui .wide-card p:has(> b:first-child){display:flex}

/* Compact page toolbar */
.density-toggle{
  border:1px solid #cfe0f4;
  background:#f8fbff;
  color:#0f4f47;
  border-radius:999px;
  padding:8px 12px;
  font-family:Manrope, Arial, sans-serif;
  font-weight:800;
  cursor:pointer;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  box-shadow:none;
}
.density-toggle:before{content:"◱";font-size:13px}
body:not(.compact-ui) .density-toggle:before{content:"◰"}
.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* Text-heavy sections become easier to scan */
.rule-pass,.rule-fail{font-size:13px;line-height:1.35;margin:7px 0}
.audit-event-card{padding:12px 14px}
.audit-meta span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px}
.guide-box p,.guide-steps,.guide-notes{font-size:14px;line-height:1.55}
.empty-state,.doc-empty{font-size:14px;line-height:1.45}

@media(max-width:900px){body.compact-ui .main{padding:14px}.topbar-actions{width:100%;justify-content:space-between}.density-toggle{flex:1;justify-content:center}}

.doc-group-row td{background:#f8faf7;color:#2a3f54;font-size:13px;letter-spacing:.02em;text-transform:uppercase;border-top:1px solid #e5eadf;border-bottom:1px solid #e5eadf;}
#saveChecklistForm + .table-wrap select{min-width:160px;}
#saveChecklistForm + .table-wrap small.muted{display:block;margin-top:4px;font-size:11px;}

.field-block{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.constitution-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;padding:10px;background:#fbfcfa;border:1px solid #e5eadf;border-radius:12px;}
.constitution-check-grid.compact{grid-template-columns:repeat(2,minmax(120px,1fr));padding:8px;min-width:280px;}
.mini-check{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:13px;color:#2a3f54;font-weight:500;}
.mini-check input{width:auto!important;margin:0;}

/* Structured API audit viewer */
.api-structured-card{background:#ffffff;border:1px solid #d8e3ef;border-radius:14px;padding:12px;display:grid;gap:10px;box-shadow:0 6px 16px rgba(15,23,42,.04)}
.api-kv{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;background:#f8fafc;border:1px solid #edf2f7;border-radius:10px}
.api-kv span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:800}
.api-kv strong{font-size:13px;color:#1f2937;word-break:break-word}
.api-kv code{font-size:12px;color:#1f2937;background:#eef5fb;border:1px solid #dbe8f3;border-radius:8px;padding:6px 8px;white-space:pre-wrap;word-break:break-all;display:block}
.api-method-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:56px;padding:4px 9px;border-radius:999px;background:#e8f5ee;color:#0a6e4d!important;border:1px solid #bbdfcd;font-weight:900}
.api-mini-section{border:1px solid #e1e9f2;border-radius:12px;background:#fbfdff;overflow:hidden}
.api-mini-section summary{cursor:pointer;list-style:none;padding:9px 11px;font-size:12px;font-weight:800;color:#334155;display:flex;align-items:center;justify-content:space-between}
.api-mini-section summary::-webkit-details-marker{display:none}
.api-mini-section summary em{font-style:normal;font-size:11px;color:#64748b;background:#eef2f7;border-radius:999px;padding:2px 7px}
.api-code-block{max-height:220px;overflow:auto;background:#0f172a;color:#e2e8f0!important;padding:12px;border-radius:10px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0}
.api-empty-mini{padding:10px 12px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;font-size:12px}
.api-history-payloads .api-code-block{max-height:260px}
.api-response-grid .api-structured-card{height:100%}

.autocomplete-results{position:absolute;z-index:50;left:0;right:0;margin-top:6px;background:#fff;border:1px solid #d8e2ef;border-radius:14px;box-shadow:0 14px 30px rgba(15,23,42,.14);max-height:260px;overflow:auto;padding:6px}.field{position:relative}.autocomplete-item{width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;color:#1f2a3a}.autocomplete-item:hover{background:#f3f7fb}.autocomplete-item strong{display:block;font-size:14px}.autocomplete-item small{display:block;color:#64748b;margin-top:2px}.autocomplete-empty{padding:12px;color:#64748b;font-size:14px}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}

/* Visual Rule Engine */
.rule-hero{align-items:stretch;background:linear-gradient(135deg,#ffffff 0%,#f3fbf8 50%,#eef6ff 100%)}
.rule-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:10px;min-width:330px;align-self:center}
.rule-hero-stats div{background:rgba(255,255,255,.76);border:1px solid rgba(219,229,239,.95);border-radius:18px;padding:13px 14px;box-shadow:0 10px 22px rgba(15,23,42,.06)}
.rule-hero-stats strong{display:block;font-size:26px;line-height:1;color:#0f4f47}
.rule-hero-stats small{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.rule-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.product-pill-filter{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.product-pill{border:1px solid #d2dfeb;background:#fff;color:#334155;border-radius:999px;padding:10px 14px;font-family:Manrope, Arial, sans-serif;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.04);transition:.18s ease}
.product-pill:hover{transform:translateY(-1px);border-color:#9fb8d6;background:#f8fbff}
.product-pill.active{background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-color:transparent;color:#fff;box-shadow:0 14px 26px rgba(15,107,95,.18)}
.rule-add-panel{overflow:hidden;margin-bottom:18px}
.rule-add-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none;margin:-22px -22px 18px;padding:18px 22px;background:linear-gradient(135deg,#f8fbff,#eefaf6);border-bottom:1px solid #e1ebf4}
.rule-add-panel>summary::-webkit-details-marker{display:none}
.rule-add-panel>summary span{font-size:20px;font-weight:800;color:#1b332f}
.rule-add-panel>summary small{color:var(--muted);font-weight:700}
.rule-add-grid{align-items:end}
.rule-submit-field .btn{width:100%}
.rule-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:16px 0 12px;padding:0 2px}
.rule-list-head h2{margin:0;color:#1b332f}
.rules-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.rule-card{background:rgba(255,255,255,.95);border:1px solid rgba(219,229,239,.98);border-radius:22px;box-shadow:var(--shadow-soft);padding:18px;position:relative;overflow:hidden;transition:.18s ease}
.rule-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.rule-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--accent-2))}
.rule-card.inactive{opacity:.78;background:linear-gradient(135deg,#ffffff,#f8fafc)}
.rule-card.inactive:before{background:#cbd5e1}
.rule-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;margin-bottom:16px}
.product-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0f4f47,#0f6b5f);color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(15,107,95,.18)}
.rule-card h3{margin:9px 0 0;color:#172033;font-size:20px;line-height:1.25;text-transform:none;letter-spacing:0}
.rule-card h3:before{display:none}
.rule-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;border:1px solid transparent;white-space:nowrap}
.rule-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.rule-status.active{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
.rule-status.inactive{background:#f1f5f9;color:#64748b;border-color:#dbe5ef}
.rule-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0 16px}
.rule-node{border:1px solid #e1eaf3;background:linear-gradient(135deg,#ffffff,#f8fbff);border-radius:18px;padding:14px;min-height:108px;display:flex;flex-direction:column;justify-content:center}
.rule-node small{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.rule-node strong{display:block;margin-top:6px;color:#1e293b;font-size:16px;line-height:1.25}
.rule-node code{display:inline-block;width:max-content;max-width:100%;margin-top:8px;font-size:11px;color:#475569;background:#eef4fa;border:1px solid #dce8f3;border-radius:999px;padding:4px 8px;white-space:normal}
.value-node{background:linear-gradient(135deg,#fffdf7,#f7fbff)}
.rule-operator{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:#1e3a8a;background:#eef6ff;border:1px solid #cfe0f4;box-shadow:0 10px 20px rgba(37,99,235,.08)}
.rule-edit-drawer{border-top:1px dashed #d8e3ee;padding-top:12px}
.rule-edit-drawer>summary{cursor:pointer;color:#0f4f47;font-weight:900;display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe6df;background:#f2fbf8;border-radius:999px;padding:8px 12px;list-style:none}
.rule-edit-drawer>summary::-webkit-details-marker{display:none}
.rule-edit-drawer[open]>summary{margin-bottom:14px;background:#e3f4f0}
.rule-card-form{display:grid;gap:14px;background:#fbfdff;border:1px solid #e5eef6;border-radius:18px;padding:14px}
.compact-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rule-card-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.rule-toggle{min-height:45px;border:1px solid #d3dfec;border-radius:14px;background:#fff;padding:10px 12px;justify-content:flex-start}
.rule-empty{grid-column:1/-1}
@media(max-width:1180px){.rules-visual-grid{grid-template-columns:1fr}.rule-toolbar{align-items:flex-start;flex-direction:column}.product-pill-filter{justify-content:flex-start}.rule-hero-stats{min-width:0;width:100%}}
@media(max-width:760px){.rule-hero-stats{grid-template-columns:1fr}.rule-flow{grid-template-columns:1fr}.rule-operator{width:100%;height:40px}.compact-rule-grid{grid-template-columns:1fr}.rule-card-top{grid-template-columns:auto 1fr}.rule-status{grid-column:1/-1;width:max-content}.rule-list-head{align-items:flex-start;flex-direction:column}.rule-add-panel>summary{align-items:flex-start;flex-direction:column}}

/* EWA Bureau read-only dashboard */
.ewa-bureau-shell{
  display:grid;
  gap:16px;
  margin-top:14px;
}
.ewa-bureau-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:20px;
  border:1px solid #dce8f3;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff 0%,#f5fbf9 58%,#eef6ff 100%);
  box-shadow:0 16px 34px rgba(15,23,42,.07);
}
.ewa-bureau-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0f4f47,#0f6b5f);
  color:#fff;
  font-size:25px;
  font-weight:900;
  box-shadow:0 14px 28px rgba(15,107,95,.18);
}
.ewa-bureau-kicker{
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#64748b;
  margin-bottom:5px;
}
.ewa-bureau-main h2{
  margin:0;
  font-size:25px;
  line-height:1.2;
  color:#172033;
}
.ewa-bureau-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.ewa-bureau-tags span{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid #dbe7f1;
  color:#475569;
  font-size:12px;
  font-weight:800;
}
.ewa-bureau-status-panel{
  min-width:150px;
  display:grid;
  justify-items:end;
  gap:7px;
}
.ewa-bureau-status-panel .badge{
  font-size:15px;
  padding:10px 14px;
  border-radius:999px;
}
.ewa-bureau-status-panel small{
  color:#64748b;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:11px;
}
.ewa-bureau-lock-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border:1px solid #cfe6df;
  border-radius:18px;
  background:#f3fbf8;
  color:#17443d;
}
.ewa-bureau-lock-note strong{
  display:block;
  margin-bottom:3px;
  color:#0f4f47;
}
.ewa-bureau-lock-note span{
  color:#4b635e;
  font-size:13px;
  line-height:1.45;
}
.ewa-bureau-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.ewa-metric{
  min-height:104px;
  padding:16px;
  border:1px solid #e1eaf3;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.ewa-metric span{
  color:#64748b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ewa-metric strong{
  margin-top:12px;
  color:#172033;
  font-size:21px;
  line-height:1.1;
}
.ewa-metric.primary-metric{
  background:linear-gradient(135deg,#0f4f47,#0f6b5f);
  border-color:transparent;
}
.ewa-metric.primary-metric span,.ewa-metric.primary-metric strong{color:#fff}
.ewa-metric.risk-low{background:#ecfdf5;border-color:#bbf7d0}
.ewa-metric.risk-medium{background:#fffbeb;border-color:#fde68a}
.ewa-metric.risk-high{background:#fff1f2;border-color:#fecdd3}
.ewa-metric.risk-pending{background:#f8fafc;border-color:#e2e8f0}
.ewa-bureau-reason{
  border:1px solid #fecdd3;
  border-radius:18px;
  background:#fff1f2;
  padding:14px 16px;
  color:#9f1239;
}
.ewa-bureau-reason strong{
  display:block;
  margin-bottom:6px;
}
.ewa-bureau-reason p{
  margin:0;
  line-height:1.45;
}
@media(max-width:1180px){.ewa-bureau-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ewa-bureau-hero{grid-template-columns:auto 1fr}.ewa-bureau-status-panel{grid-column:1/-1;justify-items:start;min-width:0}}
@media(max-width:760px){.ewa-bureau-hero{grid-template-columns:1fr}.ewa-bureau-icon{width:52px;height:52px}.ewa-bureau-lock-note{align-items:flex-start;flex-direction:column}.ewa-bureau-lock-note .btn{width:100%;justify-content:center}.ewa-bureau-metrics{grid-template-columns:1fr}.ewa-bureau-main h2{font-size:22px}}

/* Manual deviation action panel */
.manual-deviation-panel{
  border:1px solid rgba(245,158,11,.28);
  background:linear-gradient(135deg,rgba(255,251,235,.96),rgba(255,255,255,.98));
  border-radius:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  overflow:hidden;
}
.manual-deviation-panel summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
}
.manual-deviation-panel summary::-webkit-details-marker{display:none;}
.manual-deviation-panel summary strong{display:block;color:#92400e;font-size:15px;}
.manual-deviation-panel summary small{display:block;color:#6b7280;margin-top:3px;}
.manual-deviation-form{border-top:1px solid rgba(245,158,11,.22);padding:16px 18px 18px;}
.manual-deviation-form textarea{min-height:88px;}
.badge.warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b;}

/* v5.0.0 Migration Check + Field Verification visual refresh */
.migration-summary-cards .card:nth-child(3):before{background:linear-gradient(90deg,#b45309,#f59e0b)}
.migration-alert-card{border-left:5px solid #d97706;background:linear-gradient(135deg,#fff7ed,#ffffff)}
.migration-ok-card{border-left:5px solid var(--success);background:linear-gradient(135deg,#ecfdf5,#ffffff)}
code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px 6px;color:#334155;font-family:Consolas, Monaco, monospace;font-size:12px}
.badge.status-approved{background:#dcfce7;color:#166534;border-color:#bbf7d0}.badge.status-rejected{background:#fee2e2;color:#991b1b;border-color:#fecaca}.badge.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}
.warning-btn{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 12px 22px rgba(217,119,6,.18)}
.warning-btn:hover{box-shadow:0 16px 26px rgba(217,119,6,.24)}
.fv-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:center;padding:24px;border-radius:26px;background:linear-gradient(135deg,#10241f,#0f6b5f);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:18px}
.fv-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(244,193,108,.16)}
.fv-hero>*{position:relative;z-index:1}.fv-hero h2{margin:10px 0 6px;font-size:27px}.fv-hero p{margin:4px 0;color:rgba(255,255,255,.84)}.fv-hero .muted{color:rgba(255,255,255,.7)}
.fv-progress-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:18px;backdrop-filter:blur(10px)}
.fv-progress-panel strong{display:block;font-size:38px;margin:4px 0;color:#f4c16c}.fv-progress-panel small{color:rgba(255,255,255,.75)}
.fv-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;margin:10px 0}.fv-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f4c16c,#ffffff)}
.fv-status-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.fv-status-card{min-height:170px;border-left:5px solid #cbd5e1}.fv-status-card h3{font-size:13px;color:#64748b}.fv-card-title{font-size:19px;font-weight:800;color:#1e293b;margin:8px 0 12px}.fv-status-card.approved{border-left-color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#ffffff)}.fv-status-card.pending{border-left-color:#94a3b8}.fv-status-card.warning{border-left-color:#d97706;background:linear-gradient(135deg,#fff7ed,#ffffff)}.fv-status-card.rejected{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#ffffff)}
.fv-mini-checklist p{display:flex;gap:10px;align-items:flex-start;margin:12px 0;color:#334155}.fv-check{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#e2e8f0;color:#64748b;font-weight:800;flex:0 0 auto}.fv-check.done{background:#dcfce7;color:#166534}
.fv-form-section{border-left:5px solid #2563eb}.fv-form-section.tv{border-left-color:#0f6b5f}.fv-form-section.pd{border-left-color:#7c3aed}.fv-section-head span{width:46px;height:46px;border-radius:16px;font-size:14px}.fv-form-section.pv .fv-section-head span{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.fv-form-section.tv .fv-section-head span{background:linear-gradient(135deg,#0f6b5f,#34d399)}.fv-form-section.pd .fv-section-head span{background:linear-gradient(135deg,#6d28d9,#a78bfa)}
.fv-deviation-section{border-left:5px solid #d97706;background:linear-gradient(135deg,#fffbeb,#ffffff)}.fv-deviation-section .fv-section-head span{background:linear-gradient(135deg,#b45309,#f59e0b);color:#fff}.fv-deviation-section h2,.fv-deviation-section label{color:#92400e}.fv-deviation-section p{color:#b45309}
@media(max-width:1100px){.fv-status-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fv-hero{grid-template-columns:1fr}.fv-progress-panel{max-width:100%}}
@media(max-width:900px){.fv-status-cards{grid-template-columns:1fr}.fv-hero h2{font-size:22px}.fv-progress-panel strong{font-size:32px}.sticky-actions{flex-direction:column}.sticky-actions .btn{width:100%}}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0f6b5f;
  background:#e8f6f3;
  border:1px solid #cbe7e1;
  border-radius:999px;
  padding:5px 11px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* v5.0.2 Disbursement Readiness Check */
.disbursement-readiness-card{
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 52%,#eef7ff 100%);
  border:1px solid rgba(203,213,225,.96);
  border-radius:26px;
  padding:22px;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.disbursement-readiness-card:before{
  content:"";
  position:absolute;
  left:-80px;
  bottom:-90px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(15,107,95,.12));
}
.disbursement-readiness-card>*{position:relative;z-index:1}
.disbursement-readiness-card.is-ready{background:linear-gradient(135deg,#ecfdf5,#ffffff 56%,#f8fafc);border-color:#bbf7d0}
.disbursement-readiness-card.is-blocked{background:linear-gradient(135deg,#fff7ed,#ffffff 56%,#f8fafc);border-color:#fed7aa}
.readiness-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}
.readiness-head h2{margin:5px 0 6px;font-size:25px;color:#173832;letter-spacing:-.3px}
.readiness-head p{margin:0;color:#64748b;line-height:1.45;max-width:790px}
.readiness-meter{min-width:190px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:14px 16px;text-align:right;box-shadow:0 14px 32px rgba(15,23,42,.08)}
.readiness-meter strong{display:block;font-size:34px;line-height:1;color:#0f6b5f}
.readiness-meter small{display:block;margin-top:6px;color:#475569;font-weight:800}
.readiness-meter span{display:block;margin-top:3px;color:#64748b;font-size:12px}
.readiness-bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:8px 0 16px}
.readiness-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f6b5f,#22c55e)}
.disbursement-readiness-card.is-blocked .readiness-bar span{background:linear-gradient(90deg,#f59e0b,#0f6b5f)}
.readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.readiness-item{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:inherit;background:rgba(255,255,255,.9);border:1px solid #e2e8f0;border-radius:18px;padding:14px;min-height:88px;box-shadow:0 10px 22px rgba(15,23,42,.05);transition:.18s ease}
.readiness-item:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.08)}
.readiness-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;font-weight:900;flex:0 0 auto;background:#e2e8f0;color:#64748b}
.readiness-item b{display:block;color:#1e293b;margin-bottom:4px;font-size:14px}
.readiness-item small{display:block;color:#64748b;line-height:1.35}
.readiness-ready{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#ffffff)}
.readiness-ready .readiness-icon{background:#dcfce7;color:#166534}
.readiness-pending{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#ffffff)}
.readiness-pending .readiness-icon{background:#fee2e2;color:#991b1b}
.readiness-warning{border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#ffffff)}
.readiness-warning .readiness-icon{background:#fef3c7;color:#92400e}
.readiness-footer{margin-top:14px;padding:13px 14px;border:1px dashed #cbd5e1;border-radius:18px;background:rgba(255,255,255,.72);color:#475569}
@media(max-width:1180px){.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.readiness-head{flex-direction:column}.readiness-meter{text-align:left;width:100%}}
@media(max-width:720px){.disbursement-readiness-card{padding:16px}.readiness-grid{grid-template-columns:1fr}.readiness-head h2{font-size:22px}.readiness-meter strong{font-size:30px}}

/* v5.0.3 Collapsed Disbursement Readiness Checklist */
.readiness-details{margin-top:12px}
.readiness-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.86);border:1px solid #dbe6ef;border-radius:18px;padding:13px 15px;font-weight:900;color:#173832;box-shadow:0 10px 22px rgba(15,23,42,.05);transition:.18s ease}
.readiness-details summary::-webkit-details-marker{display:none}
.readiness-details summary:after{content:'+';display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:18px;font-weight:900;flex:0 0 auto}
.readiness-details[open] summary{margin-bottom:12px;border-color:#b9d6ce;background:#f8fffd}
.readiness-details[open] summary:after{content:'−';background:#d1fae5;color:#166534}
.readiness-details summary small{font-size:12px;color:#64748b;font-weight:800;margin-left:auto}
@media(max-width:720px){.readiness-details summary{align-items:flex-start;flex-direction:column}.readiness-details summary:after{position:absolute;right:18px}.readiness-details summary{position:relative;padding-right:54px}.readiness-details summary small{margin-left:0}}

/* v5.0.4 Case Notes / Internal Comments */
.case-notes-card{
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 52%,#f4f7ff 100%);
  border:1px solid #dbe5ef;
  border-radius:24px;
  overflow:hidden;
}
.case-notes-card .card-title-row{align-items:flex-start;margin-bottom:14px}
.case-notes-card .card-title-row h2{margin-bottom:4px}
.case-note-form{
  background:rgba(255,255,255,.82);
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:15px;
  margin-bottom:14px;
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}
.case-pin-check{align-self:end;min-height:43px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:0 12px;font-weight:800;color:#475569}
.pinned-notes-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:12px 13px;border:1px solid #fde68a;border-radius:18px;background:#fffbeb;color:#92400e}
.pinned-notes-strip span{background:#fff;border:1px solid #fde68a;border-radius:999px;padding:6px 10px;color:#78350f;font-size:12px;font-weight:800}
.case-note-timeline{display:flex;flex-direction:column;gap:12px}
.empty-state-note{padding:18px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;color:#64748b;text-align:center;font-weight:700}
.case-note-item{display:grid;grid-template-columns:34px 1fr;gap:10px;position:relative}
.case-note-rail{position:relative;display:flex;justify-content:center}
.case-note-rail:before{content:"";position:absolute;top:31px;bottom:-14px;width:2px;background:#dbe5ef;border-radius:999px}
.case-note-item:last-child .case-note-rail:before{display:none}
.case-note-rail span{width:28px;height:28px;border-radius:999px;background:#e2e8f0;border:5px solid #fff;box-shadow:0 0 0 1px #cbd5e1;display:block}
.case-note-item.is-pinned .case-note-rail span{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.15)}
.case-note-body{background:rgba(255,255,255,.92);border:1px solid #e2e8f0;border-radius:18px;padding:14px 15px;box-shadow:0 12px 26px rgba(15,23,42,.05)}
.case-note-item.is-pinned .case-note-body{border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#ffffff)}
.case-note-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.case-note-meta small{color:#64748b;font-weight:700}
.case-note-body p{margin:0 0 8px;color:#1f2937;line-height:1.5;white-space:normal}
.note-tag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;border:1px solid #dbe5ef;background:#f8fafc;color:#334155}
.note-tag-credit{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}
.note-tag-ops{background:#ecfeff;border-color:#a5f3fc;color:#155e75}
.note-tag-kyc{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.note-tag-legal{background:#fdf2f8;border-color:#fbcfe8;color:#9d174d}
.note-tag-collection{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.case-note-admin-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #dbe5ef}
.case-note-admin-actions form{margin:0}
.case-note-edit summary{cursor:pointer;display:inline-flex;align-items:center;min-height:32px;border:1px solid #d7dee8;background:#fff;color:#1f3b57;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900;list-style:none}
.case-note-edit summary::-webkit-details-marker{display:none}
.case-note-edit[open] summary{margin-bottom:8px;background:#eef7ff}
.case-note-edit-form{display:grid;grid-template-columns:180px auto;gap:8px;min-width:min(520px,100%);background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px}
.case-note-edit-form textarea{grid-column:1/-1;width:100%}
.case-note-edit-form .btn{justify-self:start}
@media(max-width:720px){.case-note-form .form-grid,.case-note-edit-form{grid-template-columns:1fr}.case-note-item{grid-template-columns:24px 1fr}.case-note-rail span{width:22px;height:22px;border-width:4px}.case-note-admin-actions,.case-note-admin-actions .btn,.case-note-admin-actions form,.case-note-edit{width:100%}.case-note-admin-actions .btn,.case-note-edit summary{width:100%;justify-content:center}.pinned-notes-strip{align-items:flex-start;flex-direction:column}}

.case-notes-summary-card{display:flex;flex-direction:column;gap:14px}
.case-notes-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.case-notes-card-head h2{margin-bottom:4px}
.mini-kpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini-kpi-row>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;min-height:70px}
.mini-kpi-row b{display:block;font-size:18px;color:#102a43;line-height:1.2;word-break:break-word}
.mini-kpi-row small{display:block;color:#64748b;font-weight:800;margin-top:5px}
.latest-note-preview{border:1px dashed #dbe5ef;background:#ffffff;border-radius:16px;padding:12px}
.latest-note-preview p{margin:8px 0;color:#334155;line-height:1.45}
.latest-note-preview small{color:#64748b;font-weight:800}
.case-notes-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#102a43,#1f3b57);border-radius:24px;padding:22px;color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.16);margin-bottom:18px}
.case-notes-hero h2{margin:10px 0 6px;color:#fff;font-size:28px}
.case-notes-hero p{margin:0;color:rgba(255,255,255,.8)}
.case-notes-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;min-width:min(420px,100%)}
.case-notes-stats>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px;text-align:center}
.case-notes-stats b{display:block;font-size:24px;color:#fff}
.case-notes-stats small{display:block;color:rgba(255,255,255,.78);font-weight:800;margin-top:4px}
.case-note-tag-card p{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px dashed #e2e8f0;padding:8px 0;margin:0}
.case-note-tag-card p:last-child{border-bottom:0}
.case-notes-page-pins{margin:16px 0}
@media(max-width:820px){.case-notes-hero{align-items:flex-start;flex-direction:column}.case-notes-stats{grid-template-columns:repeat(3,1fr);width:100%;min-width:0}.mini-kpi-row{grid-template-columns:1fr}.case-notes-card-head{flex-direction:column}.case-notes-hero h2{font-size:22px}}

/* v11.2 Credit Memo Financial Data / HTML Memo */
.memo-command-grid{display:grid;grid-template-columns:1.1fr 1.2fr .8fr;gap:14px;align-items:stretch}
.memo-command-grid .card{height:100%}
.memo-command-grid-two{grid-template-columns:1.1fr .8fr}
.form-section .table-wrap table td{vertical-align:top}
@media(max-width:980px){.memo-command-grid{grid-template-columns:1fr}}


/* v15 Guided KYC Review */
.kyc-review-status-strip{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#7c2d12;
  border-radius:18px;
  padding:14px 16px;
  margin:12px 0 16px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
.kyc-guide-shell{
  display:grid;
  gap:16px;
  margin:16px 0 18px;
}
.kyc-guide-hero{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:18px;
  padding:22px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(135deg,#0f5132 0%,#14532d 46%,#1f2937 100%);
  box-shadow:0 18px 44px rgba(15,23,42,.16);
  overflow:hidden;
  position:relative;
}
.kyc-guide-hero:after{
  content:"";
  position:absolute;
  right:-60px;
  top:-80px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
}
.kyc-guide-hero h2{margin:4px 0 8px;font-size:28px;letter-spacing:-.03em;color:#fff}
.kyc-guide-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.82)}
.kyc-guide-hero .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#bbf7d0;font-weight:800}
.kyc-confidence-badge{
  min-width:190px;
  border-radius:20px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:1;
}
.kyc-confidence-badge strong{font-size:18px;color:#fff}
.kyc-confidence-badge span{font-size:13px;color:rgba(255,255,255,.8);margin-top:4px}
.kyc-confidence-badge.danger{background:rgba(185,28,28,.45)}
.kyc-confidence-badge.warning{background:rgba(217,119,6,.42)}
.kyc-confidence-badge.pending{background:rgba(202,138,4,.35)}
.kyc-confidence-badge.success{background:rgba(22,101,52,.48)}
.kyc-snapshot-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr));
  gap:12px;
}
.kyc-snapshot-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:15px;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.kyc-snapshot-card span{display:block;font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.kyc-snapshot-card strong{display:block;font-size:22px;color:#0f172a;margin-top:7px}
.kyc-snapshot-card small{display:block;color:#64748b;margin-top:3px}
.kyc-next-action{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  border-radius:20px;
  padding:16px 18px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.kyc-next-action strong{font-size:16px;color:#0f172a}
.kyc-next-action p{margin:4px 0 0;color:#475569}
.kyc-checklist-panel{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:24px;
  padding:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.kyc-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:14px}
.kyc-panel-head h3{margin:0;color:#0f172a}
.kyc-panel-head p{margin:3px 0 0;color:#64748b}
.kyc-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}
.kyc-party-summary-card{
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:14px;
  background:#fdfdfd;
}
.kyc-party-summary-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.kyc-party-summary-head strong{color:#0f172a}
.kyc-party-summary-head small{color:#64748b;text-align:right}
.kyc-mini-checks{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px}
.kyc-mini-check{
  border-radius:14px;
  padding:9px 10px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}
.kyc-mini-check b{font-size:12px;color:#334155}
.kyc-mini-check em{font-style:normal;font-size:12px;font-weight:800;white-space:nowrap}
.kyc-mini-check.success{background:#ecfdf5;border-color:#bbf7d0}.kyc-mini-check.success em{color:#047857}
.kyc-mini-check.pending{background:#fffbeb;border-color:#fde68a}.kyc-mini-check.pending em{color:#b45309}
.kyc-mini-check.warning{background:#fff7ed;border-color:#fed7aa}.kyc-mini-check.warning em{color:#c2410c}
.kyc-mini-check.danger{background:#fef2f2;border-color:#fecaca}.kyc-mini-check.danger em{color:#b91c1c}
.kyc-mini-check.light{background:#f8fafc;border-color:#e2e8f0}.kyc-mini-check.light em{color:#64748b}
.kyc-party-summary-foot{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  color:#64748b;
  font-size:12px;
}
.kyc-party-summary-foot span{background:#f1f5f9;border-radius:999px;padding:5px 9px}
.kyc-technical-details{
  margin-top:14px;
  border-radius:18px;
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  overflow:hidden;
}
.kyc-technical-details > summary{
  cursor:pointer;
  list-style:none;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.kyc-technical-details > summary::-webkit-details-marker{display:none}
.kyc-technical-details > summary:after{content:"View details";font-size:12px;color:#64748b;font-weight:700}
.kyc-technical-details[open] > summary:after{content:"Hide details"}
.kyc-technical-details .api-history-list,
.kyc-technical-details .api-empty{padding:0 14px 14px}
.kyc-party-card .section-head h2{font-size:21px}
.kyc-party-card label{color:#334155;font-weight:700}
.kyc-api-control .api-verify-btn{white-space:nowrap}
@media(max-width:1000px){
  .kyc-snapshot-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}
  .kyc-checklist-grid{grid-template-columns:1fr}
  .kyc-guide-hero{flex-direction:column}
  .kyc-confidence-badge{min-width:0}
}
@media(max-width:620px){
  .kyc-snapshot-grid,.kyc-mini-checks{grid-template-columns:1fr}
  .kyc-next-action,.kyc-party-summary-head{flex-direction:column;align-items:flex-start}
  .kyc-party-summary-head small{text-align:left}
  .kyc-guide-hero{padding:18px;border-radius:20px}
  .kyc-guide-hero h2{font-size:23px}
}

/* v15.1 Guided KYC Review - Manual deviation moved to bottom */
.kyc-bottom-deviation{
    margin-top:22px;
}
.kyc-bottom-deviation .manual-deviation-panel{
    margin-top:0;
}

/* v15.2 Guided KYC API Results - show result first, keep JSON collapsed */
.api-result-summary{display:grid;gap:4px;border-radius:14px;padding:12px 14px;margin:10px 0 12px;border:1px solid #d8e3ef;background:#f8fafc}
.api-result-summary span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.api-result-summary strong{font-size:14px;color:#18212f;line-height:1.45}
.api-result-summary.success{border-color:#bbf7d0;background:#f0fdf4}
.api-result-summary.success span{color:#15803d}
.api-result-summary.warning{border-color:#fde68a;background:#fffbeb}
.api-result-summary.warning span{color:#b45309}
.api-json-toggle{border:1px dashed #cbd5e1;border-radius:14px;background:#ffffff;margin-top:10px;overflow:hidden}
.api-json-toggle > summary{cursor:pointer;list-style:none;padding:11px 13px;font-weight:800;color:#334155;display:flex;align-items:center;justify-content:space-between;gap:10px}
.api-json-toggle > summary::-webkit-details-marker{display:none}
.api-json-toggle > summary:after{content:'+';width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;background:#eef2f7;color:#334155;font-weight:900;flex:0 0 auto}
.api-json-toggle[open] > summary:after{content:'−'}
.api-json-toggle .api-response-grid,.api-json-toggle .api-structured-card{margin:0 12px 12px}
.api-history-result-strip{margin:0 14px 0;padding:12px 0;border-top:1px solid #e3ebf3;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.api-history-result-strip span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:800;margin-bottom:4px}
.api-history-result-strip strong{display:block;color:#18212f;font-size:14px;line-height:1.4}
.api-history-result-strip small{color:#64748b;font-size:12px;max-width:260px;text-align:right}
.api-history-payloads{border-top:0;padding-top:0}
.api-mini-section:not([open]){background:#f8fafc}
@media(max-width:800px){.api-history-result-strip{flex-direction:column}.api-history-result-strip small{text-align:left;max-width:none}}

/* v15.3 - KYC API result placement */
.kyc-api-result-slot{
  margin:14px 0 16px;
  padding:12px 14px;
  border:1px dashed var(--border,#d9e1e8);
  border-radius:14px;
  background:#fbfcfd;
  color:var(--muted,#667085);
}
.kyc-api-result-slot .kyc-api-response-panel{margin:0;border-style:solid;background:#fff;}


/* v15.4 - Inline KYC API pass/fail result */
.kyc-api-control .api-status-msg-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 11px;
  border:1px solid #d9e5ee;
  border-radius:12px;
  background:#ffffff;
  color:#334155;
}
.kyc-api-control .api-status-msg-result span{display:grid;gap:2px;min-width:0;}
.kyc-api-control .api-status-msg-result strong{font-size:12px;color:#1f2937;line-height:1.25;}
.kyc-api-control .api-status-msg-result em{font-style:normal;font-size:11px;color:#64748b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px;}
.api-result-pill{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;flex:0 0 auto;}
.api-result-pill.pass{background:#dcfce7;color:#166534;border-color:#bbf7d0;}
.api-result-pill.fail{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
@media(max-width:620px){.kyc-api-control .api-status-msg-result{align-items:flex-start;flex-direction:column}.kyc-api-control .api-status-msg-result em{white-space:normal;max-width:none}.api-result-pill{align-self:flex-start}}

/* v15.5 - Separate API response status from verification check result */
.api-result-pill-group{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
  flex:0 0 auto;
}
.api-result-pill.api-pass{background:#e0f2fe;color:#075985;border-color:#bae6fd;}
.api-result-pill.api-fail{background:#fef3c7;color:#92400e;border-color:#fde68a;}
.api-result-pill.check-pass{background:#dcfce7;color:#166534;border-color:#bbf7d0;}
.api-result-pill.check-fail{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
@media(max-width:620px){
  .api-result-pill-group{justify-content:flex-start;}
}

/* v21 Production Mode Lock */
.production-lock-card{border:1px solid rgba(32,122,89,.18);background:linear-gradient(180deg,#fff,#f8fcfa)}
.lock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.lock-item{border:1px solid #e8edf0;border-radius:16px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:8px;min-height:118px}
.lock-item b{font-size:14px;color:#20343c}.lock-item small{color:#677982;line-height:1.35}.lock-item .badge{align-self:flex-start}
.warning-box{border:1px solid #f0c5a2;background:#fff8ef;color:#6d3a0c;border-radius:16px;padding:14px}.warning-box ul{margin:8px 0 0 18px;padding:0}.warning-box li{margin:4px 0}
.success-box{border:1px solid #b8dfc8;background:#f2fbf6;color:#155b35;border-radius:16px;padding:14px}
.prod-warning-strip{margin:12px 20px 0;border:1px solid #efc2a2;background:#fff8ef;color:#6f3b0a;border-radius:14px;padding:10px 12px;font-size:13px}.prod-warning-strip a{font-weight:700;color:#0a6e4d;text-decoration:none;margin-left:8px}
.production-edit-warning{border:1px solid #efc2a2;background:#fff8ef;border-radius:18px;padding:14px;margin-bottom:16px;color:#6f3b0a}.production-edit-warning b{display:block;margin-bottom:4px}
@media(max-width:980px){.lock-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.lock-grid{grid-template-columns:1fr}.prod-warning-strip{margin:10px 12px 0}}


/* v23: Final Case Checklist on view_application */
.final-case-checklist{
    border:1px solid #dbe6ef;
    border-radius:24px;
    background:#ffffff;
    box-shadow:0 18px 44px rgba(15,23,42,.08);
    overflow:hidden;
    margin-bottom:6px;
}
.final-case-checklist>summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:20px 22px;
    position:relative;
}
.final-case-checklist>summary::-webkit-details-marker{display:none}
.final-case-checklist>summary:after{
    content:'+';
    display:inline-grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:999px;
    background:#e2e8f0;
    color:#334155;
    font-size:22px;
    font-weight:900;
    flex:0 0 auto;
}
.final-case-checklist[open]>summary:after{content:'−';background:#d1fae5;color:#166534}
.final-case-checklist.is-ready{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff 44%,#f8fafc)}
.final-case-checklist.is-blocked{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff 44%,#f8fafc)}
.final-check-summary-main h2{margin:5px 0 6px;font-size:23px;color:#173832;letter-spacing:-.3px}
.final-check-summary-main p{margin:0;color:#64748b;line-height:1.4;max-width:860px}
.final-check-summary-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end;min-width:310px}
.final-check-summary-meta strong{font-size:28px;color:#0f6b5f;line-height:1}
.final-check-summary-meta small{font-weight:900;color:#475569;margin-right:4px}
.final-check-body{padding:0 22px 22px}
.final-check-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:18px;background:rgba(255,255,255,.88)}
.final-check-table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}
.final-check-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;text-align:left;padding:12px 14px;border-bottom:1px solid #e2e8f0}
.final-check-table td{padding:13px 14px;border-bottom:1px solid #edf2f7;color:#475569;vertical-align:middle}
.final-check-table tr:last-child td{border-bottom:none}
.final-check-table td:first-child{color:#1e293b}
.final-check-status{display:inline-flex;align-items:center;justify-content:center;min-width:86px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.final-check-ready .final-check-status{background:#dcfce7;color:#166534}
.final-check-pending .final-check-status{background:#fee2e2;color:#991b1b}
.final-check-warning .final-check-status{background:#fef3c7;color:#92400e}
.final-check-ready{background:rgba(240,253,244,.48)}
.final-check-pending{background:rgba(254,242,242,.45)}
.final-check-warning{background:rgba(255,251,235,.55)}
@media(max-width:820px){
    .final-case-checklist>summary{align-items:flex-start;flex-direction:column;padding-right:64px}
    .final-case-checklist>summary:after{position:absolute;right:20px;top:20px}
    .final-check-summary-meta{justify-content:flex-start;min-width:0}
    .final-check-summary-main h2{font-size:21px}
}

/* v24: Cleaner view_application hierarchy without changing project color scheme */
.case-command-panel{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);
  gap:16px;
  align-items:stretch;
  margin:0 0 16px;
}
.case-command-main,
.case-command-metrics > div,
.view-accordion{
  border:1px solid #dbe6ef;
  background:#fff;
  border-radius:22px;
  box-shadow:0 14px 36px rgba(15,23,42,.06);
}
.case-command-main{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;min-height:132px;}
.case-command-main h2{margin:6px 0 8px;font-size:26px;color:#173832;letter-spacing:-.35px;}
.case-command-main p{margin:0;color:#64748b;font-weight:700;line-height:1.4;}
.case-command-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.case-command-metrics > div{padding:15px 16px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;}
.case-command-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:900;}
.case-command-metrics b{font-size:18px;color:#173832;line-height:1.22;margin:8px 0;word-break:break-word;}
.case-command-metrics small{color:#64748b;font-weight:700;line-height:1.35;}
.case-command-metrics small a{color:#0a6e4d;text-decoration:none;font-weight:900;}
.view-accordion{margin:0 0 16px;overflow:hidden;}
.view-accordion > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#ffffff,#f8fafc);}
.view-accordion > summary::-webkit-details-marker{display:none;}
.view-accordion > summary:after{content:'+';display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:20px;font-weight:900;flex:0 0 auto;}
.view-accordion[open] > summary:after{content:'−';background:#d1fae5;color:#166534;}
.view-accordion > summary span{font-size:18px;font-weight:900;color:#173832;display:block;}
.view-accordion > summary small{display:block;color:#64748b;font-weight:700;margin-top:4px;}
.view-accordion > .grid{padding:18px;}
.view-app-grid{gap:14px;}
.view-app-grid .card{box-shadow:none;border:1px solid #e2e8f0;border-radius:18px;padding:16px;}
.view-app-grid .card h2{font-size:17px;margin-bottom:10px;color:#173832;}
.view-app-grid .card p{margin:7px 0;color:#475569;line-height:1.4;}
.view-app-grid .card p b{color:#1e293b;}
.view-app-grid .btn{margin-top:8px;}
.view-app-grid .wide-card{grid-column:span 2;}
.activity-scroll{max-height:260px;overflow:auto;padding-right:6px;}
.final-case-checklist{margin-bottom:16px;}
@media(max-width:1180px){
  .case-command-panel{grid-template-columns:1fr;}
  .case-command-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .case-command-metrics{grid-template-columns:1fr;}
  .case-command-main h2{font-size:22px;}
  .view-accordion > summary{align-items:flex-start;padding-right:58px;position:relative;}
  .view-accordion > summary:after{position:absolute;right:18px;top:18px;}
  .view-app-grid .wide-card{grid-column:span 1;}
}

/* Backup & Export Center */
.export-action-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.export-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e6edf2;border-radius:16px;background:#fbfdfc}
.export-row b{display:block;color:#1e293b;margin-bottom:4px}
.export-row small{display:block;color:#64748b;line-height:1.35}
.export-row .btn{white-space:nowrap}
@media(max-width:800px){.export-row{align-items:flex-start;flex-direction:column}.export-row .btn{width:100%;text-align:center}}

/* v31 Product Master */
.product-master-form .product-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.product-master-form textarea{width:100%;min-height:120px}.product-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-check-grid.mandatory{grid-template-columns:repeat(4,minmax(0,1fr))}.check-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe7f0;background:#f8fbfd;border-radius:999px;padding:9px 12px;font-weight:700;color:#334155;font-size:13px}.check-pill input{width:auto!important}.product-mandatory-card{margin:18px 0}.product-master-table table{min-width:1120px}.product-master-cards .card:nth-child(1):before{background:linear-gradient(90deg,#1d4ed8,#38bdf8)}.product-master-cards .card:nth-child(2):before{background:linear-gradient(90deg,#047857,#34d399)}.product-master-cards .card:nth-child(3):before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.product-master-cards .card:nth-child(4):before{background:linear-gradient(90deg,#334155,#94a3b8)}
@media(max-width:1000px){.product-master-form .product-policy-grid,.product-check-grid,.product-check-grid.mandatory{grid-template-columns:1fr}.check-pill{border-radius:14px}.product-master-form textarea{min-height:96px}}

/* v32 Product Master + Migration Check UX */
.collapsible-table-card{
  border:1px solid #dbe6ef;
  background:#fff;
  border-radius:22px;
  box-shadow:0 14px 36px rgba(15,23,42,.06);
  overflow:hidden;
  margin-bottom:18px;
}
.collapsible-table-card>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
}
.collapsible-table-card>summary::-webkit-details-marker{display:none}
.collapsible-table-card>summary:after{
  content:'+';
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:999px;
  background:#e2e8f0;
  color:#334155;
  font-size:20px;
  font-weight:900;
  flex:0 0 auto;
}
.collapsible-table-card[open]>summary:after{content:'−';background:#d1fae5;color:#166534}
.collapsible-table-card>summary strong{display:block;color:#173832;font-size:18px}
.collapsible-table-card>summary small{display:block;color:#64748b;font-weight:700;margin-top:4px}
.collapsible-table-card .table-wrap{border:0;border-top:1px solid #e2e8f0;border-radius:0;box-shadow:none;margin:0}
.migration-filter-card{margin-bottom:0}
.migration-filter-grid{grid-template-columns:minmax(0,1.8fr) minmax(180px,.45fr);align-items:end}
.migration-filter-card input[type="search"],.migration-filter-card select{width:100%}
@media(max-width:760px){
  .collapsible-table-card>summary{align-items:flex-start;position:relative;padding-right:58px;flex-direction:column}
  .collapsible-table-card>summary:after{position:absolute;right:18px;top:18px}
  .migration-filter-grid{grid-template-columns:1fr}
}


/* v33 Global Case Finder */
.global-case-finder{flex:1;max-width:720px;display:flex;align-items:center;gap:8px;margin:0 auto;}
.global-case-finder input{width:100%;border:1px solid #dbe5ef;border-radius:999px;padding:11px 16px;background:#fff;font-family:Manrope, Arial, sans-serif;color:#1f2937;box-shadow:0 8px 22px rgba(15,23,42,.05);}
.global-case-finder button{display:inline-flex!important;border:none;border-radius:999px;background:#163c7a;color:#fff;padding:11px 18px;font-family:Manrope, Arial, sans-serif;font-weight:800;cursor:pointer;white-space:nowrap;}
.global-search-panel{padding:18px;}
.global-search-large{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.global-search-large input{flex:1;min-width:280px;border:1px solid #dbe5ef;border-radius:16px;padding:14px 16px;font-family:Manrope, Arial, sans-serif;font-size:15px;background:#fff;}
.global-results-table table,.global-search-panel + .table-wrap table{min-width:1180px;}
@media(max-width:980px){
  .topbar{align-items:stretch;flex-wrap:wrap;}
  .global-case-finder{order:3;max-width:none;width:100%;flex-basis:100%;}
  .global-case-finder input{border-radius:14px;}
}
@media(max-width:640px){
  .global-case-finder,.global-search-large{flex-direction:column;align-items:stretch;}
  .global-case-finder button,.global-search-large .btn,.global-search-large a.btn{width:100%;justify-content:center;}
  .global-search-large input{min-width:0;width:100%;}
}

/* v34 Applications Search Filters */
.application-search-panel{padding:18px 18px 16px;}
.application-search-form{display:flex;flex-direction:column;gap:14px;}
.application-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;align-items:end;padding-top:4px;}
.application-filter-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:#334155;}
.application-filter-grid select,.application-filter-grid input[type="date"]{width:100%;border:1px solid #dbe5ef;border-radius:14px;padding:11px 12px;background:#fff;font-family:Manrope, Arial, sans-serif;color:#1f2937;box-shadow:0 6px 16px rgba(15,23,42,.04);}
.application-result-count{margin-top:12px;margin-bottom:0;}
@media(max-width:1180px){.application-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.application-filter-grid{grid-template-columns:1fr;}.application-search-panel{padding:14px;}}

/* v36 Applications Table Pagination */
.application-table-wrap{
  max-height:620px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.application-table-wrap .application-table{min-width:1540px;}
.application-table-wrap th{z-index:2;}
.pagination-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-top:14px;
  padding:14px 16px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(219,229,239,.98);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  flex-wrap:wrap;
}
.pagination-summary{font-weight:800;color:#334155;}
.pagination-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.pagination-actions .btn{padding:9px 12px;min-width:42px;justify-content:center;}
.btn.disabled{opacity:.45;pointer-events:none;cursor:not-allowed;}
@media(max-width:760px){
  .application-table-wrap{max-height:580px;}
  .pagination-bar{align-items:stretch;}
  .pagination-actions{width:100%;}
  .pagination-actions .btn{flex:1;}
}

/* v37 Application View UI Cleanup */
.application-view-page{
  display:block;
  max-width:1480px;
  margin:0 auto;
}
.application-view-title{
  border:1px solid #dbe6ef;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);
  border-radius:24px;
  padding:18px 20px;
  margin-bottom:16px;
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
.application-view-title h1{
  margin:0;
  color:#12372f;
  letter-spacing:-.45px;
  line-height:1.18;
}
.application-view-title .section-actions{
  gap:9px;
  flex-wrap:wrap;
}
.application-view-page .timeline{
  border:1px solid #dbe6ef;
  background:#fff;
  border-radius:22px;
  padding:14px;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
  overflow:auto;
  scrollbar-width:thin;
}
.application-view-page .timeline .step{
  min-width:132px;
  border-radius:16px;
  box-shadow:none;
}
.application-view-page .case-command-panel{
  gap:14px;
  margin-bottom:16px;
}
.application-view-page .case-command-main,
.application-view-page .case-command-metrics > div,
.application-view-page .view-accordion,
.application-view-page .final-case-checklist,
.application-view-page .alert-card{
  border-color:#dbe6ef;
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
.application-view-page .case-command-main{
  border-radius:24px;
  min-height:126px;
  background:linear-gradient(135deg,#ffffff,#f7fbf9);
}
.application-view-page .case-command-main h2{
  font-size:25px;
  margin-top:4px;
}
.application-view-page .case-command-metrics > div{
  border-radius:20px;
  background:#fff;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.application-view-page .case-command-metrics > div:hover,
.application-view-page .view-app-grid .card:hover{
  transform:translateY(-1px);
  border-color:#cbd8e3;
  box-shadow:0 14px 28px rgba(15,23,42,.07);
}
.application-view-page .view-accordion{
  border-radius:24px;
  margin-bottom:16px;
}
.application-view-page .view-accordion > summary{
  padding:18px 22px;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  border-bottom:1px solid transparent;
}
.application-view-page .view-accordion[open] > summary{
  border-bottom-color:#e5edf3;
}
.application-view-page .view-accordion > summary span{
  font-size:18px;
  letter-spacing:-.15px;
}
.application-view-page .view-accordion > summary small{
  max-width:760px;
}
.application-view-page .view-accordion > .grid{
  padding:18px;
}
.application-view-page .view-app-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.application-view-page .view-app-grid .card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:176px;
  border:1px solid #e3ebf2;
  border-radius:20px;
  padding:17px 17px 16px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:none;
  overflow:hidden;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.application-view-page .view-app-grid .card:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#173832,#2f80ed);
  opacity:.82;
}
.application-view-page .view-app-grid .card h2{
  margin:4px 0 12px;
  padding-bottom:10px;
  border-bottom:1px solid #edf2f7;
  color:#12372f;
  font-size:17px;
  line-height:1.25;
}
.application-view-page .view-app-grid .card-title-row{
  align-items:flex-start;
  gap:12px;
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom:1px solid #edf2f7;
}
.application-view-page .view-app-grid .card-title-row h2{
  border-bottom:0;
  padding-bottom:0;
  margin:4px 0 0;
}
.application-view-page .view-app-grid .card p{
  display:block;
  margin:0;
  padding:8px 0;
  color:#475569;
  line-height:1.45;
  border-bottom:1px dashed #edf2f7;
}
.application-view-page .view-app-grid .card p:last-child{
  border-bottom:0;
}
.application-view-page .view-app-grid .card p b{
  color:#1e293b;
  font-weight:900;
}
.application-view-page .view-app-grid .card .btn,
.application-view-page .view-app-grid .card > a.btn{
  margin-top:auto;
  align-self:flex-start;
}
.application-view-page .view-app-grid .wide-card{
  grid-column:span 2;
}
.application-view-page .mini-table-wrap{
  border:1px solid #e5edf3;
  border-radius:16px;
  overflow:auto;
  background:#fff;
}
.application-view-page .mini-table{
  margin:0;
  min-width:620px;
}
.application-view-page .mini-table th{
  background:#f8fafc;
  color:#334155;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.application-view-page .mini-table td,
.application-view-page .mini-table th{
  padding:10px 12px;
  border-bottom:1px solid #edf2f7;
}
.application-view-page .activity-scroll{
  max-height:300px;
  overflow:auto;
  padding-right:8px;
}
.application-view-page .activity-scroll p{
  border-bottom:1px dashed #edf2f7;
}
.application-view-page .metric{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  border-radius:18px;
  background:#f1f5f9;
  color:#12372f;
  padding:12px 14px;
  margin:2px 0 8px;
}
.application-view-page .badge.light{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#475569;
}
@media(max-width:1180px){
  .application-view-page .view-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .application-view-title{padding:15px;border-radius:20px;}
  .application-view-title h1{font-size:22px;}
  .application-view-page .timeline{padding:10px;border-radius:18px;}
  .application-view-page .view-app-grid{grid-template-columns:1fr;}
  .application-view-page .view-app-grid .wide-card{grid-column:span 1;}
  .application-view-page .view-app-grid .card{min-height:0;border-radius:18px;}
  .application-view-page .view-accordion > .grid{padding:12px;}
}

/* v38 Application View Contrast Refinement */
.application-view-page .view-accordion,
.application-view-page .view-app-grid .card{
  background:#ffffff;
}
.application-view-page .view-app-grid .card{
  border:1px solid #cbd8e3;
  box-shadow:0 12px 26px rgba(15,23,42,.08);
  background:#fff;
}
.application-view-page .view-app-grid .card::after{
  display:none;
}
.application-view-page .view-app-grid .card:before{
  height:5px;
  opacity:1;
  background:linear-gradient(90deg,#0f4f46,#2563eb);
}
.application-view-page .view-app-grid .card h2{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:11px 12px;
  margin:3px 0 14px;
  color:#0f2f2a;
}
.application-view-page .view-app-grid .card-title-row{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:11px 12px;
  margin:3px 0 14px;
}
.application-view-page .view-app-grid .card-title-row h2{
  background:transparent;
  border:0;
  padding:0;
  margin:0;
}
.application-view-page .view-app-grid .card p{
  margin:0 0 10px;
  padding:11px 13px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  border-radius:14px;
  color:#334155;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.application-view-page .view-app-grid .card p:last-child{
  margin-bottom:0;
}
.application-view-page .view-app-grid .card p b,
.application-view-page .view-app-grid .card p strong{
  color:#111827;
}
.application-view-page .view-app-grid .card p:has(> b:first-child) b:first-child{
  color:#475569;
  font-size:12px;
  letter-spacing:.04em;
}
.application-view-page .badge.light{
  background:#eef2f7;
  border-color:#cbd5e1;
  color:#334155;
}
.application-view-page .mini-table-wrap,
.application-view-page .activity-scroll{
  background:#fff;
  border:1px solid #d6e0ea;
  border-radius:16px;
  padding:6px;
}

/* v39 Application View Loan Details Two-Column Nesting */
.application-view-page .view-app-grid .loan-details-card{
  grid-column:span 2;
}
.application-view-page .view-app-grid .loan-details-card .loan-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.application-view-page .view-app-grid .loan-details-card .loan-detail-grid p{
  margin:0;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.application-view-page .view-app-grid .loan-details-card .loan-detail-grid p:last-child{
  margin-bottom:0;
}
@media(max-width:1180px){
  .application-view-page .view-app-grid .loan-details-card{grid-column:span 2;}
}
@media(max-width:760px){
  .application-view-page .view-app-grid .loan-details-card{grid-column:span 1;}
  .application-view-page .view-app-grid .loan-details-card .loan-detail-grid{grid-template-columns:1fr;}
  .application-view-page .view-app-grid .loan-details-card .loan-detail-grid p{min-height:0;}
}

/* v40 Application View Compact Summary Cards */
.application-view-page .smart-summary-card{
  min-height:0;
}
.application-view-page .smart-card-details{
  display:none;
  width:100%;
  margin-top:2px;
}
.application-view-page .smart-summary-card.is-expanded .smart-card-details{
  display:block;
}
.application-view-page .smart-card-toggle{
  border:1px solid #cbd5e1;
  background:#ffffff;
  color:#173832;
  border-radius:999px;
  padding:8px 13px;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  align-self:flex-start;
  margin:2px 0 10px;
  box-shadow:0 6px 14px rgba(15,23,42,.05);
}
.application-view-page .smart-card-toggle:hover{
  background:#f8fafc;
  border-color:#94a3b8;
}
.application-view-page .smart-summary-card:not(.is-expanded) .smart-card-toggle{
  margin-top:auto;
}
.application-view-page .smart-summary-card .smart-card-details .btn,
.application-view-page .smart-summary-card .smart-card-details > a.btn{
  margin-top:8px;
}
.application-view-page .smart-summary-card .smart-card-details p:last-child,
.application-view-page .smart-summary-card > p:last-of-type{
  margin-bottom:10px;
}
.application-view-page .smart-summary-card .activity-scroll{
  max-height:220px;
}
@media(max-width:760px){
  .application-view-page .smart-card-toggle{width:100%;justify-content:center;}
}

/* v47 Test Mode Application Delete */
.action-stack{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:150px;
}
.inline-delete-form{margin:0;display:inline-flex;}
.btn.danger{
  background:#b42318;
  border-color:#b42318;
  color:#fff;
}
.btn.danger:hover{background:#912018;border-color:#912018;color:#fff;}
.btn.small{padding:7px 10px;font-size:12px;border-radius:10px;}
.test-delete-note{
  margin-top:6px;
  color:#7f1d1d;
  font-weight:700;
}

/* Dashboard showcase refresh */
.dashboard-showcase-grid{
  display:grid;
  grid-template-columns:1.45fr .9fr;
  gap:18px;
  align-items:start;
}
.dashboard-hero-card{min-height:100%;}
.dashboard-side-card{min-height:100%;}
.dashboard-hero-head,.card-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
  position:relative;
  z-index:1;
}
.card-title-row h2{margin:0;}
.dashboard-hero-head h2{margin:0 0 6px;color:#17332f;}
.dashboard-hero-head .muted{margin:0;}
.showcase-top-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
  position:relative;
  z-index:1;
}
.spotlight-stat{
  padding:15px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,#fbfdff,#f6fbff);
  border:1px solid rgba(203,217,233,.9);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.spotlight-stat small{
  display:block;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px;
  margin-bottom:10px;
  font-weight:700;
}
.spotlight-stat strong{
  display:block;
  color:#17332f;
  font-size:24px;
  line-height:1.2;
  margin-bottom:6px;
}
.spotlight-stat span{color:#64748b;font-size:13px;line-height:1.4;display:block;}
.pipeline-journey{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  position:relative;
  z-index:1;
}
.pipeline-journey:before{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  top:50%;
  height:2px;
  background:linear-gradient(90deg, rgba(15,107,95,.22), rgba(37,99,235,.22), rgba(194,65,59,.16));
  transform:translateY(-50%);
  z-index:0;
}
.journey-step{
  position:relative;
  z-index:1;
  padding:18px 16px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(203,217,233,.92);
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  display:grid;
  gap:6px;
}
.journey-step:before{
  content:"";
  width:14px;
  height:14px;
  border-radius:50%;
  position:absolute;
  top:18px;
  right:18px;
  box-shadow:0 0 0 6px rgba(255,255,255,.95);
}
.journey-step.is-total:before{background:#2563eb;}
.journey-step.is-pending:before{background:#b7791f;}
.journey-step.is-approved:before{background:#17834f;}
.journey-step.is-rejected:before{background:#c2413b;}
.journey-step strong{font-size:28px;color:#17332f;line-height:1.1;}
.journey-step small{color:#64748b;font-size:13px;}
.journey-label{
  color:#475569;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:700;
}
.mix-list{display:grid;gap:14px;position:relative;z-index:1;}
.mix-item{padding:12px 14px;border:1px solid rgba(203,217,233,.9);border-radius:16px;background:linear-gradient(135deg,#fff,#fbfdff);}
.mix-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;}
.mix-head strong{color:#17332f;}
.mix-head span{color:#475569;font-weight:700;white-space:nowrap;}
.mix-head span small{font-weight:400;color:#64748b;}
.mix-bar{height:10px;border-radius:999px;background:#eaf1f7;overflow:hidden;}
.mix-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--accent-2));min-width:10px;}
.dual-meter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;position:relative;z-index:1;}
.mini-meter-card{
  padding:14px;
  border:1px solid rgba(203,217,233,.9);
  border-radius:18px;
  background:linear-gradient(135deg,#f8fffc,#ffffff);
  display:flex;
  gap:14px;
  align-items:center;
}
.mini-meter-card.test-mode{background:linear-gradient(135deg,#fcfbff,#ffffff);}
.ring-value{
  width:68px;
  height:68px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:700;
  color:#17332f;
  background:conic-gradient(var(--primary) 0 68%, #e6eef5 68% 100%);
  box-shadow:inset 0 0 0 8px #fff;
  flex:0 0 auto;
}
.test-mode .ring-value{background:conic-gradient(var(--accent-2) 0 40%, #e6eef5 40% 100%);}
.mini-meter-card strong{display:block;color:#17332f;margin-bottom:4px;}
.mini-meter-card .muted{margin:0;}
.source-chip-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;position:relative;z-index:1;}
.source-chip{
  display:inline-flex;
  gap:7px;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  background:#f6fafc;
  border:1px solid rgba(203,217,233,.95);
  color:#475569;
  font-size:13px;
}
.source-chip b{color:#17332f;}
.quick-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1;}
.quick-link-card{
  text-decoration:none;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(203,217,233,.95);
  background:linear-gradient(135deg,#ffffff,#f7fbff);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  transition:.18s ease;
}
.quick-link-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(15,23,42,.08);}
.quick-link-card span{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;margin-bottom:8px;}
.quick-link-card strong{display:block;color:#17332f;font-size:17px;margin-bottom:6px;}
.quick-link-card small{display:block;color:#64748b;line-height:1.45;}
@media(max-width:1200px){
  .dashboard-showcase-grid{grid-template-columns:1fr;}
  .showcase-top-grid,.pipeline-journey{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .showcase-top-grid,.pipeline-journey,.dual-meter-grid,.quick-link-grid{grid-template-columns:1fr;}
  .pipeline-journey:before{display:none;}
  .card-title-row,.dashboard-hero-head{flex-direction:column;align-items:flex-start;}
}

/* v49 dashboard fit refinement */
.dashboard-showcase-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);
}
.showcase-top-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.spotlight-stat{
  min-width:0;
  overflow:hidden;
}
.spotlight-stat strong{
  font-size:26px;
  line-height:1.08;
  overflow-wrap:anywhere;
  word-break:normal;
}
.spotlight-stat small{
  line-height:1.1;
}
.pipeline-journey{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.journey-step{
  min-width:0;
  padding:17px 15px;
  overflow:hidden;
}
.journey-label{
  line-height:1.15;
  overflow-wrap:anywhere;
}
.journey-step strong{
  font-size:30px;
}
.journey-step small{
  line-height:1.25;
}
.mix-head strong{
  overflow-wrap:anywhere;
}
@media(max-width:1450px){
  .dashboard-showcase-grid{grid-template-columns:1fr;}
  .showcase-top-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:1180px){
  .showcase-top-grid,.pipeline-journey{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pipeline-journey:before{display:none;}
}
@media(max-width:760px){
  .showcase-top-grid,.pipeline-journey{grid-template-columns:1fr;}
}


/* v50 dashboard bubble removal */
.dashboard-stat-cards .card::after,
.dashboard-showcase-grid .card::after{
  display:none!important;
}
.dashboard-stat-cards .card,
.dashboard-showcase-grid .card{
  isolation:isolate;
}

/* Export Center */
.export-center-grid .card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;}
.export-center-card .section-head{margin-bottom:12px;}
.export-card-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:1;margin-top:12px;}
.export-card-foot .btn{margin-left:auto;}
.export-summary-cards .metric{font-size:32px;}
@media(max-width:760px){.export-card-foot{align-items:stretch}.export-card-foot .btn{width:100%;margin-left:0;text-align:center}.export-summary-cards .metric{font-size:28px}}


/* v57 global decorative bubble removal */
body{
  background:linear-gradient(135deg,#eef3f8 0%,#f7fafc 46%,#eef6fb 100%);
}
body:after,
.section-title:after,
.card::after,
.form-section:after,
.entity-card:before,
.fv-hero:after,
.kyc-guide-hero:after{
  display:none!important;
  content:none!important;
}
.section-title>*{position:relative;z-index:1;}

/* v59: Test lead flow simulation panel */
.uat-simulation-panel{
  border:1px solid #dbeafe;
  background:#f8fbff;
  border-radius:22px;
  padding:0;
  margin:16px 0;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  overflow:hidden;
}
.uat-simulation-panel > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding:18px 20px;
}
.uat-simulation-panel > summary::-webkit-details-marker{display:none;}
.uat-simulation-panel h2{margin:4px 0 6px;font-size:20px;}
.uat-simulation-panel p{margin:0;}
.uat-simulation-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:0 20px 16px;
}
.uat-simulation-actions form{margin:0;}
.uat-simulation-note{padding:0 20px 18px;}

/* v61 document verification refinement */
.document-review-console{border-left:4px solid rgba(15,23,42,.18)}
.document-review-console.review-approved{border-left-color:#16a34a}
.document-review-console.review-pending{border-left-color:#f59e0b}
.doc-review-console-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px;width:100%;background:transparent;border:0;text-align:left;cursor:pointer;font-family:Manrope, Arial, sans-serif;color:inherit;padding:0}
.document-review-console.collapsed .doc-review-console-head{margin-bottom:0}
.doc-review-console-head h2{margin:0 0 6px}
.doc-review-head-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.doc-review-head-right .badge{box-shadow:none}
.doc-review-console-body{display:block;max-height:2200px;opacity:1;overflow:hidden;transition:max-height .28s ease, opacity .2s ease, margin-top .2s ease}
.document-review-console.collapsed .doc-review-console-body{max-height:0;opacity:0;margin-top:0;pointer-events:none}
.document-review-console:not(.collapsed) .doc-chevron{transform:rotate(180deg);background:transparent;color:#0f6b5f}
.document-review-console .review-console-toggle:hover .doc-chevron,.document-review-console .review-console-toggle:focus-visible .doc-chevron{color:#0f6b5f}
.doc-review-metrics{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.doc-review-metrics span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:7px 12px;font-size:13px;color:#334155}
.doc-review-actions{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end;margin-top:12px}
.doc-review-actions label{margin:0}
.doc-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.small-metric{font-size:20px!important;line-height:1.1!important}
.badge.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.badge.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}
.api-ready-strip.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
@media(max-width:900px){.doc-review-actions{grid-template-columns:1fr}.doc-review-console-head{display:flex;flex-direction:column}.doc-review-console-head .badge{display:inline-block;margin-top:8px}.doc-review-head-right{width:100%;justify-content:space-between}}


/* v63 Post-sanction contrast and collapsed schedule refinements */
body:has(a[href*="post_sanction.php"]) .quick-stage-card,
.quick-stage-card{
  border-color:#b7c9c4;
  background:linear-gradient(135deg,#ffffff,#f3faf8);
}
.quick-stage-card h2,
.post-sanction-page .card h2{
  color:#0f2f2a;
}
.quick-stage-card .muted,
.post-sanction-page .muted,
.repayment-schedule-card .muted{
  color:#334155;
}
.post-sanction-page .card p,
.post-sanction-page .card small,
.post-sanction-page .mini-table td,
.repayment-schedule-card .mini-table td{
  color:#263c35;
}
.repayment-schedule-card{
  padding:0;
  overflow:hidden;
}
.collapse-panel{
  padding:0;
}
.collapse-panel summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:20px 22px;
  background:#ffffff;
  border-bottom:1px solid #e2e8f0;
}
.collapse-panel summary::-webkit-details-marker{display:none;}
.collapse-panel summary h2{margin:0 0 4px;color:#0f2f2a;}
.collapse-panel summary p{margin:0;}
.collapse-panel summary:after{
  content:'+';
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:#e2e8f0;
  color:#0f2f2a;
  font-size:20px;
  font-weight:900;
  flex:0 0 auto;
}
.collapse-panel[open] summary:after{content:'−';background:#d1fae5;color:#166534;}
.collapse-panel .mini-table-wrap{margin:0 22px 22px;}
@media(max-width:720px){.collapse-panel summary{align-items:flex-start;flex-direction:column;padding-right:56px;position:relative}.collapse-panel summary:after{position:absolute;right:18px;top:18px}}

/* v67 - Bulk document review actions */
.bulk-doc-review-box{background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;padding:14px;margin:14px 0;color:#0f172a}
.bulk-doc-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.bulk-doc-review-head h3{margin:0 0 4px;color:#0f172a}
.bulk-approve-form{margin:0;white-space:nowrap}
.bulk-doc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:10px 0 12px}
.bulk-doc-row{display:flex;align-items:flex-start;gap:9px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;color:#0f172a;margin:0}
.bulk-doc-row input{margin-top:3px;min-width:16px}
.bulk-doc-row b{display:block;font-size:13px;color:#111827}
.bulk-doc-row small{display:block;font-size:12px;color:#475569;margin-top:2px;line-height:1.35}
.bulk-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:12px}
.bulk-doc-controls{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,1fr) auto;gap:10px;align-items:end}
.bulk-doc-controls label{margin:0;color:#0f172a}
.bulk-doc-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:900px){.bulk-doc-review-head{display:block}.bulk-approve-form{margin-top:10px}.bulk-doc-controls{grid-template-columns:1fr}.bulk-doc-buttons{justify-content:flex-start}}

/* v75 - Signatory approval tracker */
.signatory-tracker-section{margin:0 0 16px;align-items:stretch}
.signatory-tracker-card{border:1px solid #cbd5e1;background:linear-gradient(135deg,#ffffff,#f8fafc);color:#0f172a}
.signatory-tracker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.signatory-tracker-head h3{margin:3px 0 5px;color:#0f2f2a}
.signatory-tracker-head p{margin:0;color:#475569}
.signatory-tracker-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:14px}
.signatory-tracker-metrics div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:11px 12px;min-height:64px}
.signatory-tracker-metrics span{display:block;font-size:12px;color:#64748b;margin-bottom:4px}
.signatory-tracker-metrics b{display:block;font-size:22px;color:#0f172a;line-height:1.1}
.signatory-tracker-metrics small{display:block;font-size:11px;color:#64748b;margin-top:3px;line-height:1.25}
.signatory-tracker-list{display:grid;gap:8px}
.signatory-tracker-person{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:10px 12px}
.signatory-tracker-person.pending{border-left:4px solid #f59e0b}
.signatory-tracker-person.signed{border-left:4px solid #16a34a;background:#f7fffb}
.signatory-tracker-person strong{display:block;color:#0f172a;font-size:14px}
.signatory-tracker-person small{display:block;color:#475569;font-size:12px;line-height:1.35;margin-top:2px}
.tracker-person-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:92px}
@media(max-width:900px){.signatory-tracker-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))}.signatory-tracker-person{align-items:flex-start;flex-direction:column}.tracker-person-right{align-items:flex-start}}
@media(max-width:560px){.signatory-tracker-metrics{grid-template-columns:1fr}.signatory-tracker-head{flex-direction:column}}

/* v81 - Refined Mail Configuration UI */
.mail-config-page{display:grid;gap:18px;color:#0f172a}
.mail-hero{display:flex;justify-content:space-between;align-items:stretch;gap:20px;background:linear-gradient(135deg,#ffffff,#f5fbf9);border:1px solid #cbd5e1;overflow:hidden;position:relative}
.mail-hero h1{margin:4px 0 8px;color:#0f2f2a;font-size:30px;line-height:1.08}
.mail-hero p{max-width:760px;margin:0 0 14px;color:#475569}
.eyebrow{display:inline-flex;align-items:center;width:max-content;background:#e8f5f1;color:#166534;border:1px solid #bbf7d0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.mail-quick-links{display:flex;gap:8px;flex-wrap:wrap}
.mail-quick-links a{display:inline-flex;align-items:center;text-decoration:none;background:#fff;border:1px solid #dbe3ef;color:#0f2f2a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:0 6px 14px rgba(15,23,42,.04)}
.mail-quick-links a:hover{border-color:#8fb8aa;background:#f8fafc}
.mail-hero-status{min-width:230px;background:#0f2f2a;color:#fff;border-radius:20px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:8px;box-shadow:0 16px 30px rgba(15,47,42,.15)}
.mail-hero-status .badge{width:max-content;background:#dff3ee;color:#0f2f2a;border:0}
.mail-hero-status strong{display:block;font-size:30px;line-height:1;color:#fff}
.mail-hero-status small{color:#dff3ee;overflow-wrap:anywhere}
.mail-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mail-readiness-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:14px 15px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.mail-readiness-card span{width:34px;height:34px;border-radius:999px;display:inline-grid;place-items:center;font-weight:900;background:#f1f5f9;color:#334155;flex:0 0 auto}
.mail-readiness-card.ready span{background:#dcfce7;color:#166534}
.mail-readiness-card.pending span{background:#fef3c7;color:#92400e}
.mail-readiness-card strong{display:block;color:#0f172a;font-size:14px}
.mail-readiness-card small{display:block;color:#64748b;font-size:12px;margin-top:2px}
.mail-panel{padding:0;overflow:hidden;border:1px solid #d1dbe8;background:#fff}
.mail-panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;cursor:pointer;padding:18px 20px;background:linear-gradient(135deg,#ffffff,#f8fafc);border-bottom:1px solid #e2e8f0}
.mail-panel>summary::-webkit-details-marker{display:none}
.mail-panel>summary strong{font-size:18px;color:#0f2f2a}
.mail-panel>summary p{margin:5px 0 0;color:#475569}
.mail-panel>summary:after{content:'+';display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#e2e8f0;color:#0f2f2a;font-weight:900;font-size:20px;order:3;flex:0 0 auto}
.mail-panel[open]>summary:after{content:'−';background:#dff3ee;color:#166534}
.panel-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;margin-left:auto}
.panel-status.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.panel-status.warn{background:#fef3c7;color:#92400e;border-color:#fde68a}
.mail-settings-form,.template-panel .template-studio-grid,.template-list-head,.template-card-grid,.test-mail-card,.mail-log-table{padding:18px 20px}
.mail-settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.mail-subcard{border:1px solid #dbe3ef;background:#fbfdff;border-radius:18px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.mail-subcard h3,.template-helper h3,.template-editor-card h3,.template-list-head h3{margin:0 0 5px;color:#0f2f2a;font-size:17px}
.mail-subcard p,.template-helper p,.template-editor-card p,.template-list-head p{margin:0 0 14px;color:#64748b}
.mail-footer-card{margin-bottom:12px;background:#f8fafc}
.mail-footer-card code{background:#eef2f7;border:1px solid #dbe3ef;border-radius:6px;padding:1px 5px;color:#334155}
.smtp-zone{transition:opacity .2s ease, filter .2s ease}
.smtp-zone.soft-disabled{opacity:.72;filter:grayscale(.08);background:#f8fafc}
.smtp-zone.soft-disabled:before{content:'SMTP fields are optional while Server mail() is selected.';display:block;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:9px 10px;font-size:12px;font-weight:700;margin-bottom:12px}
.sticky-form-footer{position:sticky;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid #e2e8f0;margin:16px -20px -18px;padding:12px 20px;z-index:3}
.template-studio-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}
.template-helper{border:1px solid #dbe3ef;background:#f8fafc;border-radius:18px;padding:16px;position:sticky;top:76px}
.variable-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.variable-chip-grid code{display:inline-flex;background:#ffffff;border:1px solid #dbe3ef;color:#0f2f2a;border-radius:999px;padding:7px 10px;font-size:12px;box-shadow:0 5px 12px rgba(15,23,42,.04)}
.mail-note-box{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:12px;margin-top:12px}
.mail-note-box strong{display:block;color:#0f172a;margin-bottom:4px}
.mail-note-box small{display:block;color:#64748b;line-height:1.45}
.template-editor-card{border:1px solid #dbe3ef;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.template-editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.toggle-pill{display:inline-flex!important;align-items:center;gap:8px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;margin:0!important;white-space:nowrap}
.toggle-pill input{width:auto;margin:0}
.template-list-head{padding-bottom:0;border-top:1px solid #e2e8f0}
.template-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.template-card{border:1px solid #dbe3ef;background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:10px}
.template-card.active{border-left:4px solid #16a34a}
.template-card.inactive{border-left:4px solid #ef4444;background:#fffafa}
.template-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.template-card-top strong{display:block;color:#0f172a;font-size:15px}
.template-card-top small{display:block;color:#64748b;margin-top:3px;overflow-wrap:anywhere}
.template-card p{margin:0;color:#334155;line-height:1.4;min-height:38px;overflow-wrap:anywhere}
.template-card-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:auto}
.template-card-actions form{margin:0}
.mail-empty-state{grid-column:1/-1;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;padding:20px;text-align:center}
.mail-empty-state strong{display:block;color:#0f172a;margin-bottom:4px}
.mail-bottom-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start}
.test-mail-card{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}
.test-mail-card .field{margin:0}
.mail-log-table{padding-top:12px}
.mail-log-table table td{vertical-align:top}
.mail-log-table td:nth-child(5){max-width:320px;overflow-wrap:anywhere;color:#475569;font-size:13px}
@media(max-width:1180px){.mail-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-settings-layout,.template-studio-grid,.mail-bottom-grid{grid-template-columns:1fr}.template-helper{position:static}.mail-hero{flex-direction:column}.mail-hero-status{min-width:0}}
@media(max-width:720px){.mail-readiness-grid{grid-template-columns:1fr}.mail-panel>summary{position:relative;padding-right:56px;flex-direction:column}.mail-panel>summary:after{position:absolute;right:18px;top:18px}.panel-status{margin-left:0}.test-mail-card{grid-template-columns:1fr}.mail-settings-form,.template-panel .template-studio-grid,.template-list-head,.template-card-grid,.test-mail-card,.mail-log-table{padding:14px}.sticky-form-footer{margin:14px -14px -14px;padding:12px 14px}.template-editor-head{flex-direction:column}.mail-hero h1{font-size:25px}}

/* v84 - Event Based Mail Configuration */
.event-mail-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);gap:14px;padding:18px 20px;align-items:start}
.event-rule-card,.event-rule-list{border:1px solid #dbe3ef;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.event-rule-list h3{margin:0 0 12px;color:#0f2f2a;font-size:17px}
.event-rule-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #e2e8f0;border-radius:16px;padding:13px;margin-bottom:10px;background:#fff}
.event-rule-item.active{border-left:4px solid #16a34a;background:#fbfffd}
.event-rule-item.inactive{border-left:4px solid #ef4444;background:#fffafa}
.event-rule-item strong{display:block;color:#0f172a;font-size:14px;margin-bottom:3px}
.event-rule-item small{display:block;color:#64748b;line-height:1.35;overflow-wrap:anywhere}
.event-rule-item .template-card-actions{grid-column:1/-1;justify-content:flex-end;margin-top:0}
.mail-config-page textarea,.mail-config-page input,.mail-config-page select{font-family:Manrope, Arial, sans-serif}
@media(max-width:1180px){.event-mail-layout{grid-template-columns:1fr}}
@media(max-width:720px){.event-mail-layout{padding:14px}.event-rule-item{grid-template-columns:1fr}.event-rule-item .badge{width:max-content}}

/* v95 - Easier Event Based Email Trigger Builder */
.event-builder-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 20px 0}
.event-how-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #dbe3ef;background:linear-gradient(135deg,#ffffff,#f8fafc);border-radius:16px;padding:13px 14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.event-how-card span{width:30px;height:30px;border-radius:999px;background:#dff3ee;color:#0f2f2a;display:inline-grid;place-items:center;font-weight:900;flex:0 0 auto}
.event-how-card strong{display:block;color:#0f2f2a;font-size:14px;margin-bottom:3px}
.event-how-card small{display:block;color:#64748b;line-height:1.35}
.event-mail-layout-v95{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}
.event-rule-builder{display:grid;gap:14px}
.rule-sentence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid #b7d8cd;background:#f4fbf8;border-radius:18px;padding:12px}
.rule-sentence div{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:10px 12px;min-width:0}
.rule-sentence span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:900;margin-bottom:3px}
.rule-sentence strong{display:block;color:#0f2f2a;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-section-title{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #e2e8f0;padding-top:14px}
.event-section-title:first-of-type{border-top:0;padding-top:0}
.event-section-title>span{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:900;padding:6px 10px;white-space:nowrap}
.event-section-title strong{display:block;color:#0f172a;font-size:15px}
.event-section-title small{display:block;color:#64748b;line-height:1.35;margin-top:2px}
.field-help{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.35}
.field-help.danger{color:#b91c1c;font-weight:800}
.custom-event-field.soft-disabled{display:none}
.fixed-recipient-zone.is-hidden{display:none}
.recipient-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.recipient-choice{display:block!important;border:1px solid #dbe3ef;background:#fff;border-radius:16px;padding:12px;cursor:pointer;margin:0!important;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}
.recipient-choice:hover{border-color:#8fb8aa;box-shadow:0 10px 22px rgba(15,23,42,.06)}
.recipient-choice.selected{border-color:#0f766e;background:#f0fdfa;box-shadow:0 0 0 3px rgba(15,118,110,.08)}
.recipient-choice input{width:auto;margin:0 0 7px 0}
.recipient-choice strong{display:block;color:#0f172a;font-size:13px;margin-bottom:3px}
.recipient-choice small{display:block;color:#64748b;line-height:1.3;font-size:12px}
.event-note{background:#fffdf5;border-style:solid;border-color:#fde68a}
.event-rule-dashboard{max-height:760px;overflow:auto}
.event-rule-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.event-rule-list-head h3{margin-bottom:3px}
.event-rule-list-head p{margin:0;color:#64748b;font-size:12px;line-height:1.35}
.event-rule-search{margin-bottom:12px}
.event-rule-search input{width:100%;border:1px solid #dbe3ef;border-radius:14px;padding:10px 12px;background:#f8fafc;color:#0f172a}
.event-group{border:1px solid #e2e8f0;border-radius:16px;margin-bottom:10px;overflow:hidden;background:#fff}
.event-group>summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f8fafc;padding:11px 12px;cursor:pointer;border-bottom:1px solid #e2e8f0}
.event-group>summary::-webkit-details-marker{display:none}
.event-group>summary strong{color:#0f2f2a;font-size:14px}
.event-group>summary span{color:#64748b;font-size:12px;font-weight:800}
.event-group:not([open])>summary{border-bottom:0}
.event-group .event-rule-item{border-left-width:4px;margin:10px}
.event-empty-row{margin:10px;border:1px dashed #dbe3ef;border-radius:14px;background:#fbfdff;padding:12px;color:#64748b;text-align:center;font-size:13px}
@media(max-width:1180px){.event-builder-intro,.rule-sentence{grid-template-columns:1fr}.event-rule-dashboard{max-height:none}}
@media(max-width:720px){.event-builder-intro{grid-template-columns:1fr;padding:14px 14px 0}.recipient-choice-grid{grid-template-columns:1fr}.event-mail-layout-v95{padding:14px}}

/* v96 - Template Studio Preview and Send Now */
.mail-modal-open{overflow:hidden}
body.mail-modal-open .main{z-index:2200}
.mail-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.50);backdrop-filter:blur(5px);z-index:2300;display:none;align-items:center;justify-content:center;padding:16px}
.mail-modal-backdrop.show{display:flex}
.mail-modal-card{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid #dbe3ef;border-radius:22px;box-shadow:0 30px 80px rgba(15,23,42,.28);padding:18px;font-family:Manrope, Arial, sans-serif}
.template-preview-modal{width:min(920px,calc(100vw - 32px));display:flex;flex-direction:column;overflow:hidden}
.mail-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:14px;flex:0 0 auto}
.mail-modal-head strong{display:block;color:#0f2f2a;font-size:19px}
.mail-modal-head small{display:block;color:#64748b;margin-top:3px;line-height:1.35}
.mail-modal-close{border:1px solid #dbe3ef;background:#f8fafc;color:#0f172a;border-radius:999px;width:34px;height:34px;font-size:24px;line-height:1;cursor:pointer;display:inline-grid;place-items:center;flex:0 0 auto}
.mail-modal-close:hover{background:#eef2f7}
.template-preview-subject{border:1px solid #dbe3ef;background:#f8fafc;border-radius:16px;padding:12px 14px;margin-bottom:12px;flex:0 0 auto}
.template-preview-subject span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:900;margin-bottom:4px}
.template-preview-subject strong{display:block;color:#0f172a;font-size:15px;overflow-wrap:anywhere}
.template-preview-frame{width:100%;height:clamp(320px,calc(100vh - 250px),560px);border:1px solid #dbe3ef;border-radius:16px;background:#fff;display:block;flex:1 1 auto;min-height:260px}
.template-send-form{padding:0!important}
.template-send-form .field{margin-top:12px}
@media(max-width:720px){body.mail-modal-open .main{z-index:2200}.mail-modal-backdrop{padding:8px;align-items:flex-start}.mail-modal-card{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:18px;padding:14px}.template-preview-modal{width:calc(100vw - 16px)}.template-preview-frame{height:calc(100vh - 235px);min-height:300px}.mail-modal-head strong{font-size:16px}}

/* v98 - Manual Template Sender Variables */
.template-send-modal{width:min(760px,calc(100vw - 32px));}
.manual-variable-zone{border:1px solid #dbe3ef;border-radius:18px;background:#fbfdff;padding:14px;margin-top:14px;}
.manual-variable-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px;}
.manual-variable-head strong{color:#0f2f2a;font-size:16px;}
.manual-variable-head small{color:#64748b;font-size:12px;text-align:right;line-height:1.35;}
.manual-variable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.manual-variable-field.full,.manual-variable-grid .mail-empty-state{grid-column:1/-1;}
.manual-variable-field label{font-size:12px;color:#334155;font-weight:900;}
.manual-variable-field input,.manual-variable-field textarea{font-family:Manrope, Arial, sans-serif!important;}
.mail-empty-state.compact{padding:12px;margin:0;text-align:left;}
@media(max-width:720px){.template-send-modal{width:calc(100vw - 16px)}.manual-variable-grid{grid-template-columns:1fr}.manual-variable-head{display:block}.manual-variable-head small{text-align:left;display:block;margin-top:4px}}
.manual-application-zone{border:1px solid #c7d7ea;border-radius:18px;background:#f8fbff;padding:14px;margin-top:14px;margin-bottom:14px;}
.manual-application-zone.is-hidden{display:none!important;}
.manual-application-zone select,.manual-application-zone input{font-family:Manrope, Arial, sans-serif!important;}

/* v103 - Admin-only navbar search */
.admin-nav-search{
  margin:0 0 14px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.admin-nav-search.shortcut-active{
  border-color:rgba(244,193,108,.70);
  box-shadow:0 0 0 3px rgba(244,193,108,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

.admin-nav-search label{
  display:block;
  margin:0 0 7px;
  color:#f4c16c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.admin-nav-search-box{
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:14px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.30);
  padding:6px 7px 6px 12px;
}
.admin-nav-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#18212f;
  font-family:Manrope, Arial, sans-serif;
  font-size:14px;
}
.admin-nav-search input::placeholder{color:#7a8797}
.admin-nav-search button{
  width:26px;
  height:26px;
  border:0;
  border-radius:999px;
  background:#e9f0f6;
  color:#475569;
  font-family:Manrope, Arial, sans-serif;
  font-size:17px;
  line-height:1;
  cursor:pointer;
  display:none;
  flex:0 0 auto;
}
.admin-nav-search button:hover{background:#dbe5ef;color:#1f2937}
.admin-nav-search.has-query button{display:inline-flex;align-items:center;justify-content:center}
.admin-nav-search small{
  display:block;
  margin-top:7px;
  color:rgba(237,247,243,.76);
  font-size:12px;
  line-height:1.35;
}
.side-nav.searching .nav-group,
.side-nav.searching > a{display:none}
.side-nav.searching .nav-group.nav-search-match,
.side-nav.searching > a.nav-search-match{display:block}
.side-nav.searching .nav-group-links{max-height:720px;opacity:1}
.side-nav.searching .nav-group a{display:none}
.side-nav.searching .nav-group a.nav-search-match{display:flex}
.side-nav.searching .nav-group-toggle{background:rgba(244,193,108,.10)}
.nav-search-hit .nav-label{color:#fff}
.nav-search-empty{
  margin:6px 7px 0;
  padding:12px;
  border-radius:14px;
  color:rgba(237,247,243,.78);
  background:rgba(255,255,255,.08);
  border:1px dashed rgba(255,255,255,.16);
  font-size:13px;
  display:none;
}
.side-nav.searching.nav-search-no-results .nav-search-empty{display:block}

/* v105 - KYC correction and re-run panel */
.kyc-correction-panel{margin:14px 0;border:1px solid rgba(180,130,40,.22);border-radius:16px;background:linear-gradient(180deg,#fffaf1,#ffffff);overflow:hidden}
.kyc-correction-panel summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}
.kyc-correction-panel summary::-webkit-details-marker{display:none}
.kyc-correction-panel summary strong{display:block;color:#5f4310;font-size:15px}
.kyc-correction-panel summary small{display:block;color:#8a6d30;margin-top:3px;line-height:1.35}
.kyc-correction-panel.needs-correction{border-color:rgba(210,132,38,.55);box-shadow:0 10px 26px rgba(210,132,38,.10)}
.kyc-correction-note{margin:0 16px 12px;padding:10px 12px;border-radius:12px;background:#fff4d8;color:#6f4f10;font-size:13px;line-height:1.45}
.kyc-correction-grid{padding:0 16px 4px}
.kyc-correction-grid input{background:#fff;border:1px solid #ead9b6}
.kyc-correction-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px 16px;border-top:1px solid rgba(180,130,40,.14);background:#fffdf8}
.kyc-correction-actions .muted{font-size:12px}
.api-result-summary.warning + .api-json-toggle-live{margin-top:12px}

/* v107 - Cleaner KYC page + gated manual upload */
.manual-proof-box.manual-upload-hidden{display:none!important;}
.manual-proof-locked-note{margin:0 14px 14px;padding:11px 13px;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-size:13px;line-height:1.45;}
.manual-proof-rows-disabled{display:none!important;}
.kyc-guide-hero{background:#ffffff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 10px 28px rgba(15,23,42,.06);padding:18px 20px;}
.kyc-guide-hero:after{display:none;}
.kyc-guide-hero h2{color:#0f172a;font-size:24px;margin-bottom:5px;}
.kyc-guide-hero p{color:#64748b;max-width:860px;}
.kyc-guide-hero .eyebrow{color:#0f6b5f;}
.kyc-confidence-badge{background:#f8fafc;border-color:#e2e8f0;color:#0f172a;min-width:170px;padding:13px 15px;}
.kyc-confidence-badge strong{color:#0f172a;font-size:16px;}
.kyc-confidence-badge span{color:#64748b;}
.kyc-confidence-badge.success{background:#ecfdf5;border-color:#bbf7d0}.kyc-confidence-badge.warning{background:#fffbeb;border-color:#fde68a}.kyc-confidence-badge.pending{background:#fefce8;border-color:#fef08a}.kyc-confidence-badge.danger{background:#fef2f2;border-color:#fecaca}
.kyc-snapshot-grid{grid-template-columns:repeat(4,minmax(140px,1fr));}
.kyc-snapshot-card{padding:13px 14px;border-radius:16px;box-shadow:0 8px 18px rgba(15,23,42,.04);}
.kyc-snapshot-card strong{font-size:20px;}
.kyc-checklist-panel{padding:15px;border-radius:20px;}
.kyc-panel-head p{font-size:13px;}
.kyc-party-card{border-radius:18px;}
.kyc-party-card .section-head{margin-bottom:12px;}
.kyc-party-card .section-head h2{font-size:19px;margin-bottom:2px;}
.kyc-party-card .section-head p{font-size:13px;}
.kyc-party-card .form-grid{gap:12px;}
.kyc-api-result-slot{margin:10px 0 12px;padding:10px 12px;background:#ffffff;border-radius:12px;}
.kyc-api-result-slot > small{display:block;color:#94a3b8;font-size:12px;}
.kyc-correction-panel{margin-top:10px;border-radius:14px;}
.kyc-technical-details{margin-top:10px;border-radius:14px;background:#ffffff;}
@media(max-width:1000px){.kyc-snapshot-grid{grid-template-columns:repeat(2,minmax(130px,1fr));}}
@media(max-width:620px){.kyc-snapshot-grid{grid-template-columns:1fr;}}

/* v108 - Collapsed KYC cards and KYC rejection action */
.kyc-collapsible-card{
  padding:0 !important;
  overflow:hidden;
}
.kyc-collapsible-card > summary{
  list-style:none;
  cursor:pointer;
}
.kyc-collapsible-card > summary::-webkit-details-marker{display:none;}
.kyc-card-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  background:#ffffff;
  border-radius:18px;
}
.kyc-card-summary:hover{background:#fbfaf7;}
.kyc-card-summary-main{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.kyc-card-summary-main > span{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  background:#f1f5f9;color:#0f172a;font-weight:800;
  flex:0 0 auto;
}
.kyc-card-summary-main h2{margin:0;font-size:18px;color:#0f172a;}
.kyc-card-summary-main p{margin:3px 0 0;color:#64748b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:720px;}
.kyc-card-summary-status{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  text-align:right;
  color:#64748b;
  font-size:12px;
  margin-left:auto;
}
.kyc-card-chevron{
  color:#94a3b8;
  font-size:18px;
  transition:transform .18s ease;
}
.kyc-collapsible-card[open] .kyc-card-chevron{transform:rotate(180deg);}
.kyc-card-body{
  padding:0 18px 18px;
  border-top:1px solid #e2e8f0;
}
.kyc-final-actions{
  margin-top:18px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.btn.danger{
  background:#b91c1c;
  color:#fff;
  border-color:#b91c1c;
}
.btn.danger:hover{filter:brightness(.96);}
@media(max-width:760px){
  .kyc-card-summary{align-items:flex-start;flex-direction:column;}
  .kyc-card-summary-status{align-items:flex-start;text-align:left;margin-left:47px;}
  .kyc-card-chevron{position:absolute;right:18px;top:18px;}
  .kyc-collapsible-card{position:relative;}
  .kyc-card-summary-main p{white-space:normal;}
}

/* v109 KYC rejection modal */
.kyc-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.44);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;backdrop-filter:blur(3px)}
.kyc-modal-backdrop.is-open{display:flex}
.kyc-reject-modal{width:min(560px,100%);background:#fff;border:1px solid #fecaca;border-radius:24px;box-shadow:0 28px 70px rgba(15,23,42,.28);padding:22px;color:#1f2937}
.kyc-reject-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.kyc-reject-modal-head h2{margin:4px 0 6px;color:#991b1b}.kyc-reject-modal-head p{margin:0;color:#64748b;line-height:1.5}.modal-close-btn{border:0;background:#fef2f2;color:#991b1b;border-radius:12px;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer}.modal-close-btn:hover{background:#fee2e2}.danger-text{color:#b91c1c}.kyc-reject-warning{margin:16px 0;padding:12px 14px;border:1px solid #fecaca;background:#fff7f7;border-radius:16px;display:flex;flex-direction:column;gap:4px;color:#991b1b}.modal-reason-field{display:block}.modal-reason-field span{display:block;font-weight:800;margin-bottom:8px}.modal-reason-field em{color:#b91c1c;font-style:normal}.modal-reason-field textarea{width:100%;resize:vertical;border:1px solid #d8e2ef;border-radius:14px;padding:12px;font-family:Manrope, Arial, sans-serif;min-height:110px}.modal-reason-field textarea:focus{outline:3px solid rgba(185,28,28,.12);border-color:#fca5a5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.application-status-badge.status-rejected{background:#fee2e2;color:#991b1b;border-color:#fecaca}.kyc-rejected-banner{border:1px solid #fecaca;background:linear-gradient(135deg,#fef2f2,#fff);color:#991b1b;border-radius:20px;padding:16px 18px;margin:0 0 18px;box-shadow:0 16px 32px rgba(185,28,28,.09)}.kyc-rejected-banner h2{margin:0 0 6px;color:#991b1b}.kyc-rejected-banner p{margin:0;color:#7f1d1d}

/* v125 Maker-checker payload readable right-side modal */
.btn.ghost{background:#f8fafc;color:#0f6b5f;border:1px solid #cfe0dc;box-shadow:none}
.btn.ghost:hover{background:#ecfdf5;border-color:#99d8c8}
.payload-side-modal{position:fixed;top:0;right:0;bottom:0;left:282px;background:rgba(15,23,42,.36);z-index:2400;display:none;align-items:stretch;justify-content:flex-end;backdrop-filter:blur(3px)}
.payload-side-modal.open{display:flex}
.payload-side-panel{width:min(860px,calc(100vw - 282px));height:100vh;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);box-shadow:-22px 0 60px rgba(15,23,42,.22);border-left:1px solid #dbe5ef;display:flex;flex-direction:column;overflow:hidden}
.payload-modal-head{padding:22px 24px 18px;border-bottom:1px solid #dbe5ef;background:linear-gradient(135deg,#f8fafc,#eef7f5);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.payload-modal-head small{display:block;color:#0f6b5f;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:11px;margin-bottom:5px}
.payload-modal-head h2{margin:0;font-size:24px;color:#18212f;line-height:1.2}
.payload-modal-head p{margin:6px 0 0;color:#64748b;font-size:14px}
.payload-modal-close{width:42px;height:42px;border-radius:999px;border:1px solid #d3e0eb;background:#fff;color:#334155;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.08)}
.payload-modal-close:hover{background:#fff7ed;color:#c2413b;border-color:#fed7aa}
.payload-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 24px;border-bottom:1px solid #e4edf5;background:#fff}
.payload-summary div{border:1px solid #e1eaf2;border-radius:16px;padding:12px 14px;background:#fbfdff}
.payload-summary span,.payload-kv span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.payload-summary strong,.payload-kv strong{display:block;color:#18212f;font-size:15px;line-height:1.45;font-weight:700;word-break:break-word}
.payload-modal-body{padding:22px 24px 28px;overflow:auto;flex:1}
.payload-readable{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.payload-readable.nested{grid-template-columns:1fr;margin-top:10px}
.payload-kv{border:1px solid #e1eaf2;border-radius:16px;padding:13px 14px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.payload-block{grid-column:1/-1;border:1px solid #dbe5ef;border-radius:18px;background:#f8fbfd;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.payload-block-title{font-size:15px;font-weight:800;color:#0f6b5f;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #cfdce8}
.payload-list{display:grid;gap:12px}
.payload-list-item{border:1px solid #e3ebf3;border-radius:16px;background:#fff;padding:12px}
.payload-list-title{font-size:13px;font-weight:800;color:#334155;margin-bottom:6px}
.payload-empty{border:1px dashed #cbd5e1;border-radius:16px;padding:18px;background:#fff;color:#64748b;text-align:center;font-weight:700;grid-column:1/-1}
body.payload-modal-active{overflow:hidden}

.btn.danger{background:#c2413b;color:#fff;border-color:#c2413b}
.btn.danger:hover{background:#a93430;border-color:#a93430;color:#fff}
.payload-stage-action{margin:16px 24px 0;border:1px solid #fecaca;border-radius:18px;background:#fff7f7;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 18px rgba(194,65,59,.08)}
.payload-stage-action span{display:block;color:#991b1b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.payload-stage-action strong{display:block;color:#18212f;font-size:16px;margin-bottom:3px}
.payload-stage-action small{display:block;color:#64748b;line-height:1.35}
@media(max-width:900px){.payload-stage-action{margin:14px 16px 0;align-items:flex-start;flex-direction:column}.payload-stage-action .btn{width:100%;text-align:center}}

@media(max-width:900px){.payload-side-modal{left:0}.payload-side-panel{width:100vw}.payload-summary,.payload-readable{grid-template-columns:1fr}.payload-modal-head{padding:18px}.payload-modal-body{padding:16px}}

/* v129 Bureau collapsible status sections */
.bureau-collapsible{padding:0;overflow:hidden;}
.bureau-section-head{width:100%;border:0;background:linear-gradient(135deg,#ffffff,#f8fbff);display:flex;align-items:center;gap:14px;text-align:left;padding:18px 20px;cursor:pointer;font-family:Manrope, Arial, sans-serif;color:var(--text);}
.bureau-section-head:hover{background:linear-gradient(135deg,#fbfdff,#eef7ff);}
.bureau-section-num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;font-weight:800;flex:0 0 auto;}
.bureau-section-title{flex:1;min-width:0;}
.bureau-section-title h2{margin:0 0 4px;font-size:18px;line-height:1.2;}
.bureau-section-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.35;}
.bureau-chevron{font-size:20px;color:var(--muted);transition:.18s ease;}
.bureau-section-body{padding:0 20px 20px;display:block;}
.bureau-collapsible.collapsed .bureau-section-body{display:none;}
.bureau-collapsible.collapsed .bureau-chevron{transform:rotate(-90deg);}
.bureau-collapsible .badge.status-approved{background:#eafaf1;color:#067647;border-color:#b7e4ca;}
.bureau-collapsible .badge.status-rejected{background:#fff1f1;color:#b42318;border-color:#ffd0d0;}
.bureau-collapsible .badge.status-pending{background:#fff7e6;color:#985c00;border-color:#ffe0a3;}
@media(max-width:760px){.bureau-section-head{align-items:flex-start;flex-wrap:wrap}.bureau-section-title{flex-basis:calc(100% - 60px)}.bureau-section-body{padding:0 14px 16px}}

/* v130 Bureau API run button */
.bureau-party-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.bureau-party-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.bureau-api-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.bureau-api-strip{margin:10px 0 16px;border-color:#fecaca;background:#fff7f7;color:#7f1d1d;}
.run-bureau-api[disabled]{opacity:.75;cursor:not-allowed;}
@media(max-width:760px){.bureau-party-head,.bureau-api-actions{align-items:stretch;flex-direction:column}.bureau-party-head .btn,.bureau-api-actions .btn{width:100%;text-align:center}}

/* Leegality configuration card refinement */
.leegality-card{border-color:rgba(71,85,105,.14);background:#fff}
.leegality-card:hover{border-color:rgba(15,107,95,.22)}
.leegality-head{padding:2px 0!important}
.leegality-index{min-width:58px;width:58px;border-radius:14px;font-size:11px;letter-spacing:.04em}
.leegality-mode-chip{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:11px;font-weight:700;white-space:nowrap}
.leegality-form{display:block}
.leegality-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 18px;padding:16px 18px;border:1px solid rgba(15,107,95,.14);border-radius:16px;background:linear-gradient(135deg,#f8fffc,#f8fafc)}
.leegality-toolbar>div{display:grid;gap:3px}
.leegality-toolbar strong{font-size:14px;color:#1e293b}
.leegality-toolbar span{font-size:12px;color:#64748b}
.leegality-switch{display:flex;align-items:center;gap:9px;cursor:pointer;white-space:nowrap;color:#334155;font-size:12px}
.leegality-switch input{position:absolute;opacity:0;pointer-events:none}
.leegality-switch-track{position:relative;width:42px;height:24px;border-radius:999px;background:#cbd5e1;transition:.2s ease;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.leegality-switch-track>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.2);transition:.2s ease}
.leegality-switch input:checked + .leegality-switch-track{background:#0f6b5f}
.leegality-switch input:checked + .leegality-switch-track>span{transform:translateX(18px)}
.leegality-section{margin-top:14px;padding:18px;border:1px solid #e7edf3;border-radius:18px;background:#fff}
.leegality-section-title{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #eef2f6}
.leegality-section-title>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ecfdf5;color:#0f6b5f;font-size:11px;font-weight:800}
.leegality-section-title>div{display:grid;gap:2px}
.leegality-section-title strong{font-size:14px;color:#1e293b}
.leegality-section-title small{font-size:11px;color:#64748b}
.leegality-grid{gap:14px 16px}
.leegality-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.leegality-workflow-card{padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfd)}
.leegality-workflow-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.workflow-doc-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#143a34;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}
.workflow-sign-type{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.workflow-sign-type.virtual{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}
.workflow-sign-type.aadhaar{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}
.leegality-workflow-card label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#334155}
.leegality-workflow-card input{width:100%}
.leegality-workflow-card small{display:block;margin-top:7px;color:#64748b;line-height:1.35}
.leegality-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}
.leegality-savebar span{font-size:12px;color:#64748b}
.leegality-savebar .btn{margin-left:auto}
.leegality-wallet-section{background:linear-gradient(180deg,#ffffff,#fbfefd)}
.leegality-wallet-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 14px}
.leegality-wallet-top>div{display:grid;gap:3px}
.leegality-wallet-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.leegality-wallet-top strong{font-size:32px;line-height:1.05;color:#0f6b5f}
.leegality-wallet-top small{font-size:11px;color:#64748b}
.leegality-wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.leegality-wallet-grid>div{display:grid;gap:4px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.leegality-wallet-grid span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7b8794}
.leegality-wallet-grid b{font-size:18px;color:#1e293b}
.leegality-wallet-error{margin-top:10px;padding:10px 12px;border:1px solid #fecaca;border-radius:12px;background:#fff7f7;color:#b42318;font-size:12px;font-weight:700}
.leegality-wallet-alert-config{margin-top:14px;padding:14px;border:1px solid #dce7e5;border-radius:16px;background:#fbfefd}.leegality-wallet-alert-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.leegality-wallet-alert-head>div{display:grid;gap:3px}.leegality-wallet-alert-head strong{font-size:14px;color:#173832}.leegality-wallet-alert-head small{font-size:11px;color:#64748b}.leegality-wallet-alert-fields{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(240px,1fr);gap:12px;margin-top:12px}.leegality-wallet-alert-fields .field{margin:0}.leegality-wallet-alert-fields input{width:100%}.leegality-wallet-alert-status{margin-top:10px;padding-top:10px;border-top:1px dashed #dbe7e4;color:#64748b;font-size:11px}.leegality-switch.compact{gap:8px}.leegality-switch.compact b{font-size:11px}
@media(max-width:1100px){.leegality-mode-chip{display:none}}
@media(max-width:900px){.leegality-toolbar,.leegality-savebar,.leegality-wallet-top,.leegality-wallet-alert-head{align-items:flex-start;flex-direction:column}.leegality-workflow-grid{grid-template-columns:1fr}.leegality-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leegality-wallet-alert-fields{grid-template-columns:1fr}.leegality-savebar .btn{margin-left:0;width:100%}}

/* v142 - View Application tranche disbursement */
.tranche-view-section{padding:18px}
.tranche-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.tranche-kpi-row>div{min-width:0}
.tranche-section-head{align-items:flex-start;margin:0 0 14px}
.tranche-flow-note{margin:14px 0 0;padding:12px 14px;border:1px solid var(--border,#dde3ea);border-radius:10px;background:var(--surface-soft,#f8fafc)}
.los-modal{position:fixed;inset:0;z-index:9999;display:none}
.los-modal.open{display:block}
.los-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}
.los-modal-panel{position:absolute;top:0;right:0;height:100%;width:min(860px,calc(100vw - 260px));background:#fff;box-shadow:-18px 0 50px rgba(15,23,42,.18);overflow:auto;padding:22px}
.los-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:18px}
.los-modal-head h2{margin:0 0 6px}
.modal-close-x{border:0;background:#f3f4f6;width:36px;height:36px;border-radius:9px;font-size:25px;line-height:1;cursor:pointer;color:#334155}
.tranche-context-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:18px}
.tranche-context-box div{display:flex;flex-direction:column;gap:4px}.tranche-context-box small{color:#64748b}.tranche-context-box b{font-size:15px;overflow-wrap:anywhere}
.tranche-doc-pack{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:13px 14px;margin-top:16px;border-radius:11px;background:#f7fbf8;border:1px solid #d8eadf}
.tranche-doc-pack b{margin-right:4px}.tranche-doc-pack span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #d8eadf;font-size:12px}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;margin-top:18px;border-top:1px solid #e5e7eb}
@media(max-width:900px){.los-modal-panel{width:100%}.tranche-kpi-row,.tranche-context-box{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tranche-kpi-row,.tranche-context-box{grid-template-columns:1fr}.los-modal-panel{padding:16px}}

/* v143: compact activity log nested under Post-Sanction & Notes */
.activity-log-card{padding:0;overflow:hidden}.activity-log-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font-weight:700;list-style:none}.activity-log-details>summary::-webkit-details-marker{display:none}.activity-log-details>summary small{font-weight:500;color:var(--muted,#6b7280)}.activity-log-details[open]>summary{border-bottom:1px solid var(--border,#e5e7eb)}.activity-log-details .activity-scroll{padding:14px 18px;max-height:360px;overflow:auto}

/* v144: sanction-gated tranche initiation and whole-number display formatting */


/* v147 — Global Manrope typography */
html, body, button, input, select, textarea, table, th, td, label,
.btn, .card, .modal, .badge, .topbar, .sidebar, .nav-group-toggle {
  font-family:Manrope, Arial, sans-serif;
}
button, input, select, textarea { font: inherit; }
.digio-borrower-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.digio-borrower-grid>div{padding:14px;border:1px solid var(--border,#dfe5ec);border-radius:12px;background:#f8fafc}.digio-borrower-grid small{display:block;color:#687386;margin-bottom:5px}.digio-borrower-grid strong{display:block;overflow-wrap:anywhere}.digio-trigger-actions{display:flex;gap:10px;align-items:center}.digio-history{margin-top:16px}.digio-history summary{cursor:pointer;font-weight:700}.digio-history .table-wrap{margin-top:10px}@media(max-width:900px){.digio-borrower-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.digio-borrower-grid{grid-template-columns:1fr}.digio-trigger-actions{align-items:stretch;flex-direction:column}}


/* v160 Digio KYC link and readable response JSON */
.digio-live-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:16px 18px;border:1px solid #b9ddd3;background:linear-gradient(135deg,#effaf6,#fff);border-radius:16px}.digio-live-link div{display:flex;flex-direction:column;gap:3px}.digio-live-link small{color:#64748b}.digio-live-link strong{color:#0d4b40}.digio-live-link span{font-size:13px;color:#64748b}.digio-json-view{margin-top:9px;min-width:260px}.digio-json-view summary{cursor:pointer;color:#174a75;font-weight:700}.digio-json-view pre{margin:8px 0 0;max-width:560px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;tab-size:2;line-height:1.5;background:#102a26;color:#e7f5f1;padding:14px;border-radius:12px;font-size:12px}@media(max-width:720px){.digio-live-link{align-items:stretch;flex-direction:column}.digio-live-link .btn{width:100%;text-align:center}}

/* v178 Operational dashboard */
.ops-page{max-width:1500px;margin:0 auto}.ops-title{align-items:flex-start}.ops-title p,.ops-card-head p{margin:4px 0 0;color:var(--muted,#667085)}
.ops-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.ops-kpi{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid #dbe4eb;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(21,50,45,.05)}.ops-kpi.active{border-color:#183f38;box-shadow:0 0 0 2px rgba(24,63,56,.08)}.ops-kpi small{font-weight:700;color:#667085}.ops-kpi strong{font-size:30px;line-height:1;color:#173d36}.ops-kpi span{font-size:13px;color:#7a8797}
.ops-filter{display:flex;gap:10px;align-items:center;padding:12px;margin-bottom:12px}.ops-filter input{min-width:260px;flex:1}.ops-filter select{min-width:190px}.ops-tabs{display:flex;gap:6px;margin:10px 0 14px;padding:5px;background:#edf2f5;border-radius:12px;width:max-content}.ops-tabs a{padding:9px 14px;border-radius:9px;text-decoration:none;color:#667085;font-weight:700}.ops-tabs a.active{background:#fff;color:#173d36;box-shadow:0 3px 10px rgba(21,50,45,.08)}
.ops-table-card{padding:0;overflow:hidden}.ops-card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e6ecef}.ops-card-head h2{margin:0}.ops-table-card table td{vertical-align:middle}.ops-table-card td small{display:block;margin-top:4px;color:#7a8797}.ops-progress{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:7px 10px;border-radius:99px;background:#eef4f2;font-weight:800;color:#173d36}.ops-alert-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.ops-alert-strip>div{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #f1d5d2;background:#fff8f7;border-radius:14px}.ops-alert-strip b{font-size:24px;color:#a23a32}.ops-alert-strip span{font-weight:700;color:#694a46}
@media(max-width:900px){.ops-kpis,.ops-alert-strip{grid-template-columns:1fr}.ops-filter{flex-wrap:wrap}.ops-filter input,.ops-filter select{min-width:100%;width:100%}.ops-tabs{width:100%;overflow:auto}.ops-tabs a{white-space:nowrap}}
.release-gate-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.release-gate-summary small{color:#7a8797}.guide-actions{margin-top:16px}

/* Operational dashboard table paging: 10 visible rows per scroll, 20 rows per page */
.ops-scroll-table{max-height:690px;overflow-x:auto;overflow-y:auto;overscroll-behavior:auto;scrollbar-gutter:stable}
.ops-scroll-table thead th{position:sticky;top:0;z-index:3;background:#f8fafb;box-shadow:0 1px 0 #e6ecef}
.ops-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid #e6ecef;background:#fff;color:var(--muted,#667085);font-size:14px}
.ops-page-controls{display:flex;align-items:center;gap:10px}.ops-page-controls b{color:#29423d;font-size:14px;white-space:nowrap}
.ops-page-controls .disabled{pointer-events:none;opacity:.45}
@media(max-width:700px){.ops-pagination{align-items:flex-start;flex-direction:column}.ops-scroll-table{max-height:650px}}

/* v195 Customer 360 */
.customer-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.customer-kpi{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:18px;padding:18px 19px;box-shadow:var(--shadow-soft);min-width:0}.customer-kpi span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.55px;margin-bottom:8px}.customer-kpi strong{display:block;color:var(--primary-dark);font-size:25px;line-height:1.2}.customer-kpi small{display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.4}.customer-search-card{margin-bottom:18px}.customer-search-row{display:flex;gap:10px;align-items:center}.customer-search-row input{flex:1;min-width:200px}.customer-table-wrap,.customer-section-card .table-wrap{overflow-x:auto}.customer-table,.customer-app-table{min-width:1120px}.customer-table th,.customer-app-table th{white-space:nowrap}.customer-table td,.customer-app-table td{vertical-align:middle}.customer-id-line{display:block;color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap}.customer-product-badges{display:flex;gap:5px;flex-wrap:wrap;min-width:120px}.customer-pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:16px}.customer-pagination a{min-width:36px;height:36px;display:grid;place-items:center;text-decoration:none;border:1px solid var(--border);background:#fff;border-radius:10px;font-weight:700;color:var(--muted)}.customer-pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.customer-breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:6px}.customer-breadcrumb a{color:var(--primary);text-decoration:none}.customer-detail-kpis{margin-bottom:14px}.customer-util-card{margin-bottom:18px;padding:16px 18px}.customer-util-card>div:first-child{display:flex;justify-content:space-between;gap:20px;align-items:center}.customer-util-card small{display:block;color:var(--muted);margin-top:4px}.customer-util-track{height:9px;background:#e7eef5;border-radius:999px;margin-top:13px;overflow:hidden}.customer-util-track span{display:block;height:100%;background:var(--primary);border-radius:999px}.customer-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.customer-info-card h3,.customer-section-card h3{margin:0 0 16px;color:var(--primary-dark)}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.customer-info-grid>div{padding-bottom:10px;border-bottom:1px solid #edf2f7;min-width:0}.customer-info-grid>div.full{grid-column:1/-1}.customer-info-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:5px}.customer-info-grid strong{font-size:14px;word-break:break-word}.customer-section-card{margin-bottom:16px}.customer-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.customer-section-head h3{margin-bottom:3px}.customer-section-head p{margin:0}.customer-mini-summary{display:flex;gap:10px;flex-wrap:wrap}.customer-mini-summary span{background:var(--surface-2);border:1px solid var(--border);padding:8px 10px;border-radius:10px;font-size:12px;white-space:nowrap}@media(max-width:1100px){.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-two-col{grid-template-columns:1fr}}@media(max-width:680px){.customer-kpi-grid{grid-template-columns:1fr}.customer-search-row{align-items:stretch;flex-direction:column}.customer-info-grid{grid-template-columns:1fr}.customer-info-grid>div.full{grid-column:auto}.customer-section-head{flex-direction:column}.customer-kpi strong{font-size:22px}}
.customer-inline-link{font-weight:700;color:var(--primary);text-decoration:none}.customer-inline-link:hover{text-decoration:underline}

/* v196 - Customer list compact single-scroll + AJAX filters */
.customer-filter-grid{display:grid;grid-template-columns:minmax(280px,2fr) minmax(155px,.8fr) minmax(170px,.85fr) minmax(170px,.85fr) auto;gap:10px;align-items:end}.customer-filter-grid label{display:block;font-size:11px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.customer-filter-grid input,.customer-filter-grid select{width:100%;min-width:0}.customer-filter-actions{display:flex;align-items:flex-end}.customer-filter-actions .btn{height:42px}.customer-result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin:0 2px 8px}.customer-result-meta strong{color:var(--primary-dark)}#customerResults{transition:opacity .14s ease}#customerResults.is-loading{opacity:.52;pointer-events:none}.customer-table-wrap{width:100%;overflow-x:auto;overflow-y:visible;border:1px solid var(--border);border-radius:16px;background:#fff;scrollbar-gutter:stable}.customer-table{width:100%;min-width:1040px;table-layout:fixed;border-collapse:separate;border-spacing:0}.customer-table th,.customer-table td{padding:13px 12px}.customer-table th{font-size:11px;letter-spacing:.38px}.customer-table th:nth-child(1){width:14%}.customer-table th:nth-child(2){width:19%}.customer-table th:nth-child(3){width:10%}.customer-table th:nth-child(4){width:10%}.customer-table th:nth-child(5){width:14%}.customer-table th:nth-child(6),.customer-table th:nth-child(7),.customer-table th:nth-child(8){width:11%}.customer-table th:nth-child(9){width:14%}.customer-table td{font-size:13px;overflow:hidden;text-overflow:ellipsis}.customer-table .customer-email-line{overflow:hidden;text-overflow:ellipsis;max-width:100%}.customer-row{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.customer-row:hover,.customer-row:focus{background:#f7fbff;outline:none;box-shadow:inset 3px 0 0 var(--primary)}.customer-row:active{background:#eef6ff}.customer-product-badges{min-width:0;flex-wrap:nowrap;overflow:hidden}.customer-product-badges .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-last-activity{white-space:nowrap;font-size:12px!important}.customer-pagination button{min-width:36px;height:36px;border:1px solid var(--border);background:#fff;border-radius:10px;font-weight:700;color:var(--muted);cursor:pointer}.customer-pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.customer-load-error{color:#b42318;border-color:#f5c2c0}.customer-empty{text-align:center;padding:28px!important}@media(max-width:1150px){.customer-filter-grid{grid-template-columns:2fr 1fr 1fr}.customer-filter-actions{grid-column:auto}.customer-table{min-width:980px}}@media(max-width:760px){.customer-filter-grid{grid-template-columns:1fr 1fr}.customer-search-field{grid-column:1/-1}.customer-filter-actions{grid-column:1/-1}.customer-filter-actions .btn{width:100%}}@media(max-width:520px){.customer-filter-grid{grid-template-columns:1fr}.customer-search-field,.customer-filter-actions{grid-column:auto}}


/* v197 - Customer list simplification + matched filter controls */
.customer-search-card{padding:18px 20px}.customer-filter-grid{display:grid;grid-template-columns:minmax(330px,2fr) minmax(170px,.9fr) minmax(190px,1fr) minmax(180px,.9fr) auto;gap:12px;align-items:end}.customer-filter-grid label{font-size:11px;font-weight:800;letter-spacing:.48px;color:var(--muted);margin-bottom:7px}.customer-filter-grid input[type=search],.customer-filter-grid select{height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font:inherit;font-size:14px;padding:0 13px;box-shadow:0 1px 2px rgba(16,24,40,.03);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.customer-filter-grid input[type=search]::placeholder{color:#98a2b3}.customer-filter-grid input[type=search]:hover,.customer-filter-grid select:hover{border-color:#b8c6d8}.customer-filter-grid input[type=search]:focus,.customer-filter-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(29,78,216,.10)}.customer-filter-grid select{appearance:auto}.customer-filter-actions .btn{height:44px;border-radius:12px;padding:0 18px}.customer-table{min-width:900px}.customer-table th:nth-child(1){width:16%}.customer-table th:nth-child(2){width:24%}.customer-table th:nth-child(3){width:10%}.customer-table th:nth-child(4){width:15%}.customer-table th:nth-child(5),.customer-table th:nth-child(6),.customer-table th:nth-child(7){width:11.666%}.customer-last-activity{display:none}@media(max-width:1150px){.customer-filter-grid{grid-template-columns:2fr 1fr 1fr}.customer-table{min-width:860px}}@media(max-width:760px){.customer-filter-grid{grid-template-columns:1fr 1fr}.customer-search-field{grid-column:1/-1}.customer-filter-actions{grid-column:1/-1}.customer-filter-actions .btn{width:100%}}@media(max-width:520px){.customer-filter-grid{grid-template-columns:1fr}.customer-search-field,.customer-filter-actions{grid-column:auto}}


/* v198 - Customer table AJAX sorting + streamlined filters */
.customer-filter-grid{grid-template-columns:minmax(360px,2.2fr) minmax(190px,1fr) minmax(190px,1fr) auto}
.customer-sort-btn{display:inline-flex;align-items:center;gap:6px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:inherit;cursor:pointer;white-space:nowrap;text-align:left}
.customer-sort-btn:hover,.customer-sort-btn:focus{color:var(--primary);outline:none}
.customer-sort-btn.active{color:var(--primary)}
.customer-sort-icon{font-size:10px;line-height:1;opacity:.62;flex:0 0 auto}
.customer-sort-btn.active .customer-sort-icon{opacity:1}
@media(max-width:1050px){.customer-filter-grid{grid-template-columns:2fr 1fr 1fr}.customer-filter-actions{grid-column:1/-1}.customer-filter-actions .btn{width:auto}}
@media(max-width:760px){.customer-filter-grid{grid-template-columns:1fr 1fr}.customer-search-field{grid-column:1/-1}.customer-filter-actions{grid-column:1/-1}.customer-filter-actions .btn{width:100%}}
@media(max-width:520px){.customer-filter-grid{grid-template-columns:1fr}.customer-search-field,.customer-filter-actions{grid-column:auto}}

/* v199 Applications compact AJAX list */
.application-search-panel{overflow:hidden;}
.application-search-row{flex-wrap:nowrap;}
.application-search-row input{min-width:320px;}
.application-filter-grid{grid-template-columns:repeat(6,minmax(145px,1fr));}
.application-table-wrap{max-height:620px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.application-table-wrap .application-table-compact{min-width:1080px;width:100%;table-layout:auto;}
.application-table-compact th,.application-table-compact td{padding-left:14px;padding-right:14px;white-space:nowrap;vertical-align:middle;}
.application-table-compact th:nth-child(1),.application-table-compact td:nth-child(1){min-width:110px;white-space:normal;}
.application-table-compact th:nth-child(2),.application-table-compact td:nth-child(2){min-width:155px;}
.application-table-compact th:nth-child(3),.application-table-compact td:nth-child(3){min-width:145px;}
.application-table-compact th.numeric,.application-table-compact td.numeric{text-align:right;}
.application-click-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease;}
.application-click-row:hover{background:#f5fbfa;box-shadow:inset 4px 0 0 #0f766e;}
.application-click-row:focus{outline:2px solid #2563eb;outline-offset:-2px;background:#f8fbff;}
.customer-id-text{color:#0f766e;}
.application-action-col{width:96px;}
.application-delete-form{margin:0;}
#applicationResults.ajax-loading,#applicationPagination.ajax-loading{opacity:.52;pointer-events:none;transition:opacity .15s ease;}
.application-pagination button[disabled]{opacity:.42;pointer-events:none;}
@media(max-width:1280px){.application-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.application-search-row{flex-wrap:wrap;}.application-search-row input{min-width:0;width:100%;}.application-filter-grid{grid-template-columns:1fr;}}


/* v200 Applications single-scroll consolidated table */
.application-table-wrap{width:100%;max-height:620px;overflow-x:auto;overflow-y:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;}
.application-table-wrap .application-table-v200{width:100%;min-width:760px;table-layout:fixed;border-collapse:separate;border-spacing:0;}
.application-table-v200 th,.application-table-v200 td{padding:13px 12px;vertical-align:middle;white-space:normal;overflow:hidden;}
.application-table-v200 th{white-space:nowrap;font-size:12px;letter-spacing:.35px;}
.application-table-v200 .app-col-customer{width:16%;}
.application-table-v200 .app-col-applicant{width:19%;}
.application-table-v200 .app-col-application{width:22%;}
.application-table-v200 .app-col-product{width:16%;}
.application-table-v200 .app-col-status{width:17%;}
.application-table-v200 .app-col-amount{width:10%;white-space:nowrap;}
.app-primary-line{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.app-secondary-line{display:block;margin-top:4px;color:var(--muted,#667085);font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.app-application-meta{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;}
.app-application-meta .app-secondary-line{margin-top:4px;}
.app-product-name{margin-bottom:6px;}
.app-lead-badge{font-size:10px;padding:4px 8px;max-width:100%;}
.application-delete-mini{border:0;background:transparent;color:#b42318;font:inherit;font-size:11px;font-weight:800;padding:4px 0 0;cursor:pointer;white-space:nowrap;}
.application-delete-mini:hover,.application-delete-mini:focus{text-decoration:underline;outline:none;color:#8f1d17;}
.application-table-v200 .application-status{display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.application-table-v200 .customer-id-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:1100px){
  .application-table-wrap .application-table-v200{min-width:720px;}
  .application-table-v200 th,.application-table-v200 td{padding-left:10px;padding-right:10px;}
  .application-table-v200 .app-col-customer{width:17%;}
  .application-table-v200 .app-col-applicant{width:18%;}
  .application-table-v200 .app-col-application{width:23%;}
  .application-table-v200 .app-col-product{width:15%;}
  .application-table-v200 .app-col-status{width:17%;}
  .application-table-v200 .app-col-amount{width:10%;}
}
@media(max-width:820px){.application-table-wrap .application-table-v200{min-width:700px;}}


/* v201 - Applications stability and spacing */
#applicationResults{padding:0 14px;}
#applicationPagination{padding:0 14px;}
.application-table-wrap{border-radius:18px;}
.application-table-wrap .application-table-v200{min-width:0;width:100%;}
.application-click-row{cursor:pointer;}
.application-click-row td{transition:background-color .15s ease;}
.application-click-row:hover td{background:#f7fbff;}
body.compact-ui #applicationResults{padding-left:10px;padding-right:10px;}
@media(max-width:900px){#applicationResults,#applicationPagination{padding-left:8px;padding-right:8px}.application-table-wrap .application-table-v200{min-width:720px;}}


/* v202 - allow page scroll chaining at vertical table edges */
.application-table-wrap{overscroll-behavior-y:auto;}

/* v203 Applications: native smooth scrolling + AJAX sortable headers */
.application-table-wrap{overscroll-behavior-y:auto!important;scroll-behavior:auto!important;}
.application-table-v200 th{padding-top:0!important;padding-bottom:0!important;}
.app-sort-btn{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.35px;width:100%;min-height:44px;padding:0;display:flex;align-items:center;gap:7px;cursor:pointer;text-align:left;}
.app-sort-btn:hover{color:#0f766e;}
.app-sort-btn.active{color:#173f90;}
.app-sort-icon{font-size:14px;line-height:1;opacity:.65;flex:0 0 auto;}
.app-col-amount .app-sort-btn{justify-content:flex-end;}

/* v205 - Long application status badges fit without widening */
.application-table-v200 .badge.application-status{
  width:118px;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  justify-content:center;
  text-align:center;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.12;
  font-size:10.5px;
  padding:6px 7px;
}
.application-table-v200 .badge.application-status.status-submitted,
.application-table-v200 .badge.application-status.status-approved,
.application-table-v200 .badge.application-status.status-rejected,
.application-table-v200 .badge.application-status.status-sanctioned,
.application-table-v200 .badge.application-status.status-bureau-completed{
  font-size:11.5px;
}


/* v215 API card right-side action refinement */
.api-head-actions-refined{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex:0 0 auto;
  flex-wrap:nowrap;
  min-width:max-content;
}
.api-status-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:7px 12px;
  border-radius:12px;
  border:1px solid;
  font-size:12px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.api-status-pill.is-active{background:#ecfdf5;border-color:#bbf7d0;color:#047857}
.api-status-pill.is-inactive{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.api-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.75)}
.api-capability-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:7px 11px;
  border-radius:12px;
  border:1px solid #e0e7ff;
  background:#f5f7ff;
  color:#4f46e5;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}
.api-capability-pill strong{display:grid;place-items:center;min-width:20px;height:20px;border-radius:7px;background:#4f46e5;color:#fff;font-size:10px}
.api-collapse-button{width:38px;height:38px;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.04);flex:0 0 38px}
.api-card-head .api-title-wrap{min-width:0;flex:1}
@media(max-width:900px){
  .api-head-actions-refined{width:auto;margin-left:auto;justify-content:flex-end}
  .api-capability-pill{display:none}
}
@media(max-width:620px){
  .api-status-pill{min-height:34px;padding:6px 10px;font-size:11px}
  .api-collapse-button{width:34px;height:34px;flex-basis:34px}
}


/* v216 API configuration card header cleanup */
.api-card-head{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center!important;
  column-gap:16px!important;
  min-height:104px;
}
.api-card-head .api-title-wrap{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
}
.api-card-head .api-title-wrap h2{
  margin:0;
  line-height:1.2;
}
.api-card-head .api-title-wrap p{
  margin:2px 0 0;
  line-height:1.35;
  max-width:820px;
}
.api-card-meta{
  display:block;
  margin-top:4px;
  color:#7b8794;
  font-size:11.5px;
  line-height:1.25;
  font-weight:650;
}
.api-head-actions-refined{
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:170px!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
}
.api-status-pill{
  min-width:96px;
  min-height:34px;
  padding:7px 12px!important;
  border-radius:999px!important;
  justify-content:center;
  gap:7px;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.api-status-dot{
  width:7px!important;
  height:7px!important;
  box-shadow:none!important;
  flex:0 0 7px;
}
.api-collapse-button{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:10px!important;
  box-shadow:none!important;
  font-size:17px!important;
}
/* Capability/workflow context belongs beside the integration name, not in the action cluster. */
.api-card-head .api-capability-pill{display:none!important;}

@media(max-width:900px){
  .api-card-head{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .api-head-actions-refined{
    width:auto!important;
    min-width:auto!important;
    margin-left:0!important;
    justify-content:flex-end!important;
  }
  .api-config-card.collapsed .api-title-wrap p{max-width:520px!important;}
}
@media(max-width:680px){
  .api-card-head{
    grid-template-columns:auto minmax(0,1fr)!important;
    row-gap:10px;
  }
  .api-head-actions-refined{
    grid-column:2;
    justify-content:flex-start!important;
  }
  .api-status-pill{min-width:88px;}
}

/* v217 LOS Public API Module */
.api-platform-page-head{align-items:flex-end}.api-platform-page-head .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b7791f;margin:0 0 5px}.api-platform-page-head h1{margin-bottom:5px}.api-platform-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 0 18px;padding:5px;background:#eef2f6;border:1px solid #dde4ec;border-radius:15px}.api-platform-tabs a{white-space:nowrap;padding:10px 15px;border-radius:11px;color:#526170;text-decoration:none;font-size:13px;font-weight:800}.api-platform-tabs a:hover{background:#fff}.api-platform-tabs a.active{background:#fff;color:#17212b;box-shadow:0 3px 12px rgba(31,41,55,.08)}
.api-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.api-kpi-grid .card{padding:18px}.api-kpi-grid small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7b8794;font-weight:800}.api-kpi-grid .metric{font-size:30px;margin:6px 0 2px}.api-kpi-grid p{margin:0;color:#7b8794;font-size:12px}.api-overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.api-base-url{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#f7f9fb;border:1px solid #e3e8ee;border-radius:13px;margin:14px 0}.api-base-url small{font-weight:800;color:#6b7785}.api-base-url code{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:12px}.btn.small{padding:7px 10px;font-size:11px}.api-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.api-feature-list>div{padding:12px;border:1px solid #e6ebf0;border-radius:12px;background:#fff}.api-feature-list b,.api-feature-list span{display:block}.api-feature-list b{font-size:13px}.api-feature-list span{font-size:11px;color:#6f7b88;margin-top:4px;line-height:1.45}.api-scope-stack{display:grid;gap:8px;margin-top:14px}.api-scope-stack>div{display:grid;grid-template-columns:54px minmax(190px,1fr);gap:5px 10px;align-items:center;padding:10px 11px;border:1px solid #e6ebf0;border-radius:11px}.api-scope-stack small{grid-column:2;color:#74808c}
.api-method{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:4px 7px;border-radius:7px;background:#e8eef5;color:#334155;font-size:10px;font-weight:900;letter-spacing:.04em}.api-method.get{background:#e8f6ef;color:#17623a}.api-method.post{background:#e9f0ff;color:#244e97}.api-method.patch,.api-method.put{background:#fff4dc;color:#875a00}.api-method.delete{background:#fdeaea;color:#9b2c2c}
.api-token-reveal{display:grid;grid-template-columns:1fr minmax(340px,.8fr);gap:18px;align-items:center;padding:18px 20px;margin-bottom:16px;border:1px solid #badfc9;background:#f1fbf5;border-radius:16px}.api-token-reveal h3{margin:6px 0 3px}.api-token-reveal p{margin:0;color:#557064;font-size:12px}.api-token-copy{display:flex;align-items:center;gap:8px;min-width:0}.api-token-copy code{flex:1;display:block;padding:12px;background:#fff;border:1px solid #cfe6d8;border-radius:10px;overflow:auto;white-space:nowrap;font-size:12px}.api-error-flash{border-color:#f2c3c3;background:#fff4f4;color:#8f2929}
.api-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.api-client-card{border:1px solid #e1e6eb;border-radius:16px;padding:16px;background:#fff}.api-client-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:0;padding:0}.api-client-card h3{margin:5px 0 2px;font-size:17px}.api-client-card p{margin:0;color:#7b8794;font-size:12px}.api-client-code{font-size:10px;font-weight:900;letter-spacing:.08em;color:#8a6628;background:#fff4dc;border:1px solid #f1ddb1;padding:4px 7px;border-radius:6px}.api-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.api-status-pill.is-active{background:#e8f6ef;color:#17623a}.api-status-pill.is-inactive{background:#f0f2f4;color:#606b77}.api-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.api-client-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.api-client-meta>div{padding:10px;background:#f8fafb;border:1px solid #edf0f3;border-radius:10px;min-width:0}.api-client-meta small,.api-client-meta b,.api-client-meta code{display:block}.api-client-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8a96a2;font-weight:800;margin-bottom:4px}.api-client-meta b,.api-client-meta code{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-client-actions{display:flex;gap:7px;flex-wrap:wrap}.api-client-actions form{margin:0}.api-client-actions .btn{font-size:11px;padding:8px 10px}
.api-modal[hidden]{display:none!important}.api-modal{position:fixed;inset:0;z-index:5000}.api-modal-backdrop{position:absolute;inset:0;background:rgba(10,18,27,.48);backdrop-filter:blur(2px)}.api-modal-dialog{position:absolute;top:5vh;right:clamp(18px,4vw,64px);width:min(680px,calc(100vw - 310px));max-height:90vh;background:#fff;border-radius:18px;box-shadow:0 22px 70px rgba(15,23,42,.28);overflow:hidden;display:flex;flex-direction:column}.api-modal-head{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e5e9ed}.api-modal-head small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#9a6e24}.api-modal-head h3{margin:3px 0}.api-modal-head p{margin:0;color:#7a8794;font-size:12px}.api-modal-head>button{width:34px;height:34px;border:0;background:#edf1f4;border-radius:9px;font-size:20px;cursor:pointer}.api-modal-body{padding:20px;overflow:auto}.api-modal-footer{display:flex;justify-content:flex-end;margin-top:16px}.api-notice{padding:12px 14px;background:#f7f9fb;border:1px solid #e3e8ee;border-radius:11px;margin-top:14px}.api-notice p{margin:3px 0 0;color:#667482;font-size:12px}.api-permission-list{display:grid;gap:8px}.api-permission-list label{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #e5e9ed;border-radius:11px;cursor:pointer}.api-permission-list label:hover{background:#f9fafb}.api-permission-list input{margin-top:4px}.api-permission-list b,.api-permission-list small{display:block}.api-permission-list small{margin-top:4px;color:#687684}
.api-catalogue-list{display:grid;gap:9px;margin-top:14px}.api-catalogue-list details{border:1px solid #e2e7ec;border-radius:12px;background:#fff;overflow:hidden}.api-catalogue-list summary{display:grid;grid-template-columns:54px minmax(250px,1fr) minmax(160px,.65fr) 18px;gap:10px;align-items:center;padding:13px 14px;cursor:pointer;list-style:none}.api-catalogue-list summary::-webkit-details-marker{display:none}.api-catalogue-list summary code{font-size:12px}.api-catalogue-list summary b{font-size:12px}.api-endpoint-detail{padding:14px;border-top:1px solid #edf0f3;background:#fafbfc}.api-endpoint-detail p{margin-top:0;color:#657280}.api-endpoint-detail pre,.api-guide-grid pre,.api-json-grid pre{background:#111820;color:#dfe8f0;padding:13px;border-radius:10px;overflow:auto;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.api-endpoint-detail>div+div{margin-top:12px}.api-endpoint-detail small{display:block;font-weight:800;margin-bottom:5px}
.api-history-table td{vertical-align:middle}.api-history-table td small,.api-history-table td b{display:block}.api-history-table td small{color:#8a96a2;font-size:10px;margin-top:2px}.api-log-row{cursor:pointer}.api-log-row:hover{background:#f8fafb}.api-log-detail td{padding:0!important;border-top:0!important}.api-json-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f6f8fa}.api-json-grid small{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#73808e}.api-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.api-guide-grid .form-section{margin:0}.api-guide-grid h2{font-size:16px;margin-bottom:8px}.api-guide-grid p{color:#667482;font-size:12px;line-height:1.6}.empty-state{text-align:center;padding:35px;border:1px dashed #d8dee5;border-radius:14px;background:#fafbfc;margin-top:14px}.empty-state p{color:#7b8794}
@media(max-width:1050px){.api-kpi-grid{grid-template-columns:1fr 1fr}.api-overview-grid,.api-client-grid,.api-guide-grid{grid-template-columns:1fr}.api-modal-dialog{width:min(680px,calc(100vw - 36px));right:18px}.api-token-reveal{grid-template-columns:1fr}.api-json-grid{grid-template-columns:1fr}}
@media(max-width:680px){.api-kpi-grid{grid-template-columns:1fr}.api-feature-list{grid-template-columns:1fr}.api-client-meta{grid-template-columns:1fr}.api-catalogue-list summary{grid-template-columns:48px 1fr 18px}.api-catalogue-list summary b{display:none}.api-token-copy{align-items:stretch;flex-direction:column}.api-modal-dialog{top:2vh;max-height:96vh}.api-platform-tabs a{padding:9px 11px}}

/* v218 API catalogue cURL controls */
.api-curl-example{min-width:0}
.api-curl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.api-curl-head small{margin:0}
.api-curl-example pre{margin:0;overflow:auto}

/* v219 API client management and client-specific documentation */
.api-client-actions a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.api-manage-page-head{align-items:flex-end}.api-manage-page-head .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b7791f;margin:0 0 5px}.api-manage-page-head h1{margin-bottom:5px}.api-manage-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.api-client-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.api-client-summary-strip>div{padding:13px 14px;border:1px solid #e1e7ed;border-radius:12px;background:#fff;min-width:0}.api-client-summary-strip small,.api-client-summary-strip b,.api-client-summary-strip code{display:block}.api-client-summary-strip small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850;color:#8895a2;margin-bottom:5px}.api-client-summary-strip b,.api-client-summary-strip code{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-success{color:#17623a}
.api-manage-layout{display:grid;gap:16px}.api-manage-layout>.form-section{margin:0}.api-permission-sections{display:grid;gap:9px;margin-top:14px}.api-permission-section{border:1px solid #dde4eb;border-radius:13px;background:#fff;overflow:hidden}.api-permission-section>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:12px;align-items:center;padding:14px 15px;background:#f8fafc;cursor:pointer;list-style:none}.api-permission-section>summary::-webkit-details-marker{display:none}.api-permission-section[open]>summary{border-bottom:1px solid #e4e9ef}.api-permission-section summary h3{font-size:14px;margin:0 0 3px}.api-permission-section summary p{font-size:11px;color:#748190;margin:0;line-height:1.45}.api-section-count{display:inline-flex;min-width:54px;justify-content:center;padding:6px 8px;border:1px solid #d8e0e8;background:#fff;border-radius:999px;font-size:10px;font-weight:850;color:#526170}.api-permission-section-body{padding:11px;display:grid;gap:7px}.api-select-section,.api-permission-row{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid #e6ebf0;border-radius:10px;background:#fff;cursor:pointer}.api-select-section{background:#f6f9fc}.api-select-section:hover,.api-permission-row:hover{border-color:#cad6e2;background:#f9fbfd}.api-select-section input,.api-permission-row input{margin-top:4px}.api-select-section span,.api-permission-row>span:last-child{min-width:0;flex:1}.api-select-section b,.api-select-section small,.api-permission-row b,.api-permission-row code,.api-permission-row small{display:block}.api-select-section b,.api-permission-row b{font-size:12px}.api-select-section small,.api-permission-row small{font-size:10.5px;color:#778493;line-height:1.45;margin-top:3px}.api-permission-row code{font-size:10.5px;color:#485666;margin-top:3px;overflow-wrap:anywhere}.api-permission-row .api-method{flex:0 0 48px;margin-top:1px}.api-permission-savebar{position:sticky;bottom:0;z-index:5;margin:16px -20px -20px;padding:13px 20px;background:rgba(255,255,255,.96);border-top:1px solid #e2e7ed;display:flex;justify-content:space-between;align-items:center;gap:12px;backdrop-filter:blur(8px)}.api-permission-savebar b,.api-permission-savebar small{display:block}.api-permission-savebar b{font-size:12px}.api-permission-savebar small{font-size:10px;color:#788593;margin-top:2px}
@media(max-width:850px){.api-client-summary-strip{grid-template-columns:1fr 1fr}.api-manage-page-head{align-items:flex-start}.api-manage-head-actions{width:100%}}
@media(max-width:560px){.api-client-summary-strip{grid-template-columns:1fr}.api-permission-section>summary{grid-template-columns:minmax(0,1fr) auto}.api-permission-section>summary .chev{display:none}.api-permission-savebar{align-items:stretch;flex-direction:column}.api-permission-savebar .btn{width:100%}}

/* v225 - Leegality test signing mode selector */
.leegality-test-sign-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px}
.leegality-test-sign-toggle label{position:relative;display:flex;align-items:center;min-height:64px;padding:12px 14px;border:1px solid #dbe4ec;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.leegality-test-sign-toggle label:hover{border-color:#9ccac2;background:#fbfffe}
.leegality-test-sign-toggle label.selected{border-color:#0f6b5f;background:#f0fdf9;box-shadow:0 0 0 2px rgba(15,107,95,.08)}
.leegality-test-sign-toggle input{position:absolute;opacity:0;pointer-events:none}
.leegality-test-sign-toggle span{display:grid;gap:3px}
.leegality-test-sign-toggle strong{font-size:13px;color:#1e293b}
.leegality-test-sign-toggle small{font-size:11px;color:#64748b;line-height:1.3}
.leegality-test-sign-toggle label.selected strong{color:#0f6b5f}
@media(max-width:620px){.leegality-test-sign-toggle{grid-template-columns:1fr}}


/* v239 - Sanction & Agreement summary refresh */
.sanction-overview-card{display:flex;flex-direction:column;gap:12px;}
.sanction-overview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.sanction-overview-header h2{margin:0;}
.sanction-overview-header .muted{margin:4px 0 0;}
.sanction-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.sanction-kpi,.sanction-doc-meta,.sanction-detail-item,.sanction-progress-step{border:1px solid #dbe4ea;background:#f8fafc;border-radius:14px;}
.sanction-kpi{padding:12px 14px;}
.sanction-kpi span,.sanction-doc-meta span,.sanction-detail-item span{display:block;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:700;}
.sanction-kpi strong{display:block;margin-top:6px;font-size:22px;line-height:1.15;color:#183b35;}
.sanction-kpi small{display:block;margin-top:5px;color:#667085;font-size:12px;}
.sanction-doc-grid{display:grid;gap:10px;}
.sanction-doc-card{border:1px solid #dbe4ea;border-radius:16px;padding:14px;background:#fff;}
.sanction-doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.sanction-doc-head strong{display:block;font-size:16px;color:#182230;}
.sanction-doc-head p{margin:4px 0 0;color:#667085;font-size:13px;}
.sanction-doc-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
.sanction-doc-meta{padding:10px 12px;}
.sanction-doc-meta b{display:block;margin-top:5px;color:#182230;font-size:14px;line-height:1.35;}
.sanction-doc-actions,.sanction-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.sanction-doc-actions{margin-top:12px;}
.sanction-detail-toggle{border:1px solid #dbe4ea;border-radius:16px;background:#fff;padding:0 14px;}
.sanction-detail-toggle summary{list-style:none;cursor:pointer;padding:14px 0;font-weight:700;color:#183b35;}
.sanction-detail-toggle summary::-webkit-details-marker{display:none;}
.sanction-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 0 12px;}
.sanction-detail-item{padding:10px 12px;}
.sanction-detail-item strong{display:block;margin-top:5px;font-size:14px;color:#182230;}
.sanction-progress-strip{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;}
.sanction-progress-step{padding:10px 12px;min-width:110px;flex:1 1 110px;background:#fff;}
.sanction-progress-step.done{background:#eefaf3;border-color:#b7e5cf;}
.sanction-progress-step.pending{background:#f8fafc;border-color:#dbe4ea;}
.sanction-progress-step b{display:block;font-size:13px;color:#182230;}
.sanction-progress-step small{display:block;margin-top:4px;color:#667085;font-size:12px;}
.sanction-action-row{justify-content:flex-start;}
.sanction-empty-state{display:flex;flex-direction:column;gap:12px;}
.sanction-empty-state h3{margin:0;color:#182230;font-size:18px;}
@media (max-width: 1280px){.sanction-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 720px){.sanction-kpi-grid,.sanction-doc-meta-grid,.sanction-detail-grid{grid-template-columns:1fr;}.sanction-doc-head{flex-direction:column;align-items:flex-start;}}


/* v240 - full-width post-sanction + separate notes/activity */
.post-sanction-fullwidth{display:block;width:100%;}
.sanction-overview-full{width:100%;box-sizing:border-box;}
.sanction-collapsed-stack{display:grid;gap:10px;}
.sanction-inner-section{border:1px solid #dbe4ea;border-radius:14px;background:#fff;overflow:hidden;}
.sanction-inner-section>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:#f8fafc;}
.sanction-inner-section>summary::-webkit-details-marker{display:none;}
.sanction-inner-section>summary>div{min-width:0;}
.sanction-inner-section>summary strong{display:block;color:#183b35;font-size:15px;}
.sanction-inner-section>summary small{display:block;margin-top:3px;color:#667085;font-size:12px;white-space:normal;}
.sanction-inner-section>summary>span:not(.badge){font-size:22px;color:#667085;transition:transform .18s ease;}
.sanction-inner-section[open]>summary>span:not(.badge){transform:rotate(90deg);}
.sanction-inner-body{padding:14px 16px;border-top:1px solid #e7edf2;}
.notes-activity-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;}
.notes-activity-grid .activity-log-card,.notes-activity-grid .case-notes-summary-card{min-height:0;}
@media (max-width: 900px){.notes-activity-grid{grid-template-columns:1fr!important;}}


/* v241 - Processing section accordion refresh */
.processing-accordion-stack{display:flex;flex-direction:column;gap:12px;}
.processing-item{border:1px solid #dbe4ea;border-radius:18px;background:#fff;overflow:hidden;}
.processing-item summary{list-style:none;cursor:pointer;padding:16px 18px;}
.processing-item summary::-webkit-details-marker{display:none;}
.processing-item[open] summary{border-bottom:1px solid #e7edf3;background:#fbfcfd;}
.processing-item-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.processing-item-title strong{display:block;font-size:24px;line-height:1.15;color:#163b35;font-weight:800;}
.processing-item-title small{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:#667085;}
.processing-item-body{padding:16px 18px 18px;}
.processing-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.processing-meta{border:1px solid #dbe4ea;background:#f8fafc;border-radius:14px;padding:12px 14px;}
.processing-meta span{display:block;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:700;}
.processing-meta b{display:block;margin-top:6px;font-size:16px;line-height:1.35;color:#182230;}
.processing-action-row,.processing-badge-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.processing-action-row{margin-top:14px;}
.processing-badge-row{margin-top:10px;}
.processing-list{display:flex;flex-direction:column;gap:8px;}
.processing-list-item{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid #dbe4ea;background:#f8fafc;border-radius:12px;padding:10px 12px;}
@media (max-width: 900px){.processing-meta-grid{grid-template-columns:1fr;}.processing-item-title strong{font-size:20px;}}


/* v242 - Accordion contrast refresh */
.processing-accordion-stack,.sanction-collapsed-stack{gap:14px;}
.processing-item,.sanction-inner-section{border:1px solid #c6d3df;background:#f8fbfd;box-shadow:0 1px 0 rgba(15,23,42,.03);}
.processing-item summary{padding:18px 22px;background:#f3f7fb;}
.processing-item[open] summary{border-bottom:1px solid #d7e1ea;background:#eef4f8;}
.processing-item:hover,.sanction-inner-section:hover{border-color:#afc1d1;}
.processing-item-title strong{color:#183b35;}
.processing-item-title small{color:#5f7087;}
.processing-item-body{background:#ffffff;padding:18px 22px 20px;}
.processing-meta,.processing-list-item{border-color:#d3dde7;background:#f7fafc;}
.processing-meta span{color:#63748a;}
.processing-meta b{color:#1b2736;}
.sanction-inner-section{border-radius:16px;background:#f8fbfd;}
.sanction-inner-section>summary{padding:16px 20px;background:#f3f7fb;border-bottom:0;}
.sanction-inner-section[open]>summary{border-bottom:1px solid #d7e1ea;background:#eef4f8;}
.sanction-inner-section>summary strong{font-size:16px;color:#183b35;font-weight:800;}
.sanction-inner-section>summary small{color:#5f7087;font-size:13px;line-height:1.45;}
.sanction-inner-body{background:#ffffff;padding:16px 20px;border-top:0;}
.sanction-doc-card,.sanction-detail-toggle{border-color:#d3dde7;background:#ffffff;}
.sanction-kpi,.sanction-doc-meta,.sanction-detail-item,.sanction-progress-step{border-color:#d3dde7;background:#f7fafc;}
@media (max-width: 900px){.processing-item summary,.processing-item-body,.sanction-inner-section>summary,.sanction-inner-body{padding-left:16px;padding-right:16px;}}


/* v243 - clearer accordion expand/collapse controls */
.processing-item>summary,.sanction-inner-section>summary{position:relative;padding-right:70px;}
.processing-item>summary::after,.sanction-inner-section>summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e7f6f1;border:1px solid #b8ddd2;color:#0f6b5f;font-size:22px;font-weight:800;line-height:1;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.processing-item[open]>summary::after,.sanction-inner-section[open]>summary::after{content:'−';background:#d9f1e8;border-color:#9fd0c2;transform:translateY(-50%);}
.processing-item>summary:hover::after,.sanction-inner-section>summary:hover::after{background:#dff3ec;border-color:#8fc4b6;}
.processing-item>summary:focus-visible,.sanction-inner-section>summary:focus-visible{outline:2px solid #76b7aa;outline-offset:-2px;}
.processing-item>summary:focus-visible::after,.sanction-inner-section>summary:focus-visible::after{box-shadow:0 0 0 3px rgba(15,107,95,.12);}
/* hide the older text chevron so only one control is visible */
.sanction-inner-section>summary>span:not(.badge){display:none;}
@media (max-width:700px){.processing-item>summary,.sanction-inner-section>summary{padding-right:58px}.processing-item>summary::after,.sanction-inner-section>summary::after{right:14px;width:30px;height:30px;font-size:20px;}}


/* v244 - Signatory tracker accordion */
.signatory-tracker-accordion{border:1px solid #c6d3df;border-radius:18px;background:#f8fbfd;overflow:hidden;margin:0 0 14px;}
.signatory-tracker-accordion summary{list-style:none;cursor:pointer;padding:16px 20px;background:#f3f7fb;}
.signatory-tracker-accordion summary::-webkit-details-marker{display:none;}
.signatory-tracker-accordion[open] summary{background:#eef4f8;border-bottom:1px solid #d7e1ea;}
.signatory-tracker-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.signatory-tracker-summary h3{margin:3px 0 4px;color:#183b35;font-size:18px;}
.signatory-tracker-summary .muted{margin:0;color:#5f7087;}
.signatory-tracker-summary-right{display:flex;align-items:center;gap:12px;}
.signatory-accordion-icon{width:34px;height:34px;border-radius:999px;background:#e7f6ee;border:1px solid #b7dfc6;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;}
.signatory-accordion-icon:before,.signatory-accordion-icon:after{content:'';position:absolute;background:#1b7f4c;border-radius:2px;}
.signatory-accordion-icon:before{width:14px;height:2.5px;}
.signatory-accordion-icon:after{width:2.5px;height:14px;transition:opacity .18s ease, transform .18s ease;}
.signatory-tracker-accordion[open] .signatory-accordion-icon:after{opacity:0;}
.signatory-tracker-body{padding:16px 20px 18px;background:#fff;}
.signatory-tracker-card{border:none;background:transparent;padding:0;box-shadow:none;}
@media(max-width:560px){.signatory-tracker-accordion summary,.signatory-tracker-body{padding-left:16px;padding-right:16px;}.signatory-tracker-summary-right{width:100%;justify-content:space-between;}}


/* v245 - Unified Signatory Approval Tracker section */
.signatory-trackers-parent-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;}
.signatory-tracker-stage-wrap{width:100%;min-width:0;}
.signatory-tracker-stage-wrap .signatory-tracker-accordion{margin:0;width:100%;box-sizing:border-box;}
.signatory-trackers-parent .signatory-tracker-accordion{border-radius:14px;}
.signatory-trackers-parent .signatory-tracker-summary h3{font-size:17px;}
@media(max-width:700px){.signatory-trackers-parent-body{padding:12px;}}

/* v256 Underwriting credit summary aligned layout */
.underwriting-credit-summary{grid-column:1/-1}
.underwriting-credit-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.credit-summary-item{min-width:0;padding:13px 15px;border:1px solid #dce6f0;border-radius:14px;background:#fbfdff;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:74px}
.credit-summary-item-wide{grid-column:span 2}
.credit-summary-item span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.05em;line-height:1.2}
.credit-summary-item strong{color:#1e293b;font-size:18px;line-height:1.25;font-weight:700;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.underwriting-credit-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-summary-item-wide{grid-column:span 2}}
@media(max-width:700px){.underwriting-credit-summary-grid{grid-template-columns:1fr}.credit-summary-item-wide{grid-column:span 1}}

/* v257 Underwriting failed-rule deviation refinement */
.failed-rule-deviation-card{padding:22px 24px}
.failed-rule-deviation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.failed-rule-deviation-head h2{margin:0 0 4px}
.failed-rule-deviation-head p{margin:0}
.deviation-route-badge{white-space:nowrap;box-shadow:none}
.failed-rule-table-wrap{border:1px solid #dbe5ef;border-radius:16px;overflow:hidden}
.failed-rule-table{min-width:900px;margin:0}
.failed-rule-table th{padding:12px 14px;font-size:12px;letter-spacing:.04em;background:#f3f7fb}
.failed-rule-table td{padding:14px;vertical-align:middle}
.failed-rule-name{width:24%}.failed-rule-detail{width:22%}.failed-rule-reason{width:40%}.failed-rule-action{width:14%;text-align:right}
.failure-chip{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #f3c99a;background:#fff8ef;color:#9a4d16;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.portal-textarea.deviation-reason{width:100%;min-height:64px;resize:vertical;border:1px solid #d3dfec;background:#fbfdff;border-radius:14px;padding:11px 13px;font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.4;color:var(--text);outline:none;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.portal-textarea.deviation-reason:hover{border-color:#9fb8d6;background:#f8fbff}
.portal-textarea.deviation-reason:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,107,95,.10);background:#fff}
.portal-textarea.deviation-reason::placeholder{color:#94a3b8}
.failed-rule-action .btn{white-space:nowrap}
.deviation-route-note{margin-top:10px;color:#64748b;font-size:12px}
@media(max-width:900px){.failed-rule-deviation-head{flex-direction:column}.failed-rule-table{min-width:760px}.deviation-route-badge{white-space:normal}}


/* v258 Underwriting rule engine result refinement */
.rule-engine-card{padding:0;overflow:hidden}
.rule-engine-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;margin:0;cursor:pointer;list-style:none;user-select:none;transition:background .18s ease}
.rule-engine-head::-webkit-details-marker{display:none}
.rule-engine-head-left{display:flex;align-items:center;min-width:0;flex:1}
.rule-engine-title-stack{display:grid;gap:2px;min-width:0}
.rule-engine-head h2{margin:0;font-size:20px;line-height:1.2}
.rule-engine-title-stack small{color:#7b8797;font-size:11px;font-weight:700;line-height:1.3}
.rule-engine-head .badge{box-shadow:none}
.rule-engine-head-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.rule-engine-chevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#64748b;font-size:14px;font-weight:900;line-height:1;transition:transform .2s ease,color .2s ease}
.rule-engine-card[open] .rule-engine-chevron{transform:rotate(180deg);color:#0f6b5f}
.rule-engine-head:hover,.rule-engine-head:focus-visible{background:rgba(15,107,95,.02)}
.rule-engine-head:hover .rule-engine-chevron,.rule-engine-head:focus-visible .rule-engine-chevron{color:#0f6b5f}
.rule-engine-body{padding:0 22px 22px}
.rule-result-list{display:grid;gap:10px}
.rule-result-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:18px;padding:13px 15px;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:none}
.rule-result-row.is-pass{border-color:#c7ead5;background:#f7fcf9}
.rule-result-row.is-fail{border-color:#f3c7cd;background:#fff8f8}
.rule-result-main{display:flex;align-items:center;gap:10px;min-width:0}
.rule-result-main strong{font-size:14px;color:#243247;line-height:1.35}
.rule-result-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.rule-result-row.is-pass .rule-result-status{background:#e5f6ec;color:#147a4b}
.rule-result-row.is-fail .rule-result-status{background:#fde9ec;color:#b4233c}
.rule-result-values{display:grid;grid-template-columns:repeat(2,minmax(115px,auto));gap:8px}
.rule-result-values span{display:grid;gap:2px;padding:7px 10px;border:1px solid #e5ebf1;border-radius:10px;background:rgba(255,255,255,.78);min-width:115px}
.rule-result-values small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7b8797}
.rule-result-values b{font-size:13px;color:#253449;white-space:nowrap}
.rule-engine-note{margin:12px 0 0;color:#64748b;font-size:12px}
@media(max-width:780px){.rule-result-row{grid-template-columns:1fr;gap:10px}.rule-result-values{grid-template-columns:1fr 1fr}.rule-engine-head{align-items:flex-start;padding:15px 18px}.rule-engine-head-left{width:100%}.rule-result-main{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:560px){.rule-engine-head{flex-direction:column;align-items:flex-start}.rule-engine-head-right{gap:8px}}

@media(max-width:520px){.leegality-wallet-grid{grid-template-columns:1fr 1fr}.leegality-wallet-top .btn{width:100%}}

/* v296 - prevent LMS eNACH toggle/label overlap */
.lms-enach-rule-card{display:grid;grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:24px;padding:18px 20px!important;border:1px solid #dbe7e4;border-radius:16px;background:#fbfefd;margin-top:4px;min-height:92px}
.lms-enach-rule-copy{min-width:0;display:grid;gap:7px}
.lms-enach-rule-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lms-enach-rule-title strong{font-size:14px;line-height:1.35;color:#173832}
.lms-enach-rule-copy>small{font-size:11.5px;line-height:1.55;color:#64748b;max-width:720px}
.lms-enach-rule-state{font-size:11.5px;font-weight:700;color:#0f6b5f}
.lms-enach-rule-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;background:#e8f7f2;border:1px solid #bfe8d9;color:#0f6b5f;font-size:10.5px;font-weight:800;line-height:1}
.lms-enach-rule-badge.is-optional{background:#f1f5f9;border-color:#d8e0e8;color:#526172}
.lms-enach-rule-switch{box-sizing:border-box;display:grid!important;grid-template-columns:42px minmax(62px,1fr);align-items:center;column-gap:12px;width:148px;min-width:148px;padding:10px 12px;border:1px solid #dce7e5;border-radius:12px;background:#fff;white-space:nowrap;box-shadow:0 4px 14px rgba(15,23,42,.04);overflow:hidden}
.lms-enach-rule-switch .leegality-switch-track{grid-column:1;width:42px;min-width:42px;margin:0}
.lms-enach-rule-switch b{grid-column:2;display:block;min-width:0;margin:0;font-size:11.5px;line-height:24px;color:#173832;text-align:left;overflow:hidden;text-overflow:ellipsis}
.lms-enach-rule-card.is-optional .lms-enach-rule-state{color:#64748b}
@media(max-width:760px){.lms-enach-rule-card{grid-template-columns:1fr;gap:14px}.lms-enach-rule-switch{justify-self:start}}