:root{
  --blue:#002b5c;--blue2:#003b7a;--blue3:#0057b8;--teal:#089a9a;--teal2:#0fb9b9;--gold:#f5b400;--bg:#f4f7fb;--text:#0f172a;--muted:#64748b;--card:#fff;--line:#e5edf7;--red:#ef4444;--green:#16a34a;--shadow:0 12px 28px rgba(15,23,42,.08)
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--bg);font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text)}
a{text-decoration:none}.app-shell{min-height:100vh}
.sidebar{width:280px;min-height:100vh;background:linear-gradient(180deg,#002b5c 0%,#003b7a 52%,#002b5c 100%);color:#fff;position:fixed;left:0;top:0;padding:24px 16px;z-index:20;display:flex;flex-direction:column;box-shadow:10px 0 30px rgba(0,43,92,.15)}
.sidebar-brand-wrap{display:flex;align-items:center;gap:12px;padding:0 10px 26px}.logo-mark{color:var(--gold);line-height:0}.brand{font-size:24px;font-weight:900;letter-spacing:-.5px;line-height:1}.brand span{color:var(--gold)}.brand-subtitle{display:block;color:#dbeafe;font-weight:500;margin-top:4px}
.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar a{display:flex;align-items:center;gap:14px;color:#dbeafe;text-decoration:none;padding:14px 14px;border-radius:12px;font-weight:700;transition:.18s ease}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,#0b63ce,#0057b8);color:#fff;box-shadow:0 10px 18px rgba(0,87,184,.23)}.nav-icon{width:26px;text-align:center;font-size:18px;line-height:1;filter:grayscale(1) brightness(3)}
.sidebar-footer{margin-top:auto;padding:18px 8px 0}.country-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 12px;color:#fff;font-weight:700;margin-bottom:22px;background:rgba(255,255,255,.05)}.sidebar-footer small{display:block;color:#cbd5e1;line-height:1.65}.logout-link{margin-top:12px!important;color:#fecaca!important;padding:8px 0!important;background:transparent!important;box-shadow:none!important}
.main{margin-left:280px;padding:28px}.topbar{background:#fff;border-radius:18px;padding:18px 24px;margin-bottom:28px;box-shadow:var(--shadow)}.card-box,.stat-card{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.04)}.stat-card h3{font-size:28px;font-weight:800;margin:0}.btn-primary{background:var(--blue2);border-color:var(--blue2)}.btn-primary:hover{background:var(--blue);border-color:var(--blue)}.btn-teal{background:var(--teal);color:#fff;border:0}.btn-teal:hover{background:#067b7b;color:#fff}.table thead th{background:#f8fafc;color:#475569;font-size:13px}.table td{vertical-align:middle;font-size:14px}.badge{text-transform:capitalize}.form-control,.form-select,.btn{border-radius:12px}
.login-body{min-height:100vh;background:linear-gradient(135deg,#002b5c,#004b8d);display:flex;align-items:center;justify-content:center;padding:30px}.login-wrapper{width:100%;max-width:1100px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}.login-left{background:linear-gradient(135deg,#002b5c,#003b7a);color:#fff;padding:60px}.login-card{padding:60px}.highlight{color:#16c7c7}.avatar{width:60px;height:60px;border-radius:50%;background:#dbeafe;color:#003b7a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px}

/* Dashboard mockup styling */
.dashboard-main{padding:0;background:#f8fafc;min-height:100vh}.dashboard-topbar{height:80px;background:linear-gradient(90deg,#003b7a,#002b5c);display:flex;align-items:center;gap:22px;padding:0 28px;color:#fff;box-shadow:0 8px 22px rgba(0,43,92,.18);position:sticky;top:0;z-index:15}.menu-button{border:0;background:transparent;color:#fff;font-size:30px;line-height:1}.global-search{height:48px;width:min(540px,45vw);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#dbeafe}.global-search input{background:transparent;border:0;outline:0;color:#fff;flex:1}.global-search input::placeholder{color:#dbeafe}.global-search kbd{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:4px 8px;border-radius:8px}.topbar-spacer{flex:1}.notification-bell{position:relative;font-size:21px}.notification-bell span{position:absolute;top:-12px;right:-12px;background:#ef4444;color:#fff;border-radius:999px;font-size:12px;padding:1px 6px;font-weight:800}.user-profile{display:flex;align-items:center;gap:12px}.user-profile small{display:block;color:#cbd5e1}.profile-avatar{width:44px;height:44px;border-radius:50%;background:#eef6ff;color:#003b7a;display:flex;align-items:center;justify-content:center;font-weight:900;border:3px solid rgba(255,255,255,.3)}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:22px 28px}.metric-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:var(--shadow);padding:22px;display:flex;align-items:center;gap:18px;min-height:126px}.metric-card p{margin:0 0 7px;color:#334155;font-weight:700}.metric-card h3{margin:0;font-size:25px;font-weight:900;letter-spacing:-.4px}.metric-icon{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px}.metric-icon.blue{background:#dbeafe;color:#0b63ce}.metric-icon.teal{background:#ccfbf1;color:#0f766e}.metric-icon.green{background:#d1fae5;color:#047857}.metric-icon.gold{background:#fef3c7;color:#d97706}.metric-icon.red{background:#fee2e2;color:#dc2626}.trend{font-size:13px;font-weight:700}.trend.up{color:#16a34a}.trend.down{color:#ef4444}.trend.neutral{color:#64748b}
.dashboard-grid{display:grid;grid-template-columns:2.15fr 1fr .95fr;grid-auto-rows:auto;gap:20px;padding:0 28px 28px}.dashboard-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:var(--shadow);padding:20px}.dashboard-card h5{font-weight:900;margin:0;color:#111827}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title-row a{font-weight:800;color:#0b63ce;font-size:14px}.small-select{border:1px solid #d8e2ef;background:#fff;border-radius:9px;padding:8px 14px;color:#334155;font-weight:700}.collections-card{min-height:318px}.chart-wrap{height:260px}.status-card{min-height:318px}.status-content{display:flex;align-items:center;gap:18px;margin:18px 0}.donut-wrap{width:170px;height:170px;position:relative;flex:0 0 170px}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font-size:28px}.donut-center span{font-size:12px;color:var(--muted)}.status-legend{display:flex;flex-direction:column;gap:13px}.status-legend div{display:flex;gap:10px;align-items:flex-start}.status-legend small{display:block;color:#475569;margin-top:2px}.dot{width:11px;height:11px;border-radius:50%;margin-top:5px;display:inline-block}.dot.blue{background:#0b7de3}.dot.teal{background:#0aa6a6}.dot.gold{background:#f5b400}.dot.red{background:#ef4444}
.quick-actions-card{grid-column:3;grid-row:1;align-self:start}.action-btn{display:flex;align-items:center;gap:12px;border-radius:8px;padding:14px 18px;margin-top:12px;color:#fff;font-weight:900;box-shadow:0 8px 16px rgba(15,23,42,.12)}.action-btn.blue{background:#004b9b}.action-btn.teal{background:#079b9b}.action-btn.gold{background:#f5b400;color:#fff}.action-btn.green{background:#16a34a;color:#fff}.recent-card{grid-column:1 / span 2;grid-row:2}.dashboard-table{margin:0}.dashboard-table thead th{font-size:13px;background:#fbfdff;color:#334155;border-bottom:1px solid #e6edf7}.dashboard-table tbody td{border-bottom:1px solid #e6edf7;padding:12px 10px;color:#1f2937}.borrower-cell{display:flex;align-items:center;gap:12px}.mini-avatar{width:34px;height:34px;border-radius:50%;background:#dbeafe;color:#0b63ce;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.soft-badge{display:inline-flex;border-radius:7px;padding:5px 9px;font-weight:800;font-size:12px}.warning-soft{background:#fef3c7;color:#b45309}.primary-soft{background:#dbeafe;color:#0b63ce}.purple-soft{background:#ede9fe;color:#6d28d9}.secondary-soft{background:#e5e7eb;color:#374151}.due-card{grid-column:3;grid-row:2}.due-list{display:flex;flex-direction:column}.due-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f7}.due-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900}.due-avatar.blue{background:#dbeafe;color:#0b63ce}.due-avatar.teal{background:#ccfbf1;color:#0f766e}.due-avatar.gold{background:#fef3c7;color:#b45309}.due-avatar.purple{background:#ede9fe;color:#6d28d9}.due-avatar.green{background:#dcfce7;color:#15803d}.due-info strong{display:block;font-size:14px}.due-info small{display:block;color:#475569}.due-amount{text-align:right}.due-amount small{display:block;color:#475569}.due-amount strong{color:#e11d48}.due-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-weight:900}.due-total strong{color:#e11d48}
.print-header{display:none}
@media(max-width:1300px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-actions-card,.recent-card,.due-card{grid-column:auto;grid-row:auto}.status-content{justify-content:flex-start}.global-search{width:45vw}}
@media(max-width:900px){.sidebar{position:static;width:100%;min-height:auto}.main{margin-left:0}.dashboard-main{padding:0}.dashboard-topbar{height:auto;flex-wrap:wrap;padding:16px}.global-search{width:100%;order:3}.metric-grid{grid-template-columns:1fr;padding:18px}.dashboard-grid{padding:0 18px 18px}.login-left,.login-card{padding:35px}}
@media print{body{background:#fff!important;color:#000;font-size:12px}.sidebar,.topbar.no-print,.no-print,.btn,.dashboard-topbar{display:none!important}.main{margin-left:0!important;padding:0!important}.card-box{box-shadow:none!important;border:0!important;padding:0!important}.print-header{display:block!important;text-align:center;border-bottom:1px solid #111;padding-bottom:10px;margin-bottom:14px}table{font-size:11px}.table thead th{background:#eee!important;color:#000!important}}

/* =========================================================
   LoanTrack PH Theme System
   Change the theme from Settings > Interface Theme.
   Themes: premium-blue, modern-cyan, emerald, dark-neon
   ========================================================= */
body[data-theme="premium-blue"]{
  --theme-sidebar-1:#001b3d;--theme-sidebar-2:#003b7a;--theme-sidebar-3:#001b3d;
  --theme-topbar-1:#001b3d;--theme-topbar-2:#003b7a;
  --theme-primary:#0057d9;--theme-primary-2:#0045ad;--theme-secondary:#0891b2;--theme-accent:#f5b400;
  --theme-bg:#f7f9fc;--theme-card:#ffffff;--theme-text:#0f172a;--theme-muted:#64748b;--theme-line:#e5edf7;
  --chart-bar:#075bd8;--chart-bar-light:#b7d5ff;--chart-status-blue:#0b5fe8;--chart-status-teal:#0aa6a6;--chart-status-gold:#f5b400;--chart-status-red:#ef4444;
}
body[data-theme="modern-cyan"]{
  --theme-sidebar-1:#071a64;--theme-sidebar-2:#0b3bb3;--theme-sidebar-3:#06245c;
  --theme-topbar-1:#eff9ff;--theme-topbar-2:#f8fdff;
  --theme-primary:#4f46e5;--theme-primary-2:#2563eb;--theme-secondary:#06b6d4;--theme-accent:#14b8a6;
  --theme-bg:#eef8ff;--theme-card:#ffffff;--theme-text:#102044;--theme-muted:#64748b;--theme-line:#dcecf7;
  --chart-bar:#06b6d4;--chart-bar-light:#a5f3fc;--chart-status-blue:#2563eb;--chart-status-teal:#06b6d4;--chart-status-gold:#f59e0b;--chart-status-red:#f43f5e;
}
body[data-theme="emerald"]{
  --theme-sidebar-1:#042f2e;--theme-sidebar-2:#064e3b;--theme-sidebar-3:#022c22;
  --theme-topbar-1:#fbfaf5;--theme-topbar-2:#f7f4ed;
  --theme-primary:#047857;--theme-primary-2:#065f46;--theme-secondary:#0f766e;--theme-accent:#84cc16;
  --theme-bg:#f7f5ee;--theme-card:#ffffff;--theme-text:#111827;--theme-muted:#667085;--theme-line:#e5e2d8;
  --chart-bar:#047857;--chart-bar-light:#bbf7d0;--chart-status-blue:#047857;--chart-status-teal:#10b981;--chart-status-gold:#f59e0b;--chart-status-red:#ef4444;
}
body[data-theme="dark-neon"]{
  --theme-sidebar-1:#050816;--theme-sidebar-2:#09111f;--theme-sidebar-3:#050816;
  --theme-topbar-1:#050816;--theme-topbar-2:#09111f;
  --theme-primary:#2563eb;--theme-primary-2:#4f46e5;--theme-secondary:#06b6d4;--theme-accent:#a855f7;
  --theme-bg:#050816;--theme-card:#0b1220;--theme-text:#e5e7eb;--theme-muted:#94a3b8;--theme-line:#1f2937;
  --chart-bar:#2563eb;--chart-bar-light:#334155;--chart-status-blue:#2563eb;--chart-status-teal:#06b6d4;--chart-status-gold:#f5b400;--chart-status-red:#ef4444;
}
body[data-theme]{background:var(--theme-bg);color:var(--theme-text)}
body[data-theme] .sidebar{background:linear-gradient(180deg,var(--theme-sidebar-1) 0%,var(--theme-sidebar-2) 54%,var(--theme-sidebar-3) 100%)}
body[data-theme] .logo-mark{color:var(--theme-accent)}
body[data-theme] .brand span{color:var(--theme-accent)}
body[data-theme] .sidebar a:hover,body[data-theme] .sidebar a.active{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));box-shadow:0 10px 22px color-mix(in srgb, var(--theme-primary) 28%, transparent)}
body[data-theme] .country-pill{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
body[data-theme] .main,body[data-theme] .dashboard-main{background:var(--theme-bg);color:var(--theme-text)}
body[data-theme] .topbar,body[data-theme] .card-box,body[data-theme] .stat-card,body[data-theme] .dashboard-card,body[data-theme] .metric-card{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-line)}
body[data-theme] .text-muted,body[data-theme] .metric-card p,body[data-theme] .due-info small,body[data-theme] .due-amount small{color:var(--theme-muted)!important}
body[data-theme] .dashboard-topbar{background:linear-gradient(90deg,var(--theme-topbar-1),var(--theme-topbar-2));color:#fff}
body[data-theme="modern-cyan"] .dashboard-topbar,body[data-theme="emerald"] .dashboard-topbar{color:var(--theme-text);border-bottom:1px solid var(--theme-line);box-shadow:0 8px 24px rgba(15,23,42,.05)}
body[data-theme="modern-cyan"] .global-search,body[data-theme="emerald"] .global-search{background:#fff;border-color:var(--theme-line);color:var(--theme-muted)}
body[data-theme="modern-cyan"] .global-search input,body[data-theme="emerald"] .global-search input{color:var(--theme-text)}
body[data-theme="modern-cyan"] .global-search input::placeholder,body[data-theme="emerald"] .global-search input::placeholder{color:var(--theme-muted)}
body[data-theme] .btn-primary{background:var(--theme-primary);border-color:var(--theme-primary)}
body[data-theme] .btn-primary:hover{background:var(--theme-primary-2);border-color:var(--theme-primary-2)}
body[data-theme] .btn-teal{background:var(--theme-secondary)}
body[data-theme] .metric-icon.blue{background:color-mix(in srgb,var(--theme-primary) 15%,#fff);color:var(--theme-primary)}
body[data-theme] .metric-icon.teal{background:color-mix(in srgb,var(--theme-secondary) 16%,#fff);color:var(--theme-secondary)}
body[data-theme] .metric-icon.green{background:color-mix(in srgb,#16a34a 16%,#fff);color:#047857}
body[data-theme] .metric-icon.gold{background:color-mix(in srgb,var(--theme-accent) 22%,#fff);color:#b45309}
body[data-theme] .action-btn.blue{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2))}
body[data-theme] .action-btn.teal{background:linear-gradient(135deg,var(--theme-secondary),var(--theme-primary))}
body[data-theme] .action-btn.green{background:linear-gradient(135deg,#16a34a,var(--theme-secondary))}
body[data-theme] .action-btn.gold{background:linear-gradient(135deg,var(--theme-accent),#d97706)}
body[data-theme="emerald"] .action-btn.gold{background:#fff;color:var(--theme-primary);border:1px solid var(--theme-primary);box-shadow:none}
body[data-theme="emerald"] .action-btn.green{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2))}
body[data-theme="dark-neon"] .action-btn{border:1px solid color-mix(in srgb,var(--theme-primary) 55%,transparent);box-shadow:0 0 22px rgba(37,99,235,.18)}
body[data-theme="dark-neon"] .action-btn.green{background:linear-gradient(135deg,var(--theme-secondary),var(--theme-primary))}
body[data-theme] .table thead th,body[data-theme] .dashboard-table thead th{background:color-mix(in srgb,var(--theme-bg) 72%,#fff);color:var(--theme-muted);border-color:var(--theme-line)}
body[data-theme] .table td,body[data-theme] .dashboard-table tbody td{color:var(--theme-text);border-color:var(--theme-line)}
body[data-theme] .form-control,body[data-theme] .form-select,body[data-theme] .small-select{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-line)}
body[data-theme="dark-neon"] .dashboard-card,body[data-theme="dark-neon"] .metric-card,body[data-theme="dark-neon"] .topbar,body[data-theme="dark-neon"] .card-box,body[data-theme="dark-neon"] .stat-card{box-shadow:0 12px 30px rgba(0,0,0,.35);border:1px solid #1e293b}
body[data-theme="dark-neon"] .dashboard-topbar{border-bottom:1px solid #1e293b}
body[data-theme="dark-neon"] .global-search{background:#0b1220;border-color:#263244;color:#cbd5e1}
body[data-theme="dark-neon"] .global-search input{color:#e5e7eb}
body[data-theme="dark-neon"] .soft-badge.secondary-soft{background:#1f2937;color:#e5e7eb}
body[data-theme="dark-neon"] .login-wrapper{background:#0b1220;color:#e5e7eb;border:1px solid #1f2937}
body[data-theme="dark-neon"] .login-card{background:#0b1220;color:#e5e7eb}
body[data-theme="dark-neon"] .login-body{background:#050816}
body[data-theme] .login-body,body.login-body[data-theme]{background:linear-gradient(135deg,var(--theme-sidebar-1),var(--theme-sidebar-2))}
body[data-theme] .login-left{background:linear-gradient(135deg,var(--theme-sidebar-1),var(--theme-sidebar-2));color:#fff}
body[data-theme] .highlight{color:var(--theme-secondary)}

/* Settings theme picker */
.theme-option{display:block;border:2px solid var(--theme-line);border-radius:18px;padding:14px;background:#fff;cursor:pointer;height:100%;transition:.18s ease;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-option strong{display:block;margin-top:10px}.theme-option small{display:block;color:#64748b;line-height:1.35}.theme-option.selected{border-color:var(--theme-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 14%,transparent)}.theme-preview{height:70px;border-radius:14px;display:grid;grid-template-columns:34% 1fr;gap:8px;padding:8px;overflow:hidden}.theme-preview i,.theme-preview b,.theme-preview em{display:block;border-radius:8px}.theme-preview i{grid-row:1 / span 2}.theme-preview b{height:24px}.theme-preview em{height:24px}.theme-premium-blue .theme-preview{background:#f7f9fc}.theme-premium-blue .theme-preview i{background:#001b3d}.theme-premium-blue .theme-preview b{background:#0057d9}.theme-premium-blue .theme-preview em{background:#f5b400}.theme-modern-cyan .theme-preview{background:#eef8ff}.theme-modern-cyan .theme-preview i{background:#071a64}.theme-modern-cyan .theme-preview b{background:#06b6d4}.theme-modern-cyan .theme-preview em{background:#4f46e5}.theme-emerald .theme-preview{background:#f7f5ee}.theme-emerald .theme-preview i{background:#042f2e}.theme-emerald .theme-preview b{background:#047857}.theme-emerald .theme-preview em{background:#84cc16}.theme-dark-neon .theme-preview{background:#050816}.theme-dark-neon .theme-preview i{background:#0b1220;border:1px solid #2563eb}.theme-dark-neon .theme-preview b{background:#2563eb}.theme-dark-neon .theme-preview em{background:#a855f7}



/* =========================================================
   User profile dropdown logout
   ========================================================= */
.user-menu{
  position:relative;
  display:flex;
  align-items:center;
}
.user-profile{
  border:0;
  background:transparent;
  color:inherit;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 10px;
  border-radius:14px;
  cursor:pointer;
  text-align:left;
}
.user-profile:hover,
.user-menu:hover .user-profile{
  background:rgba(255,255,255,.10);
}
.user-profile-text{
  min-width:0;
}
.user-profile-text strong{
  display:block;
  line-height:1.15;
  white-space:nowrap;
}
.user-profile-text small{
  display:block;
  color:#cbd5e1;
  line-height:1.25;
  white-space:nowrap;
}
.user-caret{
  font-size:14px;
  opacity:.85;
}
.user-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:220px;
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  box-shadow:0 18px 45px rgba(2,6,23,.18);
  padding:10px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:.16s ease;
  z-index:100;
}
.user-menu:hover .user-dropdown,
.user-menu:focus-within .user-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.user-dropdown::before{
  content:"";
  position:absolute;
  right:18px;
  top:-8px;
  width:14px;
  height:14px;
  background:#fff;
  border-left:1px solid rgba(15,23,42,.08);
  border-top:1px solid rgba(15,23,42,.08);
  transform:rotate(45deg);
}
.user-dropdown-header{
  padding:10px 12px 12px;
  border-bottom:1px solid #e5edf7;
  margin-bottom:8px;
}
.user-dropdown-header strong{
  display:block;
  font-size:14px;
}
.user-dropdown-header small{
  display:block;
  color:#64748b;
  margin-top:2px;
}
.user-dropdown-logout{
  display:flex;
  align-items:center;
  gap:8px;
  padding:11px 12px;
  border-radius:12px;
  color:#dc2626;
  font-weight:800;
  text-decoration:none;
}
.user-dropdown-logout::before{
  content:"⎋";
  font-weight:900;
}
.user-dropdown-logout:hover{
  background:#fee2e2;
  color:#b91c1c;
}
body[data-theme="dark-neon"] .user-dropdown{
  background:#0b1220;
  color:#e5e7eb;
  border-color:#1f2937;
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}
body[data-theme="dark-neon"] .user-dropdown::before{
  background:#0b1220;
  border-color:#1f2937;
}
body[data-theme="dark-neon"] .user-dropdown-header{
  border-bottom-color:#1f2937;
}
body[data-theme="dark-neon"] .user-dropdown-header small{
  color:#94a3b8;
}
body[data-theme="modern-cyan"] .dashboard-topbar .user-profile-text small,
body[data-theme="emerald"] .dashboard-topbar .user-profile-text small{
  color:var(--theme-muted)!important;
}
@media(max-width:600px){
  .user-profile-text{display:none}
  .user-dropdown{right:-6px}
}

/* =========================================================
   Sidebar collapse / expand fix
   Single control: topbar hamburger button only.
   ========================================================= */
.sidebar,
.main,
.dashboard-main,
.dashboard-topbar,
.sidebar-backdrop{
  transition: all .24s ease;
}
.sidebar-brand-wrap{position:relative;min-height:52px}
.brand-text{min-width:0}
.sidebar-backdrop{display:none}
.menu-button{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.sidebar-collapsed .sidebar{transform:translateX(-100%)}
body.sidebar-collapsed .main{margin-left:0}
body.sidebar-collapsed .dashboard-topbar{padding-left:28px}
body.sidebar-collapsed .menu-button{display:inline-flex!important}

@media(max-width:900px){
  .sidebar{
    position:fixed!important;
    width:280px!important;
    min-height:100vh!important;
    transform:translateX(-100%);
    z-index:25;
  }
  body.sidebar-mobile-open .sidebar{transform:translateX(0)}
  body.sidebar-mobile-open .sidebar-backdrop{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(2,6,23,.55);
    z-index:18;
  }
  .main{margin-left:0!important;padding:18px!important}
  .dashboard-topbar{padding-left:18px!important}
  body.sidebar-mobile-open{overflow:hidden}
  body.sidebar-collapsed .dashboard-topbar{padding-left:18px!important}
  body.sidebar-collapsed .menu-button{display:inline-flex!important}
}


/* =========================================================
   Sidebar toggle final fix
   ========================================================= */
.menu-button,
#sidebarToggle{
  position:relative;
  z-index:60;
  width:46px;
  height:46px;
  border-radius:12px;
  pointer-events:auto!important;
  user-select:none;
}
.menu-button:hover,
#sidebarToggle:hover{
  background:rgba(255,255,255,.12);
}
body.sidebar-collapsed .sidebar{
  transform:translateX(-100%)!important;
}
body.sidebar-collapsed .main{
  margin-left:0!important;
}
body.sidebar-collapsed .dashboard-topbar{
  margin-left:0!important;
}
@media(max-width:900px){
  .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    height:100vh!important;
    width:280px!important;
    transform:translateX(-105%)!important;
    z-index:50!important;
  }
  body.sidebar-mobile-open .sidebar{
    transform:translateX(0)!important;
  }
  .sidebar-backdrop{
    display:none!important;
  }
  body.sidebar-mobile-open .sidebar-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(2,6,23,.58)!important;
    z-index:40!important;
  }
  .dashboard-topbar{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
  }
}

/* =========================================================
   Flaticon UIcons integration + theme-aware icon coloring
   Source: Flaticon UIcons regular rounded icon font.
   ========================================================= */
.fi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  color:currentColor;
}
.nav-icon{
  width:34px!important;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:17px!important;
  filter:none!important;
  color:color-mix(in srgb, var(--theme-accent, #f5b400) 86%, #fff);
  background:rgba(255,255,255,.08);
  flex:0 0 34px;
}
.sidebar a.active .nav-icon,
.sidebar a:hover .nav-icon{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.logo-mark svg{display:block}
.menu-button i{font-size:23px;color:currentColor}
.global-search > i{color:currentColor;font-size:16px;opacity:.9}
.notification-bell{display:inline-flex;align-items:center;justify-content:center;color:var(--theme-accent, #f5b400)}
.notification-bell i{font-size:22px}
.user-caret i{font-size:14px}
.metric-icon i{font-size:26px}
.metric-icon.green i{font-size:24px}
.small-select{display:inline-flex;align-items:center;gap:8px}
.small-select i{font-size:13px}
.action-btn{justify-content:flex-start;position:relative;overflow:hidden}
.action-btn > i:first-child{font-size:20px;width:22px;flex:0 0 22px}
.action-btn span{flex:1}
.action-btn .action-arrow{margin-left:auto;font-size:17px;opacity:.9}
.icon-link{color:var(--theme-muted);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px}
.icon-link:hover{background:color-mix(in srgb,var(--theme-primary) 12%,transparent);color:var(--theme-primary)}
.contact-icon{color:var(--theme-primary);width:18px}
.user-dropdown-logout::before{content:""!important}
.user-dropdown-logout i{font-size:16px;color:currentColor}

/* Extra theme tuning for icons */
body[data-theme="premium-blue"] .nav-icon{color:#f5b400;background:rgba(245,180,0,.12)}
body[data-theme="modern-cyan"] .nav-icon{color:#22d3ee;background:rgba(34,211,238,.13)}
body[data-theme="emerald"] .nav-icon{color:#86efac;background:rgba(134,239,172,.12)}
body[data-theme="dark-neon"] .nav-icon{color:#60a5fa;background:rgba(37,99,235,.16);box-shadow:0 0 14px rgba(37,99,235,.10)}
body[data-theme="modern-cyan"] .notification-bell,
body[data-theme="emerald"] .notification-bell{color:var(--theme-primary)}
body[data-theme="dark-neon"] .metric-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent),0 0 22px color-mix(in srgb,currentColor 18%,transparent)}
.login-feature-list p{display:flex;align-items:center;gap:12px;font-weight:700}
.login-feature-list i{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);color:var(--theme-accent,#f5b400);display:inline-flex;align-items:center;justify-content:center}
.input-icon-wrap{position:relative}
.input-icon-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--theme-primary);z-index:2}
.input-icon-wrap .form-control{padding-left:46px}

/* =========================================================
   Theme-aware hamburger button color
   The topbar hamburger now follows the selected interface theme.
   ========================================================= */
body[data-theme] .menu-button,
body[data-theme] #sidebarToggle{
  color:var(--theme-accent)!important;
  background:color-mix(in srgb,var(--theme-accent) 12%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--theme-accent) 38%,transparent)!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--theme-accent) 16%,transparent);
}
body[data-theme] .menu-button:hover,
body[data-theme] #sidebarToggle:hover{
  color:#fff!important;
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 55%,transparent)!important;
}
body[data-theme="modern-cyan"] .menu-button,
body[data-theme="modern-cyan"] #sidebarToggle{
  color:var(--theme-primary)!important;
  background:color-mix(in srgb,var(--theme-primary) 10%,#fff)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 28%,#fff)!important;
}
body[data-theme="emerald"] .menu-button,
body[data-theme="emerald"] #sidebarToggle{
  color:var(--theme-primary)!important;
  background:color-mix(in srgb,var(--theme-primary) 10%,#fff)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 28%,#fff)!important;
}
body[data-theme="dark-neon"] .menu-button,
body[data-theme="dark-neon"] #sidebarToggle{
  color:var(--theme-secondary)!important;
  background:rgba(6,182,212,.10)!important;
  border-color:rgba(6,182,212,.45)!important;
  box-shadow:0 0 18px rgba(6,182,212,.18);
}
body[data-theme="dark-neon"] .menu-button:hover,
body[data-theme="dark-neon"] #sidebarToggle:hover{
  color:#fff!important;
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
  box-shadow:0 0 24px rgba(168,85,247,.28);
}

/* =========================================================
   Professional loan application detail page
   Theme-aware buttons, cards, status chips, and schedule table
   ========================================================= */
.loan-detail-page{padding-bottom:38px}.page-hero{background:var(--theme-card,#fff);border:1px solid var(--theme-line,#e5edf7);border-radius:20px;padding:24px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.page-breadcrumb{display:flex;align-items:center;gap:7px;color:var(--theme-muted,#64748b);font-size:14px;font-weight:700}.page-breadcrumb a{color:var(--theme-primary,#0057d9)}.page-title{font-size:30px;font-weight:900;letter-spacing:-.7px;color:var(--theme-text,#0f172a)}.page-subtitle{color:var(--theme-muted,#64748b);font-weight:600}.loan-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px}.detail-panel{background:var(--theme-card,#fff);border:1px solid var(--theme-line,#e5edf7);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--theme-line,#e5edf7);padding-bottom:18px;margin-bottom:20px}.panel-header.compact{margin-bottom:16px}.panel-header h5{font-size:20px;font-weight:900;margin:0;color:var(--theme-text,#0f172a);display:flex;align-items:center;gap:10px}.panel-header h5 i{color:var(--theme-primary,#0057d9)}.panel-header p{margin:6px 0 0;color:var(--theme-muted,#64748b);font-size:14px}.borrower-card-inline{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#0057d9) 8%,transparent),color-mix(in srgb,var(--theme-secondary,#0891b2) 6%,transparent));border:1px solid color-mix(in srgb,var(--theme-primary,#0057d9) 14%,var(--theme-line,#e5edf7));border-radius:18px;padding:18px;margin-bottom:20px}.borrower-avatar-lg{width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,var(--theme-primary,#0057d9),var(--theme-primary-2,#0045ad));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary,#0057d9) 22%,transparent)}.borrower-card-inline small,.loan-metric-card small,.detail-note small{display:block;color:var(--theme-muted,#64748b);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.borrower-card-inline h4{font-size:22px;font-weight:900;margin:2px 0 2px;color:var(--theme-text,#0f172a)}.borrower-card-inline p{margin:0;color:var(--theme-muted,#64748b);font-weight:700}.borrower-card-inline span{opacity:.55;margin:0 5px}.loan-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.loan-metric-card{position:relative;overflow:hidden;border:1px solid var(--theme-line,#e5edf7);background:color-mix(in srgb,var(--theme-card,#fff) 92%,var(--theme-bg,#f7f9fc));border-radius:18px;padding:17px 16px 16px 54px;min-height:105px}.loan-metric-card i{position:absolute;left:16px;top:19px;width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px}.loan-metric-card.primary i{background:color-mix(in srgb,var(--theme-primary,#0057d9) 15%,#fff);color:var(--theme-primary,#0057d9)}.loan-metric-card.accent i{background:color-mix(in srgb,var(--theme-accent,#f5b400) 22%,#fff);color:#b45309}.loan-metric-card.success i{background:color-mix(in srgb,#16a34a 16%,#fff);color:#047857}.loan-metric-card.secondary i{background:color-mix(in srgb,var(--theme-secondary,#0891b2) 15%,#fff);color:var(--theme-secondary,#0891b2)}.loan-metric-card strong{display:block;margin-top:6px;color:var(--theme-text,#0f172a);font-size:20px;font-weight:900;letter-spacing:-.3px}.detail-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-note{background:color-mix(in srgb,var(--theme-bg,#f7f9fc) 66%,#fff);border:1px solid var(--theme-line,#e5edf7);border-radius:16px;padding:16px}.detail-note p{font-size:16px;margin:6px 0 0;color:var(--theme-text,#0f172a);font-weight:650}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px;line-height:1;border:1px solid transparent}.status-pill.mini{padding:6px 10px;font-size:12px}.status-pending{background:#fef3c7;color:#b45309;border-color:#fde68a}.status-approved,.status-current{background:#dbeafe;color:#0b63ce;border-color:#bfdbfe}.status-released,.status-active,.status-paid{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.status-rejected,.status-overdue,.status-defaulted{background:#fee2e2;color:#dc2626;border-color:#fecaca}.status-partial{background:#ffedd5;color:#c2410c;border-color:#fed7aa}.theme-action-btn,.btn-theme-primary,.btn-theme-outline{min-height:46px;border-radius:14px;padding:12px 15px;display:flex!important;align-items:center;gap:12px;border:1px solid transparent;font-weight:900;text-decoration:none;justify-content:flex-start;transition:.18s ease;width:100%;cursor:pointer}.theme-action-btn .arrow{margin-left:auto}.theme-action-btn.primary,.btn-theme-primary{background:linear-gradient(135deg,var(--theme-primary,#0057d9),var(--theme-primary-2,#0045ad));color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--theme-primary,#0057d9) 18%,transparent)}.theme-action-btn.success{background:linear-gradient(135deg,#16a34a,#047857);color:#fff;box-shadow:0 14px 24px rgba(22,163,74,.16)}.theme-action-btn.warning{background:linear-gradient(135deg,var(--theme-accent,#f5b400),#d97706);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--theme-accent,#f5b400) 18%,transparent)}.theme-action-btn.danger{background:linear-gradient(135deg,#ef4444,#be123c);color:#fff;box-shadow:0 14px 24px rgba(239,68,68,.14)}.theme-action-btn.secondary{background:transparent;color:var(--theme-primary,#0057d9);border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 28%,var(--theme-line,#e5edf7))}.theme-action-btn:hover,.btn-theme-primary:hover{transform:translateY(-1px);color:#fff;filter:saturate(1.08)}.theme-action-btn.secondary:hover{background:color-mix(in srgb,var(--theme-primary,#0057d9) 9%,transparent);color:var(--theme-primary,#0057d9)}.btn-theme-outline{width:auto;color:var(--theme-text,#0f172a);background:transparent;border-color:color-mix(in srgb,var(--theme-muted,#64748b) 35%,var(--theme-line,#e5edf7));padding-inline:16px}.btn-theme-outline:hover{background:color-mix(in srgb,var(--theme-primary,#0057d9) 9%,transparent);border-color:var(--theme-primary,#0057d9);color:var(--theme-primary,#0057d9)}.action-form{display:grid;gap:12px}.action-panel{position:sticky;top:96px;align-self:start}.locked-notice,.empty-action{display:flex;gap:10px;align-items:flex-start;border-radius:16px;padding:14px;background:color-mix(in srgb,var(--theme-muted,#64748b) 9%,transparent);color:var(--theme-muted,#64748b);font-weight:750;line-height:1.45}.locked-notice i,.empty-action i{color:var(--theme-primary,#0057d9);margin-top:2px}.mini-loan-summary{margin-top:18px;padding-top:18px;border-top:1px solid var(--theme-line,#e5edf7);display:grid;gap:10px}.mini-loan-summary div{display:flex;justify-content:space-between;gap:16px;font-weight:800}.mini-loan-summary span{color:var(--theme-muted,#64748b)}.mini-loan-summary strong{color:var(--theme-text,#0f172a);text-align:right}.schedule-header{align-items:center}.theme-table-wrap{border:1px solid var(--theme-line,#e5edf7);border-radius:16px;overflow:hidden}.theme-table thead th{padding:14px 16px!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.04em}.theme-table tbody td{padding:14px 16px!important}.theme-alert{border-radius:16px;border:0;display:flex;align-items:center;gap:10px;font-weight:800}.theme-alert i{font-size:18px}body[data-theme="emerald"] .theme-action-btn.warning{background:#fff;color:var(--theme-primary);border-color:var(--theme-primary);box-shadow:none}body[data-theme="emerald"] .theme-action-btn.warning:hover{background:color-mix(in srgb,var(--theme-primary) 10%,#fff);color:var(--theme-primary)}body[data-theme="dark-neon"] .borrower-card-inline,body[data-theme="dark-neon"] .loan-metric-card,body[data-theme="dark-neon"] .detail-note{background:#0f172a;border-color:#1f2937}body[data-theme="dark-neon"] .theme-action-btn,body[data-theme="dark-neon"] .btn-theme-primary{box-shadow:0 0 24px color-mix(in srgb,var(--theme-primary) 20%,transparent)}body[data-theme="dark-neon"] .theme-action-btn.warning{background:linear-gradient(135deg,var(--theme-accent),#7c3aed)}body[data-theme="dark-neon"] .status-pill{border-color:color-mix(in srgb,currentColor 35%,transparent)}@media(max-width:1200px){.loan-detail-grid{grid-template-columns:1fr}.action-panel{position:static}.loan-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page-hero{flex-direction:column;align-items:flex-start}.loan-metric-grid,.detail-note-grid{grid-template-columns:1fr}.page-title{font-size:24px}.detail-panel,.page-hero{padding:18px}.borrower-card-inline{align-items:flex-start}.btn-theme-outline{width:100%;justify-content:center}}

/* =========================================================
   Loan detail action panel refinement
   Professional, theme-aware action buttons
   ========================================================= */
.loan-detail-grid{
  grid-template-columns:minmax(0,1fr) 360px;
}
.action-panel{
  padding:22px;
}
.action-panel .panel-header{
  padding-bottom:16px;
  margin-bottom:14px;
}
.action-panel .panel-header h5{
  font-size:19px;
}
.action-panel .panel-header h5 i{
  width:34px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 10%,#fff);
  color:var(--theme-primary,#0057d9);
}
.action-panel .action-form{
  gap:10px;
}
.action-panel .theme-action-btn{
  min-height:50px;
  border-radius:14px;
  padding:13px 14px;
  font-size:15px;
  letter-spacing:.01em;
  box-shadow:none;
  position:relative;
  overflow:hidden;
}
.action-panel .theme-action-btn::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  transition:.18s ease;
  background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 55%);
  pointer-events:none;
}
.action-panel .theme-action-btn:hover::before{opacity:1}
.action-panel .theme-action-btn i:first-child{
  width:28px;
  height:28px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  flex:0 0 28px;
}
.action-panel .theme-action-btn .arrow{
  opacity:.9;
  font-size:15px;
}
.action-panel .theme-action-btn.warning{
  background:linear-gradient(135deg,var(--theme-accent,#f5b400),color-mix(in srgb,var(--theme-accent,#f5b400) 72%,var(--theme-primary,#0057d9)));
  color:#fff;
  border-color:color-mix(in srgb,var(--theme-accent,#f5b400) 50%,transparent);
}
.action-panel .theme-action-btn.success,
.action-panel .theme-action-btn.primary{
  background:linear-gradient(135deg,var(--theme-primary,#0057d9),var(--theme-secondary,#0891b2));
  color:#fff;
  border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 50%,transparent);
}
.action-panel .theme-action-btn.danger{
  background:linear-gradient(135deg,#ef4444,#be123c);
  color:#fff;
  border-color:rgba(239,68,68,.38);
}
.action-panel .theme-action-btn.secondary{
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 7%,var(--theme-card,#fff));
  color:var(--theme-primary,#0057d9);
  border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 28%,var(--theme-line,#e5edf7));
}
.action-panel .theme-action-btn.secondary i:first-child{
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 13%,#fff);
}
.action-panel .theme-action-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px color-mix(in srgb,var(--theme-primary,#0057d9) 15%,transparent);
}
.action-panel .theme-action-btn.danger:hover{
  box-shadow:0 14px 28px rgba(239,68,68,.16);
}
.action-panel .theme-action-btn + .theme-action-btn,
.action-panel .action-form + .theme-action-btn{
  margin-top:10px;
}

body[data-theme="premium"] .action-panel .theme-action-btn.success,
body[data-theme="premium"] .action-panel .theme-action-btn.primary{
  background:linear-gradient(135deg,#003b7a,#0057d9);
}
body[data-theme="premium"] .action-panel .theme-action-btn.warning{
  background:linear-gradient(135deg,#f5b400,#d97706);
}
body[data-theme="cyan-indigo"] .action-panel .theme-action-btn.warning{
  background:linear-gradient(135deg,#4f46e5,#06b6d4);
}
body[data-theme="cyan-indigo"] .action-panel .theme-action-btn.success,
body[data-theme="cyan-indigo"] .action-panel .theme-action-btn.primary{
  background:linear-gradient(135deg,#0891b2,#14b8a6);
}
body[data-theme="emerald"] .action-panel .theme-action-btn.warning,
body[data-theme="emerald"] .action-panel .theme-action-btn.success,
body[data-theme="emerald"] .action-panel .theme-action-btn.primary{
  background:linear-gradient(135deg,#065f46,#059669)!important;
  color:#fff!important;
  border-color:rgba(5,150,105,.35)!important;
  box-shadow:none!important;
}
body[data-theme="dark-neon"] .action-panel{
  background:#0b1220;
  border-color:#1e293b;
}
body[data-theme="dark-neon"] .action-panel .panel-header h5 i{
  background:rgba(6,182,212,.12);
  color:#22d3ee;
}
body[data-theme="dark-neon"] .action-panel .theme-action-btn.warning,
body[data-theme="dark-neon"] .action-panel .theme-action-btn.success,
body[data-theme="dark-neon"] .action-panel .theme-action-btn.primary{
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  border-color:rgba(96,165,250,.42)!important;
  box-shadow:0 0 22px rgba(37,99,235,.14)!important;
}
body[data-theme="dark-neon"] .action-panel .theme-action-btn.secondary{
  background:#111827;
  color:#22d3ee;
  border-color:#334155;
}
body[data-theme="dark-neon"] .action-panel .theme-action-btn.danger{
  background:linear-gradient(135deg,#ef4444,#be123c)!important;
  border-color:rgba(248,113,113,.35)!important;
}
@media(max-width:1200px){
  .loan-detail-grid{grid-template-columns:1fr;}
}

/* =========================================================
   Loan detail page layout/overflow fix
   Keeps all cards inside the content area and prevents any
   lower content from visually overlapping the information cards.
   ========================================================= */
.loan-detail-page{
  position:relative;
  overflow:visible;
  padding-bottom:56px!important;
}
.loan-detail-page .page-hero,
.loan-detail-page .detail-panel{
  position:relative;
  z-index:1;
  background:var(--theme-card,#fff);
  overflow:hidden;
}
.loan-detail-grid{
  align-items:start;
}
.info-panel{
  min-width:0;
}
.loan-metric-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:16px;
  align-items:stretch;
}
.loan-metric-card{
  min-height:124px;
  padding:18px 18px 18px 58px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.loan-metric-card strong{
  font-size:clamp(18px,1.35vw,22px)!important;
  line-height:1.25;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.loan-metric-card small{
  line-height:1.25;
}
.detail-note-grid{
  margin-top:4px;
}
.detail-note{
  min-height:94px;
}
.action-panel{
  max-height:calc(100vh - 112px);
  overflow:auto;
  scrollbar-width:thin;
}
.action-panel .theme-action-btn{
  width:100%;
  min-width:0;
}
.action-panel .theme-action-btn span{
  white-space:normal;
  line-height:1.2;
}
.schedule-panel{
  clear:both;
  position:relative;
  z-index:1;
}
.loan-detail-page img,
.loan-detail-page canvas,
.loan-detail-page svg{
  max-width:100%;
}
body[data-theme="dark-neon"] .loan-detail-page .detail-panel,
body[data-theme="dark-neon"] .loan-detail-page .page-hero{
  background:var(--theme-card,#0b1220);
}
@media(max-width:1400px){
  .loan-detail-grid{grid-template-columns:minmax(0,1fr) 340px;}
  .loan-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:1100px){
  .loan-detail-grid{grid-template-columns:1fr;}
  .action-panel{position:relative;top:auto;max-height:none;overflow:visible;}
}
@media(max-width:720px){
  .loan-detail-page{padding-left:16px!important;padding-right:16px!important;}
  .loan-metric-grid{grid-template-columns:1fr;}
  .loan-metric-card{min-height:112px;}
}

/* Borrower default/photo UI */
.borrower-table-photo{width:44px;height:44px;border-radius:14px;object-fit:cover;border:2px solid var(--theme-line,#e5edf7);background:#f8fafc;box-shadow:0 6px 14px rgba(15,23,42,.08)}
.borrower-profile-photo{width:112px;height:112px;border-radius:28px;object-fit:cover;border:4px solid color-mix(in srgb,var(--theme-primary,#0057d9) 18%,#fff);background:#f8fafc;box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary,#0057d9) 18%,transparent);display:block}
.borrower-name-cell{display:flex;flex-direction:column;gap:2px}.borrower-name-cell strong{font-weight:900;color:var(--theme-text,#0f172a)}.borrower-name-cell small{color:var(--theme-muted,#64748b);font-size:12px}
body[data-theme="dark-neon"] .borrower-table-photo,body[data-theme="dark-neon"] .borrower-profile-photo{background:#0f172a;border-color:#243244}

/* =========================================================
   Final loan/view.php professional actions spacing update
   Added after full loan details page review.
   ========================================================= */
.action-panel .action-form,
.action-panel .action-button-group{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
.action-panel .theme-action-btn{
  min-height:58px!important;
  padding:15px 18px!important;
  border-radius:16px!important;
  margin-top:0!important;
}
.action-panel .theme-action-btn + .theme-action-btn,
.action-panel .action-form + .theme-action-btn{
  margin-top:16px!important;
}
.action-panel .theme-action-btn.danger{
  margin-top:4px!important;
}
.action-panel .panel-header{
  margin-bottom:18px!important;
}
.action-panel .panel-header + .theme-action-btn,
.action-panel .panel-header + .action-form{
  margin-top:4px!important;
}
@media(max-width:700px){
  .action-panel .theme-action-btn{
    min-height:56px!important;
  }
}

/* =========================================================
   Loan Applications list page professional UI
   Uniform right-side action button gap and theme-based colors
   ========================================================= */
.loan-list-page{
  padding-bottom:42px;
}
.loan-list-hero{
  background:var(--theme-card,#fff);
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:24px;
  margin-bottom:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.loan-list-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--theme-muted,#64748b);
  font-size:13px;
  font-weight:800;
  margin-bottom:9px;
}
.loan-list-breadcrumb a{
  color:var(--theme-primary,#0057d9);
  text-decoration:none;
}
.loan-list-hero h1{
  margin:0;
  font-size:30px;
  font-weight:900;
  letter-spacing:-.04em;
  color:var(--theme-text,#0f172a);
}
.loan-list-hero p{
  margin:8px 0 0;
  color:var(--theme-muted,#64748b);
  font-weight:650;
}
.loan-list-hero-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.loan-list-hero-actions .btn-theme-primary,
.loan-list-hero-actions .btn-theme-outline{
  min-height:46px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:14px;
  font-weight:900;
}
.loan-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}
.loan-summary-card{
  background:var(--theme-card,#fff);
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:20px;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:108px;
}
.loan-summary-card > span{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  flex:0 0 54px;
}
.loan-summary-card small{
  display:block;
  color:var(--theme-muted,#64748b);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:12px;
  font-weight:900;
  margin-bottom:3px;
}
.loan-summary-card strong{
  display:block;
  color:var(--theme-text,#0f172a);
  font-size:27px;
  line-height:1;
  font-weight:900;
}
.loan-summary-card.pending > span{background:#fff7ed;color:#d97706;}
.loan-summary-card.approved > span{background:color-mix(in srgb,var(--theme-primary,#0057d9) 13%,#fff);color:var(--theme-primary,#0057d9);}
.loan-summary-card.released > span{background:#ecfdf5;color:#047857;}
.loan-summary-card.rejected > span{background:#fef2f2;color:#dc2626;}
.loan-list-card{
  background:var(--theme-card,#fff);
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:24px;
}
.loan-list-card-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-bottom:18px;
  border-bottom:1px solid var(--theme-line,#e5edf7);
  margin-bottom:18px;
}
.loan-list-card-header h2{
  margin:0;
  color:var(--theme-text,#0f172a);
  font-size:22px;
  font-weight:900;
}
.loan-list-card-header p{
  margin:5px 0 0;
  color:var(--theme-muted,#64748b);
  font-weight:650;
}
.loan-filter-form{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 210px 150px 140px;
  gap:12px;
  margin-bottom:18px;
}
.filter-search{
  min-height:48px;
  border:1px solid var(--theme-line,#e5edf7);
  background:var(--theme-card,#fff);
  color:var(--theme-muted,#64748b);
  border-radius:14px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
}
.filter-search input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:var(--theme-text,#0f172a);
  font-weight:650;
}
.filter-search input::placeholder{color:var(--theme-muted,#64748b);}
.loan-filter-form select{
  min-height:48px;
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:14px;
  padding:0 14px;
  color:var(--theme-text,#0f172a);
  background:var(--theme-card,#fff);
  font-weight:700;
}
.loan-filter-form .btn-theme-primary,
.loan-filter-form .loan-reset-btn{
  min-height:48px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:14px;
  font-weight:900;
  text-decoration:none;
}
.loan-table-wrap{
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:18px;
  overflow:auto;
}
.loan-table{
  width:100%;
  min-width:1080px;
  border-collapse:separate;
  border-spacing:0;
}
.loan-table thead th{
  padding:14px 16px;
  background:color-mix(in srgb,var(--theme-bg,#f7f9fc) 78%,var(--theme-card,#fff));
  color:var(--theme-muted,#64748b);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:900;
  border-bottom:1px solid var(--theme-line,#e5edf7);
  white-space:nowrap;
}
.loan-table tbody td{
  padding:16px;
  color:var(--theme-text,#0f172a);
  font-weight:650;
  border-bottom:1px solid var(--theme-line,#e5edf7);
  vertical-align:top;
}
.loan-table tbody tr:last-child td{border-bottom:0;}
.loan-table tbody tr:hover td{
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 3%,transparent);
}
.action-th{width:170px;}
.application-code{
  display:block;
  font-weight:900;
  color:var(--theme-text,#0f172a);
}
.loan-code-small{
  display:block;
  color:var(--theme-muted,#64748b);
  font-size:12px;
  margin-top:3px;
}
.borrower-mini{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:220px;
}
.borrower-mini > span{
  width:40px;
  height:40px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--theme-primary,#0057d9),var(--theme-secondary,#0891b2));
  color:#fff;
  font-weight:900;
  flex:0 0 40px;
}
.borrower-mini strong{
  display:block;
  color:var(--theme-text,#0f172a);
  font-weight:900;
  line-height:1.15;
}
.borrower-mini small{
  display:block;
  color:var(--theme-muted,#64748b);
  margin-top:2px;
}
.loan-table-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
  min-width:142px;
}
.loan-row-action{
  min-height:38px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  border-radius:12px;
  padding:9px 12px;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  border:1px solid transparent;
  transition:.18s ease;
  white-space:nowrap;
}
.loan-row-action.primary{
  background:linear-gradient(135deg,var(--theme-primary,#0057d9),var(--theme-primary-2,#0045ad));
  color:#fff;
}
.loan-row-action.secondary{
  background:color-mix(in srgb,var(--theme-accent,#f5b400) 18%,var(--theme-card,#fff));
  color:color-mix(in srgb,var(--theme-accent,#f5b400) 62%,#92400e);
  border-color:color-mix(in srgb,var(--theme-accent,#f5b400) 38%,transparent);
}
.loan-row-action.outline{
  background:color-mix(in srgb,var(--theme-secondary,#0891b2) 8%,var(--theme-card,#fff));
  color:var(--theme-secondary,#0891b2);
  border-color:color-mix(in srgb,var(--theme-secondary,#0891b2) 32%,transparent);
}
.loan-row-action:hover{
  transform:translateY(-1px);
  filter:saturate(1.08);
  color:inherit;
}
.loan-row-action.primary:hover{color:#fff;}
.empty-loan-row{
  text-align:center;
  color:var(--theme-muted,#64748b)!important;
  padding:34px!important;
  font-weight:800!important;
}
.empty-loan-row i{
  display:block;
  font-size:26px;
  margin-bottom:8px;
  color:var(--theme-primary,#0057d9);
}
body[data-theme="emerald"] .loan-row-action.secondary{
  background:#fff;
  color:var(--theme-primary,#047857);
  border-color:var(--theme-primary,#047857);
}
body[data-theme="dark-neon"] .loan-list-hero,
body[data-theme="dark-neon"] .loan-list-card,
body[data-theme="dark-neon"] .loan-summary-card,
body[data-theme="dark-neon"] .filter-search,
body[data-theme="dark-neon"] .loan-filter-form select{
  background:var(--theme-card,#0b1220);
  border-color:#1f2937;
}
body[data-theme="dark-neon"] .loan-table-wrap{border-color:#1f2937;}
body[data-theme="dark-neon"] .loan-table thead th{background:#111827;border-color:#1f2937;}
body[data-theme="dark-neon"] .loan-table tbody td{border-color:#1f2937;}
body[data-theme="dark-neon"] .loan-row-action.primary{box-shadow:0 0 18px rgba(37,99,235,.16);}
body[data-theme="dark-neon"] .loan-row-action.secondary{background:rgba(168,85,247,.12);color:#d8b4fe;border-color:rgba(168,85,247,.35);}
body[data-theme="dark-neon"] .loan-row-action.outline{background:rgba(6,182,212,.10);color:#22d3ee;border-color:rgba(6,182,212,.32);}
@media(max-width:1100px){
  .loan-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .loan-filter-form{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .loan-list-hero{flex-direction:column;align-items:flex-start;}
  .loan-list-hero-actions{width:100%;}
  .loan-list-hero-actions .btn-theme-primary,
  .loan-list-hero-actions .btn-theme-outline{width:100%;}
  .loan-summary-grid{grid-template-columns:1fr;}
}

/* =========================================================
   Loan pages professional polish pack
   ========================================================= */
.loan-polish-page{padding:28px;background:var(--theme-bg,#f4f7fb);min-height:100vh}.loan-polish-hero{background:var(--theme-card,#fff);border:1px solid var(--theme-line,#e5edf7);border-radius:24px;padding:26px 30px;margin-bottom:26px;box-shadow:0 14px 40px rgba(15,23,42,.06);display:flex;align-items:center;justify-content:space-between;gap:18px}.loan-polish-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--theme-muted,#64748b);font-size:13px;font-weight:800;margin-bottom:10px}.loan-polish-breadcrumb a{color:var(--theme-primary,#0057d9);text-decoration:none}.loan-polish-hero h1{margin:0;color:var(--theme-text,#0f172a);font-size:31px;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.loan-polish-hero p{margin:8px 0 0;color:var(--theme-muted,#64748b);font-weight:650}.loan-hero-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.lt-card{background:var(--theme-card,#fff);border:1px solid var(--theme-line,#e5edf7);border-radius:24px;box-shadow:0 14px 40px rgba(15,23,42,.06);padding:26px}.lt-section-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--theme-line,#e5edf7);margin-bottom:22px}.lt-section-head.compact{padding-bottom:14px;margin-bottom:16px}.lt-section-head>span{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--theme-primary,#0057d9) 12%,#fff);color:var(--theme-primary,#0057d9);font-size:18px;flex:0 0 auto}.lt-section-head h2{margin:0;font-size:22px;font-weight:900;color:var(--theme-text,#0f172a)}.lt-section-head p{margin:4px 0 0;color:var(--theme-muted,#64748b);font-size:14px}.lt-btn{min-height:46px;padding:12px 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;text-decoration:none;font-weight:900;line-height:1.1;transition:.2s ease;cursor:pointer}.lt-btn:hover{transform:translateY(-1px)}.lt-btn-primary{background:linear-gradient(135deg,var(--theme-primary,#0057d9),var(--theme-primary-2,#003f9e));color:#fff!important;box-shadow:0 10px 20px color-mix(in srgb,var(--theme-primary,#0057d9) 24%,transparent)}.lt-btn-accent{background:linear-gradient(135deg,var(--theme-accent,#f5b400),color-mix(in srgb,var(--theme-accent,#f5b400) 75%,#000));color:#fff!important;box-shadow:0 10px 20px color-mix(in srgb,var(--theme-accent,#f5b400) 20%,transparent)}.lt-btn-outline{background:color-mix(in srgb,var(--theme-card,#fff) 92%,var(--theme-primary,#0057d9));border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 30%,transparent);color:var(--theme-primary,#0057d9)!important}.lt-btn-outline:hover{background:color-mix(in srgb,var(--theme-primary,#0057d9) 11%,var(--theme-card,#fff));border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 46%,transparent)}.loan-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.loan-form-card{padding:26px}.loan-calc-card{position:sticky;top:22px}.lt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lt-form-grid.single{grid-template-columns:1fr}.form-field.wide{grid-column:1/-1}.form-field label{display:block;margin-bottom:8px;color:var(--theme-muted,#64748b);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.form-field label b{color:#ef4444}.lt-input{border-radius:14px!important;border-color:var(--theme-line,#e5edf7)!important;background:var(--theme-card,#fff)!important;color:var(--theme-text,#0f172a)!important;min-height:48px}.lt-input:focus{border-color:var(--theme-primary,#0057d9)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary,#0057d9) 14%,transparent)!important}.loan-form-actions{display:flex;gap:12px;align-items:center;margin-top:24px;flex-wrap:wrap}.calc-list{display:flex;flex-direction:column;gap:12px}.calc-list>div{padding:14px 16px;border-radius:16px;border:1px solid var(--theme-line,#e5edf7);display:flex;align-items:center;justify-content:space-between;gap:14px;background:color-mix(in srgb,var(--theme-card,#fff) 94%,var(--theme-primary,#0057d9))}.calc-list small{color:var(--theme-muted,#64748b);font-weight:800}.calc-list strong{font-size:18px;color:var(--theme-text,#0f172a);font-weight:900}.calc-list .total{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#0057d9) 12%,var(--theme-card,#fff)),color-mix(in srgb,var(--theme-accent,#f5b400) 10%,var(--theme-card,#fff)));border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 24%,transparent)}.lt-note{margin-top:16px;border-radius:16px;padding:14px 16px;background:color-mix(in srgb,var(--theme-primary,#0057d9) 8%,var(--theme-card,#fff));color:var(--theme-muted,#64748b);font-weight:700;border:1px solid color-mix(in srgb,var(--theme-primary,#0057d9) 18%,transparent);display:flex;gap:10px}.lt-alert{border-radius:18px;padding:16px 18px;margin-bottom:20px;display:flex;gap:12px;font-weight:700;border:1px solid transparent}.lt-alert.warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.lt-alert.danger{background:#fef2f2;color:#be123c;border-color:#fecdd3}.loan-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:26px}.summary-tile{background:var(--theme-card,#fff);border:1px solid var(--theme-line,#e5edf7);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.055);display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.summary-tile span{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--theme-primary,#0057d9) 12%,#fff);color:var(--theme-primary,#0057d9);display:flex;align-items:center;justify-content:center}.summary-tile small{color:var(--theme-muted,#64748b);font-weight:850;text-transform:uppercase;font-size:12px}.summary-tile strong{font-size:19px;color:var(--theme-text,#0f172a);font-weight:900}.summary-tile.danger span{background:#fee2e2;color:#dc2626}.loan-two-column{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:26px;align-items:start}.payment-page-grid{grid-template-columns:420px minmax(0,1fr)}.loan-side-stack{display:flex;flex-direction:column;gap:22px}.borrower-side-card{padding:22px}.borrower-side-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.borrower-side-head img{width:68px;height:68px;border-radius:18px;object-fit:cover;border:1px solid var(--theme-line,#e5edf7)}.borrower-side-head small{font-weight:900;color:var(--theme-muted,#64748b);font-size:12px}.borrower-side-head h3{margin:2px 0;color:var(--theme-text,#0f172a);font-size:20px;font-weight:900}.borrower-side-head p{margin:0;color:var(--theme-muted,#64748b);font-weight:700}.side-info{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--theme-line,#e5edf7);padding:12px 0;color:var(--theme-muted,#64748b);font-weight:700}.side-info i{color:var(--theme-primary,#0057d9);margin-top:2px}.lt-table-wrap{overflow-x:auto;border:1px solid var(--theme-line,#e5edf7);border-radius:18px}.lt-table{width:100%;border-collapse:collapse;min-width:780px}.lt-table th{padding:14px 16px;background:color-mix(in srgb,var(--theme-bg,#f4f7fb) 70%,var(--theme-card,#fff));border-bottom:1px solid var(--theme-line,#e5edf7);font-size:12px;text-transform:uppercase;color:var(--theme-muted,#64748b);letter-spacing:.04em}.lt-table td{padding:14px 16px;border-bottom:1px solid var(--theme-line,#e5edf7);color:var(--theme-text,#0f172a);font-weight:650}.lt-table tr:last-child td{border-bottom:0}.lt-empty{text-align:center!important;color:var(--theme-muted,#64748b)!important;padding:30px!important;font-weight:800}.lt-empty.small{padding:18px!important;border:1px dashed var(--theme-line,#e5edf7);border-radius:16px}.payment-list{display:flex;flex-direction:column;gap:10px}.payment-item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--theme-line,#e5edf7)}.payment-item:last-child{border-bottom:0}.payment-item strong{color:var(--theme-text,#0f172a)}.payment-item small,.payment-item a{display:block;color:var(--theme-muted,#64748b);font-size:12px}.payment-selector-card{margin-bottom:24px}.payment-selector-form{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px;align-items:end}.payment-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.payment-mini-grid div{border:1px solid var(--theme-line,#e5edf7);border-radius:16px;padding:14px}.payment-mini-grid small{display:block;color:var(--theme-muted,#64748b);font-weight:800;font-size:12px;text-transform:uppercase}.payment-mini-grid strong{display:block;color:var(--theme-text,#0f172a);font-weight:900;margin-top:3px}.danger-text{color:#dc2626!important}.payment-form-card{padding:22px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;border:1px solid transparent}.status-pending{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.status-approved,.status-released{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.status-rejected{background:#fef2f2;color:#be123c;border-color:#fecdd3}.status-neutral{background:#f1f5f9;color:#475569;border-color:#cbd5e1}
/* Loan list action button refinements */
.loan-table-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}.loan-row-action{min-height:42px!important;min-width:92px!important;border-radius:12px!important;padding:10px 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important}.loan-row-action.primary{background:var(--theme-primary,#0057d9)!important;color:#fff!important}.loan-row-action.secondary{background:color-mix(in srgb,var(--theme-primary,#0057d9) 8%,var(--theme-card,#fff))!important;color:var(--theme-primary,#0057d9)!important;border:1px solid color-mix(in srgb,var(--theme-primary,#0057d9) 30%,transparent)!important}.loan-row-action.outline{background:transparent!important;color:var(--theme-muted,#64748b)!important;border:1px solid var(--theme-line,#e5edf7)!important}.action-th{min-width:250px!important}
/* Loan details action buttons refinements */
.action-button-group{gap:12px!important}.btn-action{min-height:52px!important;border-radius:14px!important;padding:14px 16px!important;font-weight:800!important}.btn-action-secondary{background:color-mix(in srgb,var(--theme-primary,#0057d9) 8%,var(--theme-card,#fff))!important;color:var(--theme-primary,#0057d9)!important;border:1px solid color-mix(in srgb,var(--theme-primary,#0057d9) 30%,transparent)!important;box-shadow:0 6px 14px color-mix(in srgb,var(--theme-primary,#0057d9) 12%,transparent)!important}.btn-action-danger{margin-top:4px!important}
body[data-theme="dark-neon"] .lt-card,body[data-theme="dark-neon"] .loan-polish-hero,body[data-theme="dark-neon"] .summary-tile{box-shadow:0 14px 40px rgba(0,0,0,.32)}body[data-theme="dark-neon"] .lt-section-head>span,body[data-theme="dark-neon"] .summary-tile span,body[data-theme="dark-neon"] .calc-list>div,body[data-theme="dark-neon"] .lt-note{background:color-mix(in srgb,var(--theme-primary) 18%,#0b1220)}body[data-theme="dark-neon"] .lt-btn-outline,body[data-theme="dark-neon"] .btn-action-secondary{background:#0b1220!important}
@media (max-width:1200px){.loan-form-grid,.loan-two-column,.payment-page-grid{grid-template-columns:1fr}.loan-calc-card{position:static}.loan-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.loan-polish-page{padding:16px}.loan-polish-hero{flex-direction:column;align-items:flex-start;padding:22px}.loan-hero-actions{width:100%;justify-content:stretch}.loan-hero-actions .lt-btn,.loan-polish-hero>.lt-btn{width:100%}.lt-form-grid,.payment-selector-form,.loan-summary-strip,.payment-mini-grid{grid-template-columns:1fr}.loan-polish-hero h1{font-size:25px}.loan-form-actions .lt-btn{width:100%}.lt-card{padding:20px}.loan-table-actions{justify-content:flex-start!important}.loan-row-action{min-width:82px!important}}

/* =========================================================
   Final fix: space standalone Edit button from following form
   on loan application detail pending actions.
   ========================================================= */
.action-panel > .theme-action-btn + .action-form,
.action-panel > .locked-notice + .action-form,
.action-panel > .empty-action + .action-form{
  margin-top:16px!important;
}
.action-panel .action-form{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
.action-panel .theme-action-btn{
  min-height:56px!important;
  padding:15px 18px!important;
  border-radius:16px!important;
}
.action-panel .theme-action-btn.warning{
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 8%,var(--theme-card,#ffffff))!important;
  color:var(--theme-primary,#0057d9)!important;
  border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 32%,var(--theme-line,#e5edf7))!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary,#0057d9) 10%,transparent)!important;
}
.action-panel .theme-action-btn.warning i:first-child{
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 14%,#ffffff)!important;
  color:var(--theme-primary,#0057d9)!important;
}
.action-panel .theme-action-btn.success{
  box-shadow:0 10px 22px color-mix(in srgb,var(--theme-primary,#0057d9) 16%,transparent)!important;
}
.action-panel .theme-action-btn.danger{
  margin-top:2px!important;
}
body[data-theme="dark-neon"] .action-panel .theme-action-btn.warning{
  background:#111827!important;
  color:#22d3ee!important;
  border-color:#334155!important;
}
body[data-theme="dark-neon"] .action-panel .theme-action-btn.warning i:first-child{
  background:rgba(34,211,238,.12)!important;
  color:#22d3ee!important;
}

/* =========================================================
   Final fix: space locked notice from active-loan action
   on released loan detail pages with existing payments.
   ========================================================= */
.action-panel > .locked-notice + .theme-action-btn,
.action-panel > .locked-notice + a.theme-action-btn,
.action-panel > .empty-action + .theme-action-btn,
.action-panel > .empty-action + a.theme-action-btn{
  margin-top:16px!important;
}
.action-panel > .theme-action-btn + .theme-action-btn,
.action-panel > a.theme-action-btn + a.theme-action-btn{
  margin-top:12px!important;
}
.action-panel .locked-notice{
  margin-bottom:0!important;
  min-height:56px!important;
  align-items:center!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#0057d9) 18%,var(--theme-line,#e5edf7))!important;
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 7%,var(--theme-card,#ffffff))!important;
}
body[data-theme="dark-neon"] .action-panel .locked-notice{
  background:#111827!important;
  border-color:#334155!important;
}

/* =========================================================
   System-wide uniform UI controls
   Matches the Loan Applications page buttons and textboxes.
   Applies to Borrowers, Active Loans, Collections, Payments,
   Reports, Users, Settings, and remaining Bootstrap pages.
   ========================================================= */
.main .form-control,
.main .form-select,
.main textarea.form-control,
.dashboard-main .form-control,
.dashboard-main .form-select,
.dashboard-main textarea.form-control,
.loan-polish-page .form-control,
.loan-polish-page .form-select,
.lt-input{
  min-height:48px!important;
  border:1px solid var(--theme-line,#e5edf7)!important;
  border-radius:14px!important;
  background:var(--theme-card,#ffffff)!important;
  color:var(--theme-text,#0f172a)!important;
  font-weight:650!important;
  padding:10px 14px!important;
  box-shadow:none!important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.main textarea.form-control,
.dashboard-main textarea.form-control,
.loan-polish-page textarea.form-control,
textarea.lt-input{
  min-height:112px!important;
  resize:vertical;
}
.main .form-control::placeholder,
.dashboard-main .form-control::placeholder,
.loan-polish-page .form-control::placeholder,
.lt-input::placeholder{
  color:var(--theme-muted,#64748b)!important;
}
.main .form-control:focus,
.main .form-select:focus,
.dashboard-main .form-control:focus,
.dashboard-main .form-select:focus,
.loan-polish-page .form-control:focus,
.loan-polish-page .form-select:focus,
.lt-input:focus{
  border-color:var(--theme-primary,#0057d9)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary,#0057d9) 14%,transparent)!important;
  outline:0!important;
}
.main label,
.dashboard-main label,
.loan-polish-page label{
  color:var(--theme-muted,#64748b);
  font-weight:850;
}
.main .form-label,
.dashboard-main .form-label,
.loan-polish-page .form-label{
  margin-bottom:8px;
}

/* Bootstrap buttons converted to the same theme style used on /loans */
.main .btn,
.dashboard-main .btn,
.loan-polish-page .btn{
  min-height:46px;
  border-radius:14px!important;
  padding:11px 16px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:900!important;
  line-height:1.15!important;
  text-decoration:none!important;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.main .btn:hover,
.dashboard-main .btn:hover,
.loan-polish-page .btn:hover{
  transform:translateY(-1px);
}
.main .btn-sm,
.dashboard-main .btn-sm,
.loan-polish-page .btn-sm{
  min-height:38px!important;
  border-radius:12px!important;
  padding:9px 12px!important;
  font-size:13px!important;
}
.main .btn-primary,
.main .btn-teal,
.dashboard-main .btn-primary,
.dashboard-main .btn-teal,
.loan-polish-page .btn-primary,
.loan-polish-page .btn-teal,
.btn-theme-primary,
.lt-btn-primary{
  background:linear-gradient(135deg,var(--theme-primary,#0057d9),var(--theme-primary-2,#0045ad))!important;
  border-color:transparent!important;
  color:#ffffff!important;
  box-shadow:0 10px 20px color-mix(in srgb,var(--theme-primary,#0057d9) 20%,transparent)!important;
}
.main .btn-primary:hover,
.main .btn-teal:hover,
.dashboard-main .btn-primary:hover,
.dashboard-main .btn-teal:hover,
.loan-polish-page .btn-primary:hover,
.loan-polish-page .btn-teal:hover,
.btn-theme-primary:hover,
.lt-btn-primary:hover{
  color:#ffffff!important;
  filter:saturate(1.08) brightness(.99);
}
.main .btn-warning,
.dashboard-main .btn-warning,
.loan-polish-page .btn-warning,
.lt-btn-accent{
  background:linear-gradient(135deg,var(--theme-accent,#f5b400),color-mix(in srgb,var(--theme-accent,#f5b400) 75%,#000))!important;
  border-color:transparent!important;
  color:#ffffff!important;
  box-shadow:0 10px 20px color-mix(in srgb,var(--theme-accent,#f5b400) 20%,transparent)!important;
}
.main .btn-success,
.dashboard-main .btn-success,
.loan-polish-page .btn-success{
  background:linear-gradient(135deg,#16a34a,#047857)!important;
  border-color:transparent!important;
  color:#ffffff!important;
  box-shadow:0 10px 20px rgba(22,163,74,.16)!important;
}
.main .btn-danger,
.dashboard-main .btn-danger,
.loan-polish-page .btn-danger{
  background:linear-gradient(135deg,#ef4444,#be123c)!important;
  border-color:transparent!important;
  color:#ffffff!important;
  box-shadow:0 10px 20px rgba(239,68,68,.15)!important;
}
.main .btn-outline-primary,
.main .btn-outline-secondary,
.main .btn-outline-success,
.main .btn-outline-warning,
.dashboard-main .btn-outline-primary,
.dashboard-main .btn-outline-secondary,
.dashboard-main .btn-outline-success,
.dashboard-main .btn-outline-warning,
.loan-polish-page .btn-outline-primary,
.loan-polish-page .btn-outline-secondary,
.loan-polish-page .btn-outline-success,
.loan-polish-page .btn-outline-warning,
.btn-theme-outline,
.lt-btn-outline{
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 7%,var(--theme-card,#ffffff))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#0057d9) 30%,var(--theme-line,#e5edf7))!important;
  color:var(--theme-primary,#0057d9)!important;
  box-shadow:none!important;
}
.main .btn-outline-primary:hover,
.main .btn-outline-secondary:hover,
.main .btn-outline-success:hover,
.main .btn-outline-warning:hover,
.dashboard-main .btn-outline-primary:hover,
.dashboard-main .btn-outline-secondary:hover,
.dashboard-main .btn-outline-success:hover,
.dashboard-main .btn-outline-warning:hover,
.loan-polish-page .btn-outline-primary:hover,
.loan-polish-page .btn-outline-secondary:hover,
.loan-polish-page .btn-outline-success:hover,
.loan-polish-page .btn-outline-warning:hover,
.btn-theme-outline:hover,
.lt-btn-outline:hover{
  background:color-mix(in srgb,var(--theme-primary,#0057d9) 12%,var(--theme-card,#ffffff))!important;
  border-color:color-mix(in srgb,var(--theme-primary,#0057d9) 46%,transparent)!important;
  color:var(--theme-primary,#0057d9)!important;
}

/* Uniform filter rows/search boxes like /loans */
.main form .row,
.dashboard-main form .row{
  row-gap:12px;
}
.main .card form .row .col-md-2 .btn,
.main .card form .row .col-md-3 .btn,
.main .card form .row .col-md-4 .btn,
.dashboard-main .card form .row .col-md-2 .btn,
.dashboard-main .card form .row .col-md-3 .btn,
.dashboard-main .card form .row .col-md-4 .btn{
  width:100%;
}
.main .card,
.dashboard-main .card{
  background:var(--theme-card,#ffffff);
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:22px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.main .card-header,
.dashboard-main .card-header{
  background:var(--theme-card,#ffffff);
  border-bottom:1px solid var(--theme-line,#e5edf7);
  padding:18px 22px;
  color:var(--theme-text,#0f172a);
  font-weight:900;
}
.main .card-body,
.dashboard-main .card-body{
  padding:22px;
}
.main .table,
.dashboard-main .table{
  color:var(--theme-text,#0f172a);
  margin-bottom:0;
}
.main .table thead th,
.dashboard-main .table thead th{
  background:color-mix(in srgb,var(--theme-bg,#f7f9fc) 78%,var(--theme-card,#ffffff))!important;
  color:var(--theme-muted,#64748b)!important;
  border-color:var(--theme-line,#e5edf7)!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:900!important;
  white-space:nowrap;
  padding:14px 16px!important;
}
.main .table tbody td,
.dashboard-main .table tbody td{
  color:var(--theme-text,#0f172a)!important;
  border-color:var(--theme-line,#e5edf7)!important;
  vertical-align:middle;
  padding:14px 16px!important;
}
.main .table-responsive,
.dashboard-main .table-responsive{
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:18px;
  overflow:auto;
}
.main .badge,
.dashboard-main .badge,
.loan-polish-page .badge{
  border-radius:999px;
  padding:7px 10px;
  font-weight:900;
}

/* Button groups in list/table pages should have the same clean gap */
.main .btn-group,
.dashboard-main .btn-group{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.main .btn-group > .btn,
.dashboard-main .btn-group > .btn{
  border-radius:12px!important;
  margin-left:0!important;
}
.main td .btn + .btn,
.dashboard-main td .btn + .btn,
.main .card-footer .btn + .btn,
.dashboard-main .card-footer .btn + .btn{
  margin-left:8px;
}

/* Dark theme support for the uniform controls */
body[data-theme="dark-neon"] .main .form-control,
body[data-theme="dark-neon"] .main .form-select,
body[data-theme="dark-neon"] .dashboard-main .form-control,
body[data-theme="dark-neon"] .dashboard-main .form-select,
body[data-theme="dark-neon"] .loan-polish-page .form-control,
body[data-theme="dark-neon"] .loan-polish-page .form-select,
body[data-theme="dark-neon"] .lt-input,
body[data-theme="dark-neon"] .main .card,
body[data-theme="dark-neon"] .dashboard-main .card,
body[data-theme="dark-neon"] .main .card-header,
body[data-theme="dark-neon"] .dashboard-main .card-header{
  background:var(--theme-card,#0b1220)!important;
  border-color:#1f2937!important;
}
body[data-theme="dark-neon"] .main .table-responsive,
body[data-theme="dark-neon"] .dashboard-main .table-responsive{
  border-color:#1f2937!important;
}
body[data-theme="dark-neon"] .main .table thead th,
body[data-theme="dark-neon"] .dashboard-main .table thead th{
  background:#111827!important;
  border-color:#1f2937!important;
}
body[data-theme="dark-neon"] .main .table tbody td,
body[data-theme="dark-neon"] .dashboard-main .table tbody td{
  border-color:#1f2937!important;
}
body[data-theme="dark-neon"] .main .btn-outline-primary,
body[data-theme="dark-neon"] .main .btn-outline-secondary,
body[data-theme="dark-neon"] .main .btn-outline-success,
body[data-theme="dark-neon"] .main .btn-outline-warning,
body[data-theme="dark-neon"] .dashboard-main .btn-outline-primary,
body[data-theme="dark-neon"] .dashboard-main .btn-outline-secondary,
body[data-theme="dark-neon"] .dashboard-main .btn-outline-success,
body[data-theme="dark-neon"] .dashboard-main .btn-outline-warning,
body[data-theme="dark-neon"] .btn-theme-outline,
body[data-theme="dark-neon"] .lt-btn-outline{
  background:#111827!important;
  border-color:#334155!important;
  color:#22d3ee!important;
}

@media(max-width:768px){
  .main td .btn + .btn,
  .dashboard-main td .btn + .btn,
  .main .card-footer .btn + .btn,
  .dashboard-main .card-footer .btn + .btn{
    margin-left:0;
    margin-top:8px;
  }
}


.login-developed-by {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-muted, #64748b);
}

.login-developed-by a {
    color: var(--theme-primary, #0d6efd);
    text-decoration: none;
    font-weight: 900;
}

.login-developed-by a:hover {
    color: var(--theme-accent, #f59e0b);
    text-decoration: underline;
}


/* Loan Types page - professional create button aligned with Loan Applications page */
.loan-list-hero .loan-list-hero-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.loan-list-hero .loan-type-create-btn,
.loan-list-hero .loan-list-hero-actions .btn-theme-primary{
  width:auto!important;
  min-width:168px;
  min-height:48px;
  padding:13px 18px!important;
  border-radius:15px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  white-space:nowrap;
  font-size:14px;
  letter-spacing:.01em;
}
.loan-list-hero .loan-type-create-btn i,
.loan-list-hero .loan-list-hero-actions .btn-theme-primary i{
  font-size:15px;
  line-height:1;
}
@media (max-width:768px){
  .loan-list-hero .loan-list-hero-actions,
  .loan-list-hero .loan-type-create-btn,
  .loan-list-hero .loan-list-hero-actions .btn-theme-primary{
    width:100%!important;
  }
}

/* Loans page loan-type filter + table UI polish */
.loan-filter-form{
  grid-template-columns:minmax(260px,1fr) 220px 190px 150px 140px!important;
  align-items:center!important;
}
.loan-filter-form select,
.loan-filter-form .filter-search,
.loan-filter-form .btn-theme-primary,
.loan-filter-form .loan-reset-btn{
  height:52px!important;
}
.loan-type-mini{
  min-width:150px;
}
.loan-type-mini strong{
  display:block;
  color:var(--theme-text,#0f172a);
  font-weight:900;
  line-height:1.15;
}
.loan-type-mini small{
  display:block;
  margin-top:4px;
  color:var(--theme-muted,#64748b);
  font-size:12px;
  font-weight:800;
}
.loan-table{
  min-width:1240px!important;
  table-layout:auto;
}
.loan-table thead th,
.loan-table tbody td{
  vertical-align:middle!important;
}
.loan-table th:nth-child(1),
.loan-table td:nth-child(1){width:150px;}
.loan-table th:nth-child(2),
.loan-table td:nth-child(2){width:250px;}
.loan-table th:nth-child(3),
.loan-table td:nth-child(3){width:170px;}
.loan-table th:nth-child(10),
.loan-table td:nth-child(10){width:170px!important;min-width:170px!important;max-width:170px!important;}
.loan-table-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  min-width:142px!important;
  width:142px!important;
  margin-left:auto!important;
}
.loan-row-action{
  min-height:42px!important;
  min-width:0!important;
  width:100%!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:900!important;
}
.action-th{width:170px!important;min-width:170px!important;text-align:center!important;}

@media (max-width:1200px){
  .loan-filter-form{
    grid-template-columns:1fr 1fr!important;
  }
  .loan-filter-form .filter-search{
    grid-column:1 / -1;
  }
}
@media (max-width:768px){
  .loan-filter-form{
    grid-template-columns:1fr!important;
  }
  .loan-filter-form .filter-search{
    grid-column:auto;
  }
}

/* Borrowers page search/reset UI polish */
.page-toolbar .toolbar-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.toolbar-btn{
  width:auto!important;
  min-height:48px;
  padding:12px 18px;
  border-radius:14px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:900;
  text-decoration:none;
}
.borrower-filter-form{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 220px 150px 140px;
  gap:12px;
  align-items:center;
  margin-bottom:18px;
}
.borrower-filter-form select,
.borrower-filter-form .filter-search,
.borrower-filter-form .btn-theme-primary,
.borrower-filter-form .borrower-reset-btn{
  height:52px!important;
}
.borrower-filter-form select{
  border:1px solid var(--theme-line,#e5edf7);
  border-radius:14px;
  padding:0 14px;
  color:var(--theme-text,#0f172a);
  background:var(--theme-card,#fff);
  font-weight:800;
}
.borrower-filter-form .btn-theme-primary,
.borrower-filter-form .borrower-reset-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:14px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.borrower-table-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:112px;
}
.borrower-table-actions .loan-row-action{
  min-height:38px!important;
  width:100%!important;
  border-radius:12px!important;
  padding:9px 12px!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
}
.main .table .badge{
  min-width:94px;
  text-align:center;
}
@media(max-width:992px){
  .borrower-filter-form{grid-template-columns:1fr 1fr;}
  .borrower-filter-form .filter-search{grid-column:1 / -1;}
}
@media(max-width:640px){
  .borrower-filter-form{grid-template-columns:1fr;}
  .borrower-filter-form .filter-search{grid-column:auto;}
  .page-toolbar{align-items:flex-start!important;gap:14px;flex-direction:column;}
  .toolbar-btn{width:100%!important;}
}


/* =========================================================
   Global uniform breadcrumb styling
   Matches the Loan Applications page breadcrumb across system
   ========================================================= */
.loan-list-breadcrumb,
.loan-polish-breadcrumb,
.page-breadcrumb,
.profile-breadcrumb,
.uniform-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--theme-muted,#64748b)!important;
  font-size:13px!important;
  font-weight:800!important;
  margin-bottom:9px!important;
  flex-wrap:wrap!important;
  line-height:1.25!important;
}
.loan-list-breadcrumb a,
.loan-polish-breadcrumb a,
.page-breadcrumb a,
.profile-breadcrumb a,
.uniform-breadcrumb a{
  color:var(--theme-primary,#0057d9)!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
.loan-list-breadcrumb a:hover,
.loan-polish-breadcrumb a:hover,
.page-breadcrumb a:hover,
.profile-breadcrumb a:hover,
.uniform-breadcrumb a:hover{
  color:var(--theme-primary-2,var(--theme-primary,#0057d9))!important;
  text-decoration:underline!important;
}
.loan-list-breadcrumb i,
.loan-polish-breadcrumb i,
.page-breadcrumb i,
.profile-breadcrumb i,
.uniform-breadcrumb i{
  color:color-mix(in srgb,var(--theme-muted,#64748b) 68%,transparent)!important;
  font-size:14px!important;
  line-height:1!important;
}
.loan-list-breadcrumb span,
.loan-polish-breadcrumb span,
.page-breadcrumb span,
.profile-breadcrumb span,
.uniform-breadcrumb span{
  color:var(--theme-muted,#64748b)!important;
  font-weight:850!important;
}

/* LoanTrack PH Chatbot Helper */
.chatbot-launcher {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 58px;
    height: 58px;
    border-radius: 20px;
    border: 0;
    background: var(--theme-primary, #0d6efd);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 36px color-mix(in srgb, var(--theme-primary, #0d6efd) 35%, transparent);
    z-index: 1200;
    cursor: pointer;
    transition: all .2s ease;
}
.chatbot-launcher:hover { transform: translateY(-2px); filter: brightness(.98); }
.chatbot-launcher i { font-size: 24px; }
.chatbot-launcher .chatbot-dot {
    position: absolute;
    right: 9px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
}
.chatbot-panel {
    position: fixed;
    right: 24px;
    bottom: 94px;
    width: min(410px, calc(100vw - 32px));
    max-height: min(650px, calc(100vh - 125px));
    background: var(--card-bg, #ffffff);
    color: var(--text-dark, #0f172a);
    border: 1px solid var(--card-border, #dbe4f0);
    border-radius: 24px;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .22);
    z-index: 1201;
    display: none;
    overflow: hidden;
}
.chatbot-panel.open { display: flex; flex-direction: column; }
.chatbot-header {
    padding: 18px 18px;
    background: linear-gradient(135deg, var(--theme-primary, #0d6efd), color-mix(in srgb, var(--theme-primary, #0d6efd) 76%, #111827));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.chatbot-title-wrap { display: flex; align-items: center; gap: 12px; }
.chatbot-avatar {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.16);
    color: #fff;
    flex-shrink: 0;
}
.chatbot-avatar i { font-size: 20px; }
.chatbot-title { font-weight: 900; font-size: 16px; line-height: 1.1; }
.chatbot-subtitle { font-size: 12px; opacity: .86; margin-top: 4px; font-weight: 600; }
.chatbot-close {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    border: 0;
    background: rgba(255,255,255,.14);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.chatbot-messages {
    padding: 18px;
    overflow-y: auto;
    min-height: 260px;
    max-height: 420px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: color-mix(in srgb, var(--card-bg, #ffffff) 92%, var(--theme-soft, #eef4ff));
}
.chat-message {
    max-width: 92%;
    border-radius: 18px;
    padding: 14px 15px;
    font-size: 14px;
    line-height: 1.45;
    border: 1px solid transparent;
}
.chat-message.bot {
    align-self: flex-start;
    background: var(--card-bg, #ffffff);
    border-color: var(--card-border, #dbe4f0);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}
.chat-message.user {
    align-self: flex-end;
    background: var(--theme-primary, #0d6efd);
    color: #fff;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--theme-primary, #0d6efd) 25%, transparent);
}
.chat-message h6 {
    font-size: 14px;
    font-weight: 900;
    margin: 0 0 8px;
}
.chat-message ol { margin: 8px 0 0 18px; padding: 0; }
.chat-message li { margin-bottom: 6px; }
.chat-note {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--theme-primary, #0d6efd) 8%, transparent);
    color: var(--text-muted, #64748b);
    font-weight: 700;
    font-size: 12px;
}
.chat-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.chat-links a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme-primary, #0d6efd) 10%, transparent);
    color: var(--theme-primary, #0d6efd);
    text-decoration: none;
    font-weight: 800;
    font-size: 12px;
}
.chatbot-quick {
    padding: 12px 14px 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    background: var(--card-bg, #fff);
    border-top: 1px solid var(--card-border, #dbe4f0);
}
.chat-quick-btn {
    border: 1px solid color-mix(in srgb, var(--theme-primary, #0d6efd) 28%, var(--card-border, #dbe4f0));
    background: color-mix(in srgb, var(--theme-primary, #0d6efd) 7%, var(--card-bg, #fff));
    color: var(--theme-primary, #0d6efd);
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}
.chatbot-form {
    padding: 14px;
    display: flex;
    gap: 10px;
    background: var(--card-bg, #fff);
}
.chatbot-form input {
    flex: 1;
    min-height: 44px;
    border: 1px solid var(--card-border, #dbe4f0);
    border-radius: 16px;
    padding: 10px 13px;
    outline: none;
    background: var(--card-bg, #fff);
    color: var(--text-dark, #0f172a);
    font-weight: 600;
}
.chatbot-form input:focus {
    border-color: var(--theme-primary, #0d6efd);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--theme-primary, #0d6efd) 13%, transparent);
}
.chatbot-send {
    width: 46px;
    height: 44px;
    border-radius: 16px;
    border: 0;
    background: var(--theme-primary, #0d6efd);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chatbot-typing { opacity: .75; font-weight: 800; }
@media (max-width: 640px) {
    .chatbot-launcher { right: 16px; bottom: 16px; }
    .chatbot-panel { right: 16px; bottom: 84px; max-height: calc(100vh - 100px); }
}