/* v2: scoped contrast repair; keep cards readable and remove conflicting global overrides */
:root{--bg:#090b10!important;--surface:#141922!important;--surface2:#1b222d!important;--text:#f8fafc!important;--muted:#aeb8c6!important;--red:#14b8f5!important;--primary:#078ccb!important;--gold:#e9c36b!important}
html,body{background:#090b10!important;color:#f7f8fa!important}
body{background-image:radial-gradient(circle at 95% 15%,rgba(8,129,202,.16),transparent 32%)!important}
#loginScreen .login-card{background:#11151e!important;border:1px solid #a3293a!important;color:#f7f8fa!important}
#loginScreen .login-card h1,#loginScreen .login-card h2,#loginScreen .login-card label,#loginScreen .login-card .brand h1{color:#fff!important;opacity:1!important}
#loginScreen .login-card p,#loginScreen .login-card .brand p{color:#c6ceda!important;opacity:1!important}
#loginScreen .login-card input{background:#f7f9fc!important;color:#101827!important;border:1px solid #6b7280!important}
#loginScreen .login-card button[type=submit]{background:linear-gradient(135deg,#f12944,#ac1026)!important;color:white!important}
#loginScreen .login-card::before{background-image:none!important;content:none!important}
#loginScreen .brand>img[src*="ezwa-red-crown"]{max-height:180px;object-fit:contain}
#captainApp .topbar,.topbar-v2,.desktop-nav,.topbar{background:#171c25!important;color:#fff!important;border-color:#6c2934!important}
.topbar .top-brand h2,.topbar .top-brand p,.v84-home-greeting h1,.v84-home-greeting h2,.welcome-card h1,.welcome-card h2{color:#fff!important;opacity:1!important;text-shadow:none!important}
.top-brand::before{content:none!important}
.top-brand{background-image:none!important}
.top-brand>div{min-width:0!important}
.top-brand>div h2{font-size:15px!important;color:#fff!important}
.top-brand p{color:#bac3d0!important}
#view-captain-withdrawals,#view-captain-withdrawals .panel{color:#101827!important;background:#f9fafb!important}
#view-captain-withdrawals h3,#view-captain-withdrawals h4,#view-captain-withdrawals strong,#view-captain-withdrawals p,#view-captain-withdrawals label{color:#18202c!important}
#view-captain-withdrawals input,#view-captain-withdrawals select{background:#fff!important;color:#17202b!important;border:1px solid #d3d9e2!important}
#view-captain-withdrawals button{background:#fff!important;color:#9b1428!important;border:1px solid #dfb9c0!important}
#view-captain-withdrawals button:hover{background:#fff0f2!important}
#view-captain-withdrawals #withdrawalControlToggle,#view-captain-withdrawals #adminCliqUpdate{background:#c7142f!important;color:#fff!important;border-color:#c7142f!important}
#view-captain-withdrawals #withdrawalControlToggle:disabled{opacity:.55!important}
#captainWithdrawalPanel,#captainWithdrawalPanel *{box-sizing:border-box}
#captainWithdrawalPanel .withdraw-page-card{color:#f7f8fa!important}
#captainWithdrawalPanel .withdraw-page-card p{color:#bfc7d2!important}
#captainWithdrawalPanel .withdraw-page-card label{color:#f3f4f6!important}
#captainWithdrawalPanel input{background:#141b26!important;color:#fff!important}
@media(max-width:700px){.top-brand{background-size:72px auto!important;padding-right:78px!important}.top-brand>div h2{font-size:12px!important}}

/* ABSHIR lightweight motion system */
@keyframes ezwaEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes ezwaCrownGlow{0%,100%{filter:drop-shadow(0 0 3px #bd1b35aa)}50%{filter:drop-shadow(0 0 15px #ed294d88)}}
@keyframes ezwaPulse{0%{box-shadow:0 0 0 0 #e1294650}70%{box-shadow:0 0 0 12px #e1294600}100%{box-shadow:0 0 0 0 #e1294600}}
#loginScreen .brand>img[src*="ezwa-red-crown"]{animation:ezwaCrownGlow 4.5s ease-in-out infinite}
#loginScreen .login-card{animation:ezwaEnter .5s ease-out both}
.captain-withdraw-page .withdraw-page-card{animation:ezwaEnter .36s ease-out both}
.captain-withdraw-page .withdraw-page-card:nth-child(2){animation-delay:.09s}
button,a,.panel,.stat,.summary-card{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:not(:disabled):active{transform:scale(.985)}
.ezwa-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:999999;background:#18231e;color:#d9ffe3;border:1px solid #2d965a;border-radius:14px;padding:14px 22px;box-shadow:0 16px 40px #0008;font-weight:700;animation:ezwaEnter .25s ease-out both}
@media(prefers-reduced-motion:reduce){#loginScreen .brand>img[src*="ezwa-red-crown"],#loginScreen .login-card,.captain-withdraw-page .withdraw-page-card,.ezwa-toast{animation:none!important}button,a,.panel,.stat,.summary-card{transition:none!important}}

/* v5: contrast and palette stabilization for captain + accountant; preserve light table surfaces */
:root{--gold:#e9c36b;--primary:#c81d37;--red:#c81d37;--muted:#b9c3d2}
#captainApp .v84-home-greeting,#captainApp .v84-home-greeting *,#captainApp .welcome-card,#captainApp .welcome-card *{opacity:1}
#captainApp .v84-home-greeting h1,#captainApp .v84-home-greeting h2,#captainApp .v84-home-greeting strong,#captainApp .welcome-card h1{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 12px #0009!important}
#captainApp .v84-home-greeting p,#captainApp .welcome-card p{color:#d6dce7!important;-webkit-text-fill-color:#d6dce7!important}
#captainApp .desktop-nav a,#captainApp .desktop-nav button,#captainApp .topbar button{color:#e6eaf2!important;opacity:1!important}
#captainApp .desktop-nav .active,#captainApp .desktop-nav [aria-current=page]{background:#c81d37!important;color:#fff!important;border-color:#e9c36b!important}
#captainApp .summary-card,#captainApp .stat{background:#f9fafb!important;color:#17202c!important}
#captainApp .summary-card h3,#captainApp .summary-card strong,#captainApp .stat h3,#captainApp .stat strong{color:#17202c!important}
#captainApp .summary-card p,#captainApp .stat p{color:#586477!important}
#captainApp .balance-card,#captainApp .balance-hero{background:linear-gradient(120deg,#202b3c,#101b2b)!important;border-color:#9c3947!important;color:#fff!important}
#captainApp .balance-card strong,#captainApp .balance-hero strong{color:#f2d58e!important}
#accountantApp .sidebar,#accountantApp aside,.accountant-sidebar{color:#f6f7fb}
#accountantApp .sidebar a,#accountantApp .sidebar button,.accountant-sidebar a,.accountant-sidebar button{opacity:1}
#accountantApp .sidebar .active,#accountantApp .sidebar [aria-current=page]{background:#c81d37!important;color:#fff!important}
#accountantApp .panel,#accountantApp table,#accountantApp .table-wrap{color:#17202c}
#accountantApp table th{background:#fff0f2!important;color:#812036!important}
#accountantApp table td{background:#fff!important;color:#26303d!important}
#accountantApp table td small,#accountantApp table td .muted{color:#657184!important}
#accountantApp input,#accountantApp select{color:#17202c}
@media(max-width:700px){#captainApp .v84-home-greeting h1{font-size:clamp(20px,5vw,32px)!important}}

/* v6: premium subtle animation for official crown branding */
@keyframes abshirBrandReveal{from{opacity:0;transform:translateY(10px) scale(.97);filter:brightness(.8)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}
@keyframes abshirBrandShine{0%,100%{filter:drop-shadow(0 0 4px rgba(225,28,52,.24))}50%{filter:drop-shadow(0 0 15px rgba(239,39,67,.52))}}
@keyframes abshirCardIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
#loginScreen .brand img,.top-brand img,.top-brand{animation:abshirBrandReveal .65s ease-out both}
#loginScreen .brand img,.top-brand img{animation:abshirBrandReveal .65s ease-out both,abshirBrandShine 5s ease-in-out .7s infinite}
#captainApp .summary-card,#captainApp .stat,#captainApp .balance-card,#captainApp .balance-hero{animation:abshirCardIn .45s ease-out both}
#captainApp .summary-card:nth-child(2),#captainApp .stat:nth-child(2){animation-delay:.07s}
#captainApp .summary-card:nth-child(3),#captainApp .stat:nth-child(3){animation-delay:.14s}
#captainApp button:not(:disabled):hover,#accountantApp button:not(:disabled):hover{filter:brightness(1.08)}
#captainApp button:not(:disabled),#accountantApp button:not(:disabled){transition:filter .2s ease,transform .2s ease,box-shadow .2s ease}
@media(prefers-reduced-motion:reduce){#loginScreen .brand img,.top-brand img,.top-brand,#captainApp .summary-card,#captainApp .stat,#captainApp .balance-card,#captainApp .balance-hero{animation:none!important}}

/* v7 unified contrast repair: scope to app shells, not financial logic */
:root{--ezwa-bg:#080a10;--ezwa-surface:#151923;--ezwa-red:#d51d38;--ezwa-red-dark:#9f1029;--ezwa-cream:#f6f7fb;--ezwa-silver:#dce2ed}
body{background:radial-gradient(circle at 94% 18%,rgba(123,13,34,.19),transparent 34%),#080a10!important;color:#f6f7fb}
#captainApp .welcome-card h1,#captainApp .welcome-card h2,#captainApp .welcome-card strong,#captainApp .v84-home-greeting h1,#captainApp .v84-home-greeting h2,.home-greeting h1,.home-greeting h2,.home-greeting strong{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important}
#captainApp .welcome-card p,#captainApp .v84-home-greeting p,.home-greeting p{color:#d5dce8!important;-webkit-text-fill-color:#d5dce8!important;opacity:1!important}
#captainApp .topbar-v2,#captainApp .desktop-nav,#captainApp .topbar{background:#151923!important;border-color:rgba(220,40,65,.45)!important}
#captainApp .topbar-v2 button,#captainApp .desktop-nav button,#captainApp .desktop-nav a{color:#e8ecf4!important}
#captainApp .desktop-nav .active,#captainApp .desktop-nav [aria-current=page]{background:#c81d37!important;color:#fff!important}
#captainApp .balance-card,#captainApp .balance-hero{background:linear-gradient(130deg,#172235,#111a28)!important;color:#fff!important}
#captainApp .balance-card .amount,#captainApp .balance-hero .amount{color:#fff!important}
#captainApp .stat,#captainApp .summary-card{background:#f7f8fb!important;color:#1b2533!important}
#captainApp .stat *,#captainApp .summary-card *{opacity:1}
#captainApp .stat small,#captainApp .summary-card small{color:#536071!important}
#accountantApp .sidebar,#accountantApp aside{background:#121722!important;color:#f5f6fa!important}
#accountantApp .sidebar a,#accountantApp .sidebar button,#accountantApp aside a,#accountantApp aside button{color:#e9edf5!important}
#accountantApp .sidebar .active,#accountantApp aside .active{background:#c81d37!important;color:#fff!important}
#accountantApp .panel,#accountantApp .table-wrap,#accountantApp table{background:#fff!important;color:#1c2634!important}
#accountantApp table th{background:#fff0f2!important;color:#82253a!important}
#accountantApp table td{color:#263240!important}
#accountantApp img.brand-logo{display:block!important;object-fit:contain!important;background:transparent!important}
#accountantApp .brand-logo-box::after{content:none!important}
#loginScreen .brand-logo{object-fit:contain!important}
@media(prefers-reduced-motion:reduce){.top-brand,.top-brand img,#loginScreen img.brand-logo{animation:none!important}}

/* Official Abshir logo asset: keep original artwork uncropped */
#loginScreen .brand img[src*="abshir-official-logo"],#appScreen img[src*="abshir-official-logo"],#accountantApp img[src*="abshir-official-logo"],.loader-content img[src*="abshir-official-logo"],.side-brand img[src*="abshir-official-logo"]{display:block!important;visibility:visible!important;opacity:1!important;object-fit:contain!important;object-position:center!important;background:transparent!important;max-width:100%;border:0!important;box-shadow:none!important}
.brand-logo-box:has(img[src*="abshir-official-logo"])::after{content:none!important;display:none!important}
#loginScreen .brand img[src*="abshir-official-logo"]{width:min(290px,75vw)!important;height:auto!important;max-height:260px!important;margin:0 auto 12px!important}
.side-brand img[src*="abshir-official-logo"]{width:62px!important;height:62px!important;border-radius:8px!important}
.loader-content img[src*="abshir-official-logo"]{width:118px!important;height:118px!important;border-radius:10px!important}

/* Cinematic captain boot screen - authoritative override, no fake percentage */
#bootScreen.boot-screen{position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;padding:22px!important;background:radial-gradient(ellipse at 50% 65%,rgba(190,10,38,.24),transparent 52%),linear-gradient(135deg,#08090e 0%,#12070d 55%,#08090e 100%)!important;color:#fff!important;overflow:hidden!important;isolation:isolate}
#bootScreen.boot-screen::before,#bootScreen.boot-screen::after{content:""!important;position:absolute!important;pointer-events:none!important;inset:auto!important;display:block!important;opacity:.6!important}
#bootScreen.boot-screen::before{width:68vw!important;height:68vw!important;max-width:760px!important;max-height:760px!important;left:-33vw!important;bottom:-40vw!important;border-radius:50%!important;background:radial-gradient(circle,rgba(226,12,47,.32),transparent 64%)!important;filter:blur(20px)!important;animation:abshirBootAtmosphere 7s ease-in-out infinite alternate!important}
#bootScreen.boot-screen::after{width:65vw!important;height:65vw!important;max-width:760px!important;max-height:760px!important;right:-30vw!important;top:-40vw!important;border-radius:50%!important;background:radial-gradient(circle,rgba(176,8,36,.24),transparent 65%)!important;filter:blur(22px)!important}
#bootScreen.boot-screen .boot-content{box-sizing:border-box!important;width:min(530px,94vw)!important;max-width:530px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;padding:clamp(26px,5vw,45px)!important;border:1px solid rgba(247,49,77,.56)!important;border-radius:28px!important;background:linear-gradient(155deg,rgba(28,18,26,.96),rgba(9,11,18,.97))!important;box-shadow:0 24px 80px #000a,0 0 42px rgba(199,13,42,.15),inset 0 1px rgba(255,255,255,.1)!important;text-align:center!important}
#bootScreen .boot-content::before{content:none!important;display:none!important}
#bootScreen .abshir-boot-brand{display:block!important;width:min(270px,75vw)!important;margin:-12px auto -4px!important}
#bootScreen .abshir-boot-brand img{display:block!important;width:100%!important;height:auto!important;max-height:240px!important;object-fit:contain!important;filter:drop-shadow(0 0 18px rgba(241,22,57,.24))!important;animation:abshirBootLogo 3.2s ease-in-out infinite alternate!important}
#bootScreen .boot-content h2{font-size:clamp(21px,4vw,28px)!important;font-weight:800!important;line-height:1.4!important;margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#bootScreen .abshir-boot-status{font-size:13px!important;color:#c9cfda!important;-webkit-text-fill-color:#c9cfda!important;margin:0!important}
#bootScreen .abshir-boot-progress{display:block!important;overflow:hidden!important;width:100%!important;height:9px!important;margin:6px 0 5px!important;border-radius:99px!important;background:#24252e!important;border:1px solid #5d2834!important;box-shadow:0 0 0 3px #ffffff08!important}
#bootScreen .abshir-boot-progress span{display:block!important;height:100%!important;width:36%!important;border-radius:inherit!important;background:linear-gradient(90deg,#a70a24,#ff254d,#ff8293)!important;box-shadow:0 0 17px #ff224d!important;animation:abshirBootIndeterminate 1.9s ease-in-out infinite!important}
#bootScreen .abshir-boot-features{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin-top:4px!important}
#bootScreen .abshir-boot-features span{display:inline-flex!important;align-items:center!important;padding:8px 10px!important;border:1px solid rgba(245,46,73,.23)!important;border-radius:12px!important;background:#ffffff08!important;color:#e5e7ee!important;font-size:11px!important}
#bootScreen.boot-screen.done{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@keyframes abshirBootLogo{from{filter:drop-shadow(0 0 7px rgba(241,22,57,.17));transform:translateY(3px)}to{filter:drop-shadow(0 0 23px rgba(241,22,57,.38));transform:translateY(-3px)}}
@keyframes abshirBootIndeterminate{0%{transform:translateX(-120%)}50%{transform:translateX(105%)}100%{transform:translateX(300%)}}
@keyframes abshirBootAtmosphere{from{opacity:.35;transform:scale(.9)}to{opacity:.7;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){#bootScreen .abshir-boot-brand img,#bootScreen .abshir-boot-progress span,#bootScreen.boot-screen::before{animation:none!important}}
@media(max-width:500px){#bootScreen.boot-screen .boot-content{padding:25px 18px!important;border-radius:22px!important}#bootScreen .abshir-boot-brand{width:min(220px,68vw)!important}}

/* v11 — captain sign-in only. No changes to authentication behavior. */
#loginScreen.login-shell{min-height:100svh!important;display:grid!important;place-items:center!important;padding:clamp(16px,4vw,36px)!important;background:radial-gradient(circle at 50% 10%,rgba(207,18,48,.18),transparent 37%),radial-gradient(circle at 95% 85%,rgba(112,12,32,.17),transparent 37%),#090b12!important}
#loginScreen .login-card{box-sizing:border-box!important;width:min(460px,100%)!important;max-width:460px!important;overflow:hidden!important;padding:clamp(24px,4vw,38px)!important;border-radius:26px!important;border:1px solid rgba(238,40,72,.55)!important;background:linear-gradient(155deg,#181b26 0%,#10131d 62%,#101018 100%)!important;color:#f8f9fc!important;box-shadow:0 28px 80px #0009,0 0 38px #b9102c20,inset 0 1px #ffffff13!important}
#loginScreen .login-card::before,#loginScreen .login-card::after{content:none!important;display:none!important}
#loginScreen .brand{position:relative!important;display:flex!important;align-items:center!important;flex-direction:column!important;gap:5px!important;text-align:center!important}
#loginScreen .brand img[src*="abshir-official-logo"]{display:block!important;width:min(240px,65vw)!important;max-height:205px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 14px #ed1d4030)!important;animation:abshirSignInGlow 4s ease-in-out infinite alternate!important;margin:0 auto 7px!important}
#loginScreen .brand h1{font-size:clamp(21px,4vw,26px)!important;line-height:1.35!important;font-weight:850!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;text-shadow:none!important}
#loginScreen .brand p{font-size:12px!important;line-height:1.7!important;color:#c4cbd7!important;-webkit-text-fill-color:#c4cbd7!important;margin:2px 0 0!important}
#loginScreen #loginForm{display:grid!important;gap:14px!important;margin-top:24px!important}
#loginScreen #loginForm .field{display:grid!important;gap:8px!important}
#loginScreen #loginForm label{font-size:13px!important;font-weight:750!important;color:#eef1f6!important;-webkit-text-fill-color:#eef1f6!important}
#loginScreen #loginForm .input{box-sizing:border-box!important;width:100%!important;min-height:48px!important;padding:12px 14px!important;border-radius:12px!important;background:#f8f9fc!important;color:#182030!important;border:1px solid #cbd0db!important;box-shadow:none!important;direction:rtl}
#loginScreen #loginForm .input::placeholder{color:#778294!important}
#loginScreen #loginForm .input:focus-visible{outline:2px solid #ff4668!important;outline-offset:2px!important;border-color:#ff4668!important;box-shadow:0 0 0 4px #f3244720!important}
#loginScreen #loginBtn{min-height:48px!important;border:1px solid #f03956!important;border-radius:12px!important;background:linear-gradient(105deg,#ed1d43,#b80d2e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800!important;box-shadow:0 8px 23px #db163329!important}
#loginScreen #loginBtn:hover:not(:disabled){filter:brightness(1.1)!important;transform:translateY(-1px)!important}
#loginScreen #loginForm .hint{display:block!important;color:#aeb8c8!important;-webkit-text-fill-color:#aeb8c8!important;line-height:1.75!important;font-size:11px!important;text-align:center!important}
#loginScreen #installAppLoginBtn:not(.hidden){min-height:45px!important;border-radius:12px!important;background:#f3f4f8!important;color:#1b2433!important;-webkit-text-fill-color:#1b2433!important}
@keyframes abshirSignInGlow{from{filter:drop-shadow(0 0 7px #ed1d4020)}to{filter:drop-shadow(0 0 20px #ed1d4059)}}
@media(prefers-reduced-motion:reduce){#loginScreen .brand img[src*="abshir-official-logo"]{animation:none!important}}
@media(max-width:420px){#loginScreen .login-card{padding:22px 18px!important;border-radius:20px!important}#loginScreen .brand img[src*="abshir-official-logo"]{width:min(200px,60vw)!important}}

/* v12 Captain home: consistent red/black + accessible light data cards */
#appScreen:not(.hidden){background:radial-gradient(ellipse at 95% 5%,rgba(157,14,42,.14),transparent 42%),#0b0d14!important;color:#f4f6fa!important}
#appScreen .topbar-v2{background:#151923!important;border:1px solid #702339!important;box-shadow:0 10px 35px #0004!important}
#appScreen .top-brand h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen .top-brand p{color:#c6cdd8!important}
#appScreen .desktop-nav{background:#151923!important;border:1px solid #702339!important}
#appScreen .desktop-nav .nav-item{color:#e1e5ed!important;background:transparent!important;border-color:transparent!important}
#appScreen .desktop-nav .nav-item.active{color:#fff!important;background:linear-gradient(110deg,#c61639,#97102b)!important;border-color:#ee3558!important;box-shadow:0 5px 20px #9e0d2c38!important}
#appScreen .captain-home-v84 .v84-home-head{display:flex!important;align-items:center!important;gap:12px!important}
#appScreen .v84-home-greeting .eyebrow{color:#ff738d!important;-webkit-text-fill-color:#ff738d!important}
#appScreen .v84-home-greeting h2,#appScreen .v84-home-greeting h2 span{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;opacity:1!important}
#appScreen .v84-home-greeting p{color:#c6cbd6!important;-webkit-text-fill-color:#c6cbd6!important}
#appScreen .v84-live-pill{background:#143225!important;color:#b9f8cf!important;border:1px solid #276546!important}
#appScreen .v84-balance-card{background:radial-gradient(circle at 88% 18%,#a417343b,transparent 45%),linear-gradient(125deg,#20212c,#10141f)!important;border:1px solid #ae2844!important;box-shadow:0 16px 45px #0006,0 0 26px #9e123024!important;color:#fff!important}
#appScreen .v84-balance-card::before{border-color:#e53154!important}
#appScreen .v84-balance-card::after{border-color:#f2859b50!important;background:none!important}
#appScreen .v84-balance-copy>span{color:#d5dce8!important}
#appScreen .v84-balance-copy strong{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 3px 18px #0009!important;font-variant-numeric:tabular-nums}
#appScreen .v84-balance-copy>p{color:#bfc8d6!important}
#appScreen .v84-balance-action{background:linear-gradient(110deg,#ed2146,#a91130)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #ee3a5c!important;box-shadow:0 5px 18px #a00b2c35!important}
#appScreen .v84-summary-3 .v84-mini-card{background:#f8f9fc!important;color:#1d2736!important;border:1px solid #dfe3ec!important;box-shadow:0 8px 24px #0002!important}
#appScreen .v84-mini-card .v84-mini-top span,#appScreen .v84-mini-card small,#appScreen .v84-mini-card .hint{color:#586476!important;-webkit-text-fill-color:#586476!important}
#appScreen .v84-mini-card .v84-mini-value,#appScreen .v84-mini-card b,#appScreen .v84-mini-card .status-box{color:#172233!important;-webkit-text-fill-color:#172233!important}
#appScreen .v84-week-stat{background:#181d28!important;border:1px solid #4b2936!important;color:#e9edf5!important}
#appScreen .v84-week-stat span{color:#bfc9d7!important}
#appScreen .v84-week-stat b{color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen .v84-week-stat.production b{color:#8cf1b4!important;-webkit-text-fill-color:#8cf1b4!important}
#appScreen .v84-week-stat.consumption b{color:#ff9aab!important;-webkit-text-fill-color:#ff9aab!important}
#appScreen .v84-latest-card{background:#f9fafc!important;color:#202938!important;border:1px solid #e0e3eb!important}
#appScreen .v84-latest-card h3,#appScreen .v84-latest-card .v84-section-title{color:#202938!important;-webkit-text-fill-color:#202938!important}
#appScreen .v84-latest-card p{color:#5b6576!important}
#appScreen .v84-section-link{color:#b31937!important}
#appScreen .v84-road-banner{border-color:#80243c!important;background:linear-gradient(120deg,#24212c,#161720)!important;color:#fff!important}
#appScreen .v84-road-banner span{color:#cbd2dc!important}
@media(max-width:560px){#appScreen .captain-home-v84 .v84-home-head{align-items:flex-start!important}#appScreen .v84-balance-copy strong{font-size:clamp(30px,9vw,43px)!important}}
@media(prefers-reduced-motion:reduce){#appScreen .v84-balance-card,#appScreen .v84-mini-card{animation:none!important}}

/* v13 — accountant admin shell, visual-only. Scoped to #appScreen.app. */
#appScreen.app{background:radial-gradient(circle at 95% 5%,#8d16301a,transparent 35%),#0b0d14!important;color:#eef1f7!important}
#appScreen.app .sidebar{background:linear-gradient(180deg,#171a24,#10131c)!important;border-left:1px solid #65283b!important;box-shadow:-10px 0 36px #0006!important;color:#edf1f8!important}
#appScreen.app .side-brand{background:#20212c!important;border:1px solid #663047!important;border-radius:16px!important;padding:12px!important;gap:10px!important}
#appScreen.app .side-brand img[src*="abshir-official-logo"]{display:block!important;width:64px!important;height:64px!important;object-fit:contain!important;border:0!important;border-radius:10px!important;background:transparent!important}
#appScreen.app .side-brand b{color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen.app .side-brand span{color:#bec7d5!important;-webkit-text-fill-color:#bec7d5!important}
#appScreen.app .sidebar .nav-section-label{color:#e78da0!important;-webkit-text-fill-color:#e78da0!important;font-size:11px!important;font-weight:800!important}
#appScreen.app .sidebar .nav>button,#appScreen.app .sidebar .nav-group>button{color:#e6e9f1!important;-webkit-text-fill-color:#e6e9f1!important;background:transparent!important;border:1px solid transparent!important;min-height:43px!important;transition:background .18s,border-color .18s!important}
#appScreen.app .sidebar .nav>button:hover,#appScreen.app .sidebar .nav-group>button:hover{background:#2b202d!important;border-color:#7c2a43!important}
#appScreen.app .sidebar .nav button.active{background:linear-gradient(110deg,#c7193e,#93102b)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ee4362!important;box-shadow:0 6px 18px #ab14342f!important}
#appScreen.app .sidebar .nav-group{background:#ffffff04!important;border:1px solid #4e3341!important;border-radius:12px!important}
#appScreen.app .sidebar .nav-group>summary{color:#f1e6ea!important;-webkit-text-fill-color:#f1e6ea!important}
#appScreen.app .sidebar .nav-count{background:#d82246!important;color:#fff!important}
#appScreen.app .side-foot{border-top:1px solid #4b2a39!important}
#appScreen.app .side-foot .session-user{background:#222532!important;color:#fff!important;border-color:#613447!important}
#appScreen.app .main{background:transparent!important;min-width:0!important}
#appScreen.app .topbar{background:#181c27!important;color:#fff!important;border:1px solid #6d2b42!important;border-radius:18px!important;box-shadow:0 10px 32px #0003!important}
#appScreen.app .topbar h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen.app .topbar p,#appScreen.app #welcomeLine{color:#c0c9d7!important;-webkit-text-fill-color:#c0c9d7!important}
#appScreen.app .topbar .btn-primary{background:linear-gradient(110deg,#e8294c,#ae1233)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen.app .dashboard-hero{background:radial-gradient(circle at 95% 10%,#be1d403b,transparent 48%),linear-gradient(120deg,#232431,#141824)!important;border:1px solid #873049!important;color:#fff!important;box-shadow:0 12px 35px #0004!important}
#appScreen.app .dashboard-hero h3,#appScreen.app .dashboard-hero small{color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen.app .dashboard-hero p,#appScreen.app .dashboard-hero #syncText{color:#d2d8e3!important;-webkit-text-fill-color:#d2d8e3!important}
#appScreen.app .quick-action{background:#2b2230!important;border:1px solid #76334b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:13px!important}
#appScreen.app .quick-action:hover{background:#462338!important;border-color:#db3b5c!important}
#appScreen.app .quick-action small{color:#c9cfdc!important;-webkit-text-fill-color:#c9cfdc!important}
#appScreen.app #statsCards .card,#appScreen.app #statsCards .stat,#appScreen.app #statsCards>div{background:#f9fafc!important;color:#1e2838!important;border:1px solid #dfe3eb!important;border-radius:16px!important;box-shadow:0 8px 26px #0002!important}
#appScreen.app #statsCards .card *,#appScreen.app #statsCards .stat *{text-shadow:none!important}
#appScreen.app .main .panel{background:#f9fafc!important;color:#1d2736!important;border:1px solid #e0e4eb!important;box-shadow:0 8px 26px #0002!important}
#appScreen.app .main .panel h3,#appScreen.app .main .panel .panel-head h3{color:#202939!important;-webkit-text-fill-color:#202939!important}
#appScreen.app .main .panel .panel-head p{color:#5d6777!important;-webkit-text-fill-color:#5d6777!important}
#appScreen.app .main input:focus-visible,#appScreen.app .main button:focus-visible{outline:2px solid #f04465!important;outline-offset:2px!important}
@media(max-width:900px){#appScreen.app .sidebar{box-shadow:-16px 0 50px #0008!important}#appScreen.app .topbar{padding:13px!important}#appScreen.app .dashboard-hero{padding:17px!important}}
@media(prefers-reduced-motion:reduce){#appScreen.app .quick-action,#appScreen.app .sidebar button{transition:none!important}}

/* v14 Captain recharge: correct mismatched white/gold widgets in dark UI */
#appScreen:not(.hidden) [data-view-panel="recharge"] .view-title h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .view-title p{color:#c5ccda!important;-webkit-text-fill-color:#c5ccda!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .section-kicker{color:#ff718a!important;-webkit-text-fill-color:#ff718a!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .panel{background:linear-gradient(145deg,#1c202b,#131722)!important;color:#f5f6fb!important;border:1px solid #673045!important;border-radius:20px!important;box-shadow:0 12px 35px #0004!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .panel-head h3{color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .panel-head p{color:#bac4d2!important;-webkit-text-fill-color:#bac4d2!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .packages{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .package{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-width:0!important;min-height:134px!important;padding:18px!important;background:#232633!important;border:1px solid #535567!important;border-radius:16px!important;color:#fff!important;box-shadow:none!important;cursor:pointer!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .package:hover{background:#302634!important;border-color:#f14b69!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .package:has(input:checked),#appScreen:not(.hidden) [data-view-panel="recharge"] .package.selected{background:linear-gradient(145deg,#4c2034,#2b202d)!important;border:2px solid #ff3e62!important;box-shadow:0 0 0 3px #e92a4920!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .package b{font-size:clamp(20px,3vw,27px)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .package span{font-size:12px!important;color:#c3cad8!important;-webkit-text-fill-color:#c3cad8!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .package em{font-size:13px!important;color:#ff9cad!important;-webkit-text-fill-color:#ff9cad!important;font-style:normal!important;font-weight:800!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .upload{background:#202633!important;border:1px dashed #b14a65!important;border-radius:15px!important;color:#fff!important;min-height:105px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .upload:hover,#appScreen:not(.hidden) [data-view-panel="recharge"] .upload.ready{background:#2d2432!important;border-color:#ff496b!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .upload b{color:#f5f6fb!important;-webkit-text-fill-color:#f5f6fb!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .upload span{color:#bdc7d8!important;-webkit-text-fill-color:#bdc7d8!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .field label{color:#e9edf5!important;-webkit-text-fill-color:#e9edf5!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .input{background:#f8f9fc!important;color:#1b2636!important;border:1px solid #cbd3df!important;border-radius:12px!important;min-height:47px!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .input::placeholder{color:#748093!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .btn-primary{background:linear-gradient(110deg,#ed264b,#a90f30)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #ed4463!important;border-radius:12px!important;min-height:48px!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .hint{color:#bdc7d8!important;-webkit-text-fill-color:#bdc7d8!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .table-wrap{background:#fff!important;border-radius:12px!important;overflow-x:auto!important}
#appScreen:not(.hidden) [data-view-panel="recharge"] .table{color:#243045!important}
@media(max-width:520px){#appScreen:not(.hidden) [data-view-panel="recharge"] .packages{gap:8px!important}#appScreen:not(.hidden) [data-view-panel="recharge"] .package{padding:12px!important;min-height:120px!important}}

/* v15 — captain account page: no white/gold legacy widgets */
#appScreen:not(.hidden) [data-view-panel="account"] .view-title h2{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
#appScreen:not(.hidden) [data-view-panel="account"] .view-title p{color:#c5cdda!important;-webkit-text-fill-color:#c5cdda!important}
#appScreen:not(.hidden) [data-view-panel="account"] .section-kicker{color:#ff6e89!important;-webkit-text-fill-color:#ff6e89!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-card{background:radial-gradient(circle at 95% 20%,#af24402a,transparent 40%),linear-gradient(120deg,#222633,#151923)!important;border:1px solid #81334a!important;border-radius:20px!important;color:#fff!important;box-shadow:0 12px 32px #0005!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-card::before{background:#ef3153!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-card h3{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(17px,3vw,23px)!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-card p,#appScreen:not(.hidden) [data-view-panel="account"] .account-card .hint{color:#c6d0df!important;-webkit-text-fill-color:#c6d0df!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-actions .btn{min-height:52px!important;background:#222733!important;color:#f4f6fb!important;-webkit-text-fill-color:#f4f6fb!important;border:1px solid #634053!important;border-radius:14px!important;font-weight:800!important;box-shadow:none!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-actions .btn:hover{background:#302838!important;border-color:#f04464!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-actions .btn-danger{background:#48202c!important;color:#ffccd4!important;-webkit-text-fill-color:#ffccd4!important;border-color:#a8324e!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-actions .btn-danger:hover{background:#6a263b!important}
#appScreen:not(.hidden) [data-view-panel="account"] .account-actions .hidden{display:none!important}
@media(max-width:580px){#appScreen:not(.hidden) [data-view-panel="account"] .account-actions{grid-template-columns:1fr!important}}

/* v16: unify captain welcome overlay with the official dark crimson / gold palette.
   Scoped to the welcome overlay so no accounting or dashboard behavior changes. */
#welcomeOverlay.welcome-celebration{
 background:radial-gradient(ellipse at 50% 42%,rgba(180,15,43,.23),transparent 56%),rgba(4,6,11,.88)!important;
 backdrop-filter:blur(13px)!important;
}
#welcomeOverlay .welcome-card{
 isolation:isolate!important;
 width:min(590px,100%)!important;
 padding:clamp(28px,5vw,46px) clamp(20px,5vw,42px)!important;
 background:radial-gradient(circle at 88% 12%,rgba(140,19,40,.18),transparent 47%),linear-gradient(145deg,#1b1119 0%,#0c0e15 64%,#190c15 100%)!important;
 border:1px solid rgba(236,190,92,.82)!important;
 border-radius:25px!important;
 color:#f8f5f4!important;
 box-shadow:0 28px 90px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
#welcomeOverlay .welcome-card::before{
 inset:0!important;
 background:linear-gradient(135deg,rgba(217,27,57,.16),transparent 28%,transparent 72%,rgba(217,27,57,.13))!important;
 animation:none!important;
 pointer-events:none!important;
}
#welcomeOverlay .welcome-crown{
 display:block!important;
 font-size:clamp(35px,6vw,49px)!important;
 line-height:1.1!important;
 color:#f4c965!important;
 text-shadow:0 3px 22px rgba(234,181,61,.25)!important;
 margin-bottom:10px!important;
}
#welcomeOverlay .welcome-eyebrow{
 display:block!important;
 margin:0 0 14px!important;
 font-size:clamp(17px,2.6vw,23px)!important;
 font-weight:900!important;
 color:#f4c965!important;
 -webkit-text-fill-color:#f4c965!important;
}
#welcomeOverlay .welcome-card h2,
#welcomeOverlay .welcome-card h2 span{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 font-size:clamp(24px,4.4vw,34px)!important;
 line-height:1.55!important;
 font-weight:900!important;
 text-shadow:none!important;
 overflow-wrap:anywhere!important;
}
#welcomeOverlay .welcome-card h2 span{color:#ff4965!important;-webkit-text-fill-color:#ff4965!important}
#welcomeOverlay .welcome-card p{
 color:#cdd0d8!important;
 -webkit-text-fill-color:#cdd0d8!important;
 font-size:clamp(13px,2.5vw,16px)!important;
 line-height:1.85!important;
 margin:8px 0 23px!important;
}
#welcomeOverlay .welcome-card .btn-primary{
 min-width:min(250px,100%)!important;
 min-height:52px!important;
 border-radius:15px!important;
 border:1px solid #f8d884!important;
 background:linear-gradient(120deg,#ffe49b,#d9a83d)!important;
 color:#241609!important;
 -webkit-text-fill-color:#241609!important;
 font-weight:900!important;
 font-size:17px!important;
 box-shadow:0 10px 30px rgba(218,139,28,.20)!important;
 transition:transform .2s ease,filter .2s ease!important;
}
#welcomeOverlay .welcome-card .btn-primary:hover{transform:translateY(-2px)!important;filter:brightness(1.07)!important}
@media(prefers-reduced-motion:reduce){#welcomeOverlay .welcome-card .btn-primary{transition:none!important}}

/* Zarqa: standalone royal blue & gold design system */
:root{--bg:#061427!important;--surface:#0b233e!important;--surface2:#123450!important;--text:#f2f7ff!important;--muted:#a9c8df!important;--red:#13b6ee!important;--primary:#079ddc!important;--gold:#e8b85e!important}
html,body{background-color:#061427!important;background-image:radial-gradient(circle at 90% 5%,rgba(10,152,216,.16),transparent 38%),linear-gradient(160deg,#061427,#07192b)!important;color:#edf6ff!important}
button,.btn,[class*=primary],[class*=active]{transition:transform .16s ease,filter .16s ease}
button:hover,.btn:hover{filter:brightness(1.12)}
input:focus,select:focus,textarea:focus{outline-color:#11baf2!important}