/* GREEN-WHITE PROFESSIONAL UI v3 - text alignment and secondary borrower number */
/* GREEN-WHITE PROFESSIONAL UI v2 - cache bust applied */

:root{
  --primary:#07943f;
  --primary-2:#0bb957;
  --primary-dark:#046c31;
  --primary-soft:#eaf8ef;
  --primary-soft-2:#f4fcf7;
  --text:#102033;
  --muted:#687589;
  --line:#e4eadf;
  --bg:#f7faf7;
  --card:#ffffff;
  --danger:#ef4444;
  --danger-soft:#fff1f0;
  --warning:#f59e0b;
  --warning-soft:#fff8e6;
  --info:#2563eb;
  --info-soft:#eff6ff;
  --shadow:0 18px 45px rgba(15,48,28,.08);
  --shadow-sm:0 8px 24px rgba(15,48,28,.06);
  --radius:22px;
  --radius-sm:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(12,185,87,.08),transparent 32%),linear-gradient(180deg,#fff 0%,var(--bg) 100%);font-size:14px;line-height:1.45}
a{text-decoration:none;color:inherit}strong{font-weight:850}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.danger-text{color:var(--danger)}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:286px;padding:26px 22px;background:rgba(255,255,255,.92);border-right:1px solid var(--line);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:4px 4px 24px;margin-bottom:12px;border-bottom:1px solid #eef3ec}.brand-icon,.logo{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(7,148,63,.24)}.brand-text,.brand>span:last-child{display:flex;flex-direction:column;font-weight:900;font-size:23px;letter-spacing:-.04em;line-height:1.05}.brand-text small,.brand>span:last-child span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-top:3px}.brand-text span:first-of-type{color:var(--primary)}
.sidebar-nav{display:grid;gap:8px}.nav-link{min-height:50px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:15px;color:#27364a;font-weight:800;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.nav-link:hover{background:var(--primary-soft);color:var(--primary);transform:translateX(2px)}.nav-link.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 14px 26px rgba(7,148,63,.22)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.68);font-weight:900}.nav-link:not(.active) .nav-icon{background:#f3f7f2;color:currentColor}.nav-label{white-space:nowrap}.side-card{position:absolute;left:22px;right:22px;bottom:24px;border:1px solid #d8eedf;background:linear-gradient(160deg,#fff,#edf9f1);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm)}.side-card:before{content:'✓';width:38px;height:38px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:10px}.side-card strong{display:block}.side-card p{margin:8px 0 0;color:var(--muted);font-size:13px}.pro-card{display:none!important}
.main{margin-left:286px;width:calc(100% - 286px);padding:0 30px 34px}.topbar{height:86px;margin:0 -30px 24px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:31px;letter-spacing:-.04em;line-height:1.05}.topbar p{margin:5px 0 0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.search-wrap{position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8b9aa8;font-weight:900}.search{height:48px;width:min(480px,36vw);border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 44px;color:var(--text);outline:none;box-shadow:var(--shadow-sm);transition:border .18s ease,box-shadow .18s ease}.search:focus{border-color:#9bddb6;box-shadow:0 0 0 4px rgba(7,148,63,.10)}.user-chip{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px 7px 7px;box-shadow:var(--shadow-sm)}.user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900}.user-meta{display:grid;line-height:1.1}.user-meta small{color:var(--muted);font-size:12px}.notif{display:none!important}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.card,.panel,.auth-card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:18px}.metric{display:flex;align-items:center;gap:14px}.metric-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:21px;box-shadow:0 14px 24px rgba(7,148,63,.16)}.metric h3{margin:0 0 6px;color:#526074;font-size:13px}.metric strong{display:block;font-size:22px;letter-spacing:-.035em}.metric p{margin:6px 0 0;color:var(--muted);font-size:12px}.blue,.green{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.red{background:linear-gradient(135deg,#ef4444,#fb7185)}
.panel{padding:20px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.panel-head h2,.panel h2{margin:0;font-size:24px;letter-spacing:-.035em}.panel-head p{margin:5px 0 0}.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:18px}.profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{appearance:none;border:0;min-height:42px;border-radius:13px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:850;cursor:pointer;box-shadow:0 12px 22px rgba(7,148,63,.20);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(7,148,63,.24)}.btn:active{transform:translateY(0)}.btn.outline{background:#fff;color:var(--primary);border:1px solid #bfe7cb;box-shadow:none}.btn.outline:hover{background:var(--primary-soft)}.btn.danger{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 12px 22px rgba(239,68,68,.18)}.btn.green{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.btn.small{min-height:34px;border-radius:10px;padding:8px 11px;font-size:12px;box-shadow:none}
.field{display:grid;gap:7px;margin-bottom:13px}.field label{font-size:12px;color:#35445a;font-weight:850}.input,select,textarea{width:100%;min-height:42px;border:1px solid #dfe8df;background:#fff;border-radius:12px;padding:10px 12px;color:var(--text);font:inherit;outline:none;transition:border .18s ease,box-shadow .18s ease,background .18s ease}.input:focus,select:focus,textarea:focus{border-color:#94dbae;box-shadow:0 0 0 4px rgba(7,148,63,.10)}textarea{min-height:112px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.full{grid-column:1/-1}.sub{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px;background:#fff}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{padding:13px 14px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.035em;color:#687589;background:#f7faf7;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:14px;border-bottom:1px solid #eef3ec;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--primary-soft-2)}.avatar{width:34px;height:34px;margin-right:9px;border-radius:50%;display:inline-grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;vertical-align:middle}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;white-space:nowrap}.badge-success{background:var(--primary-soft);color:var(--primary-dark)}.badge-danger{background:var(--danger-soft);color:#c62828}.badge-warning{background:var(--warning-soft);color:#b45309}.badge-info{background:var(--info-soft);color:var(--info)}.badge-muted{background:#f1f5f9;color:#64748b}.alert{padding:13px 15px;border-radius:15px;border:1px solid;margin-bottom:16px;font-weight:800}.alert.success{background:var(--primary-soft);border-color:#bfe7cb;color:var(--primary-dark)}.alert.error{background:var(--danger-soft);border-color:#fecaca;color:#b91c1c}.alert.warning{background:var(--warning-soft);border-color:#fde68a;color:#92400e}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-box{border:1px solid #dcebdd;background:linear-gradient(180deg,#fff,var(--primary-soft-2));border-radius:17px;padding:15px}.summary-box small{display:block;color:#66748a;font-weight:800;margin-bottom:7px}.summary-box strong{font-size:20px;letter-spacing:-.035em;color:#0e2418}.kpi-list{display:grid;gap:12px}.kpi-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.level{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;transition:.18s ease}.level:hover,.level.selected{border-color:#bfe7cb;background:var(--primary-soft-2)}.level-num{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:900;margin-right:8px}
.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.page-btn{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfe8d5;background:#fff;color:#0d7b39;border-radius:12px;font-weight:850;padding:0 12px}.page-btn.active,.page-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.page-note{color:var(--muted);font-size:12px;margin-left:4px}
/* Create Loan - mockup-inspired */
.loan-create-panel{padding:22px;background:linear-gradient(180deg,#fff 0%,#fbfefb 100%)}.loan-create-top,.create-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.loan-create-top h2{margin:4px 0 4px;font-size:27px}.loan-workspace{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;align-items:start}.loan-fields-stack{display:grid;gap:13px}.loan-step-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm)}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.step-title span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900}.step-title h3{margin:0;font-size:18px}.step-title small{color:var(--muted);font-weight:650}.friendly-grid{display:grid;gap:13px}.friendly-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.friendly-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.friendly-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.loan-preview-side{position:sticky;top:106px;display:grid;gap:13px}.loan-preview{border:1px solid #bfe7cb;background:#fff;border-radius:22px;padding:18px;box-shadow:var(--shadow)}.preview-title{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900;color:var(--primary);margin-bottom:15px}.preview-title:before{content:'◉';font-size:16px}.preview-hero{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-radius:18px;padding:20px;margin:10px 0 14px;box-shadow:0 15px 28px rgba(7,148,63,.24)}.preview-hero small{display:block;text-transform:uppercase;letter-spacing:.06em;font-weight:850;opacity:.9}.preview-hero strong{display:block;font-size:34px;letter-spacing:-.05em;margin:4px 0}.preview-hero span{font-size:13px;opacity:.86}.preview-list{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.preview-list div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;border-bottom:1px solid var(--line);background:#fff}.preview-list div:last-child{border-bottom:0}.preview-list small{color:var(--muted);font-weight:750}.preview-list strong{font-size:15px}.preview-note{background:var(--primary-soft-2);border:1px solid #cfe8d5;border-radius:16px;padding:13px;color:#48576a;line-height:1.65}.sticky-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sticky-actions .btn:first-child{grid-column:1/-1}.loan-mini{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.schedule-box{max-height:430px;overflow:auto}.reminder-message{background:var(--primary-soft-2);border:1px solid #cfe8d5;border-radius:18px;padding:16px;line-height:1.65}
/* Settings */.settings-hero{display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 18px 34px rgba(7,148,63,.22)}.settings-hero h2{margin:4px 0;font-size:30px}.settings-hero p{color:rgba(255,255,255,.86)}.settings-hero-badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:18px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.settings-card h3{margin:0 0 6px}.settings-list{display:grid;gap:10px}.settings-item{border:1px solid var(--line);background:var(--primary-soft-2);border-radius:16px;padding:13px}
/* Auth */.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:450px;max-width:100%;padding:28px}.auth-card .brand{border-bottom:0;padding:0;margin:0 0 18px}.auth-card h1{margin:0 0 6px;font-size:32px;letter-spacing:-.04em}.footer-link{text-align:center;margin-top:18px;color:var(--primary);font-weight:850}
@media (max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.loan-workspace{grid-template-columns:1fr}.loan-preview-side{position:static}.friendly-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.search{width:300px}.settings-grid,.settings-hero{grid-template-columns:1fr}}
@media (max-width:820px){.sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main{margin-left:0;width:100%;padding:0 16px 24px}.topbar{margin:0 -16px 18px;padding:14px 16px;height:auto;position:static;align-items:flex-start;flex-direction:column}.top-actions{width:100%;align-items:stretch}.search-wrap{flex:1}.search{width:100%}.user-chip{display:none}.cards,.summary-grid,.form-grid,.friendly-grid.two,.friendly-grid.three,.friendly-grid.four{grid-template-columns:1fr}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.side-card{position:static;margin-top:18px}.panel-head,.profile-head,.loan-create-top{flex-direction:column;align-items:flex-start}.sticky-actions{grid-template-columns:1fr}.btn{width:100%}.actions .btn{width:auto}.table-wrap{border-radius:14px}.topbar h1{font-size:27px}}
@media (max-width:520px){.sidebar-nav{grid-template-columns:1fr}.brand-text{font-size:21px}.panel{padding:16px}.preview-hero strong{font-size:28px}.cards{grid-template-columns:1fr}}


/* GREEN-WHITE PROFESSIONAL UI v3 - text alignment, overflow, and borrower secondary number fixes */
body{letter-spacing:-.006em;text-rendering:optimizeLegibility;overflow-x:hidden}.main{min-width:0}.panel,.card,.summary-box,.loan-step-card,.settings-card,.auth-card{min-width:0;overflow:hidden}.panel h2,.panel h3,.card h3,.topbar h1{overflow-wrap:anywhere;line-height:1.16}.muted,.sub,.soft-text,.preview-note,.settings-note{overflow-wrap:anywhere;line-height:1.55}.grid-2{align-items:start}.panel-head{min-width:0}.panel-head>div{min-width:0}.btn{white-space:nowrap;text-align:center;line-height:1.15}.btn.full-btn{width:100%}.actions.action-row{flex-wrap:nowrap}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:760px}.table th,.table td{line-height:1.35;overflow-wrap:anywhere;word-break:normal}.table th{vertical-align:bottom}.table td{max-width:260px}.table td:last-child{max-width:360px}.compact-table td{padding:12px 13px}.person-cell{display:flex;align-items:flex-start;gap:10px;min-width:210px}.person-cell .avatar{flex:0 0 34px;margin:0}.text-stack,.phone-stack{display:grid;gap:3px;min-width:0}.text-stack strong,.phone-stack strong{display:block;overflow-wrap:anywhere}.text-stack small,.phone-stack small{display:block;color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.phone-stack strong{color:#102033}.label-muted{font-weight:700;color:var(--muted);font-size:11px}.clean-form .field{margin-bottom:12px}.borrower-form-card{position:sticky;top:106px}.borrowers-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr)}.simple-head{margin-bottom:12px}.profile-contact{display:block;max-width:900px}.summary-grid{align-items:stretch}.summary-box strong{display:block;overflow-wrap:anywhere;line-height:1.18}.loan-workspace{grid-template-columns:minmax(0,1fr) minmax(360px,410px)}.friendly-grid>*{min-width:0}.preview-list div{min-width:0}.preview-list strong{text-align:right;overflow-wrap:anywhere}.preview-list small{min-width:0}.preview-hero strong{overflow-wrap:anywhere}.search{max-width:100%}select{white-space:normal}.field label{line-height:1.25}.input,select,textarea{line-height:1.3}.side-card{overflow:hidden}.side-card p{line-height:1.5}.kpi-row{min-width:0}.kpi-row>*{min-width:0;overflow-wrap:anywhere}
@media (max-width:1180px){.borrower-form-card{position:static}.borrowers-layout{grid-template-columns:1fr}.loan-workspace{grid-template-columns:1fr}.loan-preview-side{position:static}}
@media (max-width:820px){.table{min-width:720px}.actions.action-row{flex-wrap:wrap}.btn{white-space:normal}.top-actions{min-width:0}.form-grid{grid-template-columns:1fr}.person-cell{min-width:190px}.borrower-form-card{position:static}.table td{max-width:220px}}
@media (max-width:520px){.panel h2{font-size:21px}.panel-head h2{font-size:21px}.summary-box strong{font-size:18px}.table{min-width:680px}.topbar p{font-size:13px}.loan-create-top h2{font-size:23px}}


/* GREEN-WHITE PROFESSIONAL UI v4 - hard layout fix for dashboard, borrowers, and all long text */
html,body{max-width:100%;overflow-x:hidden}
.app-shell,.main,.topbar,.panel,.card,.grid-2,.cards,.summary-grid,.table-wrap,.field,.form-grid{min-width:0}
.main{max-width:100%}
.panel{overflow:visible}
.card,.summary-box,.loan-step-card,.settings-card{overflow:hidden}
.card *, .summary-box *, .panel-head *, .topbar *, .side-card *, .settings-card *{min-width:0}
/* Do not let dashboard metric text drop into messy multi-line blocks */
.metric{align-items:flex-start;min-width:0}.metric>div:last-child{min-width:0;display:block}.metric h3,.metric p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.metric strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
/* Summary boxes: label may wrap nicely, value stays clean */
.summary-box{display:grid;align-content:start;gap:4px;min-height:94px}.summary-box small{line-height:1.25;min-height:32px;display:flex;align-items:flex-start}.summary-box strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-variant-numeric:tabular-nums}
/* Dashboard active loans must scroll horizontally instead of breaking text downward */
.dashboard-table-wrap,.table-wrap{overflow-x:auto;overflow-y:visible;max-width:100%;display:block;scrollbar-width:thin;border:1px solid var(--line);border-radius:16px;background:#fff}
.dashboard-table-wrap .table,.active-loans-table{min-width:980px;width:100%;table-layout:fixed;margin:0}
.active-loans-table th:nth-child(1){width:120px}.active-loans-table th:nth-child(2){width:220px}.active-loans-table th:nth-child(3){width:92px}.active-loans-table th:nth-child(4){width:120px}.active-loans-table th:nth-child(5){width:122px}.active-loans-table th:nth-child(6){width:116px}.active-loans-table th:nth-child(7){width:105px}.active-loans-table th:nth-child(8){width:86px}
.table th,.table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;max-width:none;word-break:normal;overflow-wrap:normal}.table td{height:58px}.table .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.code-cell strong,.nowrap-cell,.money-cell,.status-cell,.action-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.money-cell{font-variant-numeric:tabular-nums;text-align:right}.action-cell{text-align:right;overflow:visible}.status-cell .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-cell{overflow:visible}.person-cell,.compact-person{display:flex;align-items:center;gap:10px;min-width:0;width:100%;max-width:100%;overflow:hidden}.person-cell .avatar,.compact-person .avatar{flex:0 0 34px}.person-cell .text-stack,.compact-person .text-stack{display:block;min-width:0;max-width:100%;overflow:hidden}.person-cell .text-stack strong,.compact-person .text-stack strong,.person-cell .text-stack small,.compact-person .text-stack small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.25}
/* Borrowers table fixed widths: scroll if needed, do not make ugly tall rows */
.borrowers-layout{grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);align-items:start}.borrowers-layout .table{min-width:920px;table-layout:fixed}.borrowers-layout .table th:nth-child(1){width:230px}.borrowers-layout .table th:nth-child(2){width:190px}.borrowers-layout .table th:nth-child(3){width:250px}.borrowers-layout .table th:nth-child(4){width:130px}.borrowers-layout .table th:nth-child(5){width:200px}.phone-stack{display:block;min-width:0;max-width:100%;overflow:hidden}.phone-stack strong,.phone-stack small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.address-cell .soft-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.actions.action-row{display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap;min-width:0}.actions.action-row .btn{flex:0 0 auto;min-height:34px;padding:8px 10px}
/* Forms and buttons stay precise */
.input,select,textarea{max-width:100%;min-width:0}.btn{max-width:100%;overflow:hidden;text-overflow:ellipsis}.panel-head{align-items:flex-start}.panel-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.panel-head>div{overflow:hidden}.panel-head .btn{flex:0 0 auto}
/* loan preview values should remain aligned */
.preview-list div{grid-template-columns:minmax(0,1fr) auto}.preview-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-list strong{white-space:nowrap;font-variant-numeric:tabular-nums}.preview-hero strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
/* readable responsive behavior */
@media (max-width:1280px){.grid-2{grid-template-columns:1fr}.active-loans-table{min-width:960px}.borrowers-layout{grid-template-columns:1fr}.borrower-form-card{position:static}}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table th,.table td{font-size:13px}.panel-head h2{white-space:normal}.panel-head{gap:10px}.panel-head .btn{width:auto}.dashboard-table-wrap .table,.active-loans-table{min-width:920px}.borrowers-layout .table{min-width:880px}}
@media (max-width:620px){.cards,.summary-grid{grid-template-columns:1fr}.metric h3,.metric p,.metric strong{white-space:normal}.summary-box small{min-height:0}.summary-box strong{white-space:normal}.panel{padding:14px}.topbar h1{white-space:normal}.dashboard-table-wrap .table,.active-loans-table{min-width:880px}.borrowers-layout .table{min-width:840px}.actions.action-row .btn{padding:8px 9px}.btn.small{font-size:12px}}

/* GREEN-WHITE PROFESSIONAL UI v5 - NO SIDE SCROLL + NEW LOGO */
.brand-logo{width:54px;height:54px;display:block;flex:0 0 54px;border-radius:18px;box-shadow:0 16px 28px rgba(4,122,59,.20)}
.brand-icon{display:none!important}
/* Make records fit the page instead of requiring horizontal scrolling */
.table-wrap,.dashboard-table-wrap{overflow-x:visible!important;overflow-y:visible!important;border:0!important;background:transparent!important}
.table{width:100%!important;min-width:0!important;table-layout:fixed!important;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.table th,.table td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;overflow-wrap:anywhere!important;height:auto!important;padding:11px 10px!important;line-height:1.25!important}
.table .sub,.phone-stack strong,.phone-stack small,.person-cell .text-stack strong,.person-cell .text-stack small,.address-cell .soft-text{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3!important}
.money-cell{text-align:left!important}.action-cell{text-align:left!important}.actions.action-row{justify-content:flex-start!important;flex-wrap:wrap!important}
/* New dashboard active loan cards: readable, no side scroll */
.active-loans-panel{overflow:hidden}.active-loan-cards,.loan-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.loan-mini-card{min-width:0;border:1px solid #dcefe1;background:linear-gradient(180deg,#fff,#fbfffc);border-radius:20px;padding:15px;box-shadow:0 10px 28px rgba(15,48,28,.06);display:grid;gap:12px}.loan-mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.loan-mini-head .person-cell{flex:1;min-width:0}.loan-mini-head .badge{flex:0 0 auto}.loan-mini-code{font-size:12px;font-weight:900;color:#047a3b;background:#eefaf2;border:1px solid #d8f0df;border-radius:999px;padding:6px 10px;width:max-content;max-width:100%;overflow-wrap:anywhere}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mini-stats span{min-width:0;border:1px solid #edf3ec;background:#fff;border-radius:14px;padding:10px;display:grid;gap:3px}.mini-stats small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.mini-stats b{font-size:13px;line-height:1.18;overflow-wrap:anywhere}.full-card-btn{width:100%}.empty-state{border:1px dashed #bfe6cc;background:#f5fcf7;color:#456154;border-radius:18px;padding:18px;text-align:center;font-weight:800}
/* Borrower cards: replaces cramped table view */
.borrower-card-list{display:grid;gap:14px}.borrower-card{border:1px solid #dcefe1;background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 28px rgba(15,48,28,.06);display:grid;gap:14px;min-width:0}.borrower-card-main{display:flex;align-items:center;gap:12px;min-width:0}.large-avatar{width:46px!important;height:46px!important;flex:0 0 46px!important}.borrower-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.borrower-info-grid>div{min-width:0;border:1px solid #edf3ec;background:#fbfffc;border-radius:14px;padding:10px 12px;display:grid;gap:3px}.borrower-info-grid small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.borrower-info-grid b{font-size:13px;line-height:1.25;overflow-wrap:anywhere}.borrower-card-actions{display:flex;gap:8px;flex-wrap:wrap}.borrower-card-actions .btn{flex:1 1 90px}.borrowers-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important}
/* Compact every page so text stays even */
.cards{grid-template-columns:repeat(4,minmax(180px,1fr))}.summary-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.panel-head{flex-wrap:wrap}.panel-head h2{white-space:normal!important}.metric h3,.metric p,.metric strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.btn{white-space:normal!important}.search{width:min(420px,34vw)}
@media (max-width:1250px){.active-loan-cards,.loan-card-list{grid-template-columns:1fr}.borrowers-layout{grid-template-columns:1fr!important}.borrower-form-card{position:static!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.borrower-info-grid{grid-template-columns:1fr}.top-actions{flex-direction:column}.search{width:100%}.cards,.summary-grid{grid-template-columns:1fr}.sidebar{padding:18px 16px}.brand-logo{width:48px;height:48px;flex-basis:48px}.brand-text{font-size:20px}.loan-mini-head{align-items:flex-start;flex-direction:column}.loan-mini-head .badge{align-self:flex-start}.table,.table thead,.table tbody,.table tr,.table th,.table td{display:block;width:100%}.table thead{display:none}.table tr{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;background:#fff;box-shadow:0 8px 20px rgba(15,48,28,.05);padding:10px}.table td{border:0!important;display:flex;justify-content:space-between;gap:14px;text-align:right!important}.table td:before{content:attr(data-label);font-weight:900;color:var(--muted);text-align:left}.table td:empty{display:none}}
@media (max-width:520px){.mini-stats{grid-template-columns:1fr}.borrower-card-actions .btn{flex-basis:100%}.loan-mini-card,.borrower-card{padding:13px}.panel{padding:13px!important}.brand{padding-bottom:16px}.sidebar-nav{grid-template-columns:1fr!important}}

/* GREEN-WHITE PROFESSIONAL UI v6 - SMS CREDIT WALLET */
.sms-credit-grid{margin:14px 0 16px}.topup-form{margin-top:10px}.credit-history{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.credit-history h3{margin:0 0 12px;font-size:16px}.credit-list{display:grid;gap:10px}.credit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e4f1e7;background:#fff;border-radius:15px;padding:12px 14px}.credit-row strong{display:block}.credit-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.credit-amount{text-align:right;font-weight:900;font-variant-numeric:tabular-nums}.credit-amount.positive{color:var(--primary-dark)}.credit-amount.negative{color:#b91c1c}.credit-amount small{font-weight:800}.settings-layout{align-items:start}.settings-main-card#smsCredits{margin-top:18px}.sms-wallet-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfead5;background:#f5fcf7;color:#0f6c35;border-radius:999px;padding:8px 12px;font-weight:900}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.metric{min-width:0}.metric>div:last-child{min-width:0}.metric strong{overflow-wrap:anywhere}.panel-head .actions{justify-content:flex-end}.friendly-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.friendly-grid.three{grid-template-columns:1fr}.credit-row{align-items:flex-start;flex-direction:column}.credit-amount{text-align:left}.panel-head .actions{justify-content:flex-start}.settings-main-card#smsCredits{margin-top:0}}

/* GREEN-WHITE PROFESSIONAL UI v7-admin-credits */
.credit-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#f7fff9,#ffffff)}
.client-credit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.client-credit-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 26px rgba(15,108,53,.06)}
.client-credit-main{display:flex;align-items:center;gap:12px;min-width:0}.client-avatar{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#ecfdf3;color:var(--primary-dark);font-weight:950;border:1px solid #cfead5;flex:0 0 auto}.client-credit-info{min-width:0}.client-credit-info strong,.client-credit-info span,.client-credit-info small{display:block;min-width:0;overflow-wrap:anywhere}.client-credit-info strong{font-size:15px}.client-credit-info span{color:var(--muted);font-size:13px}.client-credit-info small{color:var(--muted);font-size:12px;margin-top:2px}.client-credit-balance{text-align:right;min-width:110px}.client-credit-balance small,.client-credit-balance span{display:block;color:var(--muted);font-size:12px}.client-credit-balance strong{display:block;color:var(--primary-dark);font-size:20px;font-weight:950;white-space:nowrap}.client-credit-toggle{grid-column:1/-1;display:flex;justify-content:flex-end;margin:0}.client-credit-toggle .btn{white-space:nowrap}@media (max-width:720px){.client-credit-card{grid-template-columns:1fr}.client-credit-balance{text-align:left}.client-credit-toggle{justify-content:flex-start}.credit-admin-hero{align-items:flex-start}}

/* GREEN-WHITE PROFESSIONAL UI v8 SUPERADMIN CREDITS */

/* GREEN-WHITE PROFESSIONAL UI v9 TOPUP REQUESTS */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.settings-layout>.settings-main-card{grid-column:1}.settings-layout>.settings-side{grid-column:2;grid-row:1 / span 3}.request-card-list,.request-admin-list{display:grid;gap:12px}.request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #dcefe1;background:#fff;border-radius:16px;padding:13px 14px}.request-card strong{display:block;font-size:16px}.request-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.request-card .full{grid-column:1/-1}.request-admin-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(160px,.5fr) auto;gap:14px;align-items:center;border:1px solid #dcefe1;background:linear-gradient(180deg,#fff,#fbfffc);border-radius:20px;padding:16px;box-shadow:0 10px 26px rgba(15,108,53,.06)}.request-admin-main{display:flex;align-items:center;gap:12px;min-width:0}.request-admin-main>div:last-child{min-width:0}.request-admin-main strong,.request-admin-main span,.request-admin-main small{display:block;min-width:0;overflow-wrap:anywhere}.request-admin-main span,.request-admin-main small{color:var(--muted);font-size:12px}.request-admin-money{text-align:right}.request-admin-money small,.request-admin-money span{display:block;color:var(--muted);font-size:12px}.request-admin-money strong{display:block;color:var(--primary-dark);font-size:20px;font-weight:950;white-space:nowrap}.request-admin-status{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.request-note{grid-column:1/-1;margin:0!important;border-left:3px solid #bfe7cb;padding-left:10px}.request-review-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:12px}.topup-request-history{margin-top:18px}.field input[type=file].input{padding:9px;background:#fff}.actions .btn.small{min-height:36px}.badge-warning{background:#fff7ed!important;color:#b45309!important;border:1px solid #fed7aa}.badge-success{border:1px solid #bbf7d0}.badge-danger{border:1px solid #fecaca}
@media (max-width:1100px){.settings-layout{grid-template-columns:1fr}.settings-layout>.settings-side{grid-column:1;grid-row:auto}.request-admin-card{grid-template-columns:1fr}.request-admin-money{text-align:left}.request-admin-status{justify-content:flex-start}.request-review-form{grid-template-columns:1fr}.request-review-form .btn{width:100%}}
@media (max-width:620px){.request-card{grid-template-columns:1fr}.request-admin-card{padding:13px}.settings-layout{gap:14px}}

/* GREEN-WHITE PROFESSIONAL UI v10 AUTH POLISH */
.auth-page-pro{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at top left, rgba(31,185,103,.20), transparent 32%),
    linear-gradient(135deg,#f4fff8 0%,#ffffff 45%,#edfdf4 100%);
  color:#153526;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  display:grid;
  place-items:center;
  padding:28px;
}
.auth-shell-pro{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:1.1fr .82fr;
  gap:24px;
  align-items:stretch;
}
.auth-shell-pro.reverse{grid-template-columns:.9fr 1.05fr;}
.auth-shell-pro.reverse .auth-story-panel{order:2;}
.auth-shell-pro.reverse .auth-form-card-pro{order:1;}
.auth-story-panel,
.auth-form-card-pro{
  border:1px solid rgba(19,122,73,.12);
  border-radius:30px;
  background:rgba(255,255,255,.88);
  box-shadow:0 24px 70px rgba(15,97,55,.14);
  overflow:hidden;
}
.auth-story-panel{
  position:relative;
  padding:34px;
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    linear-gradient(145deg,rgba(4,132,71,.95),rgba(16,166,91,.88)),
    url('logo.svg');
  color:#fff;
}
.auth-story-panel:before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  border-radius:50%;
  background:rgba(255,255,255,.11);
  right:-110px;top:-120px;
}
.auth-story-panel:after{
  content:"";
  position:absolute;
  inset:auto 30px 30px auto;
  width:150px;height:150px;
  border-radius:32px;
  background:rgba(255,255,255,.10);
  transform:rotate(12deg);
}
.auth-brand-pro,.auth-copy,.auth-feature-grid,.auth-feature-list{position:relative;z-index:1;}
.auth-brand-pro{display:flex;align-items:center;gap:14px;}
.auth-brand-pro img,.auth-mobile-brand img{width:48px;height:48px;border-radius:16px;background:#fff;padding:7px;object-fit:contain;box-shadow:0 12px 30px rgba(0,0,0,.10);}
.auth-brand-pro strong{display:block;font-size:22px;letter-spacing:-.03em;line-height:1;}
.auth-brand-pro span{display:block;font-size:13px;color:rgba(255,255,255,.78);margin-top:4px;}
.auth-pill{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:800;margin-bottom:18px;}
.auth-copy h1{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.055em;margin:0 0 18px;max-width:760px;}
.auth-copy p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.86);max-width:690px;margin:0;}
.auth-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;}
.auth-feature-grid div,.auth-feature-list div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);border-radius:22px;padding:17px;backdrop-filter:blur(10px);}
.auth-feature-grid b{display:block;font-size:15px;margin-bottom:6px;}
.auth-feature-grid span{display:block;color:rgba(255,255,255,.78);font-size:13px;line-height:1.45;}
.auth-feature-list{display:grid;gap:12px;margin-top:28px;}
.auth-feature-list div{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;}
.auth-feature-list span{width:38px;height:38px;border-radius:14px;background:#fff;color:#098548;display:grid;place-items:center;font-weight:900;}
.auth-feature-list p{margin:0;color:rgba(255,255,255,.80);line-height:1.45;}
.auth-feature-list b{color:#fff;}
.auth-form-card-pro{padding:34px;background:#fff;display:flex;flex-direction:column;justify-content:center;}
.auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:14px;color:#0b7c43;}
.auth-form-card-pro h2{font-size:34px;letter-spacing:-.04em;margin:0 0 8px;color:#123526;}
.auth-form-card-pro .muted{margin:0 0 22px;color:#64776d;line-height:1.55;}
.auth-form-pro{display:grid;gap:15px;}
.auth-form-pro .field{margin:0;min-width:0;}
.auth-form-pro label{display:block;font-weight:800;font-size:13px;color:#244337;margin-bottom:7px;}
.auth-form-pro .input{
  width:100%;
  min-height:48px;
  border:1px solid #d6eadf;
  border-radius:16px;
  background:#f9fffb;
  padding:12px 14px;
  font-size:15px;
  color:#143225;
  outline:none;
  transition:.18s ease;
  box-sizing:border-box;
}
.auth-form-pro .input:focus{border-color:#11a45d;box-shadow:0 0 0 4px rgba(17,164,93,.12);background:#fff;}
.password-wrap{position:relative;display:flex;align-items:center;}
.password-wrap .input{padding-right:78px;}
.password-toggle{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:#e9f8ef;
  color:#087341;
  border-radius:12px;
  padding:9px 12px;
  font-weight:900;
  cursor:pointer;
}
.password-toggle:hover{background:#d9f4e5;}
.security-box{
  display:grid;
  grid-template-columns:1fr 100px;
  gap:12px;
  align-items:end;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,#f2fff7,#ffffff);
  border:1px solid #d6eadf;
}
.security-box div{grid-column:1/-1;}
.security-box strong{display:block;color:#103526;font-size:14px;}
.security-box span{display:block;color:#698277;font-size:12px;margin-top:3px;line-height:1.4;}
.security-box label{margin:0;font-size:18px;color:#087341;}
.security-box .input{text-align:center;font-weight:900;}
.auth-submit{width:100%;justify-content:center;min-height:50px;border-radius:16px;font-weight:900;background:linear-gradient(135deg,#078644,#13b76a);box-shadow:0 14px 30px rgba(7,134,68,.24);}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(7,134,68,.28);}
.auth-form-card-pro .footer-link{margin-top:20px;text-align:center;color:#64776d;font-size:14px;}
.auth-form-card-pro .footer-link a{font-weight:900;color:#078644;text-decoration:none;}
.auth-form-card-pro .alert{border-radius:16px;margin:0 0 16px;padding:12px 14px;line-height:1.45;}
@media (max-width: 920px){
  .auth-page-pro{padding:16px;place-items:start center;}
  .auth-shell-pro,.auth-shell-pro.reverse{grid-template-columns:1fr;}
  .auth-shell-pro.reverse .auth-story-panel,.auth-shell-pro.reverse .auth-form-card-pro{order:initial;}
  .auth-story-panel{min-height:auto;padding:24px;border-radius:24px;}
  .auth-copy h1{font-size:32px;}
  .auth-feature-grid{grid-template-columns:1fr;}
  .auth-form-card-pro{border-radius:24px;padding:24px;}
}
@media (max-width: 560px){
  .auth-story-panel{display:none;}
  .auth-mobile-brand{display:flex;}
  .auth-form-card-pro h2{font-size:28px;}
  .security-box{grid-template-columns:1fr;align-items:start;}
  .security-box .input{text-align:left;}
}

/* GREEN-WHITE PROFESSIONAL UI v12 TOPUP GCASH - elegant auth + secure credit polish */
:root{
  --auth-deep:#063f2a;
  --auth-mid:#087a47;
  --auth-bright:#16c878;
  --auth-cream:#f8fff9;
}
body.auth-page-pro{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 16%, rgba(22,200,120,.18), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(7,148,63,.14), transparent 36%),
    linear-gradient(135deg,#f7fff8 0%,#eefaf2 48%,#ffffff 100%);
  padding:clamp(14px,2vw,30px);
  display:grid;
  place-items:center;
}
.auth-shell-pro{
  width:min(1180px,100%);
  min-height:min(760px,calc(100vh - 56px));
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:18px;
  overflow:visible;
  animation:authFadeUp .55s ease both;
}
.auth-shell-pro.reverse{grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr)}
.auth-story-panel,.auth-form-card-pro{
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(6,63,42,.14);
  border:1px solid rgba(8,122,71,.12);
}
.auth-story-panel{
  min-height:100%;
  padding:clamp(28px,4vw,54px);
  background:
    linear-gradient(135deg,rgba(6,63,42,.96),rgba(8,122,71,.92)),
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 38%);
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:clamp(26px,4vw,50px);
  position:relative;
}
.auth-story-panel:before{
  content:"";
  position:absolute;
  width:430px;height:430px;right:-160px;top:-130px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  filter:blur(.2px);
}
.auth-story-panel:after{
  content:"";
  position:absolute;
  width:300px;height:300px;left:-110px;bottom:-120px;
  border-radius:999px;
  background:rgba(22,200,120,.25);
}
.auth-brand-pro{flex-wrap:wrap;min-width:0}.auth-brand-pro div{min-width:0}.auth-brand-pro strong,.auth-brand-pro span{overflow-wrap:anywhere}.auth-brand-pro img,.auth-mobile-brand img{flex:0 0 50px;width:50px;height:50px;border-radius:18px}
.auth-pill{width:max-content;max-width:100%;white-space:normal;line-height:1.35;background:rgba(255,255,255,.14)}
.auth-copy h1{
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.04;
  letter-spacing:-.055em;
  margin:0 0 20px;
  max-width:780px;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
.auth-copy p{
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.75;
  max-width:720px;
  overflow-wrap:normal;
  word-break:normal;
}
.auth-feature-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-top:auto}.auth-feature-grid div,.auth-feature-list div{overflow:visible}.auth-feature-grid b,.auth-feature-grid span,.auth-feature-list p,.auth-feature-list b{overflow-wrap:normal;word-break:normal}.auth-feature-grid span,.auth-feature-list p{line-height:1.55}
.auth-form-card-pro{
  padding:clamp(28px,3.4vw,46px);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.auth-form-card-pro h2{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:normal}.auth-form-card-pro .muted{line-height:1.65;overflow-wrap:normal;word-break:normal}.auth-form-pro{gap:16px}.auth-form-pro .field{overflow:visible}.auth-form-pro label{letter-spacing:-.01em}.auth-form-pro .input{min-height:52px;border-radius:17px;font-size:15px;transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease}.auth-form-pro .input:focus{transform:translateY(-1px)}
.password-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff;border:1px solid #dbe9df;border-radius:18px;transition:box-shadow .2s ease,border-color .2s ease}.password-wrap:focus-within{border-color:#11a45d;box-shadow:0 0 0 4px rgba(17,164,93,.12)}.password-wrap .input{border:0;box-shadow:none;background:transparent}.password-wrap .input:focus{box-shadow:none;transform:none}.password-toggle{height:38px;margin-right:7px;padding:0 13px;border:0;border-radius:13px;background:#eaf8ef;color:#087a47;font-weight:900;cursor:pointer;transition:background .2s ease, transform .2s ease}.password-toggle:hover{background:#dff4e7;transform:translateY(-1px)}
.security-box{display:grid;gap:10px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#f2fbf5,#ffffff);border:1px solid #dceee3}.security-box div{display:grid;gap:2px}.security-box strong{font-size:14px;color:#123526}.security-box span{font-size:12px;color:#64776d;line-height:1.45}.security-box label{margin:0;color:#087a47;font-size:15px}.auth-submit{min-height:54px;border-radius:18px;transition:transform .2s ease, box-shadow .2s ease, filter .2s ease}.auth-submit:hover{filter:saturate(1.04)}.auth-form-card-pro .footer-link{line-height:1.55;overflow-wrap:normal}.auth-form-card-pro .alert{overflow-wrap:normal;word-break:normal}
.request-review-form .btn,.topup-form .btn,.client-credit-toggle .btn{position:relative}.request-review-form .btn.green:before,.topup-form .btn.green:before{content:"✓";margin-right:6px}.secure-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:#f2fbf5;border:1px solid #dceee3;color:#315247;line-height:1.5}.secure-note strong{color:#087a47}
@keyframes authFadeUp{from{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:980px){
  .auth-page-pro{place-items:start center;padding:14px}
  .auth-shell-pro,.auth-shell-pro.reverse{grid-template-columns:1fr;min-height:auto;gap:14px}.auth-shell-pro.reverse .auth-story-panel,.auth-shell-pro.reverse .auth-form-card-pro{order:initial}.auth-story-panel{min-height:auto;border-radius:28px;padding:26px}.auth-copy h1{font-size:34px}.auth-feature-grid{grid-template-columns:1fr 1fr}.auth-form-card-pro{border-radius:28px;padding:26px}
}
@media(max-width:640px){
  .auth-page-pro{padding:10px}.auth-shell-pro{gap:10px}.auth-story-panel{display:none}.auth-mobile-brand{display:flex}.auth-form-card-pro{border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(6,63,42,.10)}.auth-form-card-pro h2{font-size:30px}.auth-feature-grid{grid-template-columns:1fr}.password-wrap{grid-template-columns:minmax(0,1fr) auto}.password-toggle{padding:0 10px}.auth-submit{white-space:normal}.auth-form-pro .input{font-size:16px}
}

/* v12 client top-up payment instruction */
.payment-instruction-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,180px);gap:14px;align-items:stretch;margin:6px 0 18px;padding:16px;border-radius:22px;border:1px solid #cfead5;background:linear-gradient(135deg,#f4fff7 0%,#ffffff 62%,#ecfff1 100%);box-shadow:0 16px 36px rgba(15,108,53,.08)}
.payment-instruction-main{min-width:0}.payment-instruction-main small,.payment-rate-card small,.payment-rate-card span{display:block;color:var(--muted);font-size:12px;font-weight:800}.payment-instruction-main strong{display:block;margin:5px 0 6px;font-size:clamp(26px,4vw,38px);letter-spacing:.08em;color:var(--primary-dark);font-weight:950;line-height:1.05;overflow-wrap:anywhere}.payment-instruction-main p{margin:8px 0 0;color:#315247;line-height:1.55}.payment-badge{display:inline-flex;align-items:center;border:1px solid #bfe7cb;background:#fff;color:#0f6c35;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;margin-bottom:10px}.payment-rate-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:18px;border:1px solid #d7f0dc;background:#fff;padding:12px;min-width:0}.payment-rate-card strong{font-size:24px;color:var(--primary-dark);font-weight:950;white-space:nowrap}@media(max-width:760px){.payment-instruction-card{grid-template-columns:1fr;padding:14px}.payment-rate-card{align-items:flex-start;text-align:left}.payment-instruction-main strong{font-size:30px}}


/* GREEN-WHITE PROFESSIONAL UI v13 - mobile app design */
.mobile-home-hero{display:none}.mobile-bottom-nav{display:none}.copy-number-btn{margin-top:10px;border:1px solid #c8e9d2;background:#fff;color:var(--primary-dark);border-radius:14px;padding:10px 12px;font-weight:950;cursor:pointer;transition:.18s ease}.copy-number-btn:hover,.copy-number-btn.copied{background:var(--primary);color:#fff;box-shadow:0 10px 22px rgba(7,148,63,.18)}
.btn,button.btn,input[type="submit"].btn{min-height:46px;border-radius:15px;font-weight:950;letter-spacing:-.01em;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(7,148,63,.16)}.btn:active{transform:translateY(0)}
.input,select,textarea{min-height:48px;border-radius:15px!important}.panel,.card,.summary-box,.borrower-card,.loan-mini-card,.request-card{overflow:hidden}.text-stack,.person-cell,.borrower-card-main,.loan-mini-head{min-width:0}.text-stack strong,.text-stack small,.borrower-info-grid b,.borrower-info-grid small,.loan-mini-code{overflow-wrap:anywhere;word-break:normal}.summary-box strong{overflow-wrap:anywhere;line-height:1.12}.badge{white-space:normal;text-align:center;line-height:1.2}
@media(max-width:860px){
  body{background:#fbfdfb;font-size:14px;padding-bottom:86px;-webkit-tap-highlight-color:transparent}.app-shell{display:block}.sidebar{display:none}.main{margin:0;width:100%;padding:0 14px 96px}.topbar{position:sticky;top:0;margin:0 -14px 12px;height:auto;min-height:58px;padding:10px 14px;background:linear-gradient(135deg,#067434,#089e4b);color:#fff;border-bottom:0;box-shadow:0 14px 28px rgba(3,89,42,.16);z-index:30}.topbar h1{font-size:20px;text-align:center;width:100%;color:#fff}.topbar p,.user-chip,.top-actions{display:none}.search-wrap{display:none}.topbar>div:first-child{width:100%}
  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:rgba(255,255,255,.96);border-top:1px solid #dceee3;box-shadow:0 -12px 28px rgba(18,47,29,.10);backdrop-filter:blur(18px);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.mobile-nav-item{display:grid;gap:2px;place-items:center;color:#667587;font-weight:850;font-size:11px;min-height:52px;border-radius:16px}.mobile-nav-item span{font-size:21px;line-height:1}.mobile-nav-item small{font-size:10px}.mobile-nav-item.active{color:var(--primary);background:#ecf9f0}.mobile-nav-item.active span{transform:translateY(-1px)}
  .mobile-home-hero{display:block;padding:12px 0 8px}.mobile-hello{display:flex;align-items:center;gap:12px;margin:4px 0 14px}.mobile-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#dff5e6;color:#087a47;font-size:24px}.mobile-hello strong{display:block;font-size:17px;line-height:1.2}.mobile-hello small{display:block;color:#64776d;margin-top:3px}.mobile-credit-card{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#07853d,#04a84d);color:#fff;box-shadow:0 18px 38px rgba(6,130,61,.24)}.mobile-credit-card small,.mobile-credit-card span{display:block;color:rgba(255,255,255,.88);font-weight:800}.mobile-credit-card strong{display:block;font-size:32px;letter-spacing:-.04em;line-height:1.05;margin:8px 0}.mobile-sms-bubble{width:62px;height:62px;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.22);border:10px solid rgba(255,255,255,.20);font-weight:950;color:#fff!important}.mobile-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.mobile-quick-actions a{min-height:102px;border-radius:20px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(135deg,#07943f,#05a94d);box-shadow:0 16px 32px rgba(7,148,63,.16);font-weight:950}.mobile-quick-actions a:nth-child(3){background:linear-gradient(135deg,#eaf8ef,#d9f2e3);color:#075c2d}.mobile-quick-actions span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);font-size:22px}.mobile-quick-actions b{line-height:1.18}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.card{border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(15,48,28,.06)}.metric{display:grid;gap:8px;text-align:center;justify-items:center}.metric-icon{width:38px;height:38px;border-radius:13px;font-size:18px}.metric h3{font-size:12px;margin:0}.metric strong{font-size:21px}.metric p{font-size:11px;margin:0}.cards .card:nth-child(5){display:none}
  .panel{border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 8px 24px rgba(15,48,28,.06)}.panel-head{align-items:flex-start;gap:10px;margin-bottom:12px}.panel-head h2,.panel h2{font-size:21px;line-height:1.15}.panel-head .btn{min-height:40px;padding:9px 12px}.grid-2,.borrowers-layout,.settings-grid,.loan-workspace{display:grid!important;grid-template-columns:1fr!important;gap:12px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.summary-box{border-radius:18px;padding:14px}.summary-box small{font-size:11px}.summary-box strong{font-size:19px}
  .active-loan-cards,.borrower-card-list,.request-card-list{display:grid;gap:12px}.loan-mini-card,.borrower-card,.request-card{border-radius:20px;padding:14px;box-shadow:0 10px 24px rgba(15,48,28,.07);border:1px solid #dceee3;background:#fff}.loan-mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.person-cell{display:flex;align-items:center;gap:10px}.avatar,.large-avatar{flex:0 0 auto}.mini-stats,.borrower-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;margin-top:12px}.mini-stats span,.borrower-info-grid div{border:1px solid #e4f1e8;background:#f9fffb;border-radius:15px;padding:10px;min-width:0}.mini-stats small,.borrower-info-grid small{display:block;color:#6d7b72;font-size:11px}.mini-stats b,.borrower-info-grid b{display:block;margin-top:4px;font-size:14px}.borrower-card-main{display:flex;align-items:center;gap:12px}.borrower-card-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.borrower-card-actions .btn{width:100%;min-height:42px;padding:8px}.full-card-btn{width:100%;margin-top:12px}.empty-state{border-radius:18px;padding:18px;text-align:center;background:#f5fbf7;color:#64776d}
  .loan-create-panel{padding:0;background:transparent;border:0;box-shadow:none}.loan-create-top{position:sticky;top:58px;z-index:20;background:#fbfdfb;padding:12px 0;border-bottom:1px solid #e3f1e7}.loan-create-top h2{font-size:24px}.loan-create-top .btn{display:none}.loan-fields-stack{display:grid;gap:12px}.loan-step-card{border-radius:20px;padding:15px;background:#fff;border:1px solid #dceee3;box-shadow:0 8px 24px rgba(15,48,28,.06)}.step-title{margin-bottom:12px}.step-title span{width:32px;height:32px}.friendly-grid.two,.friendly-grid.three,.friendly-grid.four,.form-grid{grid-template-columns:1fr!important;gap:11px}.field.full{grid-column:auto!important}.field label{font-size:13px}.loan-preview-side{position:static!important}.friendly-preview{border-radius:20px}.sticky-actions{position:sticky;bottom:74px;z-index:40;display:grid!important;grid-template-columns:1fr!important;gap:8px;padding:10px;background:rgba(255,255,255,.92);border:1px solid #dceee3;border-radius:20px;box-shadow:0 16px 34px rgba(15,48,28,.12);backdrop-filter:blur(14px)}.sticky-actions .btn{width:100%;min-height:54px}.preview-title{font-size:18px}.preview-list{display:grid;gap:0}.preview-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf4ef;padding:11px 0}.preview-list small{color:#63756b}.preview-hero{border-radius:20px;background:linear-gradient(135deg,#07853d,#04a84d)!important;color:#fff;padding:18px}.preview-hero strong{font-size:31px}.preview-hero small,.preview-hero span{color:rgba(255,255,255,.86)!important}
  .table-wrap{overflow:visible!important}.table{display:block;width:100%!important;border-collapse:separate!important}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%!important}.table tr{margin-bottom:12px;border:1px solid #dceee3;border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(15,48,28,.06);padding:8px}.table td{border:0!important;padding:9px 10px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.table td+td{border-top:1px solid #eef5f0!important}.table .btn{width:100%;margin-top:4px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination a,.pagination span{min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:12px}
  .settings-card,.settings-main-card,.compact-card{border-radius:20px}.settings-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px}.settings-actions .btn{width:100%}.payment-instruction-card{border-radius:22px;background:linear-gradient(135deg,#eff7ff,#ffffff);border-color:#cfe0ff}.payment-instruction-main strong{font-size:28px;letter-spacing:.04em}.copy-number-btn{width:100%;min-height:44px}.credit-row,.request-card{display:grid!important;grid-template-columns:1fr!important;gap:8px}.credit-amount{text-align:left!important}.settings-side{display:grid;gap:12px}.auth-page-pro{padding-bottom:20px}
}
@media(max-width:420px){.main{padding-left:10px;padding-right:10px}.topbar{margin-left:-10px;margin-right:-10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-quick-actions{gap:8px}.mobile-quick-actions a{min-height:92px;border-radius:18px}.summary-grid{grid-template-columns:1fr!important}.mini-stats,.borrower-info-grid{grid-template-columns:1fr!important}.borrower-card-actions{grid-template-columns:1fr}.payment-instruction-main strong{font-size:24px}.mobile-credit-card{padding:17px}.mobile-credit-card strong{font-size:29px}}

/* GREEN-WHITE PROFESSIONAL UI v14 - reminder batches, compact spacing, settings pagination */
:root{--v14-ready:1}
.reminder-batches-panel{padding:16px 18px;margin-bottom:14px}.compact-head{margin-bottom:12px}.reminder-credit-actions .btn{min-height:38px;padding:9px 12px}.reminder-batch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.reminder-batch-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 14px;border:1px solid #dceee3;border-radius:18px;background:#fff;color:#172033;text-decoration:none;box-shadow:0 8px 22px rgba(15,48,28,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.reminder-batch-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,48,28,.09);border-color:#a6dfb8}.reminder-batch-card.active{background:linear-gradient(180deg,#f2fff5,#fff);border-color:#10a34f;box-shadow:0 14px 30px rgba(7,148,63,.13)}.reminder-batch-card strong{display:block;font-size:14px;line-height:1.15;overflow-wrap:anywhere}.reminder-batch-card small{display:block;color:#667587;font-size:11px;margin-top:3px;line-height:1.25}.reminder-batch-card b{min-width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#eef8f1;color:#056839;font-size:16px}.batch-icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;font-weight:950}.batch-icon.danger{background:#fee2e2;color:#b91c1c}.batch-icon.warning{background:#fff7ed;color:#b45309}.batch-icon.info{background:#e0f2fe;color:#0369a1}.batch-icon.success{background:#dcfce7;color:#047857}.reminder-queue-panel,.reminder-preview-panel{margin-bottom:14px}.reminder-queue-panel .panel-head{margin-bottom:10px}.reminder-queue-panel .table td{padding-top:11px;padding-bottom:11px}.reminder-preview-panel hr{margin:14px 0;border:0;border-top:1px solid var(--line)}.settings-layout{margin-bottom:14px}.settings-card{padding:18px}.credit-history-section{margin-top:0}.credit-history-section .credit-list{display:grid;gap:10px}.credit-history-section .pagination{margin-top:14px}.settings-main-card#smsCredits .summary-grid{margin-bottom:12px}.loan-step-card{position:relative}.step-title span{flex:0 0 32px;position:relative;z-index:2;line-height:1}.step-title{position:relative;overflow:visible}.loan-create-top{overflow:visible}.loan-create-panel,.loan-workspace,.loan-fields-stack{overflow:visible}.table td strong,.table td .sub{max-width:100%}
@media (max-width:1180px){.reminder-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.reminder-batches-panel{padding:14px}.reminder-batch-grid{grid-template-columns:1fr 1fr;gap:9px}.reminder-batch-card{grid-template-columns:auto minmax(0,1fr);padding:12px}.reminder-batch-card b{grid-column:1/-1;width:100%;height:30px;border-radius:12px}.reminder-credit-actions{width:100%}.reminder-credit-actions .btn{width:100%}.reminder-queue-panel .table tr{padding:7px;margin-bottom:10px}.reminder-queue-panel .table td{padding:7px 8px!important}.reminder-preview-panel{padding:14px}.settings-card{padding:15px}.credit-history-section{margin-bottom:86px}.loan-create-top{position:relative!important;top:auto!important;z-index:1!important;padding:4px 0 10px!important;background:transparent!important}.loan-create-top h2{font-size:22px}.step-title span{width:34px;height:34px;flex-basis:34px}.loan-step-card{padding:14px}.loan-fields-stack{gap:10px}.sticky-actions{bottom:82px!important}}
@media (max-width:420px){.reminder-batch-grid{grid-template-columns:1fr}.reminder-batch-card{grid-template-columns:auto minmax(0,1fr) auto}.reminder-batch-card b{grid-column:auto;width:34px}.settings-hero{padding:16px}.settings-hero-badge{width:100%}.credit-row{grid-template-columns:1fr!important;gap:8px}.credit-amount{text-align:left!important}.step-title{gap:10px}.step-title h3{font-size:17px}.step-title small{font-size:12px}}


/* GREEN-WHITE PROFESSIONAL UI v15 MOBILE FORCE - this confirms v15 CSS is loaded */
:root{--v15-mobile-force:1;}
.mobile-v15-check{display:none;}
@media (max-width: 820px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#f6fbf8!important;}
  *{box-sizing:border-box;}
  .app-shell{display:block!important;width:100%!important;min-width:0!important;overflow-x:hidden!important;}
  .sidebar{display:none!important;}
  .main{width:100%!important;max-width:100%!important;margin:0!important;padding:12px 12px 96px!important;overflow-x:hidden!important;}
  .topbar{position:sticky!important;top:0!important;z-index:300!important;margin:-12px -12px 12px!important;padding:13px 14px 14px!important;border:0!important;border-radius:0 0 24px 24px!important;background:linear-gradient(135deg,#006d36,#0aa75a)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,109,54,.22)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:62px!important;}
  .topbar h1{color:#fff!important;font-size:20px!important;line-height:1.15!important;margin:0!important;letter-spacing:-.02em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .topbar p{display:none!important;}
  .top-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important;min-width:0!important;}
  .search-wrap{display:none!important;}
  .user-chip{display:flex!important;padding:0!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;min-width:42px!important;height:42px!important;color:#fff!important;}
  .user-avatar{background:#e7fff0!important;color:#06713d!important;width:34px!important;height:34px!important;font-size:12px!important;}
  .user-meta,.user-caret{display:none!important;}
  .alert{border-radius:17px!important;margin:10px 0!important;padding:12px 14px!important;font-size:13px!important;line-height:1.45!important;}

  .mobile-bottom-nav{display:grid!important;position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:500!important;grid-template-columns:repeat(5,1fr)!important;gap:2px!important;background:rgba(255,255,255,.95)!important;border:1px solid #dceee3!important;border-radius:24px!important;box-shadow:0 18px 40px rgba(15,48,28,.16)!important;padding:8px 6px calc(8px + env(safe-area-inset-bottom))!important;backdrop-filter:blur(16px)!important;}
  .mobile-nav-item{display:grid!important;place-items:center!important;gap:2px!important;text-decoration:none!important;color:#53645b!important;border-radius:17px!important;min-height:52px!important;font-weight:800!important;}
  .mobile-nav-item span{font-size:21px!important;line-height:1!important;}
  .mobile-nav-item small{font-size:10px!important;line-height:1!important;white-space:nowrap!important;}
  .mobile-nav-item.active{background:#e8f8ee!important;color:#05783f!important;}

  .mobile-home-hero{display:block!important;margin:2px 0 12px!important;}
  .mobile-hello{display:flex!important;align-items:center!important;gap:10px!important;margin:4px 0 12px!important;padding:0 2px!important;min-width:0!important;}
  .mobile-hello strong{display:block!important;font-size:16px!important;line-height:1.2!important;color:#172033!important;overflow-wrap:anywhere!important;}
  .mobile-hello small{display:block!important;color:#6b7a71!important;font-size:12px!important;line-height:1.3!important;margin-top:2px!important;}
  .mobile-avatar{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#dff5e7!important;flex:0 0 44px!important;}
  .mobile-credit-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;border-radius:22px!important;padding:18px!important;background:linear-gradient(135deg,#087c40,#00a755)!important;color:#fff!important;box-shadow:0 15px 34px rgba(0,126,62,.22)!important;}
  .mobile-credit-card small,.mobile-credit-card span{display:block!important;color:rgba(255,255,255,.86)!important;font-size:13px!important;line-height:1.35!important;}
  .mobile-credit-card strong{display:block!important;color:#fff!important;font-size:32px!important;line-height:1.05!important;margin:4px 0!important;white-space:normal!important;overflow:visible!important;}
  .mobile-sms-bubble{width:58px!important;height:58px!important;border-radius:50%!important;background:rgba(255,255,255,.22)!important;display:grid!important;place-items:center!important;font-weight:950!important;flex:0 0 58px!important;}
  .mobile-quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important;}
  .mobile-quick-actions a{min-width:0!important;min-height:98px!important;border-radius:21px!important;display:grid!important;place-items:center!important;gap:8px!important;text-align:center!important;text-decoration:none!important;padding:12px 8px!important;background:linear-gradient(135deg,#078a45,#10b761)!important;color:#fff!important;box-shadow:0 12px 26px rgba(7,138,69,.18)!important;font-weight:950!important;}
  .mobile-quick-actions a:nth-child(3){background:linear-gradient(135deg,#ecfaef,#dff4e7)!important;color:#075f35!important;}
  .mobile-quick-actions span{width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.2)!important;font-size:20px!important;}
  .mobile-quick-actions b{display:block!important;font-size:14px!important;line-height:1.12!important;white-space:normal!important;}

  .cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important;}
  .card,.metric{min-width:0!important;border-radius:20px!important;padding:14px 10px!important;background:#fff!important;box-shadow:0 9px 24px rgba(15,48,28,.07)!important;border:1px solid #e2f0e6!important;}
  .metric{display:grid!important;place-items:center!important;text-align:center!important;gap:8px!important;}
  .metric-icon{width:38px!important;height:38px!important;border-radius:15px!important;margin:0!important;display:grid!important;place-items:center!important;}
  .metric h3{font-size:12px!important;line-height:1.18!important;margin:0!important;color:#1e3327!important;white-space:normal!important;overflow:visible!important;}
  .metric strong{font-size:19px!important;line-height:1.15!important;color:#0e1f17!important;overflow-wrap:anywhere!important;}
  .metric p{font-size:11px!important;line-height:1.25!important;margin:0!important;color:#718078!important;}
  .cards .card:nth-child(5){display:none!important;}

  .panel{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:22px!important;padding:15px!important;margin:0 0 12px!important;background:#fff!important;box-shadow:0 9px 24px rgba(15,48,28,.07)!important;border:1px solid #e0efe5!important;overflow:visible!important;}
  .panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important;}
  .panel-head h2,.panel h2{font-size:20px!important;line-height:1.15!important;margin:0!important;color:#14261c!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .muted,.panel p{font-size:12px!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important;}
  .btn{min-height:44px!important;border-radius:14px!important;padding:10px 14px!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:normal!important;text-align:center!important;line-height:1.18!important;}
  .panel-head .btn{min-width:94px!important;flex:0 0 auto!important;}
  .grid-2,.borrowers-layout,.settings-grid,.settings-layout,.loan-workspace{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;}
  .summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .summary-box{border-radius:17px!important;padding:12px!important;min-width:0!important;}
  .summary-box small{font-size:10.5px!important;line-height:1.2!important;white-space:normal!important;}
  .summary-box strong{font-size:18px!important;line-height:1.12!important;overflow-wrap:anywhere!important;}

  .active-loan-cards,.borrower-card-list,.loan-card-list,.request-card-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .loan-mini-card,.borrower-card,.request-card{width:100%!important;min-width:0!important;border-radius:20px!important;padding:13px!important;background:#fff!important;border:1px solid #deefe4!important;box-shadow:0 10px 24px rgba(15,48,28,.07)!important;overflow:visible!important;}
  .loan-mini-head,.borrower-card-main{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;}
  .person-cell,.compact-person{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important;}
  .text-stack{display:block!important;min-width:0!important;max-width:100%!important;}
  .text-stack strong,.person-cell strong,.borrower-card strong{display:block!important;max-width:100%!important;font-size:15px!important;line-height:1.18!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;}
  .text-stack small,.person-cell small,.sub{display:block!important;max-width:100%!important;font-size:11px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;color:#6b7a71!important;}
  .badge{flex:0 0 auto!important;max-width:120px!important;white-space:normal!important;text-align:center!important;line-height:1.1!important;font-size:11px!important;padding:7px 9px!important;border-radius:999px!important;}
  .loan-mini-code{margin-top:8px!important;font-size:11px!important;color:#718078!important;overflow-wrap:anywhere!important;}
  .mini-stats,.borrower-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important;}
  .mini-stats span,.borrower-info-grid div{min-width:0!important;border:1px solid #e4f2e8!important;background:#f9fffb!important;border-radius:15px!important;padding:9px!important;}
  .mini-stats small,.borrower-info-grid small{display:block!important;font-size:10.5px!important;line-height:1.2!important;color:#6b7a71!important;}
  .mini-stats b,.borrower-info-grid b{display:block!important;font-size:13px!important;line-height:1.2!important;margin-top:3px!important;overflow-wrap:anywhere!important;}
  .full-card-btn,.borrower-card-actions .btn{width:100%!important;margin-top:10px!important;}
  .borrower-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;}
  .borrower-card-actions .btn:nth-child(3){grid-column:1/-1!important;}

  .loan-create-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
  .loan-create-top{position:relative!important;top:auto!important;z-index:1!important;padding:0 2px 10px!important;margin:0!important;background:transparent!important;border:0!important;overflow:visible!important;}
  .loan-create-top h2{font-size:24px!important;line-height:1.12!important;}
  .loan-create-top .btn{display:none!important;}
  .loan-fields-stack{display:grid!important;gap:10px!important;width:100%!important;}
  .loan-step-card{position:relative!important;border-radius:20px!important;padding:14px!important;background:#fff!important;border:1px solid #deefe4!important;box-shadow:0 9px 24px rgba(15,48,28,.07)!important;overflow:visible!important;}
  .step-title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important;overflow:visible!important;}
  .step-title span{width:34px!important;height:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#0a9a51!important;color:#fff!important;font-weight:950!important;position:relative!important;z-index:5!important;line-height:1!important;box-shadow:0 8px 18px rgba(10,154,81,.2)!important;}
  .step-title h3{font-size:17px!important;line-height:1.15!important;margin:0!important;white-space:normal!important;}
  .step-title small{font-size:11.5px!important;line-height:1.25!important;display:block!important;margin-top:2px!important;}
  .friendly-grid,.friendly-grid.two,.friendly-grid.three,.friendly-grid.four,.form-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  .field,.field.full{min-width:0!important;grid-column:auto!important;}
  .field label{font-size:12px!important;margin-bottom:6px!important;}
  .input,input,select,textarea{width:100%!important;max-width:100%!important;min-height:46px!important;border-radius:14px!important;font-size:14px!important;line-height:1.25!important;}
  .loan-preview-side{position:static!important;width:100%!important;min-width:0!important;display:grid!important;gap:10px!important;}
  .friendly-preview,.loan-preview{border-radius:20px!important;overflow:visible!important;}
  .sticky-actions{position:sticky!important;bottom:82px!important;z-index:450!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;border:1px solid #dceee3!important;box-shadow:0 16px 34px rgba(15,48,28,.14)!important;backdrop-filter:blur(14px)!important;}
  .sticky-actions .btn{width:100%!important;min-height:52px!important;}

  .table-wrap{width:100%!important;overflow:visible!important;}
  .table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important;}
  .table thead{display:none!important;}
  .table tbody,.table tr,.table td{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .table tr{margin:0 0 10px!important;border:1px solid #deefe4!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,48,28,.07)!important;padding:7px!important;overflow:hidden!important;}
  .table td{border:0!important;padding:8px 9px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.3!important;font-size:13px!important;}
  .table td+td{border-top:1px solid #edf5f0!important;}
  .table td strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;}
  .table td .btn{width:100%!important;margin-top:4px!important;}

  .reminder-batches-panel{padding:14px!important;margin-bottom:10px!important;}
  .reminder-batch-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .reminder-batch-card{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:9px!important;align-items:center!important;padding:11px!important;border-radius:18px!important;}
  .reminder-batch-card strong{font-size:13px!important;line-height:1.15!important;white-space:normal!important;}
  .reminder-batch-card small{font-size:10.5px!important;line-height:1.25!important;}
  .settings-card,.settings-main-card{border-radius:20px!important;padding:14px!important;}
  .payment-instruction-card{border-radius:20px!important;padding:13px!important;}
  .payment-instruction-main strong{font-size:24px!important;line-height:1.1!important;overflow-wrap:anywhere!important;}
  .copy-number-btn{width:100%!important;min-height:42px!important;}
  .credit-history-section{order:99!important;margin-bottom:86px!important;}
  .pagination{display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:center!important;}
  .pagination a,.pagination span{min-width:39px!important;min-height:39px!important;border-radius:13px!important;display:grid!important;place-items:center!important;}
}
@media (max-width:420px){
  .main{padding-left:10px!important;padding-right:10px!important;}
  .topbar{margin-left:-10px!important;margin-right:-10px!important;}
  .summary-grid,.mini-stats,.borrower-info-grid{grid-template-columns:1fr!important;}
  .cards{gap:8px!important;}
  .card,.metric{padding:12px 8px!important;}
  .metric strong{font-size:17px!important;}
  .mobile-quick-actions{gap:8px!important;}
  .mobile-quick-actions a{min-height:90px!important;border-radius:18px!important;}
  .borrower-card-actions{grid-template-columns:1fr!important;}
  .borrower-card-actions .btn{grid-column:auto!important;}
}

/* GREEN-WHITE PROFESSIONAL UI v16 MOBILE PRIORITY */
.dashboard-priority-batches{margin-bottom:14px;border-color:#cfeedd;background:linear-gradient(180deg,#ffffff,#f7fff9)}
.dashboard-priority-batches .compact-head{margin-bottom:10px}
.dashboard-batch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.reminder-batch-card{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;border:1px solid #dbefe3;background:#fff;border-radius:18px;padding:12px;text-decoration:none;color:#183326;box-shadow:0 8px 20px rgba(15,48,28,.06);min-width:0;transition:.18s ease}
.reminder-batch-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,48,28,.1);border-color:#9bddb5}.reminder-batch-card .batch-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#eefbf3}.reminder-batch-card strong{display:block;font-size:13px;line-height:1.15;white-space:normal}.reminder-batch-card small{display:block;color:#64766b;font-size:11px;line-height:1.25;margin-top:2px}.reminder-batch-card>b{font-size:24px;color:#0b8746}.reminder-batch-card.overdue .batch-icon{background:#fff0f0}.reminder-batch-card.today .batch-icon{background:#eff8ff}.reminder-batch-card.soon .batch-icon{background:#fff8e8}.reminder-batch-card.unpaid .batch-icon{background:#edfdf3}
.dashboard-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dashboard-kpi-row .metric{padding:14px;gap:10px}.dashboard-kpi-row .metric-icon{width:42px;height:42px;border-radius:14px;font-size:18px}.dashboard-kpi-row .metric h3{font-size:12px;white-space:normal}.dashboard-kpi-row .metric strong{font-size:19px}.dashboard-kpi-row .metric p{font-size:11px;white-space:normal}.compact-mobile-hero{display:none}.compact-credit-card{box-shadow:none}.compact-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.compact-summary-grid .summary-box{padding:13px}.compact-summary-grid .summary-box strong{font-size:18px}.active-loans-panel{margin-top:14px}.borrowers-page-stack{display:grid;gap:14px}.borrower-add-top{position:static!important;top:auto!important}.borrower-top-form{display:grid;gap:10px}.borrower-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.borrower-save-btn{width:min(100%,320px);justify-self:end}.borrower-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.borrower-list-bottom{margin-bottom:16px}
@media (max-width:1180px){.dashboard-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.borrower-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.borrower-list-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  body{background:#f7fbf8}.main{padding-top:10px!important}.dashboard-priority-batches{margin:0 0 10px!important;padding:12px!important;border-radius:20px!important}.dashboard-priority-batches .panel-head{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important}.dashboard-priority-batches .panel-head .btn{width:auto!important;min-height:38px!important;padding:9px 11px!important;font-size:12px!important}.dashboard-priority-batches h2{font-size:18px!important}.dashboard-priority-batches .muted{display:none!important}.dashboard-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.reminder-batch-card{grid-template-columns:32px minmax(0,1fr)!important;padding:10px!important;border-radius:16px!important;min-height:72px!important}.reminder-batch-card .batch-icon{width:32px!important;height:32px!important;border-radius:12px!important;font-size:15px!important}.reminder-batch-card strong{font-size:12.5px!important}.reminder-batch-card small{font-size:10.5px!important}.reminder-batch-card>b{display:none!important}
  .compact-mobile-hero{display:grid!important;gap:10px!important;margin:0 0 10px!important}.compact-mobile-hero .mobile-credit-card{min-height:74px!important;border-radius:18px!important;padding:13px!important;background:linear-gradient(135deg,#0b8f49,#08723c)!important}.compact-mobile-hero .mobile-credit-card strong{font-size:21px!important}.compact-mobile-hero .mobile-credit-card small,.compact-mobile-hero .mobile-credit-card span{font-size:11px!important}.compact-mobile-hero .mobile-sms-bubble{width:42px!important;height:42px!important;font-size:10px!important}.compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.compact-actions a{min-height:72px!important;border-radius:18px!important;padding:10px 6px!important}.compact-actions a span{font-size:20px!important}.compact-actions a b{font-size:12px!important;line-height:1.15!important}
  .dashboard-kpi-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-bottom:10px!important}.dashboard-kpi-row .metric{display:grid!important;place-items:center!important;text-align:center!important;padding:9px 5px!important;border-radius:16px!important;gap:5px!important;min-height:104px!important}.dashboard-kpi-row .metric-icon{width:32px!important;height:32px!important;border-radius:11px!important;font-size:15px!important}.dashboard-kpi-row .metric h3{font-size:9.5px!important;line-height:1.1!important;margin:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.dashboard-kpi-row .metric strong{font-size:12px!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}.dashboard-kpi-row .metric p{display:none!important}
  .loan-summary-panel{padding:12px!important}.compact-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.compact-summary-grid .summary-box{padding:10px!important;border-radius:15px!important}.compact-summary-grid .summary-box small{font-size:9.5px!important}.compact-summary-grid .summary-box strong{font-size:14px!important}.active-loans-panel{margin-top:10px!important}
  .borrowers-page-stack{gap:10px!important}.borrower-add-top{order:1!important;padding:13px!important;border-radius:20px!important}.borrower-list-bottom{order:2!important;padding:13px!important;border-radius:20px!important}.borrower-add-top .panel-head,.borrower-list-bottom .panel-head{margin-bottom:10px!important}.borrower-add-top h2,.borrower-list-bottom h2{font-size:19px!important}.borrower-form-grid{grid-template-columns:1fr!important;gap:8px!important}.borrower-top-form textarea{min-height:70px!important}.borrower-save-btn{width:100%!important;justify-self:stretch!important;min-height:50px!important}.borrower-list-grid{grid-template-columns:1fr!important;gap:10px!important}.borrower-card{padding:12px!important;border-radius:18px!important}.borrower-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.borrower-info-grid>div{padding:8px!important}.borrower-info-grid small{font-size:9.8px!important}.borrower-info-grid b{font-size:12px!important}.borrower-card-actions{grid-template-columns:1fr 1fr!important}.borrower-card-actions .btn{min-height:40px!important}.borrower-card-actions .danger{grid-column:1/-1!important}
}
@media (max-width:390px){.dashboard-kpi-row{gap:5px!important}.dashboard-kpi-row .metric{padding:8px 3px!important}.dashboard-kpi-row .metric strong{font-size:11px!important}.dashboard-kpi-row .metric h3{font-size:9px!important}.dashboard-batch-grid{gap:6px!important}.reminder-batch-card{padding:8px!important}.compact-summary-grid,.borrower-info-grid{grid-template-columns:1fr!important}}

/* GREEN-WHITE PROFESSIONAL UI v17 POLISHED MOBILE */
/* Fix content appearing outside panels: header now keeps .main open until footer. */
.main > section,
.main > div.grid-2,
.main > div.settings-layout,
.main > .settings-hero{max-width:100%;}

/* Remove any accidental top marker/stray pseudo labels on panels */
.panel::before,.panel::after,.card::before,.card::after,.summary-box::before,.summary-box::after{content:none!important;display:none!important;}
.panel{position:relative;}
.panel-head{min-width:0;}
.panel-head>div{min-width:0;}
.panel-head h2,.panel h2{overflow-wrap:anywhere;word-break:normal;}

/* Compact SMS queue */
.reminder-queue-panel .panel-head{margin-bottom:10px;}
.reminder-queue-panel .table-wrap{border-radius:16px;overflow:visible;}
.reminder-queue-panel .table th,.reminder-queue-panel .table td{padding:10px 11px;}
.reminder-queue-panel .table td{font-size:13px;line-height:1.25;}
.sms-check-col,.sms-check-cell{width:42px!important;text-align:center!important;}
.sms-check{appearance:none;-webkit-appearance:none;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border:2px solid #9ad8af;border-radius:6px;background:#fff;display:inline-grid;place-items:center;vertical-align:middle;cursor:pointer;margin:0!important;box-shadow:none!important;}
.sms-check:checked{background:#0b8f49;border-color:#0b8f49;}
.sms-check:checked::after{content:'✓';color:#fff;font-size:12px;font-weight:950;line-height:1;}
.reminder-queue-panel .avatar{width:28px;height:28px;margin-right:7px;font-size:12px;}
.reminder-queue-panel .sub{display:block;margin-top:2px;font-size:11px;line-height:1.25;white-space:normal;}
.reminder-preview-panel{align-self:start;}
.reminder-message{font-size:13px;line-height:1.5;padding:13px;border-radius:15px;}

/* Professional compact SMS credit wallet */
.sms-wallet-pro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:14px;align-items:stretch;border:1px solid #cfead5;border-radius:22px;padding:15px;background:linear-gradient(135deg,#f3fff6 0%,#ffffff 62%,#eaf9ef 100%);box-shadow:0 14px 34px rgba(15,108,53,.08);}
.sms-wallet-main{min-width:0;display:flex;flex-direction:column;justify-content:center;}
.sms-wallet-chip{width:max-content;max-width:100%;display:inline-flex;align-items:center;border:1px solid #bfe7cb;border-radius:999px;background:#fff;color:#0f6c35;font-size:11px;font-weight:950;padding:6px 10px;margin-bottom:8px;}
.sms-wallet-main strong{display:block;font-size:clamp(28px,4.2vw,44px);line-height:1;color:#073f2a;font-weight:950;letter-spacing:-.045em;overflow-wrap:anywhere;}
.sms-wallet-main p{margin:8px 0 0;color:#52665d;font-size:13px;line-height:1.45;}
.sms-wallet-main p b{color:#0b7a40;}
.sms-wallet-side{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.sms-wallet-side>div{display:flex;flex-direction:column;justify-content:center;min-width:0;border:1px solid #dbeee2;background:#fff;border-radius:17px;padding:12px;text-align:center;}
.sms-wallet-side small,.sms-wallet-side span{display:block;color:#6b7c73;font-size:11px;font-weight:850;line-height:1.2;}
.sms-wallet-side b{display:block;color:#0f6c35;font-size:18px;font-weight:950;line-height:1.15;margin:4px 0;overflow-wrap:anywhere;}
.sms-wallet-actions{margin-top:12px!important;}

@media(max-width:860px){
  .main{margin:0!important;width:100%!important;padding:0 12px 92px!important;}
  .topbar{margin:0 -12px 10px!important;}
  .main > .panel,.main > section.panel{margin-bottom:10px!important;}
  .panel{padding:13px!important;border-radius:20px!important;}
  .panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important;}
  .panel-head .btn{width:auto!important;min-height:38px!important;padding:8px 10px!important;font-size:12px!important;}

  /* SMS queue mobile cards, compressed */
  .reminder-queue-panel .table-wrap{border:0!important;background:transparent!important;overflow:visible!important;}
  .reminder-queue-panel .table,.reminder-queue-panel .table tbody,.reminder-queue-panel .table tr,.reminder-queue-panel .table td{display:block!important;width:100%!important;}
  .reminder-queue-panel .table thead{display:none!important;}
  .reminder-queue-panel .table tr{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;border:1px solid #dcefe1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 18px rgba(15,48,28,.045)!important;padding:9px!important;margin-bottom:8px!important;}
  .reminder-queue-panel .table td{padding:0!important;border:0!important;text-align:left!important;font-size:12px!important;min-width:0!important;}
  .reminder-queue-panel .table td:before{display:none!important;content:none!important;}
  .reminder-queue-panel .sms-check-cell{grid-row:1 / span 3!important;grid-column:1!important;display:grid!important;place-items:center!important;width:100%!important;}
  .reminder-queue-panel .table td[data-label="Borrower"]{grid-column:2 / 4!important;font-size:12px!important;}
  .reminder-queue-panel .table td[data-label="Due Code"]{grid-column:2!important;color:#66776d!important;}
  .reminder-queue-panel .table td[data-label="Due Date"]{grid-column:3!important;text-align:right!important;color:#66776d!important;}
  .reminder-queue-panel .table td[data-label="Status"]{grid-column:2!important;}
  .reminder-queue-panel .table td[data-label="Total Due"]{grid-column:3!important;text-align:right!important;font-weight:950!important;color:#073f2a!important;}
  .reminder-queue-panel .table td[data-label="Action"]{grid-column:2 / 4!important;}
  .reminder-queue-panel .table td[data-label="Action"] .btn{width:100%!important;min-height:36px!important;margin-top:4px!important;}
  .sms-check{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border-radius:6px!important;}
  .reminder-queue-panel .avatar{width:26px!important;height:26px!important;margin-right:6px!important;}
  .reminder-queue-panel strong{font-size:12.5px!important;line-height:1.15!important;}
  .reminder-queue-panel .sub{font-size:10.5px!important;}
  .grid-2{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}

  /* SMS wallet mobile */
  .sms-wallet-pro{grid-template-columns:1fr!important;gap:10px!important;padding:13px!important;border-radius:20px!important;}
  .sms-wallet-main strong{font-size:30px!important;}
  .sms-wallet-main p{font-size:12px!important;}
  .sms-wallet-side{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .sms-wallet-side>div{padding:10px!important;border-radius:15px!important;}
  .sms-wallet-side b{font-size:15px!important;}
  .sms-wallet-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .sms-wallet-actions .btn{width:100%!important;}
}
@media(max-width:390px){
  .sms-wallet-side{grid-template-columns:1fr!important;}
  .reminder-queue-panel .table tr{grid-template-columns:32px minmax(0,1fr) auto!important;padding:8px!important;}
}


/* GREEN-WHITE PROFESSIONAL UI v18 DASHBOARD ALERT LAYOUT */
.dashboard-owner-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:14px;align-items:center;margin-bottom:14px;border:1px solid #d6eadc;background:linear-gradient(135deg,#ffffff 0%,#f3fff7 55%,#e9f8ee 100%);border-radius:24px;padding:18px;box-shadow:0 16px 42px rgba(15,48,28,.07)}
.owner-intro{display:flex;align-items:center;gap:14px;min-width:0}.owner-avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#0b8f49;color:#fff;font-weight:950;font-size:20px;box-shadow:0 10px 24px rgba(11,143,73,.22)}.owner-intro h2{margin:2px 0 4px;font-size:clamp(22px,3vw,32px);line-height:1.05;color:#073f2a;letter-spacing:-.035em}.owner-intro p{margin:0;color:#617269;line-height:1.45;max-width:760px}.sms-credit-mini{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;border:1px solid #cde9d4;background:#fff;border-radius:20px;padding:14px}.sms-credit-mini small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#628170}.sms-credit-mini strong{font-size:25px;line-height:1;color:#0b6f3a;font-weight:950}.sms-credit-mini span{font-size:12px;color:#65786d;font-weight:800}.dashboard-mobile-actions-only{display:none!important}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;margin-bottom:14px}.dashboard-side-panel{margin:0!important;min-width:0}.dashboard-side-panel .panel-head{margin-bottom:10px}.active-loans-panel .loan-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.active-loans-panel .loan-mini-card{padding:12px;border-radius:18px}.active-loans-panel .mini-stats{gap:7px}.active-loans-panel .mini-stats span{padding:8px;border-radius:13px}.dashboard-borrowers-panel{display:flex;flex-direction:column;gap:10px}.dashboard-borrower-summary{display:grid;grid-template-columns:1fr;gap:9px}.dashboard-borrower-summary>div{border:1px solid #d8ecdf;background:linear-gradient(180deg,#fff,#f7fff9);border-radius:16px;padding:12px;min-width:0}.dashboard-borrower-summary small{display:block;color:#667970;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.dashboard-borrower-summary strong{display:block;margin-top:4px;font-size:26px;line-height:1;color:#073f2a;font-weight:950}.dashboard-alert-batches{margin-top:0!important;margin-bottom:14px!important}.dashboard-alert-batches .reminder-batch-card{position:relative;overflow:visible}.reminder-batch-card.has-alert{border-color:#0b8f49;background:linear-gradient(135deg,#ffffff,#f1fff5);box-shadow:0 14px 34px rgba(11,143,73,.14)}.reminder-batch-card.has-alert .batch-icon{animation:reminderPulse 1.15s ease-in-out infinite}.alert-count{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-style:normal;font-weight:950;display:grid;place-items:center;box-shadow:0 8px 18px rgba(239,68,68,.28);z-index:2}@keyframes reminderPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1) rotate(-5deg)}}
@media(max-width:1180px){.dashboard-main-grid{grid-template-columns:1fr}.active-loans-panel .loan-card-list{grid-template-columns:1fr 1fr}.dashboard-borrower-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-owner-hero{grid-template-columns:1fr auto!important;margin:0 0 8px!important;padding:12px!important;border-radius:20px!important;gap:9px!important}.owner-intro{gap:9px!important}.owner-avatar{width:42px!important;height:42px!important;border-radius:15px!important;font-size:17px!important}.owner-intro .eyebrow{font-size:9px!important}.owner-intro h2{font-size:18px!important;margin:0!important}.owner-intro p{display:none!important}.sms-credit-mini{padding:9px!important;border-radius:16px!important;min-width:110px!important}.sms-credit-mini small{font-size:9px!important}.sms-credit-mini strong{font-size:16px!important}.sms-credit-mini span{font-size:9.5px!important}.dashboard-mobile-actions-only{display:grid!important;margin:0 0 8px!important}.dashboard-kpi-row{order:1!important}.dashboard-main-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:10px!important}.dashboard-side-panel{padding:12px!important;border-radius:20px!important}.dashboard-side-panel .panel-head{display:flex!important;flex-direction:column!important;gap:7px!important}.dashboard-side-panel .panel-head .btn{width:100%!important}.dashboard-side-panel h2{font-size:16px!important}.dashboard-side-panel .muted{display:none!important}.active-loans-panel .loan-card-list{grid-template-columns:1fr!important;gap:8px!important}.active-loans-panel .loan-mini-card{padding:10px!important;border-radius:16px!important}.active-loans-panel .loan-card-list article:nth-of-type(n+3){display:none!important}.active-loans-panel .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.active-loans-panel .mini-stats span{padding:7px!important}.active-loans-panel .mini-stats small{font-size:9px!important}.active-loans-panel .mini-stats b{font-size:10.5px!important}.dashboard-borrower-summary{grid-template-columns:1fr!important;gap:7px!important}.dashboard-borrower-summary>div{padding:9px!important;border-radius:14px!important}.dashboard-borrower-summary small{font-size:9px!important}.dashboard-borrower-summary strong{font-size:20px!important}.dashboard-alert-batches{margin:0 0 10px!important;padding:12px!important}.dashboard-alert-batches .panel-head{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important}.dashboard-alert-batches .panel-head .muted{display:none!important}.dashboard-alert-batches h2{font-size:17px!important}.dashboard-alert-batches .reminder-batch-card{min-height:68px!important}.alert-count{top:-6px!important;right:-5px!important;min-width:22px!important;height:22px!important;font-size:11px!important}}
@media(max-width:420px){.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-side-panel .panel-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.dashboard-side-panel .panel-head .btn{width:auto!important}.active-loans-panel .loan-card-list article:nth-of-type(n+4){display:none!important}.dashboard-borrower-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-borrower-summary>div{text-align:center;padding:8px 4px!important}.dashboard-borrower-summary strong{font-size:16px!important}.dashboard-borrower-summary small{font-size:7.8px!important;line-height:1.1!important}.dashboard-owner-hero{grid-template-columns:1fr!important}.sms-credit-mini{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:6px!important}.sms-credit-mini strong{font-size:14px!important}.sms-credit-mini span{font-size:9px!important}}

/* GREEN-WHITE PROFESSIONAL UI v19 DASHBOARD PRIORITY REAL PATCH */
.dashboard-owner-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.owner-intro{display:flex;align-items:center;gap:12px;min-width:0}.owner-avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 12px 28px rgba(22,163,74,.22);flex:0 0 auto}.owner-intro h2{margin:2px 0 2px;font-size:clamp(1.25rem,4vw,1.8rem);line-height:1.08}.owner-intro p{margin:0;color:#64748b;line-height:1.35}.sms-credit-mini{background:#fff;border:1px solid #dcfce7;border-radius:18px;padding:10px 12px;display:grid;gap:2px;min-width:135px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.sms-credit-mini small{color:#64748b;font-weight:800}.sms-credit-mini strong{color:#166534;font-size:1.08rem}.sms-credit-mini span{font-size:.78rem;color:#64748b}.dashboard-kpi-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashboard-kpi-row .metric{min-width:0;padding:14px;border-radius:20px}.dashboard-kpi-row .metric h3{font-size:.82rem;line-height:1.15;white-space:normal}.dashboard-kpi-row .metric strong{font-size:clamp(1rem,2.7vw,1.35rem);line-height:1.1;word-break:break-word}.dashboard-kpi-row .metric p{font-size:.74rem;line-height:1.25}.dashboard-priority-batches{margin:12px 0 14px!important;border:1px solid #bbf7d0;background:linear-gradient(180deg,#f8fff9,#ffffff)}.dashboard-batch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.reminder-batch-card{position:relative;min-width:0;overflow:visible}.reminder-batch-card.has-alert{border-color:#22c55e!important;box-shadow:0 12px 26px rgba(22,163,74,.14)}.reminder-batch-card.has-alert .batch-icon{animation:qpPulseAlert 1.25s ease-in-out infinite}.alert-count{position:absolute;right:-6px;top:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;font-style:normal;box-shadow:0 8px 18px rgba(239,68,68,.32);animation:qpBadgePop 1.15s ease-in-out infinite}.dashboard-main-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;align-items:start}.dashboard-side-panel{margin:0!important}.active-loan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-borrower-summary{display:grid;grid-template-columns:1fr;gap:10px}.dashboard-borrower-summary>div{border:1px solid #dcfce7;border-radius:16px;padding:12px;background:#f8fff9}.dashboard-borrower-summary small{display:block;color:#64748b;font-weight:800}.dashboard-borrower-summary strong{display:block;color:#166534;font-size:1.35rem;margin-top:2px}@keyframes qpPulseAlert{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes qpBadgePop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@media (max-width: 860px){.dashboard-owner-hero{align-items:flex-start}.sms-credit-mini{min-width:112px;padding:8px 10px;border-radius:15px}.owner-intro p{font-size:.82rem}.dashboard-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px}.dashboard-kpi-row .metric{padding:9px 7px;border-radius:16px;display:block;text-align:left}.dashboard-kpi-row .metric-icon{width:28px;height:28px;font-size:.88rem;margin-bottom:6px}.dashboard-kpi-row .metric h3{font-size:.62rem;min-height:1.9em}.dashboard-kpi-row .metric strong{font-size:.78rem;letter-spacing:-.02em}.dashboard-kpi-row .metric p{font-size:.56rem;margin-top:3px}.dashboard-priority-batches{margin-top:9px!important}.dashboard-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reminder-batch-card{padding:10px 9px;border-radius:16px}.reminder-batch-card strong{font-size:.78rem}.reminder-batch-card small{font-size:.64rem}.batch-icon{width:30px;height:30px;font-size:.9rem}.dashboard-main-grid{grid-template-columns:1fr!important;gap:11px}.active-loan-cards{grid-template-columns:1fr!important}.panel-head.compact-head{gap:10px}.panel-head.compact-head .btn{padding:8px 10px;font-size:.75rem}}
@media (max-width: 430px){.dashboard-owner-hero{gap:8px}.owner-avatar{width:40px;height:40px;border-radius:14px}.owner-intro h2{font-size:1.15rem}.owner-intro p{display:none}.sms-credit-mini{font-size:.72rem}.dashboard-kpi-row{gap:5px}.dashboard-kpi-row .metric{padding:8px 5px}.dashboard-kpi-row .metric h3{font-size:.56rem}.dashboard-kpi-row .metric strong{font-size:.7rem}.dashboard-kpi-row .metric p{font-size:.52rem}.dashboard-batch-grid{gap:7px}.reminder-batch-card{padding:9px 7px;gap:7px}.alert-count{right:-4px;top:-6px;min-width:19px;height:19px;font-size:.64rem}}

/* GREEN-WHITE PROFESSIONAL UI v20 ACTIVE LOANS BESIDE BORROWERS */
.dashboard-two-panel-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;
  gap:14px!important;
  align-items:start!important;
  margin:14px 0 18px!important;
}
.dashboard-two-panel-row>.panel{
  margin:0!important;
  min-width:0!important;
  height:100%;
}
.dashboard-active-panel,
.dashboard-borrowers-panel{
  border:1px solid #d8f3df!important;
  background:linear-gradient(180deg,#ffffff,#fbfffc)!important;
  box-shadow:0 14px 34px rgba(15,48,28,.07)!important;
}
.dashboard-active-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.compact-dashboard-card{
  padding:12px!important;
  border-radius:18px!important;
  gap:10px!important;
}
.dashboard-mini-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.dashboard-mini-stats span{
  padding:8px!important;
  border-radius:12px!important;
}
.dashboard-mini-stats small{
  font-size:9.5px!important;
}
.dashboard-mini-stats b{
  font-size:12px!important;
  line-height:1.15!important;
}
.compact-borrower-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.compact-borrower-summary>div{
  padding:10px 8px!important;
  text-align:center!important;
  border-radius:15px!important;
}
.compact-borrower-summary small{
  font-size:9.5px!important;
  line-height:1.1!important;
}
.compact-borrower-summary strong{
  font-size:22px!important;
  margin-top:3px!important;
}
.dashboard-borrower-mini-list{
  display:grid!important;
  gap:8px!important;
  margin:10px 0!important;
}
.borrower-mini-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid #e1f3e6!important;
  background:#fff!important;
  border-radius:15px!important;
  color:#123227!important;
  text-decoration:none!important;
  min-width:0!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.borrower-mini-row:hover{
  transform:translateY(-1px)!important;
  border-color:#86efac!important;
  box-shadow:0 10px 22px rgba(22,163,74,.10)!important;
}
.borrower-mini-row .text-stack{
  flex:1!important;
  min-width:0!important;
}
.borrower-mini-row strong,
.borrower-mini-row small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.borrower-mini-row b{
  color:#16a34a!important;
  font-size:18px!important;
}
@media(max-width:1100px){
  .dashboard-two-panel-row{grid-template-columns:1fr!important;}
  .dashboard-active-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .dashboard-two-panel-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:10px 0 76px!important;
  }
  .dashboard-two-panel-row>.panel{
    padding:12px!important;
    border-radius:20px!important;
  }
  .dashboard-two-panel-row .panel-head{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  .dashboard-two-panel-row .panel-head .muted{display:none!important;}
  .dashboard-two-panel-row .panel-head h2{font-size:17px!important;}
  .dashboard-two-panel-row .panel-head .btn{width:auto!important;padding:8px 10px!important;font-size:12px!important;}
  .dashboard-active-list{grid-template-columns:1fr!important;gap:8px!important;}
  .dashboard-active-list article:nth-of-type(n+4){display:none!important;}
  .compact-dashboard-card{padding:10px!important;}
  .compact-borrower-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  .compact-borrower-summary>div{padding:8px 5px!important;}
  .compact-borrower-summary small{font-size:8px!important;}
  .compact-borrower-summary strong{font-size:17px!important;}
  .borrower-mini-row{padding:9px!important;border-radius:14px!important;}
  .dashboard-borrower-mini-list a:nth-of-type(n+5){display:none!important;}
}

/* GREEN-WHITE PROFESSIONAL UI v21 LOAN MONITORING TAB */
.dashboard-monitor-redirect{border:1px solid #bbf7d0;background:linear-gradient(135deg,#ffffff,#f3fff7);margin-top:12px!important}.dashboard-monitor-redirect .panel-head{margin-bottom:0}.dashboard-monitor-redirect h2{color:#073f2a}.monitor-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#ffffff 0%,#f1fff5 58%,#e8f8ed 100%);border-color:#bbf7d0}.monitor-hero h2{font-size:clamp(1.4rem,4vw,2.1rem);margin:2px 0 6px;color:#073f2a}.monitor-hero p{max-width:720px}.monitor-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.monitor-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:14px!important}.monitor-toolbar{padding:14px!important}.monitor-filter-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,240px) auto auto;gap:10px;align-items:end}.monitor-filter-form .field{margin-bottom:0}.monitor-records{display:grid;gap:14px}.monitor-borrower-card{margin-bottom:0!important;padding:16px!important}.monitor-borrower-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.monitor-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.monitor-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.monitor-summary-grid span{border:1px solid #dcfce7;background:#f8fff9;border-radius:14px;padding:10px;min-width:0}.monitor-summary-grid small,.monitor-loan-row small{display:block;color:#64748b;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.monitor-summary-grid b,.monitor-loan-row b{display:block;margin-top:3px;color:#073f2a;font-size:14px;line-height:1.15;word-break:break-word}.monitor-loan-list{display:grid;gap:8px}.monitor-loan-row{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(92px,.7fr)) auto auto;align-items:center;gap:9px;border:1px solid #e2f2e6;background:#fff;border-radius:15px;padding:10px}.monitor-loan-row>div:first-child strong{display:block;color:#073f2a}.monitor-loan-row>div:first-child small{text-transform:none;letter-spacing:0;margin-top:3px}.compact-empty{padding:12px!important;border-radius:14px!important}.compact-empty a{font-weight:900;color:#0b8f49}.nav-link .nav-label{overflow:hidden;text-overflow:ellipsis}.mobile-bottom-nav .mobile-nav-item small{white-space:nowrap}
@media(max-width:1040px){.monitor-filter-form{grid-template-columns:1fr 1fr}.monitor-filter-form .btn{width:100%}.monitor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.monitor-loan-row{grid-template-columns:1fr 1fr 1fr}.monitor-loan-row .badge,.monitor-loan-row .btn{justify-self:start}.monitor-loan-row .btn{width:100%}}
@media(max-width:760px){.monitor-hero{display:grid!important;gap:10px!important;padding:14px!important;border-radius:20px!important}.monitor-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.monitor-hero-actions .btn{width:100%!important;min-height:42px!important}.monitor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.monitor-kpis .metric{padding:10px!important;border-radius:17px!important;display:block!important}.monitor-kpis .metric-icon{width:32px!important;height:32px!important;font-size:14px!important;margin-bottom:7px!important}.monitor-kpis .metric h3{font-size:11px!important;line-height:1.1!important}.monitor-kpis .metric strong{font-size:16px!important}.monitor-kpis .metric p{font-size:10px!important;line-height:1.2!important}.monitor-toolbar{padding:12px!important;border-radius:18px!important}.monitor-filter-form{grid-template-columns:1fr!important;gap:8px!important}.monitor-borrower-card{padding:12px!important;border-radius:20px!important}.monitor-borrower-head{align-items:flex-start!important}.monitor-head-actions{justify-content:flex-start!important}.monitor-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.monitor-summary-grid span{padding:8px!important;border-radius:13px!important}.monitor-summary-grid small,.monitor-loan-row small{font-size:9px!important}.monitor-summary-grid b,.monitor-loan-row b{font-size:12px!important}.monitor-loan-row{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px!important;border-radius:14px!important}.monitor-loan-row>div:first-child{grid-column:1/-1}.monitor-loan-row .badge{font-size:10px!important;padding:5px 8px!important}.monitor-loan-row .btn{min-height:34px!important;font-size:11px!important}.dashboard-monitor-redirect{padding:14px!important;border-radius:20px!important}.dashboard-monitor-redirect .panel-head{display:grid!important;gap:10px!important}.dashboard-monitor-redirect .btn{width:100%!important}}


/* GREEN-WHITE PROFESSIONAL UI v22 DASHBOARD CLEAN COUNTS */
.dashboard-monitor-redirect{display:none!important}
.dashboard-owner-hero .owner-intro p,.monitor-hero p{display:none!important}
.monitor-hero{padding:16px!important}
.monitor-kpis .metric h3{white-space:normal!important}
@media(max-width:760px){
  .dashboard-owner-hero{padding:12px!important;gap:10px!important}
  .dashboard-owner-hero h2{font-size:20px!important;margin:0!important}
  .monitor-hero{padding:12px!important}
}

/* GREEN-WHITE PROFESSIONAL UI v23 LOAN MONITORING PREVIEW PAGINATION */
.compact-panel{padding:18px!important}.compact-kpis{gap:12px!important}.compact-kpis .metric{min-height:88px!important;padding:14px!important}.compact-filter{align-items:end!important;gap:10px!important}.monitor-compact-list{display:grid;gap:12px}.monitor-compact-row{padding:14px!important;border-radius:22px!important}.monitor-row-main{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(320px,1.4fr) auto;gap:14px;align-items:center}.min-w-0{min-width:0}.truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-row-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.monitor-row-stats span,.slim-summary span{background:#f7fbf8;border:1px solid #e1eee5;border-radius:16px;padding:9px 10px;min-width:0}.monitor-row-stats small,.slim-summary small{display:block;color:#6b7b70;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.monitor-row-stats b,.slim-summary b{display:block;color:#102718;font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.monitor-preview-panel{margin-top:14px;padding-top:14px;border-top:1px dashed #d8e8dc;animation:softDrop .18s ease-out}.slim-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.compact-loans{display:grid;gap:8px}.compact-loan-row{padding:10px!important;border-radius:16px!important;grid-template-columns:minmax(140px,1.2fr) repeat(3,minmax(90px,.8fr)) auto auto!important;gap:8px!important;align-items:center!important}.js-preview-toggle[aria-expanded="true"]{background:#eaf8ee;border-color:#7ccf91;color:#12652a}@keyframes softDrop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.monitor-row-main{grid-template-columns:1fr}.monitor-row-stats{grid-template-columns:repeat(3,1fr)}.monitor-row-actions{justify-content:flex-start}.slim-summary{grid-template-columns:repeat(2,1fr)}.compact-loan-row{grid-template-columns:1fr 1fr!important}.compact-loan-row .badge,.compact-loan-row .btn{width:100%;justify-content:center}}
@media(max-width:560px){.compact-panel{padding:14px!important}.monitor-compact-row{padding:12px!important}.monitor-row-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.monitor-row-stats span{padding:8px 7px;border-radius:13px}.monitor-row-stats small{font-size:9.5px}.monitor-row-stats b{font-size:11.5px}.monitor-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.monitor-row-actions .badge{grid-column:1/-1;text-align:center;justify-content:center}.slim-summary{grid-template-columns:1fr 1fr;gap:7px}.compact-loan-row{grid-template-columns:1fr!important}.monitor-preview-panel{margin-top:10px;padding-top:10px}.monitor-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.monitor-hero-actions .btn{width:100%;justify-content:center}}


/* GREEN-WHITE PROFESSIONAL UI v24 MONITOR OPEN + BORROWER SEARCH */
.monitor-hero p{display:block!important;max-width:680px!important;color:#64748b!important}
.monitor-row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
.monitor-row-actions .btn{min-width:76px!important}
.monitor-compact-row{transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important}
.monitor-compact-row:hover{transform:translateY(-1px)!important;box-shadow:0 14px 35px rgba(15,118,110,.08)!important;border-color:#bbf7d0!important}
.borrower-picker-field{position:relative!important;z-index:20!important}
.borrower-picker-trigger{width:100%!important;min-height:58px!important;border:1px solid #d8efe0!important;background:linear-gradient(135deg,#fff,#f7fff9)!important;border-radius:18px!important;padding:12px 14px!important;text-align:left!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;cursor:pointer!important;color:#123227!important;box-shadow:0 10px 24px rgba(22,163,74,.06)!important;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important}
.borrower-picker-trigger:hover,.borrower-picker-trigger.active{border-color:#22c55e!important;box-shadow:0 14px 28px rgba(22,163,74,.12)!important;transform:translateY(-1px)!important}
.borrower-picker-trigger span{font-weight:900!important;font-size:14px!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}
.borrower-picker-trigger small{font-size:11px!important;color:#64748b!important;line-height:1.2!important}
.borrower-picker-box{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;background:#fff!important;border:1px solid #bbf7d0!important;border-radius:20px!important;box-shadow:0 22px 55px rgba(15,23,42,.14)!important;padding:10px!important;z-index:1000!important;max-height:360px!important;overflow:hidden!important}
.borrower-picker-search-wrap{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #dcefe2!important;border-radius:15px!important;padding:9px 12px!important;background:#f8fff9!important;margin-bottom:9px!important}
.borrower-picker-search-wrap span{color:#16a34a!important;font-weight:900!important}
.borrower-picker-search-wrap input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font-size:14px!important;color:#0f2418!important}
.borrower-picker-list{display:grid!important;gap:7px!important;max-height:270px!important;overflow:auto!important;padding-right:3px!important}
.borrower-picker-option{width:100%!important;border:1px solid #eef7f0!important;background:#fff!important;border-radius:15px!important;padding:10px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;cursor:pointer!important;color:#123227!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important}
.borrower-picker-option:hover{background:#f0fdf4!important;border-color:#86efac!important;transform:translateX(2px)!important}
.small-avatar{width:34px!important;height:34px!important;font-size:13px!important;flex:0 0 auto!important}
.borrower-picker-empty{padding:18px!important;text-align:center!important;color:#64748b!important;font-weight:800!important;background:#f8fff9!important;border-radius:14px!important}
.borrower-picker-selected{color:#065f46!important}
@media(max-width:760px){
  .borrower-picker-box{position:fixed!important;left:12px!important;right:12px!important;top:92px!important;max-height:calc(100vh - 170px)!important;border-radius:22px!important;padding:12px!important}
  .borrower-picker-list{max-height:calc(100vh - 260px)!important}
  .borrower-picker-trigger{min-height:54px!important;border-radius:16px!important}
  .monitor-row-actions{display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important}
  .monitor-row-actions .badge,.monitor-row-actions .btn{width:100%!important;justify-content:center!important;text-align:center!important}
  .monitor-row-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* GREEN-WHITE PROFESSIONAL UI v25 BORROWER SELECT FIX */
.borrower-select-field{position:relative;min-width:0}.borrower-select-search{display:flex;align-items:center;gap:10px;background:#f8fffb;border:1px solid #cdeedd;border-radius:16px;padding:0 12px;margin-bottom:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.borrower-select-search span{color:#159455;font-weight:800}.borrower-select-search input{width:100%;border:0;background:transparent;outline:0;height:46px;font-size:14px;color:#153b2a}.borrower-native-select{width:100%;min-height:52px;border:1px solid #bfe8d1;border-radius:16px;background:#fff;color:#123524;font-weight:800;padding:0 14px;font-size:15px;outline:0;box-shadow:0 12px 30px rgba(14,121,68,.07);white-space:normal}.borrower-native-select:focus{border-color:#16a05b;box-shadow:0 0 0 4px rgba(22,160,91,.12)}.borrower-native-select.is-selected{border-color:#139b56;background:linear-gradient(180deg,#ffffff,#f5fff9)}.borrower-select-help{display:block;margin-top:8px;color:#5a7a69}.borrower-picker-field,.borrower-picker-box,.borrower-picker-trigger{display:none!important}
@media(max-width:720px){.borrower-select-search input{height:44px;font-size:13px}.borrower-native-select{min-height:50px;font-size:14px;border-radius:14px}.borrower-select-help{font-size:12px}}

/* GREEN-WHITE PROFESSIONAL UI v26 SMART BORROWER PICKER */
.borrower-select-field{display:none!important}
.borrower-picker-field.borrower-picker-v26{display:block!important;position:relative!important;z-index:50!important;min-width:0!important}
.borrower-picker-v26 .borrower-picker-trigger{display:flex!important;width:100%!important;min-height:62px!important;border:1px solid #bdebd0!important;background:linear-gradient(135deg,#ffffff,#f4fff8)!important;border-radius:18px!important;padding:13px 15px!important;box-shadow:0 14px 30px rgba(21,128,61,.08)!important;position:relative!important}
.borrower-picker-v26 .borrower-picker-trigger:after{content:'Search';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:900;color:#047857;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:5px 9px}
.borrower-picker-v26 .borrower-picker-trigger.has-selection:after{content:'Change'}
.borrower-picker-v26 .borrower-picker-trigger span{padding-right:70px!important;white-space:normal!important;display:block!important;line-height:1.25!important}
.borrower-picker-v26 .borrower-picker-trigger small{padding-right:70px!important;white-space:normal!important;display:block!important;line-height:1.25!important}
.borrower-picker-v26 .borrower-picker-trigger.needs-attention{animation:borrowerShake .28s ease-in-out 0s 3;border-color:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.12)!important}
@keyframes borrowerShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.borrower-selected-card{margin-top:10px;border:1px solid #d7f3df;background:#f7fff9;border-radius:18px;padding:11px 12px;display:flex;align-items:center;gap:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.borrower-selected-avatar,.borrower-option-avatar{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:linear-gradient(135deg,#16a34a,#047857)!important;color:#fff!important;font-weight:900!important;box-shadow:0 8px 18px rgba(22,163,74,.18)!important}
.borrower-selected-avatar{width:42px;height:42px;flex:0 0 42px;font-size:15px}.borrower-selected-card strong{display:block;color:#083b2b;font-size:14px;line-height:1.25}.borrower-selected-card span{display:block;color:#5f756a;font-size:12px;line-height:1.3;word-break:break-word}
.borrower-picker-v26 .borrower-picker-box{display:block!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;z-index:9999!important;background:#fff!important;border:1px solid #bbf7d0!important;border-radius:22px!important;box-shadow:0 28px 70px rgba(15,23,42,.18)!important;padding:12px!important;max-height:410px!important;overflow:hidden!important}
.borrower-picker-v26 .borrower-picker-box[hidden]{display:none!important}.borrower-picker-v26 .borrower-picker-search-wrap{height:48px!important;border:1px solid #c8efd5!important;border-radius:16px!important;background:#f8fffb!important;padding:0 13px!important}.borrower-picker-v26 .borrower-picker-search-wrap input{height:46px!important;font-weight:700!important}
.borrower-picker-v26 .borrower-picker-list{max-height:305px!important;overflow:auto!important;display:grid!important;gap:8px!important;padding-right:4px!important}.borrower-picker-v26 .borrower-picker-option{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:62px!important;padding:10px!important;border:1px solid #e6f6ea!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important}.borrower-picker-v26 .borrower-picker-option[hidden]{display:none!important}.borrower-picker-v26 .borrower-picker-option:hover{background:#effdf4!important;border-color:#86efac!important;transform:translateY(-1px)!important}.borrower-option-main{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1!important;text-align:left!important}.borrower-option-main strong{font-size:14px!important;color:#0f3b2a!important;line-height:1.2!important;white-space:normal!important}.borrower-option-main small{font-size:12px!important;color:#5f756a!important;line-height:1.2!important;word-break:break-word!important}.borrower-option-address{font-size:11px!important;color:#64748b!important;background:#f1f5f9!important;border-radius:999px!important;padding:5px 8px!important;max-width:155px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 0 auto!important}.borrower-picker-empty{display:block!important}.borrower-picker-empty[hidden]{display:none!important}
@media(max-width:760px){.borrower-picker-v26{z-index:200!important}.borrower-picker-v26 .borrower-picker-box{position:fixed!important;top:74px!important;left:10px!important;right:10px!important;max-height:calc(100vh - 115px)!important;border-radius:22px!important;padding:12px!important}.borrower-picker-v26 .borrower-picker-list{max-height:calc(100vh - 210px)!important}.borrower-option-address{display:none!important}.borrower-picker-v26 .borrower-picker-trigger{min-height:58px!important;border-radius:16px!important}.borrower-picker-v26 .borrower-picker-trigger span,.borrower-picker-v26 .borrower-picker-trigger small{padding-right:62px!important}.borrower-picker-v26 .borrower-picker-trigger:after{right:11px;padding:4px 8px}.borrower-selected-card{border-radius:16px;padding:10px}.borrower-selected-avatar{width:38px;height:38px;flex-basis:38px}}


/* GREEN-WHITE PROFESSIONAL UI v28 SMS INCOME DASHBOARD */
.topup-dashboard-alert{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) auto;
    gap:14px;
    align-items:center;
    border:1px solid rgba(22,163,74,.18);
    background:linear-gradient(135deg,#ffffff 0%,#f2fff7 100%);
    position:relative;
    overflow:hidden;
}
.topup-dashboard-alert.has-pending-topup{
    border-color:rgba(245,158,11,.45);
    box-shadow:0 18px 45px rgba(245,158,11,.12);
}
.topup-dashboard-alert.has-pending-topup:before{
    content:'';
    position:absolute;
    width:10px;height:10px;right:16px;top:16px;border-radius:999px;
    background:#ef4444;
    box-shadow:0 0 0 0 rgba(239,68,68,.55);
    animation:topupPulse 1.2s infinite;
}
@keyframes topupPulse{70%{box-shadow:0 0 0 12px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.topup-alert-main{display:flex;gap:13px;align-items:center;min-width:0;}
.topup-alert-icon{width:46px;height:46px;border-radius:16px;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 10px 22px rgba(22,163,74,.24);flex:0 0 auto;}
.topup-alert-main h2{margin:2px 0 4px;font-size:20px;line-height:1.2;color:#0f172a;word-break:break-word;}
.topup-alert-list{display:grid;gap:8px;min-width:0;}
.topup-mini-request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:9px 11px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(255,255,255,.86);}
.topup-mini-request strong{font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a;}
.topup-mini-request span{font-size:13px;font-weight:900;color:#15803d;}
.topup-mini-request small{grid-column:1 / -1;color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topup-mini-request.empty span{color:#64748b;}
.topup-alert-action{white-space:nowrap;justify-self:end;}
@media (max-width: 900px){
    .topup-dashboard-alert{grid-template-columns:1fr;gap:12px;padding:14px;}
    .topup-alert-main{align-items:flex-start;}
    .topup-alert-icon{width:42px;height:42px;border-radius:14px;font-size:21px;}
    .topup-alert-main h2{font-size:17px;}
    .topup-alert-action{justify-self:stretch;text-align:center;width:100%;}
    .topup-mini-request{padding:8px 10px;}
}


/* v28 SMS income dashboard card */
.sms-income-dashboard-card{
  border:1px solid rgba(22,163,74,.18);
  background:linear-gradient(135deg,#ffffff 0%,#f0fdf4 100%);
}
.sms-income-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(4,minmax(130px,1fr));
  gap:12px;
  align-items:stretch;
}
.sms-income-main,.sms-income-mini{
  border:1px solid rgba(20,83,45,.12);
  background:#fff;
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  min-width:0;
}
.sms-income-main small,.sms-income-mini small{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:6px;
}
.sms-income-main strong{
  display:block;
  color:#14532d;
  font-size:clamp(24px,3.6vw,36px);
  line-height:1.05;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}
.sms-income-main span{
  display:block;
  margin-top:6px;
  color:#166534;
  font-size:13px;
  font-weight:700;
}
.sms-income-mini b{
  display:block;
  color:#0f172a;
  font-size:18px;
  line-height:1.1;
  overflow-wrap:anywhere;
}
@media (max-width:900px){
  .sms-income-grid{grid-template-columns:1fr 1fr;}
  .sms-income-main{grid-column:1/-1;}
}
@media (max-width:520px){
  .sms-income-grid{gap:8px;}
  .sms-income-main,.sms-income-mini{border-radius:14px;padding:11px;}
  .sms-income-mini b{font-size:15px;}
  .sms-income-main span{font-size:12px;}
}


/* GREEN-WHITE PROFESSIONAL UI v30 DASHBOARD LOGOUT */
@media (display-mode: standalone) {
  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: env(safe-area-inset-top);
    background: #07943f;
    z-index: 9999;
    pointer-events: none;
  }
}
.pwa-install-card {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(76px + env(safe-area-inset-bottom));
  z-index: 9998;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(7,148,63,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 20px 50px rgba(12,100,58,.18);
  backdrop-filter: blur(12px);
  animation: pwaSlideUp .28s ease both;
}
.pwa-install-card.show { display: flex; }
.pwa-install-card .pwa-copy { display:flex; align-items:center; gap:10px; min-width:0; }
.pwa-install-card .pwa-icon {
  width:42px;height:42px;border-radius:14px;background:#07943f;color:#fff;
  display:grid;place-items:center;font-weight:900;box-shadow:0 10px 22px rgba(7,148,63,.25);
  flex:0 0 auto;
}
.pwa-install-card strong { display:block; color:#083b22; font-size:14px; line-height:1.15; }
.pwa-install-card span { display:block; color:#607267; font-size:12px; line-height:1.25; white-space:normal; }
.pwa-install-actions { display:flex; gap:8px; flex:0 0 auto; }
.pwa-install-actions button {
  border:0;border-radius:14px;padding:10px 12px;font-weight:800;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.pwa-install-actions button:active { transform:scale(.97); }
.pwa-install-actions .pwa-install-now { background:#07943f;color:#fff;box-shadow:0 10px 20px rgba(7,148,63,.22); }
.pwa-install-actions .pwa-install-close { background:#edf7f0;color:#0c643a; }
.pwa-ios-help {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(76px + env(safe-area-inset-bottom));
  z-index: 9998;
  display:none;
  padding:14px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(7,148,63,.18);
  box-shadow:0 20px 50px rgba(12,100,58,.18);
  color:#0f3d26;
  animation:pwaSlideUp .28s ease both;
}
.pwa-ios-help.show { display:block; }
.pwa-ios-help strong { display:block; margin-bottom:4px; }
.pwa-ios-help p { margin:0; color:#607267; font-size:13px; line-height:1.35; }
.pwa-ios-help button { margin-top:10px; border:0; border-radius:12px; padding:8px 12px; background:#edf7f0; color:#0c643a; font-weight:800; }
@keyframes pwaSlideUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (min-width: 820px) {
  .pwa-install-card, .pwa-ios-help { left:auto; right:24px; bottom:24px; max-width:420px; }
}

/* GREEN-WHITE PROFESSIONAL UI v31 ADMIN ACCOUNTS */
.admin-accounts-hero{align-items:center;justify-content:space-between;gap:16px}
.admin-account-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.admin-account-filter .input{min-width:240px;max-width:320px}
.admin-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-account-card{background:#fff;border:1px solid rgba(15,118,67,.12);border-radius:22px;padding:16px;box-shadow:0 14px 35px rgba(4,120,70,.07);display:grid;gap:14px;min-width:0}
.account-main{display:flex;gap:12px;align-items:center;min-width:0}
.account-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#087f3f,#13b56b);color:#fff;display:grid;place-items:center;font-weight:900}
.account-title{min-width:0;display:grid;gap:2px}
.account-title strong,.account-title span,.account-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}
.account-title strong{font-size:1rem;color:#0f2f24}.account-title span{color:#4b6359}.account-title small{color:#7a8c84;font-size:.76rem}
.account-badges{display:flex;gap:8px;flex-wrap:wrap}
.account-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.account-mini-grid>div{background:#f5fbf7;border:1px solid rgba(15,118,67,.1);border-radius:16px;padding:10px;min-width:0}
.account-mini-grid small,.account-mini-grid span{display:block;font-size:.72rem;color:#667b72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-mini-grid strong{display:block;font-size:1rem;color:#0f2f24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-actions-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;border-top:1px solid rgba(15,118,67,.1);padding-top:12px}
.inline-action-form{display:inline-flex;margin:0}.password-reset-details{position:relative}.password-reset-details summary{list-style:none;cursor:pointer}.password-reset-details summary::-webkit-details-marker{display:none}
.password-reset-form{margin-top:10px;background:#f8fffa;border:1px solid rgba(15,118,67,.12);border-radius:16px;padding:12px;display:grid;gap:10px;min-width:260px;max-width:320px}
@media(max-width:980px){.admin-account-list{grid-template-columns:1fr}.account-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-account-filter{justify-content:stretch}.admin-account-filter .input,.admin-account-filter select,.admin-account-filter .btn{width:100%;max-width:none}.admin-accounts-hero{display:grid}.admin-accounts-hero .btn{width:100%;justify-content:center}}
@media(max-width:560px){.admin-account-card{padding:13px;border-radius:18px}.account-mini-grid{gap:7px}.account-actions-row .btn,.inline-action-form,.inline-action-form .btn,.password-reset-details{width:100%}.password-reset-form{min-width:0;max-width:none;width:100%}}


/* GREEN-WHITE PROFESSIONAL UI v32 SMS SENT STATUS */
.sms-sent-badge{white-space:nowrap;font-weight:900;}
.sms-status-confirm{margin-top:10px;padding:10px 12px;border:1px solid #dcefe1;border-radius:14px;background:#f8fffa;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#52645a;font-size:12px;}
.badge-muted{background:#eef2f0;color:#647067;border:1px solid #dbe5df;}
@media (max-width:820px){
  .reminder-queue-panel .table tr{grid-template-columns:32px minmax(0,1fr) auto!important;}
  .reminder-queue-panel .table td[data-label="Message"]{grid-column:2 / 4!important;display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:2px!important;}
  .reminder-queue-panel .table td[data-label="Message"] .sub{margin:0!important;font-size:10.5px!important;}
  .sms-status-confirm{padding:9px 10px;font-size:11.5px;}
}

/* GREEN-WHITE PROFESSIONAL UI v33 SECURITY HARDENING */
.auth-change-panel{max-width:760px;margin-inline:auto}.auth-change-panel .form-grid{display:grid;gap:16px}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap .input{padding-right:76px}.password-toggle{position:absolute;right:8px;border:0;border-radius:10px;background:#ecfdf3;color:#047a34;font-weight:800;padding:8px 12px;cursor:pointer}.password-toggle:hover{background:#d8f7e4}.security-note{font-size:12px;color:#64748b}