/* SUN LIFE V2.0.3 — targeted UI, navigation, language and global theme fixes */
:root{--sl-forest:#073c33;--sl-emerald:#08765b;--sl-gold:#e7bd55;--sl-gold-soft:#f7e7b1;--sl-surface:#fff;--sl-canvas:#f2f7f4}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.global-language-control{display:inline-flex;align-items:center;min-width:0;margin:0}
.global-language-control select{min-width:92px;max-width:150px;min-height:38px;padding:8px 28px 8px 11px;border:1px solid rgba(15,75,60,.16);border-radius:999px;background:#fff;color:#16483c;font:800 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.04em;box-shadow:0 5px 14px rgba(7,60,51,.06);cursor:pointer}
.global-language-control select:focus-visible{outline:3px solid rgba(231,189,85,.55);outline-offset:2px}
.user-site .topbar{min-height:62px;height:auto;padding:6px 14px;gap:10px}
.user-site .topbar .brand{flex:0 1 116px!important;width:116px!important;max-width:116px!important;height:49px!important;min-width:0!important;overflow:hidden!important;border-radius:9px}
.user-site .topbar .brand img{display:block!important;width:116px!important;height:49px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;padding:1px 3px!important;background:#fff!important;border:1px solid rgba(231,189,85,.16)!important;border-radius:9px!important;mix-blend-mode:normal!important}
.user-site .top-actions{gap:8px;min-width:0}
.user-site .top-actions .global-language-control select{min-width:82px;max-width:100px;min-height:36px;padding-inline:9px;font-size:10px}
.public-nav{min-height:68px;gap:16px}
.public-brand{flex:0 1 138px!important;width:138px!important;max-width:138px!important;height:55px!important;min-width:0!important;overflow:hidden!important;border-radius:10px}
.public-brand img{width:138px!important;height:55px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border-radius:10px!important;padding:2px 4px!important}
.public-nav-actions{display:flex;align-items:center;gap:10px;min-width:0}
.public-nav-actions .global-language-control select{min-width:84px;max-width:112px}
.auth-controls .global-language-control select{min-width:86px;max-width:120px}
.auth-logo,.auth-promo-brand img{width:118px!important;height:54px!important;max-width:100%!important;object-fit:contain!important;background:#fff;border-radius:9px;padding:2px 4px}
.admin-brand{display:flex;align-items:center;justify-content:flex-start;max-width:145px;height:53px;overflow:hidden;border-radius:9px}
.admin-brand img{width:136px!important;height:51px!important;max-width:100%!important;object-fit:contain!important;background:#fff;border-radius:9px;padding:2px 4px}
.admin-top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.admin-top-actions .global-language-control select{min-width:90px}
.admin-top-actions .theme-toggle{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:800}
.footer-brand img,.public-footer .footer-brand img{width:132px!important;height:49px!important;max-width:100%;object-fit:contain!important}

/* Dashboard: separate the two balance concepts into readable cards. */
.dashboard-balance-v201{padding:24px 24px 21px;isolation:isolate}
.dashboard-balance-v201 .balance-top{position:relative;z-index:2;gap:12px;flex-wrap:wrap}
.dashboard-wallet-grid-v201{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0 0;align-items:stretch}
.dashboard-wallet-grid-v201>div{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;min-height:104px;padding:15px 16px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));position:relative;z-index:2}
.dashboard-wallet-grid-v201 small{display:block!important;color:#d6e8e1;font-size:11px;line-height:1.35;font-weight:750;letter-spacing:.035em}
.dashboard-wallet-grid-v201 strong{display:block!important;color:#fff;font:850 clamp(22px,4vw,30px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.045em;white-space:nowrap;max-width:100%}
.dashboard-wallet-grid-v201 span{display:block!important;color:#c4d9d1;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.dashboard-balance-v201 .balance-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}
.dashboard-balance-v201 .balance-actions .btn{min-width:0;min-height:47px;padding:10px 9px;font-size:12px;line-height:1.25;white-space:normal;text-align:center;border-radius:15px}
.today-earned-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:17px 19px;border-radius:20px;border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 25px rgba(16,55,43,.045)}
.today-earned-card span{font-weight:800;font-size:14px}
.today-earned-card strong{font:850 24px/1.1 Inter,system-ui,sans-serif;color:#117452;white-space:nowrap}
.today-earned-card small{font-size:10px;color:var(--muted);text-align:right;line-height:1.35}
.user-site .home-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 0 18px}
.user-site .home-quick-grid a{min-width:0;min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:11px 5px;border-radius:18px;background:linear-gradient(155deg,#fff,#f7faf8);border:1px solid #e1ebe5;box-shadow:0 9px 22px rgba(10,55,42,.06);font-size:11px;line-height:1.25;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.user-site .home-quick-grid a:active{transform:translateY(1px) scale(.98)}
.user-site .home-quick-grid span{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:linear-gradient(145deg,#fff2c7,#e7c45f);border:1px solid rgba(193,151,48,.2);display:grid;place-items:center;font-size:21px;color:#105a47;box-shadow:0 5px 13px rgba(7,60,51,.09)}
.user-site .home-quick-grid b{font-size:11px;line-height:1.3;font-weight:800;max-width:100%;overflow-wrap:anywhere;color:#24453d}

/* Deposit is intentionally bKash + Nagad only; layout remains two clear payment choices. */
.deposit-page-v201 .finance-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
.deposit-page-v201 .finance-method-choice{min-height:84px;padding:14px 16px;border-radius:17px}
.deposit-page-v201 .finance-method-choice .method-logo{width:48px;height:48px;flex:0 0 48px;border-radius:14px;font-size:17px}
.deposit-page-v201 .finance-method-choice b{font-size:14px}
.deposit-page-v201 .finance-method-choice small{font-size:11px}

/* Plan detail purchase panel must stay in document flow and never cover the plan information. */
.purchase-box-v201{position:relative!important;inset:auto!important;bottom:auto!important;z-index:2;margin:20px 0 28px;padding:18px!important;border-radius:20px!important;box-shadow:0 10px 26px rgba(9,53,42,.08)!important}
.purchase-box-v201 .purchase-balance-single{display:flex!important;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 15px;margin:0 0 13px;border:1px solid var(--line);border-radius:15px;background:#f7faf8}
.purchase-box-v201 .purchase-balance-single small{font-size:10px;letter-spacing:.08em;font-weight:850;color:#587269}
.purchase-box-v201 .purchase-balance-single b{font:850 27px/1.2 Inter,system-ui,sans-serif;color:#0b654d}
.purchase-box-v201 .purchase-balance-single span{font-size:11px;color:#71817b;line-height:1.45}
.purchase-insufficient-v201 .purchase-insufficient-message{padding:14px 15px;margin:0 0 13px;border-radius:15px;background:#fff7e6;border:1px solid #f1dfb4;color:#493c1b}
.purchase-insufficient-v201 .purchase-insufficient-message>b{display:block;font-size:17px;line-height:1.3;color:#714f06}
.purchase-insufficient-v201 .purchase-insufficient-message p{margin:6px 0 0;font-size:12px;line-height:1.55;color:#766746}
.purchase-box-v201>.btn{min-height:48px;border-radius:14px}
.user-site .app-main{padding-bottom:calc(136px + env(safe-area-inset-bottom))}

/* Keep Payout Accounts easy to manage and distinguish the selected destination. */
.payout-account-grid-v202{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.payout-account-option-v202{min-width:0;padding:17px;border-radius:18px}
.payout-account-option-v202 .payout-account-mask-v202{font-variant-numeric:tabular-nums;letter-spacing:.08em}
.payout-account-option-v202 .btn{margin-top:12px}
.payout-empty-state-v202{padding:24px 20px;border-radius:20px;background:linear-gradient(145deg,#f4faf6,#fff);border:1px dashed #bdd7c9;text-align:center}

/* Dark mode: full-page surfaces, inputs, navigation, modals, tables and admin workspace. */
body[data-theme="dark"]{--ink:#e8f1ed;--muted:#a7b9b1;--navy:#0d5b4b;--navy2:#092f2b;--bg:#071a18;--paper:#102723;--line:#28453d;--green:#45b58a;--shadow:0 14px 34px rgba(0,0,0,.28);background:#071a18;color:#e8f1ed;color-scheme:dark}
body[data-theme="dark"] .app-main,body[data-theme="dark"] .public-main{background:#071a18;color:#e8f1ed}
body[data-theme="dark"] .topbar,body[data-theme="dark"] .public-nav{background:rgba(7,31,27,.96);border-color:#25473d}
body[data-theme="dark"] .icon-btn,body[data-theme="dark"] .avatar,body[data-theme="dark"] .notification-bubble{background:#15352e;border-color:#31564a;color:#f2f7f4}
body[data-theme="dark"] .global-language-control select{background:#14362e;color:#eaf5ef;border-color:#345b4e;color-scheme:dark}
body[data-theme="dark"] .global-language-control option{background:#102923;color:#edf6f1}
body[data-theme="dark"] .app-main .form-card,body[data-theme="dark"] .app-main .finance-form-card,body[data-theme="dark"] .app-main .section,body[data-theme="dark"] .app-main .task-card,body[data-theme="dark"] .app-main .today-earned-card,body[data-theme="dark"] .app-main .sub-row,body[data-theme="dark"] .app-main .news-row,body[data-theme="dark"] .app-main .ledger-row,body[data-theme="dark"] .app-main .timeline-item,body[data-theme="dark"] .app-main .filter-chip,body[data-theme="dark"] .app-main .filter-info,body[data-theme="dark"] .app-main .active-plan-strip,body[data-theme="dark"] .app-main .plan-card,body[data-theme="dark"] .app-main .detail-price,body[data-theme="dark"] .app-main .detail-section,body[data-theme="dark"] .app-main .empty-inline,body[data-theme="dark"] .app-main .help-search,body[data-theme="dark"] .app-main .faq-item,body[data-theme="dark"] .app-main .security-summary,body[data-theme="dark"] .app-main .policy-note,body[data-theme="dark"] .app-main .reward-actions>a,body[data-theme="dark"] .app-main .payout-account-option-v202,body[data-theme="dark"] .app-main .payout-empty-state-v202{background:#102923!important;color:#e8f1ed!important;border-color:#2a4b40!important;box-shadow:0 10px 25px rgba(0,0,0,.16)}
body[data-theme="dark"] .app-main h1,body[data-theme="dark"] .app-main h2,body[data-theme="dark"] .app-main h3,body[data-theme="dark"] .app-main b,body[data-theme="dark"] .app-main strong,body[data-theme="dark"] .app-main label{color:#edf6f1}
body[data-theme="dark"] .app-main p,body[data-theme="dark"] .app-main small,body[data-theme="dark"] .app-main .muted{color:#a9beb4}
body[data-theme="dark"] .app-main input,body[data-theme="dark"] .app-main select,body[data-theme="dark"] .app-main textarea,body[data-theme="dark"] .auth-shell input,body[data-theme="dark"] .auth-shell select{background:#0b211d!important;color:#edf6f1!important;border-color:#31564a!important;color-scheme:dark}
body[data-theme="dark"] .app-main input::placeholder,body[data-theme="dark"] .app-main textarea::placeholder{color:#809b8e}
body[data-theme="dark"] .app-main .btn.light,body[data-theme="dark"] .app-main .btn:not(.primary):not(.gold):not(.dark-outline){background:#173b31;color:#e9f4ee;border-color:#31594b}
body[data-theme="dark"] .app-main .filter-chip.active{background:#d8b34f!important;color:#152b24!important;border-color:#d8b34f!important}
body[data-theme="dark"] .app-main .finance-info-panel{background:#102f29;border-color:#31564a;color:#d9e9e1}
body[data-theme="dark"] .app-main .finance-withdraw-breakdown,body[data-theme="dark"] .app-main .finance-net-payout{background:#15352d;border-color:#31564a;color:#eaf4ef}
body[data-theme="dark"] .app-main .saved-account-inline-v201{background:#112c25!important;border-color:#31564a!important}
body[data-theme="dark"] .app-main .purchase-box-v201 .purchase-balance-single{background:#0a211c;border-color:#31564a}
body[data-theme="dark"] .app-main .purchase-insufficient-v201 .purchase-insufficient-message{background:#3a3019;border-color:#675427;color:#ffedc0}
body[data-theme="dark"] .app-main .purchase-insufficient-v201 .purchase-insufficient-message>b{color:#ffe7a0}
body[data-theme="dark"] .app-main .purchase-insufficient-v201 .purchase-insufficient-message p{color:#e4d6b3}
body[data-theme="dark"] .app-main .home-quick-grid a{background:linear-gradient(145deg,#102e27,#0b211d)!important;border-color:#2b5144!important}
body[data-theme="dark"] .app-main .home-quick-grid b{color:#e3f0e9}
body[data-theme="dark"] .app-main .bottom-nav{background:rgba(6,35,29,.97);border-color:#315a4a;color:#edf6f1}
body[data-theme="dark"] .app-main .bottom-nav a{color:#dceae3}
body[data-theme="dark"] .bottom-nav{background:rgba(6,35,29,.97)!important;border-color:#315a4a!important}
body[data-theme="dark"] .user-desktop-sidebar{background:#08251f;border-color:#24463a}
body[data-theme="dark"] .user-desktop-sidebar a{color:#d9e9e1}
body[data-theme="dark"] .welcome-overlay{background:rgba(0,10,8,.76)}
body[data-theme="dark"] .welcome-modal,body[data-theme="dark"] .auth-shell{background:#102923!important;color:#eaf4ef!important;border-color:#31564a!important}
body[data-theme="dark"] .welcome-modal h2,body[data-theme="dark"] .welcome-modal p,body[data-theme="dark"] .auth-shell h1,body[data-theme="dark"] .auth-shell>p{color:#edf6f1}
body[data-theme="dark"] .auth-layout{background:linear-gradient(180deg,#071d19,#0a241e)!important}
body[data-theme="dark"] .auth-register-callout{background:#14382e;color:#e9f4ed;border-color:#31584b}
body[data-theme="dark"] .public-landing{background:#071a18;color:#edf6f1}
body[data-theme="dark"] .public-landing .public-services-section,body[data-theme="dark"] .public-landing .public-steps-section,body[data-theme="dark"] .public-landing .public-plans-section,body[data-theme="dark"] .public-landing .public-faq-section{background:#0d261f!important;color:#edf6f1}
body[data-theme="dark"] .public-landing .feature-card,body[data-theme="dark"] .public-landing .mini-plan,body[data-theme="dark"] .public-landing .faq-item{background:#102e26!important;color:#e9f4ed!important;border-color:#315448!important}
body[data-theme="dark"] .public-landing .feature-card p,body[data-theme="dark"] .public-landing .section-subtitle,body[data-theme="dark"] .public-landing .faq-item p{color:#a8beb3}
body[data-theme="dark"] .admin-main{background:#071a18!important;color:#e8f1ed}
body[data-theme="dark"] .admin-top{background:#0b241e!important;border-color:#294a3f!important;color:#eaf4ef}
body[data-theme="dark"] .admin-card,body[data-theme="dark"] .admin-main .admin-card,body[data-theme="dark"] .admin-main .admin-metric,body[data-theme="dark"] .admin-main .analytics-card,body[data-theme="dark"] .admin-main .table-wrap,body[data-theme="dark"] .admin-main .admin-form-grid,body[data-theme="dark"] .admin-main .setting-form{background:#102923!important;color:#e8f1ed!important;border-color:#315448!important}
body[data-theme="dark"] .admin-main h1,body[data-theme="dark"] .admin-main h2,body[data-theme="dark"] .admin-main h3,body[data-theme="dark"] .admin-main label,body[data-theme="dark"] .admin-main b{color:#edf6f1}
body[data-theme="dark"] .admin-main p,body[data-theme="dark"] .admin-main small,body[data-theme="dark"] .admin-main .muted{color:#a9beb4}
body[data-theme="dark"] .admin-main input,body[data-theme="dark"] .admin-main select,body[data-theme="dark"] .admin-main textarea{background:#0a211c!important;color:#edf6f1!important;border-color:#31564a!important;color-scheme:dark}
body[data-theme="dark"] .admin-main table th{background:#17372e;color:#ecf5f0}
body[data-theme="dark"] .admin-main table td{background:#102923;color:#e3eee8;border-color:#2d4b40}
body[data-theme="dark"] .admin-side-bottom{background:#08231d;border-color:#284b3f}
body[data-theme="dark"] .admin-sidebar{background:#061d18;border-color:#25483c}
body[data-theme="dark"] .admin-nav-group a{color:#d7e8df}
body[data-theme="dark"] .admin-top-actions .theme-toggle{background:#17382e;color:#fff;border-color:#31564a}
@media(max-width:760px){
 .user-site .topbar .brand{flex:0 1 104px!important;width:104px!important;max-width:104px!important;height:46px!important}
 .user-site .topbar .brand img{width:104px!important;height:46px!important}
 .user-site .top-actions{gap:6px}
 .user-site .top-actions .global-language-control select{min-width:75px;max-width:86px;min-height:34px;padding:6px 8px;font-size:9px}
 .public-brand{flex-basis:112px!important;width:112px!important;height:48px!important}
 .public-brand img{width:112px!important;height:48px!important}
 .public-nav-actions{gap:6px}
 .public-nav-actions .global-language-control select{min-width:74px;max-width:84px;min-height:34px;padding:6px 8px;font-size:9px}
 .dashboard-wallet-grid-v201>div{min-height:92px;padding:12px}
 .dashboard-wallet-grid-v201 strong{font-size:23px}
 .dashboard-balance-v201{padding:20px 17px;border-radius:23px}
 .dashboard-balance-v201 .balance-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-balance-v201 .balance-actions .btn:last-child{grid-column:1/-1}
 .today-earned-card{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:14px 15px}
 .today-earned-card small{grid-column:1/-1;text-align:left}
 .user-site .home-quick-grid{gap:9px 7px}
 .user-site .home-quick-grid a{min-height:91px;padding:9px 3px}
 .payout-account-grid-v202{grid-template-columns:1fr}
 .purchase-box-v201{padding:14px!important;margin:16px 0 24px}
 .purchase-box-v201 .purchase-balance-single b{font-size:24px}
 .purchase-insufficient-v201 .purchase-insufficient-message>b{font-size:16px}
}
@media(max-width:390px){.dashboard-wallet-grid-v201{gap:8px}.dashboard-wallet-grid-v201>div{padding:10px;min-height:86px}.dashboard-wallet-grid-v201 strong{font-size:20px}.dashboard-wallet-grid-v201 span{font-size:9px}.global-language-control select{min-width:70px;font-size:9px}.user-site .home-quick-grid a{min-height:84px}.user-site .home-quick-grid span{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.user-site .home-quick-grid a,.purchase-box-v201,.user-site .topbar .brand img{transition:none!important;animation:none!important}}
.auth-control-tools{display:flex;align-items:center;gap:8px}
.auth-control-tools .theme-toggle,.public-nav-actions .theme-toggle{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(17,74,58,.16);border-radius:12px;background:#fff;color:#17473a;font-weight:850}
.sunlife-install-inline{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;border:1px solid rgba(231,189,85,.5);border-radius:11px;background:linear-gradient(145deg,#f7df91,#dcb64a);color:#13392f;font-weight:900;box-shadow:0 4px 11px rgba(7,60,51,.12)}
.sunlife-install-inline span:last-child{display:none}
body[data-theme="dark"] .auth-control-tools .theme-toggle,body[data-theme="dark"] .public-nav-actions .theme-toggle{background:#15372e;color:#edf6f1;border-color:#345b4e}