/* SHUBHDHAN PORTAL PREMIUM LAYER (V10) – loads after portal.css. Additive. */
:root{
  --sd-night:#040a26;--sd-navy:#08134a;--sd-forest:#123a1c;--sd-green:#74be2b;--sd-green-ink:#2f6a35;
  --sd-gold:#c9a24a;--sd-gold-deep:#8f6d22;--sd-champ:#f1dfa6;--sd-ivory:#fbf8f0;--sd-paper:#f4f1e8;--sd-ink:#0b1238;--sd-muted:#5b6482;--sd-line:#e4dfce;
  --sd-display:"Fraunces","Iowan Old Style",Georgia,serif;--sd-ease:cubic-bezier(.2,.7,.1,1);
  --pnavy:#0b1238;--pgreen:#2f6a35;--pgold:#c9a24a;--pblue:#2f6a35;--pline:#e4dfce;--pmuted:#5b6482;
  --sd-success:#2f8f4e;--sd-warning:#c98a1b;--sd-danger:#c0392b;--sd-info:#2563a8;
}
.portal-body{background:var(--sd-paper)!important;color:var(--sd-ink)}
::selection{background:var(--sd-gold);color:var(--sd-night)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,162,74,.6)!important;outline-offset:2px}
.sd-g{display:block;color:var(--sd-gold);pointer-events:none}.sd-g use{fill:none;stroke:currentColor;stroke-width:.55}
.sd-orn{position:absolute;pointer-events:none;z-index:0}

/* ---------- login shells ---------- */
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden;
  background:radial-gradient(60% 70% at 85% 10%,rgba(201,162,74,.22),transparent 60%),radial-gradient(50% 60% at 0 100%,rgba(116,190,43,.16),transparent 60%),linear-gradient(135deg,var(--sd-night),#0a1450)!important}
.login-shell .sd-orn.l1{width:900px;height:900px;left:-300px;top:-260px;opacity:.5}
.login-shell .sd-orn.l2{width:700px;height:700px;right:-260px;bottom:-300px;opacity:.4}
.login-card{position:relative;z-index:1;width:min(460px,100%);background:var(--sd-ivory)!important;border:1px solid rgba(201,162,74,.7)!important;border-radius:22px!important;padding:34px!important;
  box-shadow:0 60px 120px rgba(0,0,0,.55),0 0 0 8px rgba(241,223,166,.07)!important;animation:sdPop .7s var(--sd-ease) both}
@keyframes sdPop{from{opacity:0;transform:translateY(18px) scale(.98)}}
.login-card h1{font:500 clamp(30px,4vw,40px)/1.08 var(--sd-display)!important;letter-spacing:-.02em;color:var(--sd-night)!important;margin:6px 0 10px}
.login-card .eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:none!important;letter-spacing:.01em!important;font-size:13px!important;font-weight:700;color:var(--sd-green-ink)!important}
.login-card .eyebrow:before{content:"";width:7px;height:7px;transform:rotate(45deg);background:var(--sd-gold)}
.login-card p{color:var(--sd-muted)}
.login-card .notice{background:linear-gradient(135deg,#f6efd6,#fbf8f0)!important;border:1px solid rgba(201,162,74,.5)!important;border-radius:12px!important;color:var(--sd-night)!important}
.login-card .brand img{width:200px;background:#fff;border-radius:12px;padding:6px 8px;border:1px solid var(--sd-line)}
.portal-field label{font-weight:700;font-size:13px;color:var(--sd-night)}
.portal-field input,.portal-field select,.portal-field textarea,.searchbox input,.portal-search input,.portal-search select{
  border:1px solid #d9d3bf!important;border-radius:11px!important;background:#fffefb!important;transition:border-color .2s,box-shadow .2s}
.portal-field input:focus,.portal-field select:focus,.portal-field textarea:focus{border-color:var(--sd-gold)!important;box-shadow:0 0 0 4px rgba(201,162,74,.22)!important;outline:0!important}
.form-message{color:var(--sd-danger);font-weight:600;min-height:20px}
.login-links a,.back-link{color:var(--sd-green-ink);font-weight:700}

/* ---------- buttons ---------- */
.portal-btn{position:relative;overflow:hidden;isolation:isolate;border-radius:11px!important;
  background:linear-gradient(135deg,#3f8a2f,#1d5a28 70%)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(29,90,40,.25),inset 0 0 0 1px rgba(241,223,166,.35);transition:box-shadow .25s,transform .2s var(--sd-ease)}
.portal-btn:before{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%) skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .7s var(--sd-ease)}
.portal-btn:hover:before{transform:translateX(120%) skewX(-18deg)}
.portal-btn:hover{box-shadow:0 12px 26px rgba(29,90,40,.36),inset 0 0 0 1px rgba(241,223,166,.7)}
.portal-btn:active{transform:translateY(1px)}
.portal-btn[disabled]{opacity:.55;pointer-events:none}
.portal-btn.secondary{background:#fff!important;color:var(--sd-night)!important;border:1px solid rgba(201,162,74,.65)!important;box-shadow:none}
.portal-btn.secondary:hover{background:rgba(201,162,74,.14)!important}
.portal-btn.gold{background:linear-gradient(135deg,#f6e7b4,#d9b45a 45%,#a97d27)!important;color:var(--sd-night)!important;box-shadow:0 10px 24px rgba(143,109,34,.3),inset 0 1px 0 rgba(255,255,255,.55)}
.portal-btn.danger{background:#fff4f2!important;color:var(--sd-danger)!important;border:1px solid #efc5bf!important;box-shadow:none}
.portal-btn-lg{min-height:50px;width:100%}
.icon-btn{border-radius:11px!important;border:1px solid var(--sd-line)!important;background:#fff!important;color:var(--sd-night)!important}
.icon-btn:hover{border-color:var(--sd-gold)!important}
.icon-btn i{background:var(--sd-gold)!important}

/* ---------- sidebar ---------- */
.portal-sidebar{position:sticky;overflow-y:auto;overflow-x:hidden;isolation:isolate;
  background:radial-gradient(120% 60% at 0 0,rgba(201,162,74,.12),transparent 60%),linear-gradient(180deg,#050b2c,#070f3a 60%,#0a1a4a)!important;border-right:1px solid rgba(201,162,74,.35)}
.portal-sidebar .sd-orn{left:-120px;bottom:-140px;width:420px;height:420px;opacity:.28}
.portal-sidebar>:not(.sd-orn){position:relative;z-index:1}
.portal-brand{border-bottom:1px solid rgba(241,223,166,.18)!important}
.portal-brand img{border-radius:12px!important;border:1px solid rgba(201,162,74,.5)}
.member-badge{border:1px solid rgba(201,162,74,.5)!important;background:rgba(251,248,240,.06)!important;border-radius:14px!important}
.member-badge span,.side-label{color:var(--sd-champ)!important;letter-spacing:.04em!important;text-transform:none!important;font-weight:700;font-size:12px!important}
.member-badge b{font-family:var(--sd-display);font-weight:600;letter-spacing:.06em;color:#fff}
.member-badge small{color:#9fe06a!important}
.portal-nav a,.portal-nav button{color:#c3caec!important;border-radius:11px!important;position:relative;transition:background .2s,color .2s}
.portal-nav a:hover,.portal-nav button:hover{background:rgba(241,223,166,.1)!important;color:#fff!important}
.portal-nav a.active,.portal-nav button.active{background:linear-gradient(90deg,rgba(201,162,74,.22),rgba(201,162,74,.04))!important;color:#fff!important}
.portal-nav a.active:before,.portal-nav button.active:before{content:"";position:absolute;left:-18px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--sd-champ),var(--sd-gold))}
.portal-nav .nav-icon{color:var(--sd-champ)!important}
.sidebar-bottom a,.sidebar-bottom button{color:#aab3de!important}
.sidebar-bottom a:hover,.sidebar-bottom button:hover{color:#fff!important}

/* ---------- top bar ---------- */
.portal-top{background:rgba(251,248,240,.92)!important;border-bottom:1px solid var(--sd-line)!important}
.portal-top h1{font:500 24px var(--sd-display)!important;letter-spacing:-.01em;color:var(--sd-night)!important}
.crumb{text-transform:none!important;letter-spacing:.01em!important;font-size:12px!important;color:var(--sd-muted)!important;font-weight:600}
.avatar{background:radial-gradient(circle at 30% 25%,#fff4be,#d4a53c 45%,#8f6d22)!important;color:var(--sd-night)!important;font-weight:800;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(201,162,74,.6)}
.sd-secure{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--sd-line);background:#fff;font:600 12px "DM Sans",sans-serif;color:var(--sd-muted);white-space:nowrap}
.sd-secure svg{width:14px;height:14px;color:var(--sd-success)}
.sd-secure b{color:var(--sd-night);font-weight:700}
.sd-kbd{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--sd-line);background:#fff;color:var(--sd-muted);font:600 12px "DM Sans",sans-serif;cursor:pointer}
.sd-kbd:hover{border-color:var(--sd-gold)}.sd-kbd kbd{font:700 11px "DM Sans";padding:2px 6px;border-radius:5px;background:var(--sd-paper);border:1px solid var(--sd-line)}

/* ---------- cards + metrics ---------- */
.portal-card{background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:16px!important;box-shadow:0 14px 40px -22px rgba(4,10,38,.25)!important}
.portal-kpis{gap:14px!important}
.portal-card.metric{display:flex;flex-direction:column;gap:2px;padding:20px 22px!important;position:relative;overflow:hidden;transition:transform .35s var(--sd-ease),border-color .3s,box-shadow .35s var(--sd-ease)}
.portal-card.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sd-gold),var(--sd-green))}
.portal-card.metric:hover{transform:translateY(-3px);border-color:rgba(201,162,74,.7)!important;box-shadow:0 26px 44px -24px rgba(4,10,38,.35)!important}
.portal-card.metric small{display:block;font-size:12.5px!important;letter-spacing:0!important;text-transform:none!important;font-weight:700;color:var(--sd-muted)!important}
.portal-card.metric strong{display:block!important;font:500 clamp(26px,2.4vw,34px)/1.1 var(--sd-display)!important;letter-spacing:-.02em;color:var(--sd-night)!important;margin:6px 0 4px!important;font-variant-numeric:tabular-nums}
.portal-card.metric span{display:block;font-size:12.5px;color:var(--sd-muted)}
.portal-card.metric em{align-self:flex-start;margin-top:8px;font-style:normal;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:#f6efd6;color:var(--sd-gold-deep);border:1px solid rgba(201,162,74,.4)}
.portal-section-title h2,.page-intro h2{font:500 22px var(--sd-display)!important;letter-spacing:-.01em;color:var(--sd-night)!important}
.section-kicker,.page-intro .eyebrow{text-transform:none!important;letter-spacing:.01em!important;font-size:12.5px!important;font-weight:700!important;color:var(--sd-green-ink)!important}
.section-kicker:before{content:"◆";color:var(--sd-gold);margin-right:7px;font-size:8px;vertical-align:2px}
.page-intro h2{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.05}
.ops-grid>div{background:var(--sd-ivory)!important;border:1px solid var(--sd-line)!important;border-radius:12px!important}
.ops-grid b{font-family:var(--sd-display)!important;font-weight:500!important}
.mini-chart{background:linear-gradient(135deg,var(--sd-ivory),#fff)!important;border-color:var(--sd-line)!important}
.bars i{background:linear-gradient(180deg,var(--sd-champ),var(--sd-green) 70%,var(--sd-green-ink))!important;transform-origin:bottom;animation:sdGrow .9s var(--sd-ease) both}
@keyframes sdGrow{from{transform:scaleY(.05)}}

/* ---------- member hero ---------- */
.member-welcome{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(201,162,74,.55)!important;
  background:radial-gradient(70% 120% at 100% 0,rgba(201,162,74,.26),transparent 60%),radial-gradient(60% 90% at 0 100%,rgba(116,190,43,.16),transparent 60%),linear-gradient(135deg,var(--sd-night),#0a1450)!important}
.member-welcome .sd-orn{right:-140px;top:-190px;width:560px;height:560px;opacity:.5}
.member-welcome>:not(.sd-orn){position:relative;z-index:1}
.member-welcome h2{font:500 clamp(32px,4vw,52px)/1.05 var(--sd-display)!important;letter-spacing:-.02em;color:var(--sd-ivory)!important}
.member-welcome p{color:#c4cbee!important}
.member-welcome .section-kicker{color:var(--sd-champ)!important}
.welcome-orb{background:radial-gradient(circle at 30% 25%,#fff4be,#d4a53c 40%,#7a5a1c)!important;color:var(--sd-night)!important;box-shadow:0 40px 60px -20px rgba(0,0,0,.6)!important}
.welcome-orb small{color:var(--sd-night)!important;opacity:.7}
.member-welcome .portal-btn.secondary{background:transparent!important;color:var(--sd-ivory)!important;border-color:rgba(241,223,166,.55)!important}
.sd-worth{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(241,223,166,.22)}
.sd-worth div small{display:block;font-size:12px;color:#aab4e6;font-weight:600}
.sd-worth div b{font:500 22px var(--sd-display);color:var(--sd-champ);font-variant-numeric:tabular-nums}

/* ---------- tables ---------- */
.portal-table-wrap{border:1px solid var(--sd-line)!important;border-radius:14px!important;background:#fff}
.portal-table th{position:sticky;top:0;background:var(--sd-ivory)!important;color:var(--sd-muted)!important;text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;font-weight:700;border-bottom:1px solid var(--sd-line)!important}
.portal-table tbody tr{transition:background .15s}.portal-table tbody tr:hover{background:#fbf6e6}
.portal-empty{border:1px dashed rgba(201,162,74,.6)!important;background:var(--sd-ivory)!important;border-radius:14px!important;color:var(--sd-muted)}

/* ---------- palette ---------- */
.sd-pal{position:fixed;inset:0;z-index:5000;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(4,10,38,.6);backdrop-filter:blur(6px)}
.sd-pal.open{display:flex}
.sd-pal-box{width:min(600px,100%);background:var(--sd-ivory);border-radius:18px;overflow:hidden;border:1px solid rgba(201,162,74,.6);box-shadow:0 50px 100px rgba(0,0,0,.5);animation:sdPop .28s var(--sd-ease)}
.sd-pal-box input{width:100%;border:0;border-bottom:1px solid var(--sd-line);padding:20px 22px;font:500 17px "DM Sans",sans-serif;background:transparent;outline:0}
.sd-pal-list{max-height:min(50vh,400px);overflow:auto;padding:8px}
.sd-pal-list a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:11px;color:var(--sd-night);text-decoration:none;cursor:pointer}
.sd-pal-list a small{display:block;color:var(--sd-muted);font-size:12px}
.sd-pal-list a[aria-selected=true],.sd-pal-list a:hover{background:#fff;box-shadow:inset 3px 0 0 var(--sd-gold)}
.sd-pal-list .mi{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6e4,#f6ebc8);border:1px solid rgba(201,162,74,.4);color:var(--sd-green-ink);font-weight:800}
.sd-pal-foot{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--sd-line);font-size:11.5px;color:var(--sd-muted)}
.sd-pal-empty{padding:28px;text-align:center;color:var(--sd-muted)}

/* ---------- mobile tab bar (member) ---------- */
.sd-tabbar{display:none}
@media(max-width:760px){
  .customer-body .portal-content{padding-bottom:96px}
  .sd-tabbar{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:900;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(251,248,240,.97);backdrop-filter:blur(14px);border-top:1px solid var(--sd-line);box-shadow:0 -12px 30px rgba(4,10,38,.12)}
  .sd-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:12px;font:700 11px "DM Sans",sans-serif;color:var(--sd-muted);text-decoration:none}
  .sd-tabbar a i{font-style:normal;font-size:18px;line-height:1}
  .sd-tabbar a.active{color:var(--sd-night);background:rgba(201,162,74,.18)}
  .sd-secure,.sd-kbd{display:none}
  .member-welcome{padding:24px 20px!important}
}
@media(min-width:821px) and (max-width:1050px){.portal-sidebar{position:static!important;height:auto!important}.portal-nav a.active:before,.portal-nav button.active:before{display:none}}
@media(max-width:820px){.portal-sidebar.mobile-open{z-index:1200!important;box-shadow:0 0 0 100vmax rgba(4,10,38,.55)!important}.portal-nav a.active:before,.portal-nav button.active:before{left:-14px}.portal-nav{display:grid!important;overflow:visible!important}}
.searchbox input{flex:1;width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.portal-sidebar,.portal-top,.sd-tabbar,.sd-pal{display:none!important}.portal-shell{display:block}}


/* V12 cooperative banking operations UI */
.sd-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh;background:#f7f4eb}
.sd-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#06102e,#0a1942 55%,#07152f);color:#fff;padding:20px 14px;overflow:auto;box-shadow:12px 0 45px rgba(5,13,38,.12)}
.sd-brand{padding:8px 10px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px}.sd-brand img{width:190px;background:#fff;border-radius:14px;padding:6px}.sd-role{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d8c88e;padding:4px 12px 10px}
.sd-side nav{display:grid;gap:4px}.sd-side nav button,.sd-side-bottom a,.sd-side-bottom button{border:0;background:transparent;color:#c9d3e6;text-align:left;padding:11px 12px;border-radius:12px;font:700 13px/1.2 "DM Sans",sans-serif;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:11px}.sd-side nav button:hover,.sd-side nav button.active{background:rgba(255,255,255,.11);color:#fff;box-shadow:inset 3px 0 #c9a24a}.sd-side nav i{font-style:normal;width:22px;text-align:center;color:#d6b95e}.sd-side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;display:grid;gap:4px}
.sd-main{min-width:0}.sd-top{position:sticky;top:0;z-index:20;min-height:86px;padding:15px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(251,248,240,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e7dfcc}.sd-crumb{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6c7693}.sd-top h1{margin:3px 0 0;font:600 25px/1.1 Fraunces,Georgia,serif;color:#0a1237}.sd-top-right{display:flex;align-items:center;gap:20px}.sd-secure{font-size:12px;font-weight:800;color:#2f7c43;background:#edf7ed;border:1px solid #d5e8d4;border-radius:999px;padding:9px 12px}.sd-user{display:grid;text-align:right}.sd-user b{font-size:13px}.sd-user small{color:#6b7590}.sd-mobile{display:none}.sd-content{padding:32px 34px 60px;max-width:1600px;margin:auto}.sd-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}.sd-kicker{font-size:11px;letter-spacing:.13em;font-weight:900;color:#3b7b45;text-transform:uppercase}.sd-page-head h2{font:600 clamp(30px,3vw,44px)/1.05 Fraunces,Georgia,serif;margin:7px 0 8px;color:#0a1237}.sd-page-head p{margin:0;color:#65718d;max-width:760px}.sd-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sd-btn{border:1px solid #2e6f38;background:#2f7d35;color:#fff;padding:12px 17px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 12px 25px rgba(47,125,53,.18)}.sd-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(47,125,53,.24)}.sd-btn.secondary{background:#fff;color:#0a1237;border-color:#d7dfcf;box-shadow:none}.sd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.sd-stat{background:#fff;border:1px solid #e7dfcc;border-radius:18px;padding:18px;box-shadow:0 12px 35px rgba(12,25,58,.05);min-width:0}.sd-stat span,.sd-stat small{display:block;color:#6b7590;font-size:11px;font-weight:800}.sd-stat strong{display:block;font-size:26px;margin:5px 0;color:#0a1237}.sd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.sd-card{background:#fff;border:1px solid #e7dfcc;border-radius:20px;padding:20px;box-shadow:0 16px 45px rgba(12,25,58,.05);margin-bottom:18px;min-width:0}.sd-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.sd-card-head h3{margin:2px 0;font-size:17px}.sd-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.sd-pill.good{background:#eaf7ec;color:#2b7b40}.sd-pill.warn{background:#fff4db;color:#986b12}.sd-pill.bad{background:#fdecec;color:#b53a3a}.sd-cash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.sd-cash-grid>div{padding:14px;background:#f8f6ef;border-radius:14px}.sd-cash-grid b,.sd-cash-grid small{display:block}.sd-cash-grid small{color:#6b7590;font-size:11px;margin-top:4px}.sd-queue{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sd-queue button{border:1px solid #e7dfcc;background:#fbfaf6;border-radius:14px;padding:16px;text-align:left;cursor:pointer}.sd-queue b{display:block;font-size:24px;color:#9a7526}.sd-queue span{color:#59647d;font-weight:700}.sd-table-wrap{width:100%;overflow:auto;border:1px solid #ebe4d5;border-radius:14px}.sd-table{width:100%;border-collapse:collapse;min-width:760px}.sd-table th{background:#faf8f1;color:#69748c;text-transform:uppercase;letter-spacing:.07em;font-size:10px;text-align:left;padding:12px;border-bottom:1px solid #e7dfcc;white-space:nowrap}.sd-table td{padding:13px 12px;border-bottom:1px solid #f0ece2;color:#303b55;font-size:13px;vertical-align:middle}.sd-table tr:last-child td{border-bottom:0}.sd-table td small{display:block;color:#7b859a;margin-top:2px}.sd-link{border:0;background:none;color:#2e7139;font-weight:900;cursor:pointer;padding:4px}.sd-link.danger{color:#b13b3b}.sd-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.sd-toolbar input,.sd-toolbar select,.sd-form-grid input,.sd-form-grid select,.sd-form-grid textarea,.sd-modal input,.sd-modal select,.sd-modal textarea{width:100%;border:1px solid #d9dfd4;background:#fff;border-radius:11px;padding:11px 12px;color:#18233d;outline:none}.sd-toolbar input{flex:1;min-width:240px}.sd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sd-form-grid label{display:grid;gap:6px}.sd-form-grid label span{font-size:11px;font-weight:900;color:#65718d}.sd-full,.sd-form-grid .full{grid-column:1/-1}.sd-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sd-gallery-item{overflow:hidden;border:1px solid #e7dfcc;border-radius:16px;background:#fff}.sd-gallery-item img{width:100%;height:190px;object-fit:cover;background:#eee}.sd-gallery-item>div{padding:13px;display:grid;gap:4px}.sd-gallery-item small{color:#69748c}.sd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sd-detail-grid>div{background:#faf8f1;border-radius:12px;padding:13px}.sd-detail-grid span{display:block;font-size:10px;color:#6f7890;text-transform:uppercase;font-weight:800}.sd-detail-grid b{display:block;margin-top:4px}.sd-empty{text-align:center;padding:40px 18px;color:#738099}.sd-toast{position:fixed;right:22px;bottom:22px;z-index:9999;background:#0a2440;color:#fff;padding:13px 17px;border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.2);font-weight:800}.sd-toast.bad{background:#a42f2f}.sd-modal-backdrop{position:fixed;inset:0;z-index:9990;background:rgba(5,12,35,.58);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.sd-modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fbf8f0;border:1px solid #e5dcc7;border-radius:22px;box-shadow:0 35px 90px rgba(0,0,0,.25)}.sd-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e8e0d0}.sd-modal-head h3{margin:0;font:600 24px Fraunces,Georgia,serif}.sd-modal-head button{border:0;background:#ece8dc;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.sd-modal-body{padding:20px}.sd-content.in{animation:sdIn .25s ease}@keyframes sdIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.sd-shell{grid-template-columns:230px 1fr}.sd-top{padding:14px 20px}.sd-content{padding:25px 20px}.sd-stats{grid-template-columns:repeat(2,1fr)}.sd-grid-2{grid-template-columns:1fr}.sd-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sd-shell{display:block}.sd-side{position:fixed;left:-290px;z-index:100;height:100vh;width:270px;transition:left .2s}.sd-side.open{left:0}.sd-mobile{display:inline-flex;border:0;background:#eef2e8;border-radius:10px;width:40px;height:40px;align-items:center;justify-content:center}.sd-top{padding:12px 15px}.sd-top-right .sd-secure{display:none}.sd-user{text-align:left}.sd-content{padding:20px 14px 45px}.sd-page-head{align-items:flex-start;flex-direction:column}.sd-actions{justify-content:flex-start}.sd-stats{grid-template-columns:1fr 1fr}.sd-cash-grid{grid-template-columns:1fr 1fr}.sd-form-grid,.sd-detail-grid{grid-template-columns:1fr}.sd-full,.sd-form-grid .full{grid-column:auto}.sd-gallery-grid{grid-template-columns:1fr}}

/* V12.2 member products, payment administration and calculator refinements */
.sd-qr-preview{display:block;width:min(240px,100%);max-height:260px;object-fit:contain;padding:12px;background:#fff;border:1px solid var(--sd-line);border-radius:16px;box-shadow:0 8px 26px #08134a12;margin:8px 0}
.sd-card summary{cursor:pointer;font-weight:800;color:var(--sd-night);padding:4px 0}
.sd-card details[open] summary{margin-bottom:18px}
.sd-detail-grid textarea,.sd-detail-grid select{width:100%;padding:12px;border:1px solid var(--sd-line);border-radius:10px;font:inherit;background:#fff}
.sd-detail-grid a{color:var(--sd-green-ink);font-weight:800}
#lateFeeForm,#qrForm{margin-top:16px}
.calculator-panel input[type=range]{width:100%;accent-color:var(--sd-green-ink);margin-top:8px}
.calculator-layout{align-items:start}
.calculator-output{position:relative;overflow:hidden}
.calculator-output:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(201,162,74,.3);border-radius:50%;right:-65px;top:-80px;box-shadow:0 0 0 18px rgba(201,162,74,.05),0 0 0 36px rgba(201,162,74,.04);pointer-events:none}
.calendar-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.calendar-head h3{margin-right:auto}
.calendar-head .portal-btn{padding:9px 13px}
@media(max-width:700px){.calendar-head{align-items:flex-start}.calendar-head h3{width:100%;order:-1}.sd-detail-grid{grid-template-columns:1fr}}
.calc-comparison{height:12px;display:flex;overflow:hidden;border-radius:999px;background:#e7e2d4;margin:18px 0 7px}.calc-comparison span:first-child{display:block;background:#2f6a35;width:70%;transition:width .25s}.calc-comparison span:last-child{display:block;background:#c9a24a;width:30%;transition:width .25s}.calc-bar-legend{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--sd-muted)}.calc-schedule-card{margin-top:20px}.calc-schedule-card .portal-table{min-width:520px}.calc-schedule-card .portal-section-title small{color:var(--sd-muted)}

/* V12.3 HOTFIX: dedicated member portal layout (customer.html uses member-* classes). */
.member-app{margin:0!important;min-height:100vh;background:var(--sd-paper)!important;color:var(--sd-ink)!important;font-family:"DM Sans",system-ui,sans-serif!important}
.member-shell{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;min-height:100vh!important;background:var(--sd-paper)}
.member-sidebar{position:sticky!important;top:0!important;height:100vh!important;min-height:100vh!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:22px 18px!important;background:linear-gradient(180deg,#050b2b 0%,#091442 60%,#071033 100%)!important;color:#f8f7ef!important;border-right:1px solid rgba(201,162,74,.28)!important;z-index:20}
.member-brand{display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;margin:0 0 22px!important;min-height:72px!important;background:#fff!important;border:1px solid rgba(201,162,74,.65)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.member-brand img{display:block!important;width:100%!important;max-width:220px!important;max-height:58px!important;object-fit:contain!important}
.member-id-card{display:grid!important;gap:8px!important;padding:15px!important;margin:0 4px 20px!important;border:1px solid rgba(201,162,74,.55)!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;color:#fff!important}
.member-id-card small{color:#f1dfa6!important;font-size:11px!important;font-weight:800!important;letter-spacing:.09em!important}
.member-id-card strong{font:800 18px Manrope,system-ui,sans-serif!important;color:#fff!important}
.member-id-card span{font-size:11px!important;color:#a8df79!important}
.member-sidebar .portal-nav{display:grid!important;gap:7px!important;padding:4px 0 18px!important}
.member-sidebar .portal-nav a{display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:12px 13px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#c7d0ef!important;text-decoration:none!important;font:600 14px "DM Sans",system-ui,sans-serif!important;line-height:1.3!important}
.member-sidebar .portal-nav a span{color:inherit!important}
.member-sidebar .portal-nav a:hover,.member-sidebar .portal-nav a.active,.member-sidebar .portal-nav a[aria-current="page"]{background:linear-gradient(110deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;border-color:rgba(201,162,74,.65)!important;color:#fff!important;box-shadow:inset 3px 0 #70c9db,0 7px 20px rgba(0,0,0,.12)!important}
.member-side-bottom{display:grid!important;gap:6px!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.12)!important}
.member-side-bottom a,.member-side-bottom button{display:flex!important;align-items:center!important;width:100%!important;padding:12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#c7d0ef!important;text-decoration:none!important;text-align:left!important;font:600 14px "DM Sans",system-ui,sans-serif!important;cursor:pointer!important}
.member-side-bottom a:hover,.member-side-bottom button:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.member-main{min-width:0!important;width:100%!important;background:var(--sd-paper)!important}
.member-topbar{position:sticky!important;top:0!important;z-index:15!important;min-height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:15px clamp(18px,2.5vw,38px)!important;background:rgba(251,248,240,.96)!important;border-bottom:1px solid var(--sd-line)!important;box-shadow:0 8px 24px rgba(11,18,56,.04)!important;backdrop-filter:blur(16px)!important}
.member-top-title{min-width:0!important}.member-top-title small{display:block!important;margin-bottom:4px!important;color:var(--sd-muted)!important;font-size:12px!important;font-weight:700!important}.member-top-title h1{margin:0!important;color:var(--sd-ink)!important;font:600 clamp(20px,2vw,29px)/1.2 var(--sd-display,Georgia,serif)!important}
.member-top-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:13px!important;color:var(--sd-ink)!important}.member-secure{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:10px 13px!important;border:1px solid #d6e8d2!important;border-radius:999px!important;background:#edf7eb!important;color:#2f6a35!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.member-top-right>div{display:grid!important;gap:3px!important}.member-top-right b{color:var(--sd-ink)!important;font-size:14px!important}.member-top-right small{color:var(--sd-muted)!important;font-size:11px!important}.member-avatar{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border:2px solid #d9b75c!important;border-radius:50%!important;background:linear-gradient(145deg,#fff7d7,#d8ad40)!important;color:#07113d!important;font-weight:900!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important}
.member-menu{display:none!important;border:1px solid var(--sd-line)!important;border-radius:10px!important;background:#fff!important;color:var(--sd-ink)!important;padding:9px 12px!important;font-size:18px!important}
.member-content{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:clamp(20px,2.5vw,38px)!important;color:var(--sd-ink)!important}
.member-content h1,.member-content h2,.member-content h3,.member-content h4{color:var(--sd-ink)!important}
.member-content p{color:var(--sd-muted)}
.member-content button,.member-content a,.member-content input,.member-content select,.member-content textarea{font-family:"DM Sans",system-ui,sans-serif}
.member-content .portal-card,.member-content .member-card,.member-content .payment-card,.member-content .deposit-card,.member-content .account-card,.member-content .loan-card{background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:19px!important;box-shadow:0 10px 30px rgba(11,18,56,.055)!important}
.member-content .portal-btn,.member-content button[type="submit"],.member-content .primary-btn{border-radius:11px!important;background:linear-gradient(135deg,#3f8a2f,#1d5a28 70%)!important;color:#fff!important;font-weight:800!important;padding:11px 16px!important;border:1px solid rgba(201,162,74,.35)!important;cursor:pointer!important}
.member-content input,.member-content select,.member-content textarea{max-width:100%;border:1px solid #d9d3bf!important;border-radius:10px!important;background:#fffefb!important;color:var(--sd-ink)!important;padding:11px 12px!important}
.member-content table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.member-content th{background:#f0f4ec;color:#59697a;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:12px}.member-content td{padding:12px;border-top:1px solid #eee9dc;color:#263750;font-size:13px}
.member-content .portal-loading{padding:24px;border:1px solid var(--sd-line);border-radius:14px;background:#fff;color:var(--sd-muted)}
@media(max-width:1050px){.member-shell{grid-template-columns:245px minmax(0,1fr)!important}.member-top-right .member-secure{display:none!important}.member-content{padding:22px!important}}
@media(max-width:760px){.member-shell{display:block!important}.member-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(300px,86vw)!important;height:100dvh!important;min-height:0!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;box-shadow:20px 0 50px rgba(0,0,0,.25)!important}.member-sidebar.open,.member-sidebar.is-open,.member-shell.menu-open .member-sidebar{transform:translateX(0)!important}.member-topbar{min-height:72px!important;gap:10px!important;padding:12px 14px!important}.member-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}.member-top-title h1{font-size:20px!important}.member-top-title small{font-size:10px!important}.member-top-right{gap:8px!important}.member-top-right>div{display:none!important}.member-avatar{width:36px!important;height:36px!important}.member-content{padding:17px 13px!important}.member-content .portal-form{grid-template-columns:1fr!important}.member-content table{min-width:640px}.member-content .portal-table-wrap{overflow-x:auto!important}}