/* BASE.CSS — TOTO AI v31 Dark Teal */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Bebas+Neue&display=swap');

:root {
  --bg1:#0B1519;--bg2:#091e24;--bg3:#04383F;
  --card:#0d1e24;--card2:#0a1a20;
  --stroke:rgba(255,255,255,0.09);--border:rgba(255,255,255,0.09);
  --ink:#ffffff;--sub:rgba(255,255,255,0.5);--muted:rgba(255,255,255,0.4);
  --text:#ffffff;
  --teal:#00BEC4;--green:#1DB974;--red:#e8404a;--amber:#F5A623;
  --gold:#C9A84C;--gold-l:rgba(201,168,76,.12);
  --navy:rgba(0,40,50,.9);--navy2:rgba(0,25,40,.9);
  --accent:#00BEC4;
  --shadow:0 4px 24px rgba(0,0,0,.5);--shadow2:0 2px 12px rgba(0,0,0,.4);
  --font:'Plus Jakarta Sans',sans-serif;--r:16px;--rs:10px;
  --blue:#38bdf8;--purple:#a78bfa;--orange:#f97316;
  --rose:rgba(244,114,182,.1);--lavender:rgba(167,139,250,.1);--sky:rgba(56,189,248,.1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{
  font-family:var(--font);
  background:#0B1519;
  color:#fff;font-size:16px;line-height:1.6;min-height:100vh;
  -webkit-font-smoothing:antialiased;
}

/* Gradient als fixed achtergrond — scrollt niet mee, kleur consistent */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,#0B1519 0%,#091e24 50%,#04383F 100%);
  pointer-events:none;
}

.screen{display:none;}
.screen.active{display:block;padding:14px 14px 6px;animation:fadeInScreen .2s ease;}
@keyframes fadeInScreen{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.app{position:relative;z-index:1;max-width:600px;margin:0 auto;
  padding-bottom:max(6rem,env(safe-area-inset-bottom));}

/* TOPBAR */
.topbar{
  background:rgba(11,21,25,0.92);backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.09);
  padding:13px 16px 11px;display:flex;align-items:center;
  justify-content:space-between;position:sticky;top:0;z-index:100;
}
.topbar-logo{font-family:var(--font);font-size:20px;font-weight:800;
  color:#fff;letter-spacing:-0.5px;-webkit-text-fill-color:#fff;}
.topbar-ai{color:#00BEC4;-webkit-text-fill-color:#00BEC4;}
.topbar-version{font-size:10px;font-weight:700;color:#00BEC4;
  background:rgba(0,190,196,.12);border:1px solid rgba(0,190,196,.25);
  padding:2px 8px;border-radius:5px;margin-left:6px;}
.topbar-user{font-size:11px;font-weight:600;color:rgba(255,255,255,.6);}
.topbar-icon-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.5);width:34px;height:34px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .15s;position:relative;}
.topbar-icon-btn:hover{background:rgba(255,255,255,.12);}

/* BOTTOM NAV */
.bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:200;
  display:flex;align-items:stretch;
  background:rgba(11,21,25,0.97);backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-top:1px solid rgba(255,255,255,0.09);
  height:64px;padding:0 4px;
  padding-bottom:max(0px,env(safe-area-inset-bottom));
}
.bnav-btn{flex:1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:3px;background:none;border:none;cursor:pointer;
  border-radius:10px;padding:6px 4px;color:rgba(255,255,255,.35);
  font-size:9.5px;font-weight:600;font-family:var(--font);
  transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent;}
.bnav-btn svg{color:rgba(255,255,255,.35);transition:color .15s;}
.bnav-btn.active{color:#00BEC4;background:rgba(0,190,196,.1);}
.bnav-btn.active svg{color:#00BEC4;}
.bnav-label{font-family:var(--font);font-size:9.5px;font-weight:600;}
.bnav-dot{position:absolute;top:2px;right:calc(50% - 14px);width:7px;height:7px;
  border-radius:50%;background:#e8404a;border:1.5px solid #0B1519;}

/* 6-ITEM BOTTOM NAV — compact */
@media (max-width:430px){
  .bnav-btn{padding:.35rem .1rem;}
  .bnav-label{font-size:.37rem;letter-spacing:0;}
}

/* SECTION HEADER */
.section-header{font-family:var(--font);font-size:11px;font-weight:700;
  color:rgba(255,255,255,.4);letter-spacing:.5px;text-transform:uppercase;
  margin:14px 0 8px;display:flex;align-items:center;gap:6px;}
.section-header::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.09);}

/* KAARTEN */
.match-card,.analyse-block,.analytics-block,.wallet-big,.dash-card,
.dash-nav-card,.bt-card,.backtest-card,.worker-pick-row{
  background:#0d1e24;border:1px solid rgba(255,255,255,0.09);
  border-radius:var(--r);transition:transform .15s;backdrop-filter:blur(8px);}
.match-card{padding:13px 14px;margin-bottom:9px;cursor:pointer;}
.match-card:active{transform:scale(.99);}

/* COMP CHIPS */
.comp-chip,.scan-comp-chip{font-family:var(--font);font-size:11.5px;font-weight:600;
  padding:5px 13px;border-radius:20px;background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.1);
  cursor:pointer;transition:all .15s;white-space:nowrap;}
.comp-chip.active,.comp-chip.fav,.scan-comp-chip.on{
  background:#00BEC4;color:#fff;border-color:#00BEC4;}

/* ODDS KNOPPEN */
.odds-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--rs);font-family:var(--font);font-size:15px;font-weight:800;
  color:#fff;padding:7px 4px;text-align:center;cursor:pointer;transition:all .15s;}
.odds-btn.value-highlight,.odds-btn[data-value="true"]{
  background:rgba(0,190,196,.15);border-color:rgba(0,190,196,.4);color:#00BEC4;}

/* ANALYSE KNOPPEN */
.analyse-btn,.match-analyse-btn{background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.15);color:#fff;font-family:var(--font);
  font-size:11.5px;font-weight:700;border-radius:var(--rs);border:none;
  padding:8px 12px;cursor:pointer;}
.analyse-btn-primary{width:100%;background:#00BEC4;border:none;color:#fff;
  font-family:var(--font);font-size:13px;font-weight:700;border-radius:var(--r);
  padding:11px;cursor:pointer;display:block;text-align:center;margin-bottom:8px;}
.analyse-btn-ai{width:100%;background:linear-gradient(135deg,rgba(0,40,50,.95),rgba(0,25,40,.95));
  border:1px solid rgba(0,190,196,.25);color:#fff;font-family:var(--font);
  font-size:13px;font-weight:700;border-radius:var(--r);
  padding:11px;cursor:pointer;display:block;text-align:center;margin-bottom:8px;}
.analyse-btn-secondary,.analyse-btn-ghost{background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);
  font-family:var(--font);font-size:12px;font-weight:600;
  border-radius:var(--rs);padding:8px 14px;cursor:pointer;}

/* ANALYSE BLOCK */
.analyse-block{padding:14px 15px;margin-bottom:10px;}
.analyse-block-title{font-family:var(--font);font-size:12.5px;font-weight:800;
  color:#fff;display:flex;align-items:center;gap:6px;
  border-left:3px solid #00BEC4;padding-left:8px;}
.analyse-match-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--r);padding:12px 14px;margin-bottom:10px;}
.analyse-odds-cell{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:.3rem;text-align:center;}
.analyse-stat-cell{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:10px;padding:9px 6px;text-align:center;}
.analyse-progress-bar{background:rgba(255,255,255,.1);border-radius:999px;height:5px;overflow:hidden;}
.scan-log-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--r);padding:12px 14px;margin-bottom:8px;}

/* VALUE BADGE */
.value-badge{background:rgba(0,190,196,.15);color:#00BEC4;font-family:var(--font);
  font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;
  border:1px solid rgba(0,190,196,.35);}

/* WALLET */
.wallet-bal-card{background:linear-gradient(135deg,#0e1c28,#0a2a30);
  border:1px solid rgba(0,190,196,.2);border-radius:var(--r);
  padding:18px 16px;margin-bottom:10px;}
.wallet-bal-card .label{font-family:var(--font);font-size:11px;font-weight:600;
  color:rgba(255,255,255,.5);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;}
.wallet-bal-card .amount{font-family:var(--font);font-size:30px;font-weight:800;
  color:#fff;letter-spacing:-0.5px;}
.wallet-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));
  gap:7px;margin-bottom:10px;}
.w-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--rs);padding:9px 6px;text-align:center;}
.w-label{font-family:var(--font);font-size:9px;font-weight:700;
  color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;}
.w-item .val{font-family:var(--font);font-size:14px;font-weight:800;color:#fff;}
.wallet-subtabs{display:flex;gap:5px;margin-bottom:12px;padding:3px;
  background:rgba(255,255,255,.05);border-radius:30px;border:1px solid rgba(255,255,255,.09);}
.wsub-btn{flex:1;font-family:var(--font);font-size:11.5px;font-weight:700;
  padding:7px 4px;border-radius:26px;border:none;background:transparent;
  color:rgba(255,255,255,.4);cursor:pointer;transition:all .2s;}
.bt-subtab{font-family:var(--font);font-size:11.5px;font-weight:700;
  padding:7px 16px;border-radius:var(--rs);border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);cursor:pointer;}
.bt-subtab.active{background:#00BEC4;color:#fff;border-color:#00BEC4;}
.tracker-filter,.bt-filter-btn{font-family:var(--font);font-size:11px;font-weight:600;
  padding:5px 11px;border-radius:20px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);cursor:pointer;}
.tracker-filter.active,.bt-filter-btn.active{background:#00BEC4;color:#fff;border-color:#00BEC4;}
.stat-mini-card{background:rgba(255,255,255,.07);border-radius:var(--rs);padding:9px 8px;text-align:center;}
.stat-mini-label{font-family:var(--font);font-size:9px;font-weight:700;
  color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:3px;}
.stat-mini-val{font-family:var(--font);font-size:15px;font-weight:800;color:#fff;}
.export-btn,.small-action-btn{font-family:var(--font);font-size:11.5px;font-weight:700;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  color:#fff;border-radius:var(--rs);padding:8px 14px;cursor:pointer;}
.add-tracker-btn{background:#00BEC4;color:#fff;font-family:var(--font);
  font-size:11.5px;font-weight:700;border:none;border-radius:9px;padding:7px 14px;cursor:pointer;}
.wallet-chart-wrap{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--r);padding:12px 14px;margin-bottom:10px;}
.chart-view-btn,.chart-src-btn{font-family:var(--font);font-size:10.5px;font-weight:700;
  border-radius:6px;padding:4px 9px;border:1px solid rgba(255,255,255,.1);
  background:transparent;color:rgba(255,255,255,.5);cursor:pointer;}
.chart-view-btn.active,.chart-src-btn.active{background:#00BEC4;color:#fff;border-color:#00BEC4;}
#btProgressBar{background:linear-gradient(90deg,#00BEC4,#1DB974);}

/* MODALS */
.modal-box{border-radius:20px;background:rgba(11,21,25,.97);
  border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.6);}
.modal-title{font-family:var(--font);font-size:16px;font-weight:800;color:#fff;}
.modal-label{font-family:var(--font);font-size:11px;font-weight:700;color:rgba(255,255,255,.5);}
.modal-input,.modal-select{font-family:var(--font);font-size:13.5px;font-weight:500;
  border:1.5px solid rgba(255,255,255,.15);border-radius:10px;
  padding:10px 12px;color:#fff;background:rgba(255,255,255,.07);}
.modal-input:focus,.modal-select:focus{border-color:#00BEC4;outline:none;}
.modal-confirm-btn{background:#00BEC4;color:#fff;font-family:var(--font);
  font-size:13px;font-weight:700;border:none;border-radius:var(--rs);padding:11px;}
.modal-cancel-btn{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);
  font-family:var(--font);font-size:13px;font-weight:700;border:none;
  border-radius:var(--rs);padding:11px;}
#toastMsg{font-family:var(--font);font-size:12px;font-weight:600;
  background:rgba(0,40,50,.97);border:1px solid rgba(0,190,196,.3);
  border-radius:10px;padding:8px 18px;color:#fff;}

/* ANIMATIES */
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes spin{to{transform:rotate(360deg);}}
.live-dot{width:5px;height:5px;border-radius:50%;background:#e8404a;animation:blink .9s infinite;}
.notif-dot{position:absolute;top:2px;right:2px;width:7px;height:7px;
  background:#e8404a;border-radius:50%;border:1.5px solid #0B1519;}
.bnav-dot{position:absolute;top:2px;right:calc(50% - 14px);width:7px;height:7px;
  border-radius:50%;background:#e8404a;border:1.5px solid #0B1519;}
#autoCheckBar{display:none;position:fixed;bottom:72px;left:50%;transform:translateX(-50%);
  background:rgba(0,40,50,.97);color:#00BEC4;border:1px solid rgba(0,190,196,.3);
  font-family:var(--font);font-size:.6rem;font-weight:700;
  padding:.45rem 1.1rem;border-radius:999px;z-index:9999;white-space:nowrap;}
#jsBanner{display:none;position:fixed;top:0;left:0;right:0;z-index:99999;
  background:#e8404a;color:#fff;font-family:var(--font);font-size:.6rem;
  font-weight:700;padding:.5rem 1rem;cursor:pointer;}
#installBanner{display:none;background:rgba(0,190,196,.1);border:1px solid rgba(0,190,196,.2);
  border-radius:14px;padding:.7rem 1rem;margin-bottom:1rem;align-items:center;gap:.8rem;}
#installBanner.show{display:flex;}
.install-btn{background:#00BEC4;color:#fff;border:none;border-radius:999px;
  font-family:var(--font);font-size:.62rem;font-weight:700;padding:6px 14px;cursor:pointer;}
.dismiss-btn{background:transparent;border:none;color:rgba(255,255,255,.4);cursor:pointer;font-size:1rem;}
@keyframes bell-ring{0%,100%{transform:rotate(0);}20%{transform:rotate(15deg);}
  40%{transform:rotate(-15deg);}60%{transform:rotate(10deg);}80%{transform:rotate(-10deg);}}
.bell-ring{animation:bell-ring .5s ease;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(0,190,196,.3);border-radius:4px;}
#fab-chat{background:rgba(0,40,50,.95);box-shadow:0 4px 16px rgba(0,0,0,.5);}
.sort-btn{font-family:var(--font);font-size:11px;font-weight:600;border-radius:20px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.5);}
.sort-btn.active{background:#00BEC4;color:#fff;border-color:#00BEC4;}
.cd-standings-row{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:9px;}
.st-team-name{font-size:12px;font-weight:700;color:#fff;}
.st-pts{font-family:var(--font);font-size:14px;font-weight:800;color:#fff;}
.analytics-block{padding:14px;margin-bottom:10px;}
.analytics-block-title{font-family:var(--font);font-size:11px;font-weight:700;
  color:rgba(255,255,255,.4);letter-spacing:.4px;text-transform:uppercase;}
.wk-countdown{background:linear-gradient(135deg,rgba(0,50,60,.8),rgba(0,30,45,.6));
  border:1px solid rgba(0,190,196,.2);border-radius:var(--r);}
.wk-countdown-title{font-family:var(--font);font-size:11px;font-weight:700;
  color:#00BEC4;text-transform:uppercase;}
.wk-countdown-days{font-family:var(--font);font-size:36px;font-weight:800;color:#fff;}
.dash-nav-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--r);padding:14px;cursor:pointer;transition:transform .15s;
  min-height:130px;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.dash-nav-card:active{transform:scale(.98);}
.dash-nav-title{font-family:var(--font);font-size:14px;font-weight:800;color:#fff;
  text-transform:uppercase;letter-spacing:.3px;line-height:1.2;margin-bottom:4px;}
.dash-nav-sub{font-family:var(--font);font-size:10.5px;color:rgba(255,255,255,.5);
  line-height:1.5;flex:1;}
.dash-nav-badge{font-family:var(--font);font-size:10px;font-weight:800;margin-top:6px;color:#00BEC4;}
.dash-nav-icon{font-size:22px;margin-bottom:6px;}

/* ── INSTELLINGEN ──────────────────────────────────── */
.settings-section {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  margin-bottom: 12px;
  overflow: hidden;
  backdrop-filter: blur(8px);
}
.settings-section-title {
  font-family: var(--font);
  font-size: 11px; font-weight: 700;
  color: #00BEC4;
  letter-spacing: .5px; text-transform: uppercase;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(0,190,196,.05);
  display: flex; align-items: center; gap: 6px;
}
.settings-field {
  padding: 11px 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.settings-field:last-child { border: none; }
.settings-label {
  font-family: var(--font);
  font-size: 11px; font-weight: 700;
  color: rgba(255,255,255,.5);
  text-transform: uppercase; letter-spacing: .4px;
  display: block; margin-bottom: 6px;
}
.settings-input, .settings-select {
  font-family: var(--font);
  font-size: 13px; font-weight: 500;
  background: rgba(255,255,255,.08);
  border: 1.5px solid rgba(255,255,255,.12);
  border-radius: 10px;
  padding: 9px 12px;
  color: #fff;
  width: 100%;
}
.settings-input:focus, .settings-select:focus {
  border-color: #00BEC4; outline: none;
}
.settings-input::placeholder { color: rgba(255,255,255,.3); }
.settings-save-btn {
  width: 100%;
  background: #00BEC4; border: none; color: #fff;
  font-family: var(--font); font-size: 13px; font-weight: 700;
  border-radius: 10px; padding: 10px; cursor: pointer;
  margin-top: 8px;
}
.settings-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 14px; border-bottom: 1px solid rgba(255,255,255,.06);
}
.settings-row:last-child { border: none; }
.settings-row-label { font-family: var(--font); font-size: 12.5px; font-weight: 600; color: #fff; }
.settings-row-sub { font-family: var(--font); font-size: 10.5px; color: rgba(255,255,255,.4); margin-top: 1px; }
.settings-row-val { font-family: var(--font); font-size: 12px; font-weight: 700; color: rgba(255,255,255,.5); }
.key-vis-btn {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px; padding: 8px 10px; cursor: pointer; color: rgba(255,255,255,.6);
  font-size: 14px; flex-shrink: 0;
}
.theme-btn {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px; padding: 8px 14px; cursor: pointer;
  font-family: var(--font); font-size: 12px; font-weight: 600; color: rgba(255,255,255,.7);
  transition: all .15s;
}
.theme-btn.active { background: #00BEC4; color: #fff; border-color: #00BEC4; }
.notif-btn {
  background: rgba(0,190,196,.12); border: 1px solid rgba(0,190,196,.3);
  border-radius: 10px; padding: 7px 14px; cursor: pointer;
  font-family: var(--font); font-size: 12px; font-weight: 700; color: #00BEC4;
}
.danger-btn {
  background: rgba(232,64,74,.12); border: 1px solid rgba(232,64,74,.25);
  border-radius: 10px; padding: 7px 14px; cursor: pointer;
  font-family: var(--font); font-size: 12px; font-weight: 700; color: #e8404a;
}

/* ── WALLET BET RIJEN ──────────────────────────────── */
.bet-row, .tracker-bet-row, .backtest-pick-row {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 12px !important;
  margin-bottom: 7px !important;
}
.bet-row .match-name, .tracker-bet-row .match-name {
  color: #fff !important;
}
.bet-row .bet-meta, .tracker-bet-row .bet-meta {
  color: rgba(255,255,255,.5) !important;
}

/* ══ SETTINGS + WALLET DONKER OVERRIDE ══════════════════ */
.settings-section {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}
.settings-section-title {
  background: rgba(0,190,196,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #00BEC4 !important;
  padding: 11px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
}
.settings-field {
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.settings-field:last-child { border: none !important; }
.settings-label {
  color: rgba(255,255,255,.5) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.settings-input, .settings-select {
  background: #0f2230 !important;
  border: 1.5px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  width: 100% !important;
}
.settings-input:focus, .settings-select:focus {
  border-color: #00BEC4 !important;
  outline: none !important;
}
.settings-input::placeholder { color: rgba(255,255,255,.3) !important; }
.key-vis-btn {
  background: #0f2230 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  color: rgba(255,255,255,.6) !important;
  cursor: pointer !important;
}
.settings-save-btn {
  background: #00BEC4 !important;
  border: none !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 10px !important;
  font-weight: 700 !important;
  width: 100% !important;
  cursor: pointer !important;
  margin-top: 8px !important;
}
.theme-btn {
  background: #0f2230 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  color: rgba(255,255,255,.7) !important;
  padding: 7px 14px !important;
  cursor: pointer !important;
}
.theme-btn.active { background: #00BEC4 !important; color: #fff !important; }
.danger-btn {
  background: rgba(232,64,74,.12) !important;
  border: 1px solid rgba(232,64,74,.25) !important;
  color: #e8404a !important;
  border-radius: 10px !important;
  padding: 7px 14px !important;
  cursor: pointer !important;
}

/* ── WALLET BET RIJEN DONKER ──────────────────────── */
.bet-row {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 12px !important;
  color: #fff !important;
}
.tracker-row {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 12px !important;
}
.result-card {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
}
/* Input velden globaal donker */
input, select, textarea {
  background: #0f2230 !important;
  border: 1.5px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 10px !important;
}
input::placeholder, textarea::placeholder {
  color: rgba(255,255,255,.3) !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #00BEC4 !important;
  outline: none !important;
}

/* ══ WALLET KAARTEN DONKER OVERRIDE ═════════════════════ */
.w-item {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 10px !important;
}
.w-item .w-label, .w-label {
  color: rgba(255,255,255,.45) !important;
}
.w-item .val {
  color: #fff !important;
  font-weight: 800 !important;
}
.stat-mini-card {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 10px !important;
}
.stat-mini-label {
  color: rgba(255,255,255,.45) !important;
}
.stat-mini-val {
  color: #fff !important;
}
.wallet-chart-wrap {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
}
.chart-view-btn, .chart-src-btn {
  background: #0f2230 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.6) !important;
  border-radius: 6px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 4px 9px !important;
  cursor: pointer !important;
}
.chart-view-btn.active, .chart-src-btn.active {
  background: #00BEC4 !important;
  color: #fff !important;
  border-color: #00BEC4 !important;
}
.export-btn {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.7) !important;
  border-radius: 10px !important;
}
.section-header {
  color: rgba(255,255,255,.4) !important;
}
.section-header::after {
  background: #112530 !important;
}
.wallet-subtabs {
  background: #0a1a20 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.wsub-btn {
  color: rgba(255,255,255,.4) !important;
}
.bt-subtabs { 
  display: flex !important; gap: 5px !important; margin-bottom: 9px !important;
}
.bt-subtab {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.5) !important;
  border-radius: 10px !important;
  padding: 7px 16px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.bt-subtab.active {
  background: #00BEC4 !important;
  color: #fff !important;
  border-color: #00BEC4 !important;
}
.tracker-filter {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.5) !important;
  border-radius: 20px !important;
}
.tracker-filter.active {
  background: #00BEC4 !important;
  color: #fff !important;
  border-color: #00BEC4 !important;
}
.small-action-btn {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.7) !important;
  border-radius: 8px !important;
}
.add-tracker-btn {
  background: #00BEC4 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 9px !important;
}
/* Canvas achtergrond transparant */
canvas { background: transparent !important; }

/* ══ ANALYSE / SCAN LOG DONKER OVERRIDE ═════════════════ */
.scan-log-card, .analyse-stat-card, .analyse-chart-wrap,
.analyse-block, .analyse-match-card, .scan-result-card,
.pick-card, .combi-card, .value-pick-card {
  background: #0d1e24 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  color: #fff !important;
}
/* Stat cellen in scan log */
.analyse-stat-cell, .stat-cell, .kpi-cell {
  background: #0f2230 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;
}
/* Stat getallen */
.analyse-stat-val, .stat-cell-val, .kpi-val {
  color: #fff !important;
}
.analyse-stat-label, .stat-cell-lbl, .kpi-lbl {
  color: rgba(255,255,255,.45) !important;
}
/* Scan log header border */
.scan-log-card .card-head, .scan-result-header {
  background: #0a1a20 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
/* Alle witte divs in analyse screen */
#screen-analyse div[style*="background:#fff"],
#screen-analyse div[style*="background: #fff"],
#screen-analyse div[style*="background:white"],
#screen-analyse div[style*="background: white"] {
  background: #0d1e24 !important;
}
#screen-analyse div[style*="background:rgba(255,255,255,.9"],
#screen-analyse div[style*="background:rgba(255,255,255,.8"],
#screen-analyse div[style*="background:rgba(255,255,255,.7"] {
  background: #0d1e24 !important;
}
/* Chart containers in analyse */
#screen-analyse canvas {
  background: transparent !important;
}
/* Pick rijen */
.pick-row-inner, .scan-pick-row {
  background: #0a1a20 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
/* Odds display */
.analyse-odds-cell {
  background: #0f2230 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
}
.analyse-odds-val, .analyse-odds-label {
  color: rgba(255,255,255,.5) !important;
}
/* Verify/Stats/CSV knoppen in scan log */
.scan-action-btn, .verify-btn, .stats-btn {
  background: #0f2230 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.8) !important;
  border-radius: 10px !important;
}
/* Scan log lege state */
.scan-log-empty {
  color: rgba(255,255,255,.4) !important;
}

/* Sky theme card override */
body.sky { --card: rgba(255,255,255,.85) !important; --card2: rgba(255,255,255,.7) !important; }

/* ── Analyse pagina — betere leesbaarheid op mobiel ── */
.screen-analyse .analyse-block,
.screen-analyse .match-card {
  font-size: 1rem !important;
}
.screen-analyse [style*="font-size:.4"],
.screen-analyse [style*="font-size:.5"] {
  font-size: .65rem !important;
}
.screen-analyse [style*="IBM Plex Mono"] {
  letter-spacing: 0 !important;
}