:root{
  --bg:#0a0e17;--bg2:#111827;--panel:#161d2e;--brd:#1e2a3a;--brd2:#2a3a50;
  --txt:#e2e8f0;--muted:#64748b;--acc:#3b82f6;--grn:#22c55e;--yel:#f59e0b;
  --org:#f97316;--red:#ef4444;--pur:#a855f7;--cyan:#06b6d4;--val:#10b981;
  --font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}

/* HEADER */
.header{position:sticky;top:0;z-index:100;background:rgba(10,14,23,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--brd);padding:10px 16px}
.header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.logo{display:flex;flex-direction:column}
.logo-title{font-size:17px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.logo-sub{font-size:10px;color:var(--muted);font-family:var(--mono)}
.status-bar{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-family:var(--mono)}

.header-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start}
.header-quick-stats{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.header-stat-pill{min-width:62px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);text-align:center}
.header-stat-pill strong{display:block;font-size:16px;font-family:var(--mono);line-height:1;color:var(--txt)}
.header-stat-pill span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
#dashboard-stats{display:none!important}
#header-quick-stats{display:none!important}
#audit-legend-box{display:none!important}

.sb-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}
.sb-dot.live{background:var(--grn);box-shadow:0 0 6px var(--grn);animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.btn{padding:7px 14px;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:5px}
.btn-primary{background:linear-gradient(135deg,var(--acc),var(--pur));color:#fff}
.btn-primary:hover{opacity:.85;transform:translateY(-1px)}
.btn-green{background:linear-gradient(135deg,var(--grn),var(--val));color:#fff}
.btn-green:hover{opacity:.85}

/* TABS */
.tabs{max-width:1400px;margin:0 auto;padding:14px 16px 0;display:flex;gap:4px;border-bottom:1px solid var(--brd);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.tabs::-webkit-scrollbar{display:none}
.tab{padding:8px 16px;border-radius:8px 8px 0 0;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:6px}
.tab.active{color:var(--acc);border-bottom-color:var(--acc);background:rgba(59,130,246,.08)}
.tab:hover:not(.active){color:var(--txt);background:rgba(255,255,255,.04)}
.tab .live-dot{width:6px;height:6px;border-radius:50%;background:var(--grn);box-shadow:0 0 5px var(--grn);animation:pulse 1.5s infinite;display:none}
.tab .live-dot.show{display:inline-block}
.nav-ticket-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(59,130,246,.18));border:1px solid rgba(34,197,94,.26);color:#d1fae5;font-size:10px;font-weight:900;font-family:var(--mono);line-height:1;animation:pulse 1.8s ease-in-out infinite}
.mobile-nav-btn,.tab{position:relative}
.main{max-width:1400px;margin:0 auto;padding:20px 16px 80px}
.tab-content{display:none}
.tab-content.active{display:block}

/* LOADER */
.loader{display:none;position:fixed;inset:0;z-index:200;background:rgba(10,14,23,.95);backdrop-filter:blur(8px);flex-direction:column;align-items:center;justify-content:center;gap:16px}
.loader.show{display:flex}
.loader-spin{width:48px;height:48px;border:3px solid var(--brd2);border-top-color:var(--acc);border-radius:50%;animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.loader-title{font-size:16px;font-weight:700}
.loader-sub{font-size:11px;color:var(--muted);font-family:var(--mono)}

/* TOAST */
.toast-wrap{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{padding:10px 14px;border-radius:10px;font-size:12px;font-weight:600;animation:slideIn .3s ease;max-width:300px;line-height:1.35;backdrop-filter:blur(8px);word-break:break-word}
.toast-ok{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:var(--grn)}
.toast-err{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:var(--red)}
.toast-warn{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);color:var(--yel)}
@media (max-width: 768px){
  .toast-wrap{left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));gap:10px}
  .toast{max-width:none;width:100%;font-size:11px;padding:10px 12px}
}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}

/* STATS GRID */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
@media(max-width:600px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
.stat-card{background:var(--panel);border:1px solid var(--brd);border-radius:12px;padding:16px;text-align:center}
.stat-num{font-size:20px;font-weight:800;font-family:var(--mono)}
.stat-lbl{font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}

/* SECTION HEADER */
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.sec-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.sec-badge{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:var(--acc);font-size:11px;padding:2px 8px;border-radius:20px;font-family:var(--mono)}

/* MATCH CARD */
.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.match-card{background:var(--panel);border:1px solid var(--brd);border-radius:14px;padding:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}
.match-card:hover{border-color:var(--brd2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.match-card.safe{border-left:3px solid var(--grn)}
.match-card.moderate{border-left:3px solid var(--yel)}
.match-card.avoid{border-left:3px solid var(--red);opacity:.7}
.mc-league{font-size:10px;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mc-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}
.mc-team{font-size:14px;font-weight:700;flex:1;display:flex;flex-direction:column;gap:3px}
.mc-team.away{text-align:right;align-items:flex-end}
.mc-team-logo{width:22px;height:22px;border-radius:50%;object-fit:contain;background:rgba(255,255,255,.05);border:1px solid var(--brd2)}
.event-inline-logo{flex-shrink:0;box-shadow:none}
.event-inline-stack{display:flex;flex-direction:column;gap:4px;min-width:0}
.event-inline-teams{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.event-inline-team{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.event-inline-team span:last-child{min-width:0;overflow-wrap:anywhere}
.event-inline-vs{font-size:10px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}
.event-inline-score{display:inline-flex;align-items:center}
.event-inline-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--muted);min-width:0}
.event-inline-league{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.event-inline-league span:last-child{min-width:0;overflow-wrap:anywhere}
.event-inline-league-logo{border-radius:8px!important}
.event-inline-secondary{min-width:0;overflow-wrap:anywhere}
.focus-mini-item-main .event-inline-teams,.bilet-match-name .event-inline-teams{font-size:inherit;font-weight:inherit}
.focus-mini-item-main .event-inline-team,.bilet-match-name .event-inline-team{font-weight:inherit}
.focus-list-row .event-inline-teams{font-size:11px;font-weight:700}
.history-row-title .event-inline-teams,.audit-row-teams .event-inline-teams{font-size:inherit;font-weight:inherit}
@media(max-width:520px){.event-inline-sub{gap:6px}.event-inline-vs{font-size:9px}}
.mc-team-row{display:flex;align-items:center;gap:6px}
.mc-team.away .mc-team-row{flex-direction:row-reverse}
.mc-vs{font-size:11px;color:var(--muted);font-family:var(--mono);flex-shrink:0;text-align:center}
.mc-time{font-size:10px;color:var(--muted);font-family:var(--mono);margin-bottom:10px}
.mc-verdict{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:10px}
.verdict-safe{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:var(--grn)}
.verdict-moderate{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);color:var(--yel)}
.verdict-avoid{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:var(--red)}
.mc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.mc-stat{background:rgba(255,255,255,.04);border-radius:8px;padding:6px 4px;text-align:center}
.mc-stat-val{font-size:13px;font-weight:700;font-family:var(--mono)}
.mc-stat-lbl{font-size:9px;color:var(--muted);margin-top:2px}
.mc-rec{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.mc-rec-type{color:var(--acc);font-family:var(--mono)}
.mc-rec-val{font-size:11px;color:var(--muted)}
.mc-conf-bar{margin-top:8px}
.mc-conf-bar-bg{height:3px;background:var(--brd2);border-radius:2px;overflow:hidden}
.mc-conf-bar-fill{height:100%;border-radius:2px;transition:width .6s ease}
.mc-conf-lbl{font-size:9px;color:var(--muted);margin-top:3px;text-align:right;font-family:var(--mono)}

/* MOST LIKELY SCORE badge */
.score-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);color:var(--pur);font-family:var(--mono)}

/* RECOMMEND TAGS */
.rec-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.rec-tag{padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700;border:1px solid}
.rec-tag-win{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.4);color:var(--acc)}
.rec-tag-o15{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4);color:var(--grn)}
.rec-tag-o25{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.4);color:var(--val)}
.rec-tag-o35{background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.4);color:var(--cyan)}
.rec-tag-btts{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.4);color:var(--yel)}
.rec-tag-fav{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.4);color:var(--pur)}

/* FILTERS */
.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.filter-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--brd2);background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}
.filter-btn.active{background:rgba(59,130,246,.15);border-color:var(--acc);color:var(--acc)}
.sort-select{background:var(--panel);border:1px solid var(--brd2);color:var(--txt);font-size:11px;padding:5px 10px;border-radius:8px;cursor:pointer}
.filter-count{font-size:11px;color:var(--muted);font-family:var(--mono);margin-left:auto}
.league-filter-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.league-filter-select{background:var(--panel);border:1px solid var(--brd2);color:var(--txt);font-size:11px;padding:5px 10px;border-radius:8px;cursor:pointer;max-width:200px}

/* MATCHES HUB */
.matches-section-card{background:linear-gradient(180deg,rgba(18,28,50,.98),rgba(14,22,40,.98));border:1px solid rgba(84,119,255,.16);border-radius:18px;padding:14px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.matches-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.matches-card-title{font-size:15px;font-weight:800;color:var(--txt)}
.matches-card-sub{font-size:11px;color:var(--muted);line-height:1.55;max-width:720px;margin-top:4px}
#matches-dashboard-sections{display:grid;gap:12px}
#matches-dashboard-sections .sec-hdr{margin-bottom:0}
#matches-dashboard-sections .collapsible-body.open{padding-bottom:2px}
.matches-filter-toolbar{margin-bottom:12px;padding:10px;border:1px solid rgba(59,130,246,.14);border-radius:14px;background:rgba(255,255,255,.03);align-items:flex-start;justify-content:space-between}
.matches-chip-group{display:flex;gap:8px;flex-wrap:wrap;flex:1 1 560px}
.matches-chip-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.matches-chip-meta .filter-count{margin-left:0;padding:5px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.matches-filter-advanced{margin-bottom:0;padding:10px;border:1px solid rgba(168,85,247,.14);border-radius:14px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;align-items:end}
.filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.filter-field label{font-size:10px;color:var(--muted);font-weight:600}
.filter-field .league-filter-select,.filter-field .bk-input{width:100%;max-width:none}
.filter-field-wide{grid-column:span 2}
.matches-filter-card .bk-input{width:100%;font-size:12px;padding:10px 12px}
@media(max-width:768px){.filter-field-wide{grid-column:span 1}.matches-chip-meta{width:100%;justify-content:space-between}.matches-filter-toolbar{padding:10px}.matches-section-card{padding:12px}}
@media(max-width:520px){.matches-chip-meta{flex-direction:column;align-items:stretch}.matches-chip-meta .sort-select,.matches-chip-meta .filter-count{width:100%;text-align:center}}

/* DATE GROUP */
.date-group{margin-bottom:20px}
.date-label{font-size:12px;font-weight:600;color:var(--muted);padding:6px 10px;background:rgba(255,255,255,.03);border-radius:6px;margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono)}

/* BILETE TAB */
.bilet-card{background:var(--panel);border:1px solid var(--brd);border-radius:14px;padding:20px;margin-bottom:16px}
.bilet-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.bilet-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.bilet-cota{font-size:22px;font-weight:800;font-family:var(--mono)}
.bilet-meta{font-size:11px;color:var(--muted);margin-bottom:12px}
.bilet-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--brd);gap:8px;flex-wrap:wrap}
.bilet-row:last-child{border-bottom:none}
.bilet-match{flex:1;min-width:0}
.bilet-match-name{font-size:13px;font-weight:600;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.35;word-break:break-word}
.bilet-match-info{font-size:10px;color:var(--muted);font-family:var(--mono)}
.bilet-pick{text-align:right;flex-shrink:0}
.bilet-pick-type{font-size:12px;font-weight:700;color:var(--acc)}
.bilet-pick-prob{font-size:10px;color:var(--grn);font-family:var(--mono)}
.gen-btn-wrap{text-align:center;margin:20px 0}
@media(max-width:600px){.bilet-row{align-items:flex-start}.bilet-pick{text-align:left;width:100%;margin-top:6px}.bilet-pick-type,.bilet-pick-prob{white-space:normal;word-break:break-word}}

/* TRACKING TAB */
.tracking-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
@media(max-width:500px){.tracking-stats{grid-template-columns:1fr}}
.track-stat{background:var(--panel);border:1px solid var(--brd);border-radius:12px;padding:16px;text-align:center}
.track-num{font-size:26px;font-weight:800;font-family:var(--mono)}
.track-lbl{font-size:11px;color:var(--muted);margin-top:4px}
.history-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--brd2) transparent}
.history-table-wrapper::-webkit-scrollbar{height:6px}
.history-table-wrapper::-webkit-scrollbar-track{background:transparent}
.history-table-wrapper::-webkit-scrollbar-thumb{background:var(--brd2);border-radius:3px}
.history-table{width:100%;border-collapse:collapse;font-size:12px;min-width:700px}
.history-table th{text-align:left;padding:8px 10px;color:var(--muted);border-bottom:1px solid var(--brd);font-weight:600;font-size:11px;text-transform:uppercase}
.history-table td{padding:8px 10px;border-bottom:1px solid rgba(30,42,58,.5)}
.history-table tr:hover td{background:rgba(255,255,255,.02)}
.badge-win{background:rgba(34,197,94,.15);color:var(--grn);padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}
.badge-loss{background:rgba(239,68,68,.15);color:var(--red);padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}
.badge-pending{background:rgba(245,158,11,.15);color:var(--yel);padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}
.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}

/* BANKROLL */
.bankroll-card{background:var(--panel);border:1px solid var(--brd);border-radius:14px;padding:20px;margin-bottom:16px}
.bk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
@media(max-width:600px){.bk-grid{grid-template-columns:repeat(2,1fr)}.bankroll-card{padding:16px}}
@media(max-width:400px){.bk-grid{grid-template-columns:1fr}}
.bk-item{background:rgba(255,255,255,.03);border:1px solid var(--brd2);border-radius:10px;padding:12px;min-width:0;overflow:hidden}
.bk-val{font-size:18px;font-weight:700;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-lbl{font-size:10px;color:var(--muted);margin-top:4px;text-transform:uppercase}
.bk-label{font-size:11px;color:var(--muted);margin-bottom:4px}
.bk-sub{font-size:10px;color:var(--muted);margin-top:2px}
.bk-input-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.bk-input{background:var(--bg2);border:1px solid var(--brd2);color:var(--txt);padding:8px 12px;border-radius:8px;font-size:14px;width:150px;font-family:var(--mono)}

/* WELCOME */
.welcome-box{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(168,85,247,.08));border:1px solid rgba(59,130,246,.2);border-radius:14px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.welcome-text{font-size:13px;color:var(--muted)}
.welcome-text .hl{color:var(--txt);font-weight:700}

/* TOP PICKS */
.top-picks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px}
.top-pick-card{background:var(--panel);border:1px solid rgba(59,130,246,.3);border-radius:14px;padding:14px;position:relative;overflow:hidden}
.top-pick-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--acc),var(--pur))}
.tp-rank{position:absolute;top:10px;right:12px;font-size:20px;font-weight:900;color:rgba(255,255,255,.06);font-family:var(--mono)}
.tp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;margin-bottom:8px}
.tp-badge-safe{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:var(--grn)}
.tp-badge-mod{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:var(--yel)}
.tp-teams{font-size:14px;font-weight:700;margin-bottom:4px}
.tp-league{font-size:10px;color:var(--muted);margin-bottom:10px}
.tp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.tp-metric{text-align:center;background:rgba(255,255,255,.04);border-radius:6px;padding:5px}
.tp-metric-val{font-size:13px;font-weight:700;font-family:var(--mono)}
.tp-metric-lbl{font-size:9px;color:var(--muted)}
.tp-rec{font-size:11px;font-weight:600;color:var(--acc);background:rgba(59,130,246,.08);border-radius:6px;padding:5px 8px;text-align:center}

/* ML SECTION */
.ml-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:24px}
.ml-card{background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:12px}
.ml-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ml-teams{font-size:13px;font-weight:600}
.ml-conf{font-size:11px;font-family:var(--mono);color:var(--pur)}
.ml-picks{display:flex;gap:6px;flex-wrap:wrap}
.ml-pick{padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;background:rgba(168,85,247,.15);color:var(--pur)}

/* EXTRA FORM */
.extra-form{background:var(--panel);border:1px solid var(--brd);border-radius:14px;padding:16px;margin-bottom:20px;display:none}
.extra-form.show{display:block}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}
.form-group label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.form-input{width:100%;background:var(--bg2);border:1px solid var(--brd2);color:var(--txt);padding:8px;border-radius:6px;font-size:12px;font-family:var(--mono)}

/* COLLAPSIBLE */
.collapsible-header{cursor:pointer;user-select:none;-webkit-user-select:none}
.collapsible-header:hover .sec-title{color:var(--acc)}
.collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:var(--acc);font-size:12px;font-weight:700;transition:transform .3s ease,background .2s;flex-shrink:0;margin-left:auto}
.collapse-toggle.open{transform:rotate(180deg);background:rgba(59,130,246,.22)}
.collapsible-body{overflow:hidden;transition:max-height .4s cubic-bezier(0.4,0,0.2,1),opacity .3s ease;max-height:0;opacity:0}
.collapsible-body.open{max-height:6000px;opacity:1}
.collapse-count{font-size:10px;color:var(--muted);font-family:var(--mono);background:rgba(255,255,255,.05);border:1px solid var(--brd2);padding:2px 7px;border-radius:12px;margin-left:6px}

/* ===== LIVE TAB ===== */
.live-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.live-count-badge{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:var(--grn);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;font-family:var(--mono)}
.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.live-card{background:var(--panel);border:1px solid rgba(34,197,94,.3);border-radius:14px;padding:16px;position:relative;overflow:hidden}
.live-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--grn),var(--cyan))}
.live-minute{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:var(--red);font-family:var(--mono);margin-bottom:10px}
.live-minute .pulse{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1s infinite}
.live-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}
.live-team{flex:1;font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:3px}
.live-team.away{text-align:right;align-items:flex-end}
.live-score-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}
.live-score{font-size:26px;font-weight:900;font-family:var(--mono);color:var(--txt);background:rgba(255,255,255,.06);padding:6px 16px;border-radius:10px;border:1px solid var(--brd2)}
.live-period{font-size:9px;color:var(--muted)}
.live-stats-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin-bottom:12px}
.live-stat-row{display:contents}
.live-stat-home{text-align:right;font-size:11px;font-family:var(--mono);font-weight:700}
.live-stat-label{text-align:center;font-size:9px;color:var(--muted);padding:2px 8px}
.live-stat-away{text-align:left;font-size:11px;font-family:var(--mono);font-weight:700}
.live-stat-bar-wrap{grid-column:1/-1;display:flex;align-items:center;gap:4px;margin-bottom:4px}
.live-bar-home{height:4px;border-radius:2px 0 0 2px;background:var(--acc);transition:width .5s}
.live-bar-away{height:4px;border-radius:0 2px 2px 0;background:var(--pur);transition:width .5s}
.incidents-wrap{margin-top:10px;padding-top:10px;border-top:1px solid var(--brd)}
.incident-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px}
.incident-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.incident-goal{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.4)}
.incident-card{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.4)}
.incident-sub{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4)}
.incident-min{font-family:var(--mono);font-size:10px;color:var(--red);font-weight:700;min-width:28px}
.incident-player{flex:1;font-weight:600}
.incident-team{font-size:9px;color:var(--muted)}
.live-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.live-empty-icon{font-size:48px;margin-bottom:12px}


/* COMPACT DASHBOARD / MATCH CARDS */
#topsafe-hdr,#topsafe-body,#mldc-hdr,#mldc-body,#ml25-hdr,#ml25-body{display:none!important}
.compact-note{font-size:11px;color:var(--muted);line-height:1.5}
#dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
#dashboard-stats .stat-card{padding:10px;border-radius:12px;background:linear-gradient(180deg,rgba(20,30,55,.95),rgba(14,22,40,.95));border:1px solid rgba(84,119,255,.15);box-shadow:0 10px 24px rgba(0,0,0,.18)}
#dashboard-stats .stat-num{font-size:14px;text-shadow:0 0 18px rgba(59,130,246,.10)}
#dashboard-stats .stat-lbl{font-size:9px}
@media(max-width:600px){#dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card-reco-main{margin-top:10px;padding:12px;border-radius:10px;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.22)}
.card-reco-title{font-size:11px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.card-reco-pick{font-size:16px;font-weight:800;color:var(--txt)}
.card-reco-meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}
.card-reco-alt{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--muted)}
.reason-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.reason-pill{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;background:rgba(255,255,255,.05);border:1px solid var(--brd2);color:var(--txt)}
.ticket-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.ticket-mini{background:rgba(255,255,255,.04);border:1px solid var(--brd2);border-radius:10px;padding:8px;text-align:center}
.ticket-mini .v{font-size:14px;font-weight:800;font-family:var(--mono)}
.ticket-mini .l{font-size:9px;color:var(--muted);margin-top:3px;text-transform:uppercase}
@media(max-width:600px){.ticket-mini-grid{grid-template-columns:1fr 1fr 1fr}}


.match-card{background:linear-gradient(180deg,rgba(18,28,50,.98),rgba(14,22,40,.98));border:1px solid rgba(84,119,255,.18);border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.match-card.safe{border-left:3px solid var(--grn)}
.match-card.moderate{border-left:3px solid var(--yel)}
.match-card.avoid{border-left:3px solid var(--red);opacity:1}
.mc-head{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.mc-time{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:0}
.mc-score-pill{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;color:var(--txt);font-family:var(--mono)}
.mc-teams-premium{margin-bottom:12px;padding:4px 0 2px}
.mc-teams-premium .mc-team{font-size:16px;font-weight:800}
.mc-midrow{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.mc-value-chip{padding:4px 10px;border-radius:999px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.24);font-size:10px;font-weight:800;color:var(--grn);font-family:var(--mono)}
.ticket-mini-grid-premium{margin-top:0;margin-bottom:10px}
.ticket-mini-grid-premium .ticket-mini{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07);padding:10px 8px}
.ticket-mini-grid-premium .ticket-mini .v{font-size:15px}
.card-reco-main{margin-top:0;padding:12px 12px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(59,130,246,.12),rgba(29,78,216,.08));border:1px solid rgba(59,130,246,.20)}
.card-reco-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.card-reco-odd{font-size:11px;font-weight:800;color:var(--acc);font-family:var(--mono)}
.card-reco-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.card-reco-badge{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:700;color:var(--txt)}
.hybrid-prob-block{margin-top:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.hybrid-prob-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.hybrid-prob-title{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hybrid-prob-live{padding:4px 8px;border-radius:999px;border:1px solid rgba(59,130,246,.24);background:rgba(59,130,246,.10);font-size:10px;font-weight:800;color:var(--acc)}
.hybrid-prob-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hybrid-prob-item{padding:8px 6px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);text-align:center}
.hybrid-prob-value{font-size:13px;font-weight:800;font-family:var(--mono);color:var(--txt)}
.hybrid-prob-label{margin-top:4px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hybrid-prob-item.delta-positive .hybrid-prob-value{color:var(--grn)}
.hybrid-prob-item.delta-negative .hybrid-prob-value{color:var(--red)}
.hybrid-prob-item.delta-neutral .hybrid-prob-value{color:var(--muted)}
@media(max-width:640px){.hybrid-prob-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reason-list{gap:7px;margin-top:10px}
.reason-pill{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07)}

.source-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid transparent;text-transform:uppercase;letter-spacing:.02em}
.source-chip-api{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.32);color:var(--grn)}
.source-chip-heur{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.32);color:var(--yel)}
.source-chip-mixed{background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.32);color:var(--acc)}
.odds-inline-source{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.10);font-size:9px;font-weight:900;letter-spacing:.05em;line-height:1;text-transform:uppercase;margin-left:6px}
.odds-inline-source-best{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.28);color:var(--grn)}
.odds-inline-source-cmp{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.28);color:var(--acc)}
.odds-inline-source-std{background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.20);color:var(--muted)}
.odds-source-block{margin-top:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.odds-source-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.odds-source-title{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.odds-source-summary{font-size:11px;color:var(--txt);font-weight:700}
.odds-source-grid{display:flex;flex-wrap:wrap;gap:8px}
.odds-source-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);min-height:34px}
.odds-source-chip.active{box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}
.odds-source-chip.best{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.24)}
.odds-source-chip.cmp{background:rgba(59,130,246,.10);border-color:rgba(59,130,246,.22)}
.odds-source-chip.std{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.18)}
.odds-source-chip-k{font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.odds-source-chip-v{font-size:13px;font-weight:900;font-family:var(--mono);color:var(--txt)}
.odds-source-chip-note{font-size:10px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odds-source-chip.best .odds-source-chip-k,.odds-source-chip.best.active .odds-source-chip-v{color:var(--grn)}
.odds-source-chip.cmp .odds-source-chip-k,.odds-source-chip.cmp.active .odds-source-chip-v{color:var(--acc)}
.odds-source-chip.std .odds-source-chip-k,.odds-source-chip.std.active .odds-source-chip-v{color:var(--muted)}
.audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.audit-card{background:linear-gradient(180deg,rgba(20,30,55,.94),rgba(14,22,40,.94));border:1px solid var(--brd2);border-radius:14px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.audit-card-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.audit-card-value{font-size:20px;font-weight:800;font-family:var(--mono)}
.audit-card-sub{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.4}
#audit-summary-grid.audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#audit-summary-grid .audit-card{padding:12px 12px 10px;border-radius:12px}
#audit-summary-grid .audit-card-label{margin-bottom:6px;font-size:9px}
#audit-summary-grid .audit-card-value{font-size:18px}
#audit-summary-grid .audit-card-sub{margin-top:4px;font-size:10px;line-height:1.3}
@media (max-width:540px){#audit-summary-grid.audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
#ai-memory-summary-grid.audit-grid,#ai-memory-market-grid.audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#ai-memory-summary-grid .audit-card,#ai-memory-market-grid .audit-card{padding:12px 12px 10px;border-radius:12px}
#ai-memory-summary-grid .audit-card-label,#ai-memory-market-grid .audit-card-label{margin-bottom:6px;font-size:9px}
#ai-memory-summary-grid .audit-card-value,#ai-memory-market-grid .audit-card-value{font-size:18px}
#ai-memory-summary-grid .audit-card-sub,#ai-memory-market-grid .audit-card-sub{margin-top:4px;font-size:10px;line-height:1.3}
@media (max-width:540px){#ai-memory-summary-grid.audit-grid,#ai-memory-market-grid.audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

#ai-memory-shell{display:grid;gap:14px}
.memory-panel{padding:14px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.memory-panel.memory-hero{background:linear-gradient(135deg,rgba(245,158,11,.07),rgba(59,130,246,.06));border:1px solid rgba(245,158,11,.18)}
.memory-panel.memory-blue{background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(14,165,233,.05));border:1px solid rgba(59,130,246,.18)}
.memory-panel.memory-green{background:linear-gradient(135deg,rgba(34,197,94,.06),rgba(59,130,246,.05));border:1px solid rgba(34,197,94,.18)}
.memory-panel.memory-red{background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(245,158,11,.05));border:1px solid rgba(239,68,68,.18)}
.memory-panel.memory-indigo{background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(16,185,129,.05));border:1px solid rgba(99,102,241,.18)}
.memory-panel.memory-mix{background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(168,85,247,.05));border:1px solid rgba(16,185,129,.18)}
.memory-shell-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.memory-shell-title{font-size:15px;font-weight:700;color:var(--txt)}
.memory-shell-sub{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}
.memory-shell-meta{font-size:10px;color:var(--muted);font-family:var(--mono)}
.memory-layout-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px}
.memory-side-stack{display:grid;gap:14px}
.memory-pattern-list{display:grid;gap:10px}
.memory-pattern-item{padding:12px;border-radius:14px;background:linear-gradient(180deg,rgba(20,30,55,.94),rgba(14,22,40,.94));border:1px solid var(--brd2);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.memory-pattern-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.memory-pattern-title{font-size:12px;font-weight:700;color:var(--txt);line-height:1.35}
.memory-pattern-meta{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.45}
.memory-pattern-score{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;font-family:var(--mono);border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.memory-pattern-score.positive{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22);color:var(--grn)}
.memory-pattern-score.negative{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.22);color:var(--red)}
.memory-generator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.memory-generator-card{background:linear-gradient(180deg,rgba(20,30,55,.94),rgba(14,22,40,.94));border:1px solid var(--brd2);border-radius:14px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.memory-generator-card.safe{border-color:rgba(34,197,94,.28)}
.memory-generator-card.balanced{border-color:rgba(59,130,246,.28)}
.memory-generator-card.risk{border-color:rgba(239,68,68,.28)}
.memory-generator-card.premium{border-color:rgba(34,197,94,.28)}
.memory-generator-card.double{border-color:rgba(59,130,246,.28)}
.memory-generator-card.triple{border-color:rgba(245,158,11,.28)}
.memory-generator-card.contrarian{border-color:rgba(168,85,247,.28)}
.memory-generator-title{font-size:15px;font-weight:800;margin-bottom:6px}
.memory-generator-sub{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.55}
.memory-note{margin-top:10px;font-size:11px;color:var(--muted);line-height:1.55}
@media(max-width:900px){.memory-layout-two{grid-template-columns:1fr}.memory-generator-grid{grid-template-columns:1fr}}

.audit-list{display:grid;gap:10px}
.audit-row{background:linear-gradient(180deg,rgba(20,30,55,.94),rgba(14,22,40,.94));border:1px solid var(--brd2);border-radius:14px;padding:12px}
.audit-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.audit-row-teams{font-size:14px;font-weight:700;color:var(--txt)}
.audit-row-meta{margin-top:4px;font-size:11px;color:var(--muted);line-height:1.4}
.audit-row-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.audit-badge{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-family:var(--mono)}
.audit-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.audit-reason{padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--txt)}
.audit-row-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.audit-row-main{min-width:0}
.audit-row-titleline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.audit-row-rank{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 8px;border-radius:999px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.22);color:var(--acc);font-size:11px;font-weight:800;font-family:var(--mono)}
.audit-pick-box{min-width:180px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(168,85,247,.10));border:1px solid rgba(99,102,241,.22);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.audit-pick-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.audit-pick-value{font-size:18px;font-weight:800;color:var(--txt);line-height:1.2}
.audit-row-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.audit-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.audit-stat{padding:10px 10px 9px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.audit-stat-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.audit-stat-value{font-size:14px;font-weight:800;color:var(--txt);font-family:var(--mono)}
.audit-row-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.audit-row-foot .audit-reason{background:rgba(255,255,255,.03)}
@media(max-width:700px){.audit-row-header{grid-template-columns:1fr}.audit-pick-box{min-width:0;width:100%}.audit-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .matches-grid{grid-template-columns:1fr}
  .match-card{padding:14px;border-radius:16px}
  .mc-teams-premium .mc-team{font-size:15px}
  .card-reco-pick{font-size:15px}
}


/* FOCUS MODE */
.focus-shell{margin:0 0 16px;padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(14,22,40,.98),rgba(17,24,39,.98));border:1px solid rgba(84,119,255,.16);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.focus-path,.focus-sub,.focus-card-sub,.focus-side-sub,.dashboard-insights-sub,.matches-card-sub,.welcome-text{display:none!important}
#focus-shell{display:none!important}
#dashboard-insights-shell{display:none!important}
.focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.focus-title{font-size:16px;font-weight:800;color:var(--txt)}
.focus-sub{font-size:12px;color:var(--muted);line-height:1.55;max-width:760px;margin-top:4px}
.focus-path{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.focus-step{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--muted)}
.focus-step span{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.25);color:var(--acc);font-weight:800;font-family:var(--mono)}
.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.focus-card{--focus-accent:var(--acc);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);position:relative;overflow:hidden}
.focus-card::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--focus-accent),transparent)}
.focus-card.recommended{border-color:rgba(34,197,94,.34);box-shadow:0 0 0 1px rgba(34,197,94,.12),0 14px 28px rgba(0,0,0,.16)}
.focus-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}

.focus-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.focus-expand-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(59,130,246,.18);background:rgba(59,130,246,.08);color:var(--acc);font-size:10px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.focus-expand-chip .arrow{transition:transform .2s ease}
.focus-expand-chip.open .arrow{transform:rotate(180deg)}
.focus-extra-rows{max-height:0;overflow:hidden;transition:max-height .28s ease}
.focus-extra-rows.open{max-height:420px}
.focus-more-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--txt);font-size:11px;font-weight:800;cursor:pointer;margin-top:4px;margin-bottom:10px}
.focus-more-toggle strong{color:var(--acc);font-size:11px}

.focus-kicker{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--focus-accent)}
.focus-card-title{font-size:15px;font-weight:800;color:var(--txt);margin-top:2px}
.focus-card-sub{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}
.focus-badge{padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:10px;font-weight:800;white-space:nowrap}
.focus-badge.good{color:var(--grn);border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.09)}
.focus-badge.warn{color:var(--yel);border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.08)}
.focus-badge.muted{color:var(--muted)}
.focus-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.focus-metric{padding:9px 8px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);text-align:center}
.focus-metric .v{font-size:15px;font-weight:800;font-family:var(--mono);color:var(--txt)}
.focus-metric .l{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.focus-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.focus-chip{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;background:rgba(59,130,246,.10);color:var(--txt);border:1px solid rgba(59,130,246,.16)}
.focus-mini-list{display:grid;gap:7px;margin-bottom:12px}
.focus-mini-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.focus-mini-item-main{font-size:11px;color:var(--txt);font-weight:700;line-height:1.35}
.focus-mini-item-sub{font-size:9px;color:var(--muted);margin-top:2px}
.focus-mini-item-right{font-size:10px;color:var(--acc);font-weight:800;text-align:right;white-space:nowrap}
.focus-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.focus-footer-note{font-size:10px;color:var(--muted)}
.focus-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.focus-side-card{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.focus-side-title{font-size:13px;font-weight:800;color:var(--txt);margin-bottom:10px}
.focus-side-sub{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:10px}
.focus-side-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.focus-list{display:grid;gap:8px}
.focus-list-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.focus-list-row strong{display:block;font-size:11px;line-height:1.35}
.focus-list-row span{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.focus-list-row b{font-size:10px;color:var(--acc);white-space:nowrap}
.ticket-empty-cta{padding:18px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(168,85,247,.08));border:1px solid rgba(59,130,246,.16);text-align:center}

.generator-board{display:grid;gap:14px}
.generator-section{padding:14px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.generator-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.generator-section-title strong{font-size:14px;color:var(--txt)}
.generator-tag{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.16);color:var(--acc)}
.generator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.generator-tile{display:flex;align-items:center;gap:10px;width:100%;padding:14px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:var(--txt);text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.generator-tile .icon{font-size:22px;line-height:1}
.generator-tile .text{display:flex;flex-direction:column;gap:4px;min-width:0}
.generator-tile .title{font-size:14px;font-weight:800;line-height:1.25}
.generator-tile .badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;width:max-content;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--muted)}
.generator-tile.primary{border-color:rgba(59,130,246,.20)}
.generator-tile.goals{border-color:rgba(6,182,212,.24)}
.generator-tile.mix{border-color:rgba(168,85,247,.24)}
.generator-tile.bigwin{border-color:rgba(239,68,68,.24)}
.generator-tile.custom{border-color:rgba(255,255,255,.10)}
.generator-tile.full{grid-column:1 / -1}
.generator-tile:hover{transform:translateY(-1px);transition:all .18s ease}
@media(max-width:640px){.generator-grid{grid-template-columns:1fr}.generator-tile{padding:13px 12px}.generator-tile.full{grid-column:auto}}

.ticket-empty-cta-title{font-size:16px;font-weight:800;color:var(--txt);margin-bottom:6px}
.ticket-empty-cta-sub{font-size:12px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.focus-bilete-hero{border-color:rgba(59,130,246,.24)}
@media(max-width:900px){.focus-bottom{grid-template-columns:1fr}}
@media(max-width:768px){.focus-card-metrics,.focus-side-metrics{grid-template-columns:repeat(3,1fr)}.focus-head .btn{width:100%;justify-content:center}}
@media(max-width:560px){.focus-grid{grid-template-columns:1fr}.focus-card-metrics,.focus-side-metrics{grid-template-columns:repeat(2,1fr)}.focus-footer{flex-direction:column;align-items:stretch}.focus-footer .btn{width:100%;justify-content:center}}


/* MOBILE-FIRST NAV */
.mobile-nav{display:none!important}
.mobile-sheet{display:none!important}
.mobile-sheet.show{display:block}
.mobile-sheet{position:fixed;left:12px;right:12px;bottom:84px;z-index:180;background:rgba(10,14,23,.98);border:1px solid var(--brd2);border-radius:18px;padding:12px;box-shadow:0 18px 38px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.mobile-sheet-btn{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--txt);font-size:13px;font-weight:700;text-align:left;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.mobile-sheet-btn:last-child{margin-bottom:0}
.sheet-btn-title{font-size:13px;font-weight:800;color:var(--txt)}
.sheet-btn-sub{font-size:10px;color:var(--muted);font-weight:600}
.dashboard-insights-shell{margin-top:14px}
.dashboard-insights-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.dashboard-insights-title{font-size:14px;font-weight:800;color:var(--txt)}
.dashboard-insights-sub{font-size:11px;color:var(--muted);margin-top:3px}
.dashboard-insights-body{padding-top:12px}
#dashboard-insights-body:not(.open), #matches-hub-body:not(.open){display:none}
@media(max-width:768px){
  .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px;top:70px}
  .tab{font-size:11px;padding:10px 6px;border-radius:12px}
  .main{padding:14px 12px 28px}
  .header{padding:10px 12px}
  .header-inner{align-items:flex-start}
  .header-tools{width:100%;justify-content:flex-start}
  .header-quick-stats{flex:1;justify-content:space-between;padding:6px}
  .header-stat-pill{min-width:0;flex:1;padding:6px 4px}
  .header-stat-pill strong{font-size:15px}
  .logo-title{font-size:15px}
  .status-bar{font-size:10px}
  .btn#btn-refresh{padding:7px 10px;font-size:11px}
  .mobile-nav,.mobile-sheet{display:none!important}
  .desktop-more-panel{padding:10px 12px 0}
  .desktop-more-panel.show{padding:14px 12px 22px}
  .more-grid{grid-template-columns:1fr}
  #dashboard-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  #dashboard-stats .stat-card{padding:12px}
  #dashboard-stats .stat-card:nth-child(n+4){display:none}
  #health-panel,#market-performance-panel,#audit-legend-box,#ml-api-box{margin-top:0!important}
  .focus-shell{padding:12px;border-radius:16px}
  .focus-title{font-size:15px}
  .focus-sub,.welcome-text,.matches-card-sub{font-size:11px}
  .focus-step{width:100%;justify-content:flex-start;border-radius:14px}
  .focus-chip-row{row-gap:6px}
  .focus-mini-list{gap:6px}
  .focus-mini-item{padding:8px 10px}
  .match-card{padding:12px;border-radius:14px}
  .reason-list{display:none}
  .card-reco-badges span:nth-child(n+4){display:none}
  .ticket-mini-grid-premium{grid-template-columns:repeat(2,1fr)}
  .ticket-mini-grid-premium .ticket-mini:last-child{grid-column:1 / -1}
  .matches-filter-advanced{grid-template-columns:1fr 1fr}
  .matches-card-head{gap:8px}
  .bilet-card{padding:14px}
  .history-table{min-width:620px}
}
@media(max-width:520px){
  .matches-filter-advanced{grid-template-columns:1fr}
  .focus-grid{grid-template-columns:1fr}
  .focus-side-metrics{grid-template-columns:repeat(2,1fr)}
}

/* RESPONSIVE */
@media(max-width:768px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .matches-grid{grid-template-columns:1fr}
  .top-picks-grid{grid-template-columns:1fr}
  .live-grid{grid-template-columns:1fr}
}

/* HELP / GLOSSARY / EXPORT / TREND */
.help-panel{margin-bottom:14px;padding:12px 14px;border:1px solid rgba(59,130,246,.18);border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.07),rgba(168,85,247,.05));box-shadow:0 10px 26px rgba(0,0,0,.14)}
.help-panel.green{border-color:rgba(34,197,94,.18);background:linear-gradient(135deg,rgba(34,197,94,.07),rgba(16,185,129,.05))}
.help-panel.amber{border-color:rgba(245,158,11,.18);background:linear-gradient(135deg,rgba(245,158,11,.07),rgba(59,130,246,.04))}
.help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.help-title{font-size:13px;font-weight:800;color:var(--txt)}
.help-sub{font-size:11px;color:var(--muted);line-height:1.55;margin-top:4px;max-width:760px}
.help-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.help-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:var(--txt);font-size:11px;font-weight:700;cursor:pointer;transition:all .18s ease}
.help-chip:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.38);background:rgba(59,130,246,.12)}
.help-output{display:none;margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(7,12,22,.72)}
.help-output.show{display:block}
.help-output-title{font-size:12px;font-weight:800;color:var(--acc);margin-bottom:6px}
.help-output-text{font-size:11px;color:var(--txt);line-height:1.65}
.help-output-note{font-size:10px;color:var(--muted);margin-top:8px}
.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn-ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--txt)}
.btn-ghost:hover{background:rgba(255,255,255,.07)}
.btn[disabled]{opacity:.68;cursor:not-allowed;transform:none!important}
.generator-status{margin-top:8px;font-size:10px;color:var(--muted);font-family:var(--mono)}
.trend-shell{margin-top:16px;padding:14px;border-radius:14px;border:1px solid rgba(59,130,246,.16);background:linear-gradient(180deg,rgba(16,24,40,.94),rgba(12,18,32,.94))}
.trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.trend-title{font-size:13px;font-weight:800;color:var(--txt)}
.trend-sub{font-size:11px;color:var(--muted);line-height:1.55;max-width:700px}
.trend-legend{display:flex;gap:8px;flex-wrap:wrap}
.trend-pill{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:10px;color:var(--muted);font-family:var(--mono)}
.trend-chart{width:100%;height:180px;display:block}
.trend-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}
.trend-meta-card{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.trend-meta-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.trend-meta-value{font-size:16px;font-weight:800;font-family:var(--mono);margin-top:5px}
@media(max-width:768px){.help-panel{padding:12px}.help-chip{font-size:10px;padding:6px 9px}.trend-chart{height:160px}}


/* VISUAL INSIGHTS */
.visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.visual-card{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,28,50,.95),rgba(14,22,40,.95))}
.visual-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.visual-card-title{font-size:13px;font-weight:800;color:var(--txt)}
.visual-card-sub{font-size:11px;color:var(--muted);line-height:1.55}
.visual-mini-meta{font-size:10px;color:var(--muted);font-family:var(--mono)}
.visual-svg{width:100%;height:170px;display:block}
.visual-list{display:grid;gap:8px}
.visual-row{padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.visual-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:6px}
.visual-row-label{color:var(--txt);font-weight:700}
.visual-row-value{font-family:var(--mono);font-weight:800}
.visual-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.visual-bar-fill{height:100%;border-radius:999px}
.visual-distribution{display:grid;gap:10px}
.visual-dist-big{font-size:22px;font-weight:900;font-family:var(--mono)}
.visual-dist-stack{display:flex;height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.visual-dist-seg{height:100%}
.visual-dist-legend{display:flex;flex-wrap:wrap;gap:8px}
.visual-dist-pill{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:10px;color:var(--muted);font-family:var(--mono)}
.visual-empty{padding:18px 12px;text-align:center;color:var(--muted);font-size:11px}


/* ===== v17 UX refresh ===== */
.main{max-width:1460px;margin:0 auto;padding-bottom:108px}
.tabs{position:sticky;top:64px;z-index:48;background:rgba(8,12,20,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 16px}
.tab{font-size:12px;font-weight:800;border-radius:14px;padding:11px 14px;justify-content:center}
.desktop-more-panel{display:none;max-width:1400px;margin:0 auto 14px;padding:14px 16px 0}
.desktop-more-panel.show{display:block;position:fixed;left:0;right:0;bottom:0;top:var(--more-panel-top,140px);max-width:none;margin:0;padding:16px 16px 26px;background:rgba(8,12,20,.985);border-top:1px solid rgba(255,255,255,.06);overflow:auto;z-index:170}
.desktop-more-panel.show .desktop-more-head,.desktop-more-panel.show .more-grid{max-width:1400px;margin-left:auto;margin-right:auto}
body.more-open{overflow:hidden}
.desktop-more-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.desktop-more-title{font-size:15px;font-weight:800;color:var(--txt)}
.desktop-more-sub{font-size:11px;color:var(--muted);line-height:1.55;max-width:720px;margin-top:4px}
.more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.more-card-btn{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(20,30,55,.92),rgba(13,20,36,.96));color:var(--txt);text-align:left;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.more-card-btn:hover{border-color:rgba(84,119,255,.22);transform:translateY(-1px)}
.more-card-title{font-size:13px;font-weight:800;color:var(--txt)}
.more-card-sub{font-size:11px;line-height:1.5;color:var(--muted)}
.view-mode-switch{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.view-mode-btn{border:none;background:transparent;color:var(--muted);font-size:11px;font-weight:800;padding:8px 12px;border-radius:999px;cursor:pointer}
.view-mode-btn.active{background:rgba(59,130,246,.14);color:var(--acc)}
.match-inline-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.match-inline-chip{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:700;color:var(--txt)}
.match-inline-summary{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.55}
.match-inline-summary strong{color:var(--txt)}
.hybrid-prob-inline{margin-top:8px;font-size:11px;color:var(--txt);line-height:1.55;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.hybrid-prob-inline .delta-pos{color:var(--grn);font-weight:800}
.hybrid-prob-inline .delta-neg{color:var(--red);font-weight:800}
.hybrid-prob-inline .delta-neutral{color:var(--muted);font-weight:800}
.section,.bankroll-card,.bilet-card,.help-panel,.visual-card,.trend-shell,.memory-shell,.focus-shell,.stat-card,.extra-form{border-radius:18px!important}
.compact-context-panel{background:linear-gradient(180deg,rgba(13,18,31,.92),rgba(10,15,27,.94));border:1px solid rgba(255,255,255,.07)}
#dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important}
#dashboard-stats .stat-card{min-height:86px;display:flex;flex-direction:column;justify-content:center}
#dashboard-stats .stat-num{font-size:24px!important;font-weight:900!important}
#dashboard-stats .stat-lbl{font-size:10px!important;line-height:1.35;text-transform:uppercase;letter-spacing:.05em}
.dashboard-monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.monitor-card{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(20,30,55,.84),rgba(13,20,36,.92));box-shadow:0 8px 22px rgba(0,0,0,.16)}
.monitor-kicker{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.monitor-value{font-size:24px;font-weight:900;font-family:var(--mono);margin-top:6px;color:var(--txt)}
.monitor-label{font-size:12px;font-weight:800;color:var(--txt);margin-top:6px}
.monitor-meta{font-size:11px;color:var(--muted);line-height:1.5;margin-top:6px}
.generator-board{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px}
.generator-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:13px;color:var(--txt)}
.generator-tag{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:10px;color:var(--muted);font-family:var(--mono)}
.memory-generator-card{padding:14px 14px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(20,30,55,.92),rgba(13,20,36,.96));box-shadow:0 12px 28px rgba(0,0,0,.16)}
.memory-generator-title{font-size:15px!important}
.memory-generator-sub{font-size:11px!important;line-height:1.55}
.generator-status{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;line-height:1.5}
.bilet-card{padding:16px 16px 14px!important;background:linear-gradient(180deg,rgba(16,24,40,.96),rgba(12,18,32,.98));border:1px solid rgba(84,119,255,.15)}
.bilet-hdr{align-items:flex-start!important}
.bilet-title{font-size:18px!important;line-height:1.3}
.bilet-meta{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);line-height:1.65}
.bilet-row{padding:12px 0!important;border-top:1px solid rgba(255,255,255,.06)}
.ticket-mini-grid{gap:8px!important}
.ticket-mini{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.ticket-mini .v{font-size:16px!important}
.match-card{padding:14px!important;border-radius:18px!important;display:grid;gap:10px}
.mc-head{margin-bottom:0!important}
.mc-teams-premium{margin:0!important}
.mc-team-row span{font-size:15px;font-weight:800}
.mc-vs{font-size:11px;letter-spacing:.1em;opacity:.72}
.mc-midrow{margin:0!important;gap:8px!important}
.card-reco-main{padding:12px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(168,85,247,.05));border:1px solid rgba(84,119,255,.16)}
.card-reco-title{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase}
.card-reco-pick{font-size:17px!important;line-height:1.3}
.card-reco-badges{gap:6px!important}
.card-reco-badge{font-size:10px!important;padding:4px 8px!important}
.match-why{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:11px;color:var(--txt);line-height:1.55}
.match-why strong{color:var(--acc)}
.match-card .reason-list{display:none!important}
.match-card .ticket-mini-grid.ticket-mini-grid-premium{grid-template-columns:repeat(3,1fr);margin-top:0!important}
.match-card .ticket-mini .l{font-size:9px!important;text-transform:uppercase;letter-spacing:.06em}
#smartbet-history-root .history-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin-bottom:14px}
#smartbet-history-root .history-summary-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,25,42,.94),rgba(12,18,32,.96));border-radius:16px;padding:12px;cursor:pointer;transition:all .18s ease;text-align:left}
#smartbet-history-root .history-summary-card:hover{transform:translateY(-1px);border-color:rgba(84,119,255,.22)}
#smartbet-history-root .history-summary-card.active{border-color:rgba(59,130,246,.34);background:linear-gradient(135deg,rgba(59,130,246,.13),rgba(34,197,94,.06))}
#smartbet-history-root .history-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#smartbet-history-root .history-summary-label{font-size:14px;color:var(--txt);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
#smartbet-history-root .history-summary-roi{font-size:24px;font-weight:900;font-family:var(--mono);line-height:1}
#smartbet-history-root .history-summary-note{font-size:12px;color:var(--muted);margin-top:6px}
#smartbet-history-root .history-metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
#smartbet-history-root .history-metric{padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
#smartbet-history-root .history-metric .k{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
#smartbet-history-root .history-metric .v{font-size:13px;font-weight:800;color:var(--txt);margin-top:4px}
#smartbet-history-root .history-detail-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,25,42,.94),rgba(12,18,32,.96))}
#smartbet-history-root .history-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#smartbet-history-root .history-row{padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
#smartbet-history-root .history-row-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
#smartbet-history-root .history-row-title{font-size:13px;font-weight:800;color:var(--txt)}
#smartbet-history-root .history-row-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.5}
#smartbet-history-root .history-row-meta{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.55}
#smartbet-history-root .history-status-pill{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}
.visual-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.visual-card-title{font-size:14px!important}
.visual-card-sub{font-size:11px!important;line-height:1.55}
#focus-shell{display:none!important}
@media(max-width:980px){.generator-board{grid-template-columns:1fr}.dashboard-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-monitor-grid,#smartbet-history-root .history-card-grid{grid-template-columns:1fr 1fr}.match-card .ticket-mini-grid.ticket-mini-grid-premium{grid-template-columns:repeat(3,1fr)}.card-reco-pick{font-size:16px!important}}
@media(max-width:520px){.dashboard-monitor-grid,#smartbet-history-root .history-card-grid{grid-template-columns:1fr}.bilet-title{font-size:16px!important}.match-card{padding:12px!important}}


#tab-dashboard > :not(#dashboard-modern-shell){display:none!important}
#dashboard-modern-shell{display:grid;gap:14px}
.modern-monitor-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(16,185,129,.08) 52%,rgba(168,85,247,.10));border:1px solid rgba(84,119,255,.22);box-shadow:0 16px 32px rgba(0,0,0,.18);position:relative;overflow:hidden}
.modern-monitor-hero::after{content:'';position:absolute;inset:auto -20% -65% auto;width:280px;height:280px;background:radial-gradient(circle,rgba(59,130,246,.24),transparent 65%);pointer-events:none;animation:monitorPulse 4.6s ease-in-out infinite}
.modern-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.modern-title{font-size:28px;font-weight:900;line-height:1.05;color:var(--txt);margin-top:6px}
.modern-sub{font-size:12px;color:var(--muted);line-height:1.6;max-width:760px;margin-top:8px}
.modern-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.modern-meta-pill{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt);font-family:var(--mono)}
.modern-live-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(10,14,23,.42);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;color:var(--txt)}
.modern-live-dot{width:10px;height:10px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:monitorPulseDot 1.8s ease infinite}
.modern-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.modern-kpi{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(20,30,55,.94),rgba(12,18,32,.97));border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.modern-kpi.clickable{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.modern-kpi.clickable:hover{transform:translateY(-2px);border-color:rgba(84,119,255,.24);box-shadow:0 14px 28px rgba(0,0,0,.22)}
.modern-kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.modern-kpi-value{margin-top:8px;font-size:24px;font-weight:900;line-height:1;color:var(--txt);font-family:var(--mono)}
.modern-kpi-sub{margin-top:8px;font-size:11px;line-height:1.45;color:var(--muted)}
.modern-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
.modern-panel{padding:15px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(18,28,50,.96),rgba(12,18,32,.98));border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.modern-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.modern-panel-title{font-size:14px;font-weight:800;color:var(--txt)}
.modern-panel-sub{font-size:11px;color:var(--muted);line-height:1.55;margin-top:4px}
.modern-panel-chip{padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:10px;font-weight:800;color:var(--muted)}
.monitor-flow{display:grid;gap:10px}
.monitor-flow-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}
.monitor-flow-row:first-child{border-top:none;padding-top:0}
.monitor-flow-label{font-size:11px;font-weight:800;color:var(--txt)}
.monitor-flow-track{height:10px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;position:relative}
.monitor-flow-fill{height:100%;border-radius:999px;position:relative;overflow:hidden}
.monitor-flow-fill::after{content:'';position:absolute;top:0;bottom:0;left:-35%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:monitorSweep 2.8s linear infinite}
.monitor-flow-value{font-size:11px;font-weight:800;color:var(--txt);font-family:var(--mono)}
.modern-list{display:grid;gap:10px}
.modern-list-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.modern-list-label{font-size:12px;font-weight:700;color:var(--txt)}
.modern-list-sub{font-size:10px;color:var(--muted);margin-top:3px}
.modern-list-value{font-size:11px;font-weight:800;color:var(--txt);font-family:var(--mono)}
.modern-action-card{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(59,130,246,.10),rgba(15,23,42,.96));border:1px solid rgba(84,119,255,.18)}
.modern-action-title{font-size:12px;font-weight:800;color:var(--acc);text-transform:uppercase;letter-spacing:.08em}
.modern-action-main{font-size:18px;font-weight:900;color:var(--txt);line-height:1.3;margin-top:8px}
.modern-action-sub{font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}
.modern-action-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.modern-action-pill{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt)}
@keyframes monitorPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}
@keyframes monitorPulseDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes monitorSweep{0%{left:-35%}100%{left:115%}}
@media(max-width:1100px){.modern-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-grid{grid-template-columns:1fr}}
@media(max-width:768px){.modern-title{font-size:22px}.modern-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-panel,.modern-monitor-hero{padding:14px}.monitor-flow-row{grid-template-columns:86px 1fr auto;gap:8px}}
@media(max-width:520px){.modern-kpi-grid{grid-template-columns:1fr 1fr}.modern-action-main{font-size:16px}.modern-monitor-hero{padding:13px 12px}.modern-grid{gap:10px}}


/* ===== Dashboard v16 redesign ===== */
.dashboard-v16-shell{display:grid;gap:14px}
.dashboard-v16-topbar,.dashboard-v16-greeting,.dashboard-v16-section,.dashboard-v16-performance,.dashboard-v16-reco{padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,rgba(18,28,50,.96),rgba(12,18,32,.98));border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.dashboard-v16-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(16,185,129,.07) 52%,rgba(168,85,247,.10))}
.dashboard-v16-brand{display:flex;align-items:center;gap:12px;min-width:0}
.dashboard-v16-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(168,85,247,.18));border:1px solid rgba(84,119,255,.22);font-size:20px;box-shadow:0 10px 22px rgba(0,0,0,.16)}
.dashboard-v16-brand-text{min-width:0}
.dashboard-v16-brand-title{font-size:20px;font-weight:900;color:var(--txt);line-height:1.05}
.dashboard-v16-brand-sub{font-size:11px;color:var(--muted);margin-top:4px}
.dashboard-v16-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dashboard-v16-icon-btn,.dashboard-v16-pro-btn{height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--txt);display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;cursor:pointer;padding:0 12px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.dashboard-v16-icon-btn{width:40px;padding:0;position:relative}
.dashboard-v16-icon-btn:hover,.dashboard-v16-pro-btn:hover,.dashboard-v16-quick-btn:hover,.dashboard-v16-opp-card:hover{transform:translateY(-2px);border-color:rgba(84,119,255,.24);background:rgba(255,255,255,.06)}
.dashboard-v16-badge{position:absolute;top:-5px;right:-3px;min-width:18px;height:18px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.dashboard-v16-pro-btn{background:linear-gradient(135deg,rgba(168,85,247,.20),rgba(59,130,246,.16));color:#e9d5ff}
.dashboard-v16-greeting{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dashboard-v16-greeting{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(16,185,129,.08) 45%,rgba(168,85,247,.08));}
.dashboard-v16-greeting:before{content:'';position:absolute;inset:auto -80px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.20),rgba(59,130,246,0));filter:blur(10px);animation:pulse 3.2s ease-in-out infinite}
.dashboard-v16-greeting>*{position:relative;z-index:1}
.dashboard-v16-greeting-title{font-size:20px;font-weight:900;color:var(--txt);letter-spacing:-.02em}
.dashboard-v16-greeting-sub{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}
.dashboard-v16-mini-pills{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-v16-mini-pill{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt);font-family:var(--mono)}
.dashboard-v16-mini-pill.live{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.24);color:#d1fae5;animation:pulse 1.8s ease-in-out infinite}
.dashboard-v16-mini-pill.update{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.22);color:#dbeafe}
.dashboard-v16-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dashboard-v16-section-title{font-size:15px;font-weight:900;color:var(--txt);display:flex;align-items:center;gap:8px}
.dashboard-v16-section-sub{font-size:11px;color:var(--muted);line-height:1.55;margin-top:4px}
.dashboard-v16-swipe-note{font-size:10px;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.dashboard-v16-opp-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
.dashboard-v16-opp-scroll::-webkit-scrollbar{height:6px}
.dashboard-v16-opp-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}
.dashboard-v16-opp-card{scroll-snap-align:start;padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(20,30,55,.96),rgba(12,18,32,.98));display:grid;gap:10px;cursor:pointer;min-height:182px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.dashboard-v16-opp-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dashboard-v16-rank{padding:5px 9px;border-radius:999px;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.25);font-size:10px;font-weight:800;color:var(--acc);font-family:var(--mono)}
.dashboard-v16-score{font-size:28px;font-weight:900;color:var(--txt);line-height:1}
.dashboard-v16-score-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:right}
.dashboard-v16-opp-match{font-size:16px;font-weight:900;color:var(--txt);line-height:1.35}
.dashboard-v16-opp-meta{font-size:11px;color:var(--muted);line-height:1.55}
.dashboard-v16-opp-bet{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:12px;font-weight:800;color:var(--txt)}
.dashboard-v16-opp-pills{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-v16-opp-pill{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt)}
.dashboard-v16-performance{display:grid;grid-template-columns:1.25fr .85fr;gap:14px}
.dashboard-v16-chart-wrap{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(20,30,55,.96),rgba(12,18,32,.98));border:1px solid rgba(255,255,255,.07)}
.dashboard-v16-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.dashboard-v16-chart-title{font-size:12px;font-weight:800;color:var(--txt)}
.dashboard-v16-chart-note{font-size:10px;color:var(--muted)}
.dashboard-v16-chart{height:160px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00));border:1px solid rgba(255,255,255,.05)}
.dashboard-v16-chart svg{width:100%;height:100%;display:block}
.dashboard-v16-perf-stats{display:grid;gap:10px}
.dashboard-v16-stat-card{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(20,30,55,.96),rgba(12,18,32,.98));border:1px solid rgba(255,255,255,.07)}
.dashboard-v16-stat-k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.dashboard-v16-stat-v{margin-top:8px;font-size:28px;font-weight:900;color:var(--txt);line-height:1}
.dashboard-v16-stat-sub{margin-top:7px;font-size:11px;color:var(--muted);line-height:1.5}
.dashboard-v16-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-v16-quick-btn{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(20,30,55,.96),rgba(12,18,32,.98));color:var(--txt);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.dashboard-v16-quick-k{font-size:12px;font-weight:900;color:var(--txt)}
.dashboard-v16-quick-s{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.5}
.dashboard-v16-reco-main{font-size:16px;font-weight:900;color:var(--txt);line-height:1.4}
.dashboard-v16-reco-sub{font-size:12px;color:var(--muted);line-height:1.65;margin-top:8px}
.dashboard-v16-reco-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dashboard-v16-reco-pill{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt)}
.dashboard-v16-empty{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.10);font-size:12px;color:var(--muted);text-align:center}
@media(max-width:980px){.dashboard-v16-performance{grid-template-columns:1fr}.dashboard-v16-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dashboard-v16-topbar,.dashboard-v16-greeting,.dashboard-v16-section,.dashboard-v16-performance,.dashboard-v16-reco{padding:14px 13px}.dashboard-v16-brand-title{font-size:18px}.dashboard-v16-greeting-title{font-size:16px}.dashboard-v16-opp-scroll{grid-auto-columns:84vw}.dashboard-v16-score{font-size:24px}.dashboard-v16-quick-grid{grid-template-columns:1fr 1fr}.dashboard-v16-stat-v{font-size:24px}.dashboard-v16-chart{height:140px}}


/* ===== Dashboard v16 mobile safety patch ===== */
#dashboard-modern-shell,.dashboard-v16-shell,.dashboard-v16-topbar,.dashboard-v16-greeting,.dashboard-v16-section,.dashboard-v16-performance,.dashboard-v16-reco,.dashboard-v16-chart-wrap,.dashboard-v16-perf-stats,.dashboard-v16-stat-card,.dashboard-v16-quick-grid,.dashboard-v16-quick-btn,.dashboard-v16-opp-card{box-sizing:border-box;min-width:0;max-width:100%}
#dashboard-modern-shell,.dashboard-v16-shell{width:100%;overflow-x:hidden}
.dashboard-v16-section-head>div,.dashboard-v16-brand-text,.dashboard-v16-greeting>div:first-child{min-width:0}
.dashboard-v16-brand-title,.dashboard-v16-brand-sub,.dashboard-v16-greeting-title,.dashboard-v16-greeting-sub,.dashboard-v16-section-title,.dashboard-v16-section-sub,.dashboard-v16-opp-match,.dashboard-v16-opp-meta,.dashboard-v16-opp-bet,.dashboard-v16-chart-title,.dashboard-v16-chart-note,.dashboard-v16-reco-main,.dashboard-v16-reco-sub,.dashboard-v16-quick-k,.dashboard-v16-quick-s{overflow-wrap:anywhere;word-break:break-word}
.dashboard-v16-reco-main{font-size:15px;line-height:1.45}
.dashboard-v16-opp-scroll{padding-right:2px}
@media(max-width:640px){
  .dashboard-v16-topbar{align-items:flex-start}
  .dashboard-v16-header-actions{width:100%;justify-content:flex-start}
  .dashboard-v16-greeting{align-items:flex-start}
  .dashboard-v16-mini-pills{width:100%}
  .dashboard-v16-performance{gap:10px}
  .dashboard-v16-perf-stats{grid-template-columns:1fr}
  .dashboard-v16-chart-wrap{padding:12px}
  .dashboard-v16-opp-scroll{grid-auto-columns:78vw}
  .dashboard-v16-quick-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
  .dashboard-v16-brand{align-items:flex-start}
  .dashboard-v16-brand-title{font-size:17px}
  .dashboard-v16-greeting-title{font-size:15px}
  .dashboard-v16-section-title{font-size:14px}
  .dashboard-v16-opp-match{font-size:15px}
  .dashboard-v16-reco-main{font-size:14px}
  .dashboard-v16-opp-scroll{grid-auto-columns:86vw}
}


/* ===== Match card v16 ===== */
.match-card-v16{display:grid;gap:12px;padding:15px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(18,28,50,.98),rgba(12,18,32,.98));border:1px solid rgba(84,119,255,.16)!important;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.match-card-v16 .m16-top,.match-card-v16 .m16-reco,.match-card-v16 .m16-signals,.match-card-v16 .m16-actions,.match-card-v16 .m16-extra{padding:12px 13px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.match-card-v16 .m16-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.match-card-v16 .m16-league{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:800;color:var(--txt)}
.match-card-v16 .m16-league span{min-width:0;overflow-wrap:anywhere}
.match-card-v16 .m16-kickoff{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--txt);font-family:var(--mono)}
.match-card-v16 .m16-kickoff-pill{padding:5px 8px;border-radius:999px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.22);color:var(--acc);font-size:10px;font-weight:800}
.match-card-v16 .m16-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.match-card-v16 .m16-team{display:grid;justify-items:center;gap:6px;min-width:0}
.match-card-v16 .m16-team-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.match-card-v16 .m16-team-name{font-size:17px;font-weight:900;color:var(--txt);text-align:center;line-height:1.25;overflow-wrap:anywhere}
.match-card-v16 .m16-team-prob{font-size:22px;font-weight:900;color:var(--txt);font-family:var(--mono)}
.match-card-v16 .m16-vs{font-size:14px;font-weight:900;color:var(--muted);letter-spacing:.08em}
.match-card-v16 .m16-ml-bar{grid-column:1/-1;height:12px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;display:flex;border:1px solid rgba(255,255,255,.06)}
.match-card-v16 .m16-ml-home{background:linear-gradient(90deg,rgba(34,197,94,.95),rgba(34,197,94,.55))}
.match-card-v16 .m16-ml-draw{background:linear-gradient(90deg,rgba(245,158,11,.95),rgba(245,158,11,.55))}
.match-card-v16 .m16-ml-away{background:linear-gradient(90deg,rgba(59,130,246,.95),rgba(59,130,246,.55))}
.match-card-v16 .m16-ml-note{grid-column:1/-1;font-size:10px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.06em}
.match-card-v16 .m16-reco-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.match-card-v16 .m16-reco-main{margin-top:8px;font-size:22px;font-weight:900;color:var(--txt);line-height:1.3;overflow-wrap:anywhere}
.match-card-v16 .m16-reco-main .odd{color:var(--acc)}
.match-card-v16 .m16-reco-meta{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.7}
.match-card-v16 .m16-signals{display:grid;gap:10px}
.match-card-v16 .m16-signal-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.match-card-v16 .m16-signal-pill{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt)}
.match-card-v16 .m16-signal-text{font-size:11px;color:var(--txt);line-height:1.6;overflow-wrap:anywhere}
.match-card-v16 .m16-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.match-card-v16 .m16-btn{padding:11px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--txt);font-size:11px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.match-card-v16 .m16-btn:hover{transform:translateY(-1px);border-color:rgba(84,119,255,.22);background:rgba(255,255,255,.06)}
.match-card-v16 .m16-btn.primary{background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(59,130,246,.12));border-color:rgba(34,197,94,.22)}
.match-card-v16 .m16-btn.warn{background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(59,130,246,.12));border-color:rgba(245,158,11,.22)}
.match-card-v16 .m16-extra{display:none}
.match-card-v16 .m16-extra.open{display:grid;gap:10px}
.match-card-v16.match-card-focus{border-color:rgba(34,197,94,.34)!important;box-shadow:0 0 0 1px rgba(34,197,94,.18),0 16px 34px rgba(0,0,0,.24)}
.analysis-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.analysis-metric{padding:10px 10px 9px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.analysis-metric-k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.analysis-metric-v{margin-top:6px;font-size:15px;font-weight:900;color:var(--txt);line-height:1.1}
.analysis-metric-sub{margin-top:4px;font-size:10px;color:var(--muted)}
.analysis-metric.prob{border-color:rgba(34,197,94,.18);background:rgba(34,197,94,.06)}
.analysis-metric.prob .analysis-metric-v{color:var(--grn)}
.analysis-metric.edge{border-color:rgba(59,130,246,.18);background:rgba(59,130,246,.06)}
.analysis-metric.edge .analysis-metric-v{color:var(--acc)}
.analysis-metric.value{border-color:rgba(168,85,247,.18);background:rgba(168,85,247,.06)}
.analysis-metric.value .analysis-metric-v{color:#e9d5ff}
.analysis-metric.warn{border-color:rgba(245,158,11,.18);background:rgba(245,158,11,.06)}
.analysis-metric.warn .analysis-metric-v{color:var(--yel)}
.analysis-help-row{display:flex;gap:8px;flex-wrap:wrap}
.ticket-quickpeek{position:fixed;right:16px;bottom:18px;z-index:140;display:none;width:min(360px,calc(100vw - 24px));padding:12px 12px 10px;border-radius:18px;background:linear-gradient(180deg,rgba(16,24,40,.98),rgba(12,18,32,.98));border:1px solid rgba(59,130,246,.20);box-shadow:0 16px 34px rgba(0,0,0,.30)}
.ticket-quickpeek.show{display:block}
.ticket-quickpeek-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ticket-quickpeek-title{font-size:13px;font-weight:900;color:var(--txt)}
.ticket-quickpeek-sub{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}
.ticket-quickpeek-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ticket-quickpeek-pill{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt)}
.ticket-quickpeek-list{margin-top:10px;display:grid;gap:7px}
.ticket-quickpeek-item{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--txt);line-height:1.45}
.ticket-quickpeek-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
@media(max-width:640px){.match-card-v16 .m16-teams{grid-template-columns:1fr auto 1fr}.match-card-v16 .m16-team-name{font-size:15px}.match-card-v16 .m16-team-prob{font-size:19px}.match-card-v16 .m16-reco-main{font-size:20px}.match-card-v16 .m16-actions{grid-template-columns:1fr}.analysis-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-quickpeek{left:12px;right:12px;bottom:12px;width:auto}}


/* ===== Add-on features: alerts / simulator / charts ===== */
.addon-grid{display:grid;gap:14px}
.addon-card{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(18,28,50,.96),rgba(12,18,32,.98));border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.addon-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.addon-title{font-size:15px;font-weight:900;color:var(--txt)}
.addon-sub{font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px}
.addon-chip{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt)}
.addon-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.addon-label{font-size:11px;color:var(--muted);margin-bottom:4px;display:block}
.addon-input,.addon-select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--txt);padding:10px 11px;border-radius:12px;font-size:12px;font-family:var(--mono)}
.addon-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.addon-stat{padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.addon-stat .k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.addon-stat .v{margin-top:8px;font-size:24px;font-weight:900;color:var(--txt)}
.addon-stat .s{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.5}
.heatmap-table{width:100%;border-collapse:separate;border-spacing:8px}
.heatmap-table th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800;text-align:center;padding:0 4px}
.heatmap-table td{padding:0}
.heat-cell{min-width:92px;padding:12px 8px;border-radius:14px;text-align:center;border:1px solid rgba(255,255,255,.06);font-size:12px;font-weight:800;color:var(--txt)}
.heat-cell small{display:block;font-size:10px;color:rgba(255,255,255,.72);margin-top:4px;font-weight:600}
.radar-wrap,.sankey-wrap{padding:12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.radar-wrap svg,.sankey-wrap svg{width:100%;height:auto;display:block}
.sankey-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sankey-pill{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:var(--txt)}
.whatif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.whatif-panel{padding:12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.whatif-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}
.whatif-metric:first-child{border-top:none;padding-top:0}
.whatif-metric span{font-size:11px;color:var(--muted)}
.whatif-metric strong{font-size:14px;color:var(--txt);font-family:var(--mono)}
@media(max-width:640px){.addon-form{grid-template-columns:1fr 1fr}.whatif-grid{grid-template-columns:1fr}.heat-cell{min-width:76px;padding:10px 6px}}
@media(max-width:420px){.addon-form{grid-template-columns:1fr}.addon-stats{grid-template-columns:1fr 1fr}}


/* ===== Visible PRO launchers ===== */
.feature-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.feature-launch-btn{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(20,30,55,.96),rgba(12,18,32,.98));color:var(--txt);text-align:left;cursor:pointer;display:grid;gap:6px;position:relative;overflow:hidden}
.feature-launch-btn:hover{transform:translateY(-1px);border-color:rgba(84,119,255,.22)}
.feature-launch-title{font-size:13px;font-weight:900;color:var(--txt)}
.feature-launch-sub{font-size:10px;color:var(--muted);line-height:1.5}
.feature-launch-badge{position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:999px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.22);font-size:9px;font-weight:900;color:var(--grn)}
.pro-filters-strip{margin-bottom:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(168,85,247,.08));border:1px solid rgba(84,119,255,.18)}
.pro-filters-strip-title{font-size:13px;font-weight:900;color:var(--txt)}
.pro-filters-strip-sub{font-size:11px;color:var(--muted);line-height:1.55;margin-top:4px}
@media(max-width:980px){.feature-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.feature-launch-grid{grid-template-columns:1fr}}


/* ===== Mobile fit for advanced charts ===== */
.heatmap-mobile-grid{display:grid;gap:10px}
.heatmap-league-card{padding:12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.heatmap-league-title{font-size:12px;font-weight:900;color:var(--txt);margin-bottom:10px}
.heatmap-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flow-mobile-list{display:grid;gap:10px}
.flow-mobile-item{padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:12px}
.flow-mobile-arrow{font-size:18px;color:var(--acc);text-align:center}
@media(max-width:640px){.radar-wrap,.sankey-wrap{padding:10px}.heatmap-table{border-spacing:6px}.heatmap-table th{font-size:9px}.heat-cell{min-width:66px;padding:8px 5px;font-size:11px}.heat-cell small{font-size:9px}}


/* ===== Onboarding wizard ===== */
.onboarding-overlay{position:fixed;inset:0;background:rgba(2,6,16,.82);backdrop-filter:blur(10px);z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}
.onboarding-overlay.show{display:flex}
.onboarding-card{width:min(720px,100%);max-height:min(92vh,860px);overflow:auto;padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(18,28,50,.98),rgba(10,16,30,.98));border:1px solid rgba(84,119,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.42)}
.onboarding-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.onboarding-step{font-size:11px;font-weight:800;color:var(--acc);text-transform:uppercase;letter-spacing:.08em}
.onboarding-title{font-size:28px;font-weight:900;color:var(--txt);line-height:1.1;margin-top:6px}
.onboarding-sub{font-size:13px;color:var(--muted);line-height:1.65;margin-top:8px}
.onboarding-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0 18px}
.onboarding-dot{height:8px;border-radius:999px;background:rgba(255,255,255,.08)}
.onboarding-dot.active{background:linear-gradient(90deg,#60a5fa,#34d399)}
.onboarding-body{display:grid;gap:14px}
.onboarding-panel{padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.onboarding-panel-title{font-size:15px;font-weight:900;color:var(--txt);margin-bottom:8px}
.onboarding-list{display:grid;gap:8px}
.onboarding-item{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--txt);line-height:1.55}
.onboarding-item small{display:block;color:var(--muted);margin-top:4px;font-size:11px}
.onboarding-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.onboarding-form label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.onboarding-form select,.onboarding-form input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--txt);padding:10px 11px;border-radius:12px;font-size:12px;font-family:var(--mono)}
.onboarding-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px}
.onboarding-actions-left,.onboarding-actions-right{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:640px){.onboarding-card{padding:14px;border-radius:20px}.onboarding-title{font-size:22px}.onboarding-form{grid-template-columns:1fr}.onboarding-actions{flex-direction:column}.onboarding-actions-left,.onboarding-actions-right{width:100%;justify-content:space-between}}


/* COTA 2 DAILY */
.cota2-panel{background:linear-gradient(180deg,rgba(14,22,40,.94),rgba(9,15,28,.98));border:1px solid rgba(84,119,255,.18);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.cota2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.cota2-note{font-size:11px;color:var(--muted);line-height:1.6}
.cota2-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--txt)}
.cota2-alt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.cota2-alt-card{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.cota2-table{width:100%;border-collapse:collapse;font-size:12px}
.cota2-table th,.cota2-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.cota2-table th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}


/* ╔══════════════════════════════════════════════════════════════════╗
   ║  BetAnalytics Pro · DESIGN SYSTEM v4 — Aurora                     ║
   ║  Premium Sports Analytics · Mobile-first · Editorial typography  ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* ── 1. FONT IMPORTS ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* ── 2. DESIGN TOKENS ────────────────────────────────────────── */
:root {
  /* Surfaces — deep ocean fintech */
  --c-bg:        #06080F;
  --c-bg2:       #0A0F1C;
  --c-surface:   #0E1424;
  --c-surface2:  #131B2D;
  --c-surface3:  #1A2238;
  --c-border:    #1E2942;
  --c-border2:   #2A3A58;
  --c-hairline:  rgba(255,255,255,.05);
  --c-hairline2: rgba(255,255,255,.10);

  /* Text */
  --c-text:      #F0F4FB;
  --c-text2:     #B7C3D8;
  --c-muted:     #6B7B97;
  --c-dim:       #44516B;

  /* Single primary accent — electric mint */
  --c-acc:       #2BE5C5;
  --c-acc-hi:    #6FF3D8;
  --c-acc-lo:    rgba(43,229,197,.10);
  --c-acc-mid:   rgba(43,229,197,.22);
  --c-acc-glow:  rgba(43,229,197,.45);

  /* Secondary — soft sky */
  --c-blue:      #5FA8FF;
  --c-blue-glow: rgba(95,168,255,.30);

  /* Premium — warm gold (top picks) */
  --c-gold:      #F5C842;
  --c-gold-glow: rgba(245,200,66,.40);

  /* Semantic */
  --c-ok:        #2DD491;
  --c-ok-glow:   rgba(45,212,145,.35);
  --c-warn:      #F5A742;
  --c-warn-glow: rgba(245,167,66,.30);
  --c-bad:       #F25975;
  --c-bad-glow:  rgba(242,89,117,.30);
  --c-violet:    #B58CFF;
  --c-violet-glow: rgba(181,140,255,.30);

  /* Aliases — keep backward compatibility with original CSS */
  --bg:    var(--c-bg);
  --bg2:   var(--c-bg2);
  --panel: var(--c-surface);
  --brd:   var(--c-border);
  --brd2:  var(--c-border2);
  --txt:   var(--c-text);
  --muted: var(--c-muted);
  --acc:   var(--c-acc);
  --grn:   var(--c-ok);
  --yel:   var(--c-warn);
  --red:   var(--c-bad);
  --pur:   var(--c-violet);
  --cyan:  var(--c-acc);
  --val:   var(--c-ok);
  --org:   var(--c-warn);

  /* Typography */
  --font-display: 'Bricolage Grotesque', 'Outfit', system-ui, sans-serif;
  --font-sans:    'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --mono:         var(--font-mono);

  /* Elevation */
  --shadow-1:  0 1px 0 rgba(255,255,255,.03) inset, 0 2px 6px rgba(0,0,0,.30);
  --shadow-2:  0 1px 0 rgba(255,255,255,.04) inset, 0 8px 22px rgba(0,0,0,.35);
  --shadow-3:  0 1px 0 rgba(255,255,255,.05) inset, 0 18px 44px rgba(0,0,0,.50);
  --shadow-glow:      0 0 0 1px var(--c-acc-mid), 0 0 28px var(--c-acc-glow);
  --shadow-glow-soft: 0 0 0 1px rgba(43,229,197,.18), 0 0 18px rgba(43,229,197,.18);
  --shadow-glow-gold: 0 0 0 1px rgba(245,200,66,.28), 0 0 24px var(--c-gold-glow);

  /* Radii */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 24px;
  --r-2xl: 28px;
  --r-pill: 999px;

  /* Motion */
  --t-instant: 0.12s ease;
  --t-fast:    0.18s ease;
  --t-base:    0.24s cubic-bezier(.4,.0,.2,1);
  --t-slow:    0.40s cubic-bezier(.4,.0,.2,1);
  --t-spring:  0.32s cubic-bezier(.34,1.56,.64,1);

  /* Spacing scale */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-7: 32px; --s-8: 40px;
}

/* ── 3. BASE & ATMOSPHERE ────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-sans) !important;
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
  font-feature-settings: 'cv11', 'ss01';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: -0.005em;
}

/* Atmospheric aurora wash */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: -2;
  background:
    radial-gradient(ellipse 90% 55% at 0%   0%,   rgba(43,229,197,.07)  0%, transparent 55%),
    radial-gradient(ellipse 70% 60% at 100% 100%, rgba(95,168,255,.05)  0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 50%  90%,  rgba(181,140,255,.04) 0%, transparent 50%);
  pointer-events: none;
}
/* Subtle grain */
body::after {
  content: '';
  position: fixed; inset: 0; z-index: -1; opacity: .55;
  background-image: url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1   0 0 0 .025 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  pointer-events: none;
}

/* Typography defaults */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  letter-spacing: -0.025em;
  font-weight: 700;
}
button, input, select, textarea { font-family: inherit; }

/* ── 4. SCROLLBAR ───────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(43,229,197,.18); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: rgba(43,229,197,.40); }
* { scrollbar-width: thin; scrollbar-color: rgba(43,229,197,.18) transparent; }

/* ── 5. HEADER ──────────────────────────────────────────────── */
.header {
  background: rgba(6,8,15,.78) !important;
  backdrop-filter: saturate(160%) blur(22px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(22px) !important;
  border-bottom: 1px solid var(--c-hairline) !important;
  box-shadow: 0 1px 0 var(--c-hairline) !important;
  padding: 12px 16px !important;
}
.header::after {
  content: '';
  position: absolute; bottom: -1px; left: 10%; right: 10%; height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(43,229,197,.35) 30%,
    rgba(95,168,255,.30) 70%,
    transparent 100%);
  pointer-events: none;
}
.header-inner { padding: 0 !important; gap: 14px !important; }

/* Logo lockup */
.logo {
  display: flex !important; flex-direction: column !important;
  gap: 2px !important;
  position: relative !important;
}
.logo-title {
  font-family: var(--font-display) !important;
  font-size: 19px !important; font-weight: 800 !important;
  background: linear-gradient(105deg, #F0F4FB 0%, var(--c-acc-hi) 50%, var(--c-acc) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
}
.logo-sub {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
  font-weight: 500 !important;
}
/* Logo mark dot */
.logo::before {
  content: '';
  position: absolute;
  left: -22px; top: 4px;
  width: 14px; height: 14px;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--c-acc) 0%, var(--c-blue) 100%);
  box-shadow: 0 0 12px var(--c-acc-glow), inset 0 1px 0 rgba(255,255,255,.4);
  display: none;
}
@media (min-width: 480px) { .logo { padding-left: 22px !important; } .logo::before { display: block; } }

/* Status indicator */
.status-bar {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: var(--c-text2) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 12px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline) !important;
  border-radius: var(--r-pill) !important;
}
.sb-dot {
  width: 7px !important; height: 7px !important;
  border-radius: 50% !important;
  background: var(--c-muted) !important;
}
.sb-dot.live {
  background: var(--c-acc) !important;
  box-shadow: 0 0 0 0 var(--c-acc-glow);
  animation: livePulse 1.8s ease-out infinite !important;
}
@keyframes livePulse {
  0%   { box-shadow: 0 0 0 0 var(--c-acc-glow); }
  70%  { box-shadow: 0 0 0 8px rgba(43,229,197,0); }
  100% { box-shadow: 0 0 0 0 rgba(43,229,197,0); }
}

/* Refresh button */
#btn-refresh {
  background: linear-gradient(135deg, var(--c-acc-lo), rgba(95,168,255,.06)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  border-radius: var(--r-sm) !important;
  padding: 8px 14px !important;
  letter-spacing: -0.005em !important;
  transition: all var(--t-base) !important;
  box-shadow: var(--shadow-1) !important;
}
#btn-refresh:hover {
  background: linear-gradient(135deg, rgba(43,229,197,.18), rgba(95,168,255,.10)) !important;
  border-color: var(--c-acc) !important;
  box-shadow: var(--shadow-glow-soft) !important;
  transform: translateY(-1px) !important;
}

/* ── 6. NAVIGATION (DESKTOP) ────────────────────────────────── */
.tabs {
  position: sticky !important; top: 64px !important; z-index: 48 !important;
  background: rgba(6,8,15,.82) !important;
  backdrop-filter: saturate(160%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(20px) !important;
  border-bottom: 1px solid var(--c-hairline) !important;
  display: flex !important;
  gap: 4px !important;
  padding: 12px 18px !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
}

.tab {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border: none !important;
  background: transparent !important;
  color: var(--c-muted) !important;
  border-radius: var(--r-sm) !important;
  cursor: pointer !important;
  transition: all var(--t-base) !important;
  letter-spacing: -0.005em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border-bottom: none !important;
  white-space: nowrap !important;
  position: relative !important;
}
.tab:hover:not(.active) {
  color: var(--c-text2) !important;
  background: rgba(255,255,255,.03) !important;
}
.tab.active {
  color: var(--c-acc) !important;
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  box-shadow: 0 0 0 1px rgba(43,229,197,.05), 0 0 18px rgba(43,229,197,.12) !important;
}
.tab.active::after { display: none !important; }

/* Desktop more panel */
.desktop-more-panel {
  background: rgba(6,8,15,.96) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid var(--c-hairline) !important;
}
.desktop-more-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  color: var(--c-text) !important;
}
.desktop-more-sub {
  color: var(--c-muted) !important;
  font-size: 12px !important;
}
.more-card-btn {
  background: var(--c-surface) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  transition: all var(--t-base) !important;
  box-shadow: var(--shadow-1) !important;
  padding: 16px !important;
}
.more-card-btn:hover {
  border-color: var(--c-acc-mid) !important;
  background: linear-gradient(135deg, var(--c-surface), rgba(43,229,197,.04)) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-2), var(--shadow-glow-soft) !important;
}
.more-card-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--c-text) !important;
  letter-spacing: -0.015em !important;
}
.more-card-sub {
  color: var(--c-muted) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

/* ── 7. BUTTONS ─────────────────────────────────────────────── */
.btn {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: -0.005em !important;
  border-radius: var(--r-sm) !important;
  transition: all var(--t-base) !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 9px 16px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.btn-primary {
  background: linear-gradient(135deg, var(--c-acc) 0%, #1FCBAE 100%) !important;
  color: #06080F !important;
  border-color: rgba(43,229,197,.5) !important;
  box-shadow:
    0 0 0 1px rgba(43,229,197,.18),
    0 6px 22px rgba(43,229,197,.18),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}
.btn-primary:hover {
  filter: brightness(1.08) saturate(1.05) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(43,229,197,.30),
    0 10px 32px rgba(43,229,197,.30),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}
.btn-green {
  background: linear-gradient(135deg, var(--c-ok) 0%, #1AB479 100%) !important;
  color: #061410 !important;
  border-color: rgba(45,212,145,.4) !important;
  box-shadow:
    0 0 0 1px rgba(45,212,145,.16),
    0 6px 18px rgba(45,212,145,.18),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn-green:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(45,212,145,.30),
    0 10px 26px rgba(45,212,145,.30),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn-ghost {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  color: var(--c-text) !important;
  box-shadow: var(--shadow-1) !important;
}
.btn-ghost:hover {
  background: rgba(255,255,255,.06) !important;
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  transform: translateY(-1px) !important;
}
.btn[disabled] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  filter: grayscale(0.4) !important;
}

/* ── 8. UNIFIED CARD SURFACES ───────────────────────────────── */
.section,
.stat-card, .match-card, .bilet-card, .bankroll-card,
.track-stat, .top-pick-card, .live-card, .audit-card,
.audit-row, .memory-panel, .memory-pattern-item,
.memory-generator-card, .focus-shell, .focus-card,
.monitor-card, .modern-kpi, .cota2-panel,
.visual-card, .addon-card, .feature-launch-btn,
.matches-section-card {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-2) !important;
  position: relative !important;
  transition: border-color var(--t-base), box-shadow var(--t-base), transform var(--t-base) !important;
}

/* Subtle top-edge highlight on cards */
.section::before, .match-card::before, .bilet-card::before,
.modern-kpi::before, .monitor-card::before, .top-pick-card::before,
.audit-row::before, .focus-shell::before, .matches-section-card::before {
  content: '';
  position: absolute;
  top: 0; left: 1px; right: 1px; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 50%, transparent 100%);
  pointer-events: none;
}

/* Hover lift */
.match-card:hover, .modern-kpi.clickable:hover,
.monitor-card:hover, .memory-pattern-item:hover,
.memory-generator-card:hover, .more-card-btn:hover,
.feature-launch-btn:hover, .top-pick-card:hover {
  border-color: var(--c-acc-mid) !important;
  box-shadow: var(--shadow-3), 0 0 0 1px rgba(43,229,197,.08) !important;
  transform: translateY(-2px) !important;
}

/* Card accents */
.match-card.safe     { border-left: 3px solid var(--c-ok) !important; }
.match-card.moderate { border-left: 3px solid var(--c-warn) !important; }
.match-card.avoid    { border-left: 3px solid var(--c-bad) !important; opacity: 0.78 !important; }

/* ── 9. SECTION HEADERS ─────────────────────────────────────── */
.sec-hdr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 14px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.sec-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: var(--c-text) !important;
  letter-spacing: -0.02em !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.25 !important;
}

/* Collapsible headers */
.collapsible-header {
  cursor: pointer !important;
  user-select: none !important;
  border-radius: var(--r-md) !important;
  transition: all var(--t-base) !important;
  border: 1px solid var(--c-border) !important;
  background: var(--c-surface) !important;
  box-shadow: var(--shadow-1) !important;
}
.collapsible-header:hover {
  border-color: var(--c-acc-mid) !important;
  background: linear-gradient(135deg, var(--c-surface), rgba(43,229,197,.03)) !important;
}
.collapse-toggle {
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  border-radius: var(--r-xs) !important;
  width: 28px !important;
  height: 28px !important;
  font-weight: 800 !important;
  transition: all var(--t-base) !important;
}
.collapse-toggle.open { background: var(--c-acc-mid) !important; }
.collapse-count {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-text2) !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  padding: 3px 9px !important;
  border-radius: var(--r-pill) !important;
  font-weight: 600 !important;
}

/* Sec badge */
.sec-badge {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  border-radius: var(--r-pill) !important;
  padding: 3px 10px !important;
  letter-spacing: 0.02em !important;
}

/* ── 10. STAT CARDS / KPI ───────────────────────────────────── */
.stat-card, .track-stat {
  padding: 16px !important;
  text-align: center !important;
  border-radius: var(--r-md) !important;
}
.stat-num, .track-num {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1, 'cv11' 1;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
}
.stat-lbl, .track-lbl {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
}

/* Modern KPI grid */
.modern-kpi { padding: 16px !important; border-radius: var(--r-md) !important; }
.modern-kpi-label {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
}
.modern-kpi-value {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  margin-top: 8px !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #F0F4FB 0%, var(--c-acc-hi) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modern-kpi-sub {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
  margin-top: 6px !important;
  line-height: 1.5 !important;
}

/* ── 11. HERO / MONITOR ─────────────────────────────────────── */
.modern-monitor-hero {
  background: linear-gradient(135deg,
    rgba(43,229,197,.10) 0%,
    rgba(95,168,255,.06) 45%,
    rgba(181,140,255,.06) 100%) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-xl) !important;
  box-shadow: var(--shadow-3), 0 0 0 1px rgba(43,229,197,.06) !important;
  position: relative !important;
  overflow: hidden !important;
}
.modern-monitor-hero::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--c-acc), var(--c-blue), transparent);
}
.modern-kicker {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  color: var(--c-acc) !important;
  text-transform: uppercase !important;
}
.modern-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  letter-spacing: -0.045em !important;
  line-height: 1.05 !important;
  background: linear-gradient(135deg, #F0F4FB 0%, var(--c-acc-hi) 60%, var(--c-blue) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.modern-meta-pill {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  background: rgba(43,229,197,.07) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  border-radius: var(--r-pill) !important;
  padding: 4px 10px !important;
}
.modern-live-badge {
  background: rgba(6,8,15,.6) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-pill) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
}
.modern-live-dot {
  background: var(--c-acc) !important;
  animation: livePulse 1.8s ease-out infinite !important;
}

/* ── 12. MATCH CARD V16 (THE FLAGSHIP) ──────────────────────── */
.match-card-v16 {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-2) !important;
  padding: 14px !important;
  gap: 10px !important;
  transition: all var(--t-base) !important;
  position: relative !important;
  overflow: hidden !important;
}
.match-card-v16:hover {
  border-color: var(--c-acc-mid) !important;
  box-shadow: var(--shadow-3), 0 0 0 1px rgba(43,229,197,.10) !important;
  transform: translateY(-2px) !important;
}
.match-card-v16.match-card-focus {
  border-color: var(--c-acc) !important;
  box-shadow: 0 0 0 1px var(--c-acc-mid), 0 14px 36px rgba(43,229,197,.18), 0 0 30px var(--c-acc-glow) !important;
}

/* Inner panels */
.match-card-v16 .m16-top,
.match-card-v16 .m16-reco,
.match-card-v16 .m16-signals,
.match-card-v16 .m16-actions,
.match-card-v16 .m16-extra {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline) !important;
  border-radius: var(--r-sm) !important;
  padding: 10px 12px !important;
}

/* League strip */
.match-card-v16 .m16-league {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  color: var(--c-text2) !important;
  letter-spacing: -0.01em !important;
}
.match-card-v16 .m16-kickoff {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-text2) !important;
}
.match-card-v16 .m16-kickoff-pill {
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
  border-radius: var(--r-pill) !important;
}

/* Teams display */
.match-card-v16 .m16-team-logo {
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--r-sm) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--c-hairline2) !important;
  display: grid !important;
  place-items: center !important;
}
.match-card-v16 .m16-team-name {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: -0.025em !important;
  color: var(--c-text) !important;
  line-height: 1.2 !important;
}
.match-card-v16 .m16-team-prob {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--c-acc-hi) !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
}
.match-card-v16 .m16-vs {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.10em !important;
  color: var(--c-muted) !important;
}

/* ML probability bar */
.match-card-v16 .m16-ml-bar {
  height: 10px !important;
  border-radius: var(--r-pill) !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline) !important;
  overflow: hidden !important;
}
.match-card-v16 .m16-ml-home { background: linear-gradient(90deg, var(--c-ok), rgba(45,212,145,.4)) !important; }
.match-card-v16 .m16-ml-draw { background: linear-gradient(90deg, var(--c-warn), rgba(245,167,66,.4)) !important; }
.match-card-v16 .m16-ml-away { background: linear-gradient(90deg, var(--c-blue), rgba(95,168,255,.4)) !important; }
.match-card-v16 .m16-ml-note {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.04em !important;
  margin-top: 4px !important;
}

/* Recommendation block — make it pop */
.match-card-v16 .m16-reco {
  background: linear-gradient(135deg, rgba(43,229,197,.10) 0%, rgba(95,168,255,.06) 100%) !important;
  border: 1px solid var(--c-acc-mid) !important;
  position: relative !important;
}
.match-card-v16 .m16-reco-title {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  color: var(--c-acc) !important;
  text-transform: uppercase !important;
}
.match-card-v16 .m16-reco-main {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 19px !important;
  letter-spacing: -0.025em !important;
  margin-top: 6px !important;
  line-height: 1.25 !important;
  color: var(--c-text) !important;
}
.match-card-v16 .m16-reco-main .odd {
  color: var(--c-acc-hi) !important;
  font-feature-settings: 'tnum' 1;
}
.match-card-v16 .m16-reco-meta {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-text2) !important;
  margin-top: 6px !important;
  line-height: 1.6 !important;
}

/* Signals */
.match-card-v16 .m16-signal-text {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  color: var(--c-text2) !important;
  line-height: 1.5 !important;
}
.match-card-v16 .m16-signal-text strong { color: var(--c-text) !important; }
.match-card-v16 .m16-signal-pill {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-text) !important;
  border-radius: var(--r-pill) !important;
  padding: 4px 10px !important;
  font-weight: 600 !important;
}

/* Action buttons */
.match-card-v16 .m16-btn {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  color: var(--c-text) !important;
  border-radius: var(--r-sm) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 10px 12px !important;
  letter-spacing: -0.005em !important;
  transition: all var(--t-base) !important;
  cursor: pointer !important;
}
.match-card-v16 .m16-btn:hover {
  background: rgba(43,229,197,.07) !important;
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  transform: translateY(-1px) !important;
}
.match-card-v16 .m16-btn.primary {
  background: linear-gradient(135deg, rgba(45,212,145,.16), rgba(43,229,197,.12)) !important;
  border-color: rgba(45,212,145,.32) !important;
  color: var(--c-ok) !important;
}
.match-card-v16 .m16-btn.warn {
  background: linear-gradient(135deg, rgba(245,167,66,.14), rgba(245,167,66,.08)) !important;
  border-color: rgba(245,167,66,.32) !important;
  color: var(--c-warn) !important;
}

/* Compact version (already declared in v3 — refine here) */
@media (max-width: 640px) {
  .match-card-v16 { padding: 12px !important; gap: 8px !important; }
  .match-card-v16 .m16-team-name { font-size: 13px !important; }
  .match-card-v16 .m16-team-prob { font-size: 18px !important; }
  .match-card-v16 .m16-reco-main { font-size: 17px !important; }
  .match-card-v16 .m16-actions { grid-template-columns: 1fr !important; }
}

/* Analysis metrics inside expanded card */
.analysis-metric {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline) !important;
  border-radius: var(--r-sm) !important;
  padding: 10px !important;
}
.analysis-metric-k {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.10em !important;
}
.analysis-metric-v {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: -0.025em !important;
  margin-top: 4px !important;
}
.analysis-metric.prob  { border-color: rgba(45,212,145,.20) !important; background: rgba(45,212,145,.05) !important; }
.analysis-metric.prob  .analysis-metric-v { color: var(--c-ok) !important; }
.analysis-metric.edge  { border-color: rgba(95,168,255,.20) !important; background: rgba(95,168,255,.04) !important; }
.analysis-metric.edge  .analysis-metric-v { color: var(--c-blue) !important; }
.analysis-metric.value { border-color: rgba(181,140,255,.20) !important; background: rgba(181,140,255,.05) !important; }
.analysis-metric.value .analysis-metric-v { color: var(--c-violet) !important; }
.analysis-metric.warn  { border-color: rgba(245,167,66,.22) !important; background: rgba(245,167,66,.05) !important; }
.analysis-metric.warn  .analysis-metric-v { color: var(--c-warn) !important; }

/* ── 13. CLASSIC MATCH CARDS ────────────────────────────────── */
.match-card {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 14px !important;
  box-shadow: var(--shadow-2) !important;
}
.mc-team {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.mc-teams-premium .mc-team {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: -0.025em !important;
}
.mc-time {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-text2) !important;
}
.mc-stat-val {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.mc-stat-lbl {
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 9px !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.card-reco-main {
  background: linear-gradient(135deg, rgba(43,229,197,.10), rgba(95,168,255,.05)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-sm) !important;
}
.card-reco-pick {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.card-reco-odd {
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  color: var(--c-acc-hi) !important;
}
.card-reco-title {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--c-muted) !important;
  text-transform: uppercase !important;
}

/* Verdict pills */
.mc-verdict, .verdict-safe, .verdict-moderate, .verdict-avoid {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: -0.005em !important;
  border-radius: var(--r-pill) !important;
  padding: 4px 11px !important;
}
.verdict-safe {
  background: rgba(45,212,145,.10) !important;
  border: 1px solid rgba(45,212,145,.32) !important;
  color: var(--c-ok) !important;
}
.verdict-moderate {
  background: rgba(245,167,66,.10) !important;
  border: 1px solid rgba(245,167,66,.32) !important;
  color: var(--c-warn) !important;
}
.verdict-avoid {
  background: rgba(242,89,117,.10) !important;
  border: 1px solid rgba(242,89,117,.32) !important;
  color: var(--c-bad) !important;
}

/* Probability chips (hybrid) */
.hybrid-prob-item {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline) !important;
  border-radius: var(--r-sm) !important;
}
.hybrid-prob-value {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.hybrid-prob-item.delta-positive .hybrid-prob-value { color: var(--c-ok) !important; }
.hybrid-prob-item.delta-negative .hybrid-prob-value { color: var(--c-bad) !important; }
.hybrid-prob-label {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.08em !important;
}

/* Most likely score badge */
.score-badge {
  background: rgba(181,140,255,.10) !important;
  border: 1px solid rgba(181,140,255,.32) !important;
  color: var(--c-violet) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  border-radius: var(--r-pill) !important;
  box-shadow: 0 0 12px rgba(181,140,255,.10) !important;
}

/* ── 14. TICKET / BILET CARDS ───────────────────────────────── */
.bilet-card {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 18px !important;
  position: relative !important;
}
.bilet-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  letter-spacing: -0.025em !important;
  color: var(--c-text) !important;
}
.bilet-cota {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.04em !important;
  color: var(--c-acc-hi) !important;
}
.bilet-meta {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-muted) !important;
}
.bilet-match-name {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
}
.bilet-pick-type {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  color: var(--c-acc) !important;
}
.bilet-pick-prob {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  color: var(--c-ok) !important;
}
.ticket-mini {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
}
.ticket-mini .v {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.ticket-mini .l {
  font-family: var(--font-sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

/* ── 15. BANKROLL ───────────────────────────────────────────── */
.bankroll-card {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 20px !important;
}
.bk-val {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}
.bk-lbl {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}
.bk-input, .form-input, .addon-input, .addon-select,
.sort-select, .league-filter-select, .mf-select, .mf-mode-btn {
  font-family: var(--font-sans) !important;
}
.bk-input, .form-input, .addon-input, .addon-select,
.sort-select, .league-filter-select {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-border2) !important;
  color: var(--c-text) !important;
  border-radius: var(--r-sm) !important;
  font-size: 12px !important;
  padding: 9px 12px !important;
  transition: all var(--t-base) !important;
}
.bk-input:focus, .form-input:focus, .addon-input:focus, .addon-select:focus,
.sort-select:focus, .league-filter-select:focus {
  outline: none !important;
  border-color: var(--c-acc) !important;
  box-shadow: 0 0 0 3px rgba(43,229,197,.14) !important;
}

/* ── 16. BADGES / CHIPS ─────────────────────────────────────── */
.badge-win, .badge-loss, .badge-pending {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: 0.02em !important;
  border-radius: var(--r-pill) !important;
  padding: 3px 10px !important;
}
.badge-win {
  background: rgba(45,212,145,.10) !important;
  border: 1px solid rgba(45,212,145,.32) !important;
  color: var(--c-ok) !important;
}
.badge-loss {
  background: rgba(242,89,117,.10) !important;
  border: 1px solid rgba(242,89,117,.32) !important;
  color: var(--c-bad) !important;
}
.badge-pending {
  background: rgba(245,167,66,.10) !important;
  border: 1px solid rgba(245,167,66,.32) !important;
  color: var(--c-warn) !important;
}
.live-count-badge {
  background: rgba(45,212,145,.10) !important;
  border: 1px solid rgba(45,212,145,.32) !important;
  color: var(--c-ok) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  border-radius: var(--r-pill) !important;
  box-shadow: 0 0 14px rgba(45,212,145,.12) !important;
}
.nav-ticket-badge {
  background: linear-gradient(135deg, rgba(43,229,197,.20), rgba(95,168,255,.15)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-family: var(--font-mono) !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px var(--c-acc-glow) !important;
}
/* Source chips */
.source-chip {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  border-radius: var(--r-pill) !important;
  letter-spacing: 0.05em !important;
}
.source-chip-api    { background: rgba(45,212,145,.10) !important; border-color: rgba(45,212,145,.30) !important; color: var(--c-ok) !important; }
.source-chip-heur   { background: rgba(245,167,66,.10) !important; border-color: rgba(245,167,66,.30) !important; color: var(--c-warn) !important; }
.source-chip-mixed  { background: var(--c-acc-lo) !important; border-color: var(--c-acc-mid) !important; color: var(--c-acc) !important; }
.source-chip-ml5    { background: rgba(181,140,255,.10) !important; border-color: rgba(181,140,255,.30) !important; color: var(--c-violet) !important; }

/* ── 17. FILTERS / CHIPS ────────────────────────────────────── */
.filter-btn, .mf-chip {
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: -0.005em !important;
  border: 1px solid var(--c-border2) !important;
  background: rgba(255,255,255,.025) !important;
  color: var(--c-text2) !important;
  border-radius: var(--r-pill) !important;
  padding: 7px 13px !important;
  transition: all var(--t-base) !important;
  cursor: pointer !important;
}
.filter-btn:hover, .mf-chip:hover {
  border-color: var(--c-acc-mid) !important;
  color: var(--c-text) !important;
  background: rgba(43,229,197,.04) !important;
}
.filter-btn.active, .mf-chip.active {
  background: linear-gradient(135deg, rgba(43,229,197,.16), rgba(95,168,255,.10)) !important;
  border-color: var(--c-acc) !important;
  color: var(--c-acc) !important;
  box-shadow: 0 0 0 1px rgba(43,229,197,.10), 0 0 16px rgba(43,229,197,.18) !important;
}
.mf-mode-btn.active {
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
}

/* MF card (matches filter card) */
.mf-card {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 14px !important;
  box-shadow: var(--shadow-2) !important;
}
.mf-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: -0.02em !important;
  color: var(--c-text) !important;
}
.mf-count {
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  border-radius: var(--r-pill) !important;
  padding: 3px 10px !important;
}

/* ── 18. AUDIT / KELLY ─────────────────────────────────────── */
.audit-card { padding: 14px !important; }
.audit-card-label {
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
}
.audit-card-value {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}
.audit-card-sub {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
}
.audit-row {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  transition: all var(--t-base) !important;
}
.audit-row:hover {
  border-color: var(--c-acc-mid) !important;
  transform: translateX(2px) !important;
}
.audit-pick-box {
  background: linear-gradient(135deg, rgba(43,229,197,.08), rgba(181,140,255,.05)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-sm) !important;
}
.audit-pick-value {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.audit-row-rank {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
}

/* ── 19. MEMORY / AI ───────────────────────────────────────── */
.memory-pattern-item {
  border-radius: var(--r-md) !important;
  transition: all var(--t-base) !important;
}
.memory-pattern-item:hover {
  border-color: var(--c-acc-mid) !important;
  transform: translateX(3px) !important;
}
.memory-pattern-score.positive {
  background: rgba(45,212,145,.10) !important;
  border-color: rgba(45,212,145,.28) !important;
  color: var(--c-ok) !important;
}
.memory-pattern-score.negative {
  background: rgba(242,89,117,.10) !important;
  border-color: rgba(242,89,117,.28) !important;
  color: var(--c-bad) !important;
}
.memory-generator-card { padding: 16px !important; }
.memory-generator-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: -0.02em !important;
}
.memory-generator-sub {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
  line-height: 1.55 !important;
}
.memory-shell-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--c-text) !important;
}
.memory-shell-sub {
  font-family: var(--font-sans) !important;
  color: var(--c-muted) !important;
  line-height: 1.55 !important;
}

/* SmartLearn nav */
.smartlearn-nav {
  display: flex !important;
  gap: 8px !important;
  padding: 12px 0 !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}
.smartlearn-tab {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 9px 16px !important;
  border-radius: var(--r-sm) !important;
  border: 1px solid var(--c-border2) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--c-muted) !important;
  cursor: pointer !important;
  transition: all var(--t-base) !important;
}
.smartlearn-tab:hover {
  border-color: var(--c-acc-mid) !important;
  color: var(--c-text) !important;
}
.smartlearn-tab.active {
  background: linear-gradient(135deg, rgba(43,229,197,.16), rgba(95,168,255,.10)) !important;
  border-color: var(--c-acc) !important;
  color: var(--c-acc) !important;
  box-shadow: 0 0 0 1px var(--c-acc-mid), 0 0 14px var(--c-acc-glow) !important;
}

/* ── 20. LIVE TAB ──────────────────────────────────────────── */
.live-card {
  border: 1px solid rgba(45,212,145,.20) !important;
  box-shadow: var(--shadow-2), 0 0 22px rgba(45,212,145,.05) !important;
}
.live-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--c-ok), var(--c-acc));
  z-index: 1;
}
.live-minute {
  background: rgba(242,89,117,.12) !important;
  border: 1px solid rgba(242,89,117,.34) !important;
  color: var(--c-bad) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
}

/* ── 21. FOCUS / RECOMMEND PANEL ───────────────────────────── */
.focus-shell {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-xl) !important;
  box-shadow: var(--shadow-3), 0 0 38px rgba(43,229,197,.05) !important;
  padding: 18px !important;
  position: relative !important;
  overflow: hidden !important;
}
.focus-shell::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--c-acc), var(--c-blue), transparent);
}
.focus-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing: -0.03em !important;
  color: var(--c-text) !important;
}
.focus-sub {
  font-family: var(--font-sans) !important;
  color: var(--c-muted) !important;
  line-height: 1.55 !important;
}
.focus-step {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: var(--c-text2) !important;
  border-radius: var(--r-sm) !important;
}
.focus-step span {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  color: var(--c-acc) !important;
}
.focus-card {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-md) !important;
  transition: all var(--t-base) !important;
}
.focus-card:hover { border-color: var(--c-acc-mid) !important; }
.focus-card.recommended {
  border-color: rgba(45,212,145,.35) !important;
  background: linear-gradient(135deg, rgba(45,212,145,.05), rgba(255,255,255,.02)) !important;
  box-shadow: 0 0 0 1px rgba(45,212,145,.10), var(--shadow-2) !important;
}
.focus-metric .v {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

/* ── 22. SMARTBET HISTORY ────────────────────────────────────── */
#smartbet-history-root .history-summary-card {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  transition: all var(--t-base) !important;
}
#smartbet-history-root .history-summary-card:hover {
  border-color: var(--c-acc-mid) !important;
  transform: translateY(-2px) !important;
}
#smartbet-history-root .history-summary-card.active {
  border-color: var(--c-acc) !important;
  background: linear-gradient(135deg, rgba(43,229,197,.06), rgba(95,168,255,.03)) !important;
  box-shadow: var(--shadow-glow-soft), var(--shadow-2) !important;
}
#smartbet-history-root .history-summary-roi {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

/* ── 23. HELP PANELS / GLOSSARY ─────────────────────────────── */
.help-panel {
  background: linear-gradient(135deg, rgba(43,229,197,.05), rgba(95,168,255,.03)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-md) !important;
  padding: 14px 16px !important;
  box-shadow: var(--shadow-1) !important;
}
.help-panel.green {
  background: linear-gradient(135deg, rgba(45,212,145,.05), rgba(43,229,197,.03)) !important;
  border-color: rgba(45,212,145,.22) !important;
}
.help-panel.amber {
  background: linear-gradient(135deg, rgba(245,167,66,.05), rgba(95,168,255,.03)) !important;
  border-color: rgba(245,167,66,.22) !important;
}
.help-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: -0.02em !important;
  color: var(--c-text) !important;
}
.help-sub {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
}
.help-chip {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  color: var(--c-text2) !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  padding: 6px 12px !important;
  border-radius: var(--r-pill) !important;
  transition: all var(--t-base) !important;
}
.help-chip:hover {
  border-color: var(--c-acc) !important;
  background: var(--c-acc-lo) !important;
  color: var(--c-acc) !important;
  transform: translateY(-1px) !important;
}
.help-output {
  background: rgba(6,8,15,.7) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
}
.help-output-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  color: var(--c-acc) !important;
}
.help-output-text {
  font-family: var(--font-sans) !important;
  color: var(--c-text) !important;
  line-height: 1.65 !important;
}

/* ── 24. PROGRESS BARS ─────────────────────────────────────── */
.monitor-flow-fill {
  background: linear-gradient(90deg, var(--c-acc), rgba(43,229,197,.4)) !important;
  border-radius: inherit !important;
  transition: width 0.8s cubic-bezier(0.4,0,0.2,1) !important;
  box-shadow: 0 0 12px var(--c-acc-glow) !important;
}
.mc-conf-bar-fill {
  border-radius: 2px !important;
  transition: width 0.8s cubic-bezier(0.4,0,0.2,1) !important;
}

/* ── 25. TOAST / LOADER ─────────────────────────────────────── */
.toast {
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  border-radius: var(--r-sm) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: var(--shadow-3) !important;
}
.toast-ok {
  background: rgba(45,212,145,.12) !important;
  border: 1px solid rgba(45,212,145,.40) !important;
  color: var(--c-ok) !important;
}
.toast-err {
  background: rgba(242,89,117,.12) !important;
  border: 1px solid rgba(242,89,117,.40) !important;
  color: var(--c-bad) !important;
}
.toast-warn {
  background: rgba(245,167,66,.12) !important;
  border: 1px solid rgba(245,167,66,.40) !important;
  color: var(--c-warn) !important;
}
.loader {
  background: rgba(6,8,15,.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
.loader-spin {
  border-color: var(--c-border2) !important;
  border-top-color: var(--c-acc) !important;
  filter: drop-shadow(0 0 12px var(--c-acc-glow));
}
.loader-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: -0.025em !important;
}
.loader-sub {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: var(--c-text2) !important;
}

/* ── 26. WELCOME / NOTICE ───────────────────────────────────── */
.welcome-box {
  background: linear-gradient(135deg, rgba(43,229,197,.06), rgba(181,140,255,.05)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-md) !important;
}
.welcome-text {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  color: var(--c-text2) !important;
}
.welcome-text .hl {
  color: var(--c-text) !important;
  font-weight: 700 !important;
}

/* ── 27. REASON PILLS ───────────────────────────────────────── */
.reason-pill {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  border-radius: var(--r-pill) !important;
  padding: 4px 10px !important;
  color: var(--c-text2) !important;
  transition: all var(--t-fast) !important;
}
.reason-pill:hover {
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
}

/* ── 28. ADDONS / FEATURE LAUNCHERS ────────────────────────── */
.addon-card { padding: 16px !important; }
.addon-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: -0.025em !important;
}
.addon-sub {
  font-family: var(--font-sans) !important;
  color: var(--c-muted) !important;
}
.addon-chip {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  border-radius: var(--r-pill) !important;
}
.feature-launch-btn {
  padding: 16px !important;
  border-radius: var(--r-md) !important;
}
.feature-launch-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--c-text) !important;
}
.feature-launch-sub {
  font-family: var(--font-sans) !important;
  color: var(--c-muted) !important;
}
.feature-launch-badge {
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
}

/* ── 29. TABLES ─────────────────────────────────────────────── */
.history-table th {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  font-size: 9px !important;
  color: var(--c-muted) !important;
}
.history-table td {
  font-family: var(--font-sans) !important;
  color: var(--c-text2) !important;
}
.cota2-table th {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: var(--c-muted) !important;
}
.cota2-table td { font-family: var(--font-sans) !important; }

/* ── 30. MISC ───────────────────────────────────────────────── */
.date-label {
  font-family: var(--font-mono) !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-xs) !important;
  font-weight: 500 !important;
  color: var(--c-text2) !important;
}
.cota2-chip {
  background: var(--c-acc-lo) !important;
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-family: var(--font-mono) !important;
}
.cota2-panel {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-lg) !important;
  padding: 18px !important;
  box-shadow: var(--shadow-2) !important;
}
.heat-cell {
  font-family: var(--font-mono) !important;
  border-radius: var(--r-xs) !important;
  transition: all var(--t-fast) !important;
}
.heat-cell:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 0 18px var(--c-acc-glow) !important;
  z-index: 2 !important;
  position: relative !important;
}
.match-inline-chip {
  font-family: var(--font-sans) !important;
  border-radius: var(--r-pill) !important;
  transition: all var(--t-fast) !important;
}
.match-inline-chip:hover {
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
}
.visual-card { padding: 14px !important; }
.visual-card-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: -0.02em !important;
  color: var(--c-text) !important;
}
.visual-card-sub {
  font-family: var(--font-sans) !important;
  color: var(--c-muted) !important;
  line-height: 1.5 !important;
}
.visual-mini-meta {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-muted) !important;
}

/* ── 31. ANIMATIONS ────────────────────────────────────────── */
@keyframes fadeUp  { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }

.tab-content.active { animation: fadeIn 0.25s ease forwards; }
.tab-content.active .match-card,
.tab-content.active .match-card-v16,
.tab-content.active .bilet-card,
.tab-content.active .modern-kpi,
.tab-content.active .monitor-card,
.tab-content.active .stat-card,
.tab-content.active .track-stat { animation: fadeUp 0.32s var(--t-base) backwards; }
.tab-content.active .match-card:nth-child(1),
.tab-content.active .match-card-v16:nth-child(1),
.tab-content.active .modern-kpi:nth-child(1),
.tab-content.active .stat-card:nth-child(1) { animation-delay: 0.04s; }
.tab-content.active .match-card:nth-child(2),
.tab-content.active .match-card-v16:nth-child(2),
.tab-content.active .modern-kpi:nth-child(2),
.tab-content.active .stat-card:nth-child(2) { animation-delay: 0.08s; }
.tab-content.active .match-card:nth-child(3),
.tab-content.active .match-card-v16:nth-child(3),
.tab-content.active .modern-kpi:nth-child(3),
.tab-content.active .stat-card:nth-child(3) { animation-delay: 0.12s; }
.tab-content.active .match-card:nth-child(4),
.tab-content.active .match-card-v16:nth-child(4),
.tab-content.active .modern-kpi:nth-child(4),
.tab-content.active .stat-card:nth-child(4) { animation-delay: 0.16s; }
.tab-content.active .match-card:nth-child(n+5),
.tab-content.active .match-card-v16:nth-child(n+5),
.tab-content.active .modern-kpi:nth-child(n+5) { animation-delay: 0.20s; }

/* ── 32. MOBILE — BOTTOM NAV (FLOATING GLASS) ──────────────── */
@media (max-width: 768px) {
  /* Hide desktop top nav */
  .tabs { display: none !important; }
  .desktop-more-panel { display: none !important; }
  body.more-open .desktop-more-panel.show { display: none !important; }

  /* Mobile bottom nav */
  .mobile-nav {
    display: flex !important;
    position: fixed !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 200 !important;
    background: rgba(8,11,22,.82) !important;
    backdrop-filter: saturate(180%) blur(28px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(28px) !important;
    border: 1px solid var(--c-hairline2) !important;
    border-radius: 22px !important;
    padding: 6px !important;
    justify-content: space-around !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.05) inset,
      0 14px 40px rgba(0,0,0,.55),
      0 0 0 1px rgba(43,229,197,.06) !important;
    align-items: stretch !important;
  }
  .mobile-nav::before {
    content: '';
    position: absolute; top: -1px; left: 16%; right: 16%; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(43,229,197,.5), rgba(95,168,255,.35), transparent);
    pointer-events: none;
  }

  .mobile-nav-btn {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 10px 4px 8px !important;
    border: none !important;
    background: transparent !important;
    color: var(--c-muted) !important;
    cursor: pointer !important;
    border-radius: 16px !important;
    transition: all var(--t-spring) !important;
    position: relative !important;
    font-family: var(--font-sans) !important;
    -webkit-tap-highlight-color: transparent !important;
    min-height: 56px !important;
  }
  .mobile-nav-btn span {
    font-size: 22px !important;
    line-height: 1 !important;
    display: block !important;
    transition: transform var(--t-spring) !important;
  }
  .mobile-nav-btn small {
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.005em !important;
  }
  .mobile-nav-btn.active {
    background: linear-gradient(135deg, var(--c-acc-lo), rgba(95,168,255,.06)) !important;
    color: var(--c-acc) !important;
  }
  .mobile-nav-btn.active span {
    transform: translateY(-2px) scale(1.10) !important;
    filter: drop-shadow(0 0 10px var(--c-acc-glow)) !important;
  }
  .mobile-nav-btn.active small {
    color: var(--c-acc) !important;
    font-weight: 700 !important;
  }
  .mobile-nav-btn.active::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 50%;
    transform: translateX(-50%);
    width: 4px; height: 4px;
    border-radius: 50%;
    background: var(--c-acc);
    box-shadow: 0 0 10px var(--c-acc-glow);
  }

  /* Mobile sheet (more menu) */
  .mobile-sheet {
    display: none !important;
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(78px + env(safe-area-inset-bottom,0px)) !important;
    max-height: calc(100vh - 130px) !important;
    overflow-y: auto !important;
    z-index: 199 !important;
    background: rgba(8,11,22,.96) !important;
    backdrop-filter: saturate(180%) blur(28px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(28px) !important;
    border: 1px solid var(--c-acc-mid) !important;
    border-radius: var(--r-xl) !important;
    padding: 12px !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.05) inset,
      0 -4px 0 rgba(43,229,197,.06),
      0 -20px 50px rgba(0,0,0,.65),
      var(--shadow-glow-soft) !important;
  }
  .mobile-sheet.show {
    display: block !important;
    animation: scaleIn 0.22s cubic-bezier(0.34,1.3,0.64,1) !important;
  }
  .mobile-sheet-btn {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid var(--c-hairline2) !important;
    border-radius: var(--r-md) !important;
    margin-bottom: 8px !important;
    padding: 14px 16px !important;
    transition: all var(--t-base) !important;
    width: 100% !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    color: var(--c-text) !important;
    cursor: pointer !important;
  }
  .mobile-sheet-btn:last-child { margin-bottom: 0 !important; }
  .mobile-sheet-btn:hover {
    background: var(--c-acc-lo) !important;
    border-color: var(--c-acc-mid) !important;
    transform: translateX(3px) !important;
  }
  .sheet-btn-title {
    font-family: var(--font-display) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: -0.015em !important;
    color: var(--c-text) !important;
  }
  .sheet-btn-sub {
    font-family: var(--font-sans) !important;
    font-size: 10px !important;
    color: var(--c-muted) !important;
  }

  /* Adjust main padding for floating bottom nav */
  .main { padding-bottom: calc(96px + env(safe-area-inset-bottom,0px)) !important; }

  /* Header tweaks */
  .header { padding: 10px 14px !important; }
  .header-inner { gap: 10px !important; }
  .header-tools { gap: 8px !important; }
  .logo-title { font-size: 16px !important; }
  .logo-sub { font-size: 8px !important; }
  .status-bar { padding: 4px 10px !important; font-size: 10px !important; }
  #btn-refresh { padding: 7px 11px !important; font-size: 11px !important; }
  .header-quick-stats { display: none !important; }

  /* Section spacing */
  .main { padding: 14px 12px calc(96px + env(safe-area-inset-bottom,0px)) !important; }
  .section, .match-card, .match-card-v16, .bilet-card, .focus-shell { border-radius: var(--r-md) !important; }
  .focus-shell { padding: 14px !important; }
  .focus-title { font-size: 16px !important; }
  .modern-title { font-size: 22px !important; }
  .modern-kpi-value { font-size: 24px !important; }
  .stat-num, .track-num { font-size: 22px !important; }
  .bilet-card { padding: 14px !important; }
}

/* Smaller phones */
@media (max-width: 420px) {
  .mobile-nav-btn small { font-size: 9px !important; }
  .mobile-nav { left: 8px !important; right: 8px !important; bottom: 8px !important; }
  .main { padding-left: 10px !important; padding-right: 10px !important; }
  .modern-title { font-size: 20px !important; }
}

/* ── 33. ACCESSIBILITY ─────────────────────────────────────── */
.skip-link {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  background: var(--c-acc) !important;
  color: var(--c-bg) !important;
}
.skip-link:focus-visible {
  outline: 2px solid var(--c-acc) !important;
  outline-offset: 2px !important;
}
button:focus-visible, a:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid var(--c-acc) !important;
  outline-offset: 2px !important;
  border-radius: var(--r-xs);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .loader-spin { animation: none !important; }
}

/* ── 34. PREMIUM ACCENTS (top picks, value bets) ───────────── */
.tp-rank {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
  color: rgba(245,200,66,.10) !important;
}
.tp-teams {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.tp-badge-safe {
  background: rgba(45,212,145,.10) !important;
  border: 1px solid rgba(45,212,145,.32) !important;
  color: var(--c-ok) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
}
.tp-badge-mod {
  background: rgba(245,167,66,.10) !important;
  border: 1px solid rgba(245,167,66,.32) !important;
  color: var(--c-warn) !important;
}
.tp-rec {
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  border-radius: var(--r-xs) !important;
}

/* ── 35. SPARKLINE ─────────────────────────────────────────── */
.sparkline-wrap { display: flex; align-items: flex-end; gap: 2px; height: 28px; }
.sparkline-bar {
  flex: 1;
  border-radius: 2px 2px 0 0;
  background: var(--c-acc);
  opacity: 0.55;
  transition: all var(--t-base);
  min-height: 2px;
}
.sparkline-bar:hover { opacity: 1; }
.sparkline-bar.negative { background: var(--c-bad); }

/* ── 36. NUMBER GLOW UTILITIES ─────────────────────────────── */
.glow-green  { color: var(--c-ok)  !important; text-shadow: 0 0 12px var(--c-ok-glow) !important; }
.glow-teal   { color: var(--c-acc) !important; text-shadow: 0 0 12px var(--c-acc-glow) !important; }
.glow-red    { color: var(--c-bad) !important; text-shadow: 0 0 10px var(--c-bad-glow) !important; }
.glow-amber  { color: var(--c-warn)!important; text-shadow: 0 0 10px var(--c-warn-glow) !important; }
.glow-violet { color: var(--c-violet)!important; text-shadow: 0 0 12px var(--c-violet-glow) !important; }

/* ── 37. SMARTBET HISTORY RANGE BUTTONS ────────────────────── */
#smartbet-history-range-controls .btn-ghost {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-border2) !important;
  color: var(--c-text2) !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  padding: 6px 12px !important;
  border-radius: var(--r-xs) !important;
}
#smartbet-history-range-controls .btn-ghost:hover {
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  background: var(--c-acc-lo) !important;
}

/* ── 38. SCORE PILL / KICK-OFF LABEL ───────────────────────── */
.mc-score-pill {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-pill) !important;
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  color: var(--c-text2) !important;
  padding: 4px 9px !important;
}

/* ── 39. ODDS SOURCE BLOCK ─────────────────────────────────── */
.odds-source-block {
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015)) !important;
  border: 1px solid var(--c-hairline) !important;
  border-radius: var(--r-md) !important;
}
.odds-source-title {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0.10em !important;
  color: var(--c-muted) !important;
  text-transform: uppercase !important;
}
.odds-source-summary {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
}
.odds-source-chip {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
}
.odds-source-chip.best {
  background: rgba(45,212,145,.07) !important;
  border-color: rgba(45,212,145,.28) !important;
}
.odds-source-chip.cmp {
  background: rgba(95,168,255,.07) !important;
  border-color: rgba(95,168,255,.26) !important;
}
.odds-source-chip-k {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
}
.odds-source-chip-v {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

/* ── 40. TICKET QUICKPEEK ──────────────────────────────────── */
.ticket-quickpeek {
  background: linear-gradient(180deg, rgba(14,20,36,.98), rgba(8,11,22,.98)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-3), var(--shadow-glow-soft) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
}
.ticket-quickpeek-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--c-text) !important;
}
.ticket-quickpeek-sub {
  font-family: var(--font-sans) !important;
  color: var(--c-muted) !important;
}
.ticket-quickpeek-pill {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  border-radius: var(--r-pill) !important;
}
.ticket-quickpeek-item {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline) !important;
  border-radius: var(--r-sm) !important;
  font-family: var(--font-sans) !important;
}

/* ── 41. SMOOTH SUBSURFACE FOR BOOT SKELETONS ──────────────── */
.boot-skeleton-hero, .boot-skeleton-card {
  background: linear-gradient(180deg, var(--c-surface), var(--c-bg2)) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-1) !important;
}

/* ── 42. CARD FOR ML5 ──────────────────────────────────────── */
.ml5-context-block {
  background: rgba(181,140,255,.05) !important;
  border: 1px solid rgba(181,140,255,.20) !important;
  border-radius: var(--r-sm) !important;
}
.ml5-context-title {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--c-violet) !important;
}
.ml5-fact-pill {
  font-family: var(--font-mono) !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: var(--r-xs) !important;
}
.ml5-fact-pill.up   { color: var(--c-ok) !important; }
.ml5-fact-pill.down { color: var(--c-bad) !important; }

/* ── 43. POLISH SPECIFIC INTERACTIVE ELEMENTS ──────────────── */
.live-score {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--c-border2) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  border-radius: var(--r-sm) !important;
  font-feature-settings: 'tnum' 1;
}

/* Generator tile */
.generator-tile {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-md) !important;
  transition: all var(--t-base) !important;
  padding: 14px !important;
}
.generator-tile:hover {
  border-color: var(--c-acc-mid) !important;
  background: linear-gradient(135deg, var(--c-acc-lo), rgba(255,255,255,.02)) !important;
  transform: translateY(-1px) !important;
}
.generator-tile .title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.generator-status {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-muted) !important;
}

/* Pro filters strip */
.pro-filters-strip {
  background: linear-gradient(135deg, var(--c-acc-lo), rgba(95,168,255,.05)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-md) !important;
}
.pro-filters-strip-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: -0.02em !important;
}

/* ── 44. DASHBOARD PANEL POLISH ────────────────────────────── */
.dashboard-monitor-panel {
  background: linear-gradient(135deg, rgba(43,229,197,.05), rgba(95,168,255,.04)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-2) !important;
}

/* Trend shell */
.trend-shell {
  background: linear-gradient(180deg, var(--c-surface), var(--c-bg2)) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
}
.trend-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.trend-pill {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-family: var(--font-mono) !important;
}
.trend-meta-card {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
}
.trend-meta-label {
  font-family: var(--font-mono) !important;
  font-weight: 500 !important;
  letter-spacing: 0.10em !important;
  color: var(--c-muted) !important;
}
.trend-meta-value {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

/* ── 45. ENHANCED QUICK STATS PILL (HEADER) ────────────────── */
.header-stat-pill {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
}
.header-stat-pill strong {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: var(--c-text) !important;
}
.header-stat-pill span {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  color: var(--c-muted) !important;
}

/* Visual distribution */
.visual-distribution {
  display: grid;
  gap: 10px;
}
.visual-dist-big {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}
.visual-dist-stack {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
}
.visual-dist-pill {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-family: var(--font-mono) !important;
  border-radius: var(--r-pill) !important;
}

/* ── 46. FINAL TOUCHES ─────────────────────────────────────── */
.empty-state {
  font-family: var(--font-sans) !important;
  color: var(--c-muted) !important;
}
.empty-state strong {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  color: var(--c-text2) !important;
}

/* Sort select with cleaner indicator */
.sort-select, .league-filter-select, .addon-select, .mf-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236B7B97' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px 6px !important;
  padding-right: 28px !important;
}

/* Smooth selection */
::selection {
  background: var(--c-acc-mid);
  color: var(--c-text);
}

/* End of design system v4 */


/* ╔══════════════════════════════════════════════════════════╗
   ║  DESIGN SYSTEM v4 — POLISH PASS (final refinements)     ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── Dashboard v16 panels — apply Aurora typography ──────── */
.dashboard-v16-topbar,
.dashboard-v16-greeting,
.dashboard-v16-section,
.dashboard-v16-performance,
.dashboard-v16-reco {
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-2) !important;
}
.dashboard-v16-topbar {
  background: linear-gradient(135deg, rgba(43,229,197,.08), rgba(95,168,255,.05) 50%, rgba(181,140,255,.06)) !important;
  border-color: var(--c-acc-mid) !important;
}
.dashboard-v16-logo {
  background: linear-gradient(135deg, var(--c-acc) 0%, var(--c-blue) 100%) !important;
  border: 1px solid var(--c-acc-mid) !important;
  border-radius: var(--r-sm) !important;
  box-shadow: 0 0 0 1px rgba(43,229,197,.2), 0 10px 22px var(--c-acc-glow) !important;
  font-size: 22px !important;
}
.dashboard-v16-brand-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  background: linear-gradient(105deg, #F0F4FB 0%, var(--c-acc-hi) 60%, var(--c-acc) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.dashboard-v16-brand-sub {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
}
.dashboard-v16-icon-btn,
.dashboard-v16-pro-btn {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
  color: var(--c-text) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  transition: all var(--t-base) !important;
}
.dashboard-v16-icon-btn:hover,
.dashboard-v16-pro-btn:hover {
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  background: var(--c-acc-lo) !important;
}
.dashboard-v16-greeting-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--c-text) !important;
}
.dashboard-v16-stat-v {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  color: var(--c-text) !important;
}
.dashboard-v16-stat-l,
.dashboard-v16-section-label {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  color: var(--c-muted) !important;
  text-transform: uppercase !important;
}
.dashboard-v16-section-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: var(--c-text) !important;
}
.dashboard-v16-score {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  background: linear-gradient(135deg, var(--c-acc-hi), var(--c-blue)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Monitor blocks */
.monitor-card { padding: 14px !important; border-radius: var(--r-md) !important; }
.monitor-kicker {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--c-muted) !important;
  text-transform: uppercase !important;
}
.monitor-value {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--c-text) !important;
}
.modern-action-main {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

/* ── Mobile header — compact, icon-only refresh ─────────── */
@media (max-width: 768px) {
  /* Compact header layout */
  .header { padding: 10px 12px !important; }
  .header-inner {
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }
  .logo { flex: 0 0 auto !important; padding-left: 0 !important; }
  .logo::before { display: none !important; }
  .logo-title { font-size: 15px !important; line-height: 1 !important; }
  .logo-sub { font-size: 8px !important; line-height: 1.3 !important; margin-top: 2px !important; }

  /* Status — compact pill */
  .status-bar {
    flex: 1 1 auto !important;
    justify-content: center !important;
    padding: 5px 10px !important;
    font-size: 9px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 200px !important;
  }
  .status-bar #sb-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 130px !important;
  }

  /* Refresh button — icon only on mobile */
  .header-tools {
    flex: 0 0 auto !important;
    width: auto !important;
    gap: 6px !important;
  }
  #btn-refresh {
    padding: 8px 10px !important;
    font-size: 0 !important;
    min-width: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }


  /* Reduce hero padding */
  .modern-monitor-hero { padding: 14px !important; }
  .modern-monitor-hero .modern-title { font-size: 22px !important; }
  .dashboard-v16-topbar,
  .dashboard-v16-greeting,
  .dashboard-v16-section,
  .dashboard-v16-performance,
  .dashboard-v16-reco { padding: 14px !important; border-radius: var(--r-md) !important; }

  /* First section margin */
  #tab-dashboard > .stats-grid:first-child,
  #tab-dashboard > .section:first-of-type,
  #dashboard-modern-shell { margin-top: 4px !important; }

  /* Tabs already hidden, but make sure */
  .tabs { display: none !important; }
}

/* Even smaller phones */
@media (max-width: 380px) {
  .logo-title { font-size: 14px !important; }
  .status-bar { padding: 4px 8px !important; font-size: 9px !important; max-width: 160px !important; }
  .status-bar #sb-text { max-width: 100px !important; }
  #btn-refresh { min-width: 36px !important; min-height: 36px !important; padding: 6px 8px !important; }
}

/* ── Improve "no data yet" empty states ──────────────────── */
.dashboard-v16-stat-v[textContent="—"],
.dashboard-v16-stat-v:empty {
  color: var(--c-muted) !important;
  opacity: 0.7;
}

/* ── Smooth tab content top margin ──────────────────────── */
.tab-content.active > *:first-child { margin-top: 0 !important; }

/* ── Subtle focus animation on interactive cards ────────── */
.match-card:focus-visible,
.match-card-v16:focus-visible,
.bilet-card:focus-visible,
.modern-kpi:focus-visible,
.more-card-btn:focus-visible {
  outline: none !important;
  border-color: var(--c-acc) !important;
  box-shadow: 0 0 0 3px var(--c-acc-mid), var(--shadow-2) !important;
}

/* ── Dashboard greeting — friendlier ─────────────────────── */
.dashboard-v16-greeting {
  background: linear-gradient(135deg,
    rgba(43,229,197,.06) 0%,
    rgba(95,168,255,.04) 50%,
    rgba(181,140,255,.05) 100%) !important;
  border: 1px solid var(--c-acc-mid) !important;
}

/* ── Polish action buttons inside cards ──────────────────── */
.dashboard-v16-pro-btn {
  background: linear-gradient(135deg, var(--c-acc-lo), rgba(95,168,255,.06)) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-weight: 700 !important;
}
.dashboard-v16-pro-btn:hover {
  background: linear-gradient(135deg, rgba(43,229,197,.18), rgba(95,168,255,.10)) !important;
  border-color: var(--c-acc) !important;
  color: var(--c-acc-hi) !important;
  box-shadow: var(--shadow-glow-soft) !important;
}

/* ── Improve readability on KPI subtext ──────────────────── */
.dashboard-v16-stat-l { font-size: 10px !important; }
.dashboard-v16-quick-grid .dashboard-v16-stat-v { line-height: 1 !important; }

/* ── Polish quick stats display ──────────────────────────── */
.dashboard-v16-quick-grid > div {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
  padding: 14px !important;
  transition: all var(--t-base) !important;
}
.dashboard-v16-quick-grid > div:hover {
  border-color: var(--c-acc-mid) !important;
  background: rgba(43,229,197,.04) !important;
  transform: translateY(-1px) !important;
}

/* ── Final: polished ML grid items ───────────────────────── */
.ml-card {
  background: linear-gradient(180deg, var(--c-surface), var(--c-bg2)) !important;
  border: 1px solid rgba(181,140,255,.18) !important;
  border-radius: var(--r-md) !important;
  padding: 14px !important;
  transition: all var(--t-base) !important;
}
.ml-card:hover {
  border-color: rgba(181,140,255,.36) !important;
  box-shadow: 0 0 18px rgba(181,140,255,.10), var(--shadow-2) !important;
  transform: translateY(-2px) !important;
}
.ml-teams {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--c-text) !important;
}
.ml-conf {
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  color: var(--c-violet) !important;
}
.ml-pick {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  background: rgba(181,140,255,.12) !important;
  color: var(--c-violet) !important;
  border-radius: var(--r-xs) !important;
}

/* ── Polish top picks ────────────────────────────────────── */
.top-pick-card {
  border: 1px solid var(--c-acc-mid) !important;
  position: relative !important;
}
.top-pick-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--c-acc), var(--c-blue)) !important;
  z-index: 1 !important;
}
.tp-metric {
  background: rgba(255,255,255,.03) !important;
  border-radius: var(--r-xs) !important;
}
.tp-metric-val {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.tp-metric-lbl {
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
}
.tp-league {
  font-family: var(--font-mono) !important;
  color: var(--c-muted) !important;
}

/* ── End of polish ───────────────────────────────────────── */


/* ╔══════════════════════════════════════════════════════════╗
   ║  AURORA v4 — REFINEMENT PASS 2                           ║
   ║  Match cards: more compact, cleaner, professional        ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── A. Match filters card — fix toggles & selects ─────── */
.mf-card {
  padding: 12px !important;
  border-radius: var(--r-md) !important;
}

/* Mode toggle (Simplu / Expert) — pill segmented control */
.mf-mode-toggle {
  display: inline-flex !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-pill) !important;
  padding: 3px !important;
  gap: 0 !important;
}
.mf-mode-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 6px 14px !important;
  border: none !important;
  background: transparent !important;
  color: var(--c-muted) !important;
  border-radius: var(--r-pill) !important;
  cursor: pointer !important;
  transition: all var(--t-base) !important;
  letter-spacing: -0.005em !important;
}
.mf-mode-btn:hover:not(.active) {
  color: var(--c-text2) !important;
}
.mf-mode-btn.active {
  background: var(--c-acc-lo) !important;
  color: var(--c-acc) !important;
  border: 1px solid var(--c-acc-mid) !important;
  box-shadow: 0 0 12px rgba(43,229,197,.10) !important;
}

/* Sort row — Ora dropdown + Filtre button — same height & polish */
.mf-sort-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
}
.mf-select {
  flex: 1 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
  color: var(--c-text) !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 9px 30px 9px 12px !important;
  cursor: pointer !important;
  transition: all var(--t-base) !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232BE5C5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 11px center !important;
  background-size: 10px 6px !important;
}
.mf-select:focus {
  outline: none !important;
  border-color: var(--c-acc-mid) !important;
  box-shadow: 0 0 0 3px rgba(43,229,197,.10) !important;
}
.mf-select option {
  background: var(--c-surface) !important;
  color: var(--c-text) !important;
}

/* Filtre button — match height & style with select */
.mf-advanced-toggle {
  flex: 0 0 auto !important;
  padding: 9px 14px !important;
  border-radius: var(--r-sm) !important;
  border: 1px solid var(--c-hairline2) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--c-text2) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  transition: all var(--t-base) !important;
  letter-spacing: -0.005em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mf-advanced-toggle:hover {
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
}
.mf-advanced-toggle.active {
  background: var(--c-acc-lo) !important;
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
}

/* Filter chips — slightly smaller + tighter spacing */
.mf-chips-scroll {
  gap: 6px !important;
  margin-bottom: 10px !important;
  padding-bottom: 4px !important;
}
.mf-chip {
  padding: 6px 11px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: -0.005em !important;
}

/* Title row */
.mf-title-row { gap: 10px !important; }
.mf-title { font-size: 15px !important; }
.mf-icon { display: none !important; }  /* remove emoji ⚽ at left, redundant */
.mf-count {
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  padding: 2px 9px !important;
}

/* Validate Motor pill (next to title) cleaner */
.mf-card .sec-badge,
.mf-title-row + .sec-badge {
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
}

/* ── B. Match card v16 — more compact, less padding ──── */
.match-card-v16 {
  padding: 12px !important;
  gap: 8px !important;
  border-radius: var(--r-md) !important;
  border-left: 1px solid var(--c-border) !important;  /* override any orange left border */
}
.match-card-v16.safe,
.match-card-v16.moderate,
.match-card-v16.avoid {
  border-left: 1px solid var(--c-border) !important;  /* no thick coloured edge */
}
/* Thin coloured top accent INSTEAD of left bar */
.match-card-v16.safe::before,
.match-card-v16.moderate::before,
.match-card-v16.avoid::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  border-radius: var(--r-md) var(--r-md) 0 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.match-card-v16.safe::before     { background: linear-gradient(90deg, var(--c-ok), rgba(45,212,145,.3)) !important; }
.match-card-v16.moderate::before { background: linear-gradient(90deg, var(--c-warn), rgba(245,167,66,.3)) !important; }
.match-card-v16.avoid::before    { background: linear-gradient(90deg, var(--c-bad), rgba(242,89,117,.3)) !important; }

/* Match focus state — soft glow, no thick orange line */
.match-card-v16.match-card-focus {
  border: 1px solid var(--c-acc) !important;
  border-left: 1px solid var(--c-acc) !important;
  box-shadow:
    0 0 0 1px var(--c-acc-mid),
    0 0 24px rgba(43,229,197,.15),
    var(--shadow-2) !important;
}
.match-card-v16.match-card-focus::before {
  background: linear-gradient(90deg, var(--c-acc), var(--c-blue)) !important;
}

/* Inner panels — tighter padding */
.match-card-v16 .m16-top,
.match-card-v16 .m16-reco,
.match-card-v16 .m16-signals,
.match-card-v16 .m16-actions,
.match-card-v16 .m16-extra {
  padding: 10px 12px !important;
  border-radius: var(--r-sm) !important;
}

/* Top strip — league + kickoff: more compact */
.match-card-v16 .m16-top {
  padding: 9px 12px !important;
  background: rgba(255,255,255,.02) !important;
}
.match-card-v16 .m16-league {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--c-text2) !important;
  letter-spacing: -0.01em !important;
  gap: 7px !important;
}
.match-card-v16 .m16-league img {
  width: 16px !important; height: 16px !important;
}
.match-card-v16 .m16-kickoff {
  font-size: 10px !important;
  font-weight: 600 !important;
  gap: 7px !important;
}
.match-card-v16 .m16-kickoff-pill {
  padding: 3px 9px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* Country/score row — visually quieter */
.match-card-v16 .m16-top:nth-of-type(2) {
  padding: 7px 12px !important;
  background: rgba(255,255,255,.015) !important;
}
.match-card-v16 .m16-top:nth-of-type(2) .m16-league span {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
}
.mc-score-pill {
  padding: 3px 9px !important;
  font-size: 10px !important;
}

/* Teams display — tighter, balanced */
.match-card-v16 .m16-teams {
  padding: 14px 12px 8px !important;
  background: transparent !important;
  border: none !important;
  gap: 8px !important;
}
.match-card-v16 .m16-team {
  gap: 5px !important;
}
.match-card-v16 .m16-team-logo {
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--r-sm) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
  border: 1px solid var(--c-hairline2) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--c-text2) !important;
}
.match-card-v16 .m16-team-name {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
  color: var(--c-text) !important;
}
.match-card-v16 .m16-team-prob {
  font-family: var(--font-display) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: var(--c-acc-hi) !important;
  line-height: 1 !important;
}
.match-card-v16 .m16-vs {
  font-family: var(--font-display) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  color: var(--c-muted) !important;
}

/* ML probability bar — thinner & cleaner */
.match-card-v16 .m16-ml-bar {
  height: 7px !important;
  margin-top: 4px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--c-hairline) !important;
}
.match-card-v16 .m16-ml-note {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-top: 6px !important;
}

/* Recommendation block — emphasised but compact */
.match-card-v16 .m16-reco {
  padding: 12px !important;
  background: linear-gradient(135deg, rgba(43,229,197,.08), rgba(95,168,255,.04)) !important;
  border: 1px solid var(--c-acc-mid) !important;
}
.match-card-v16 .m16-reco-title {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: var(--c-acc) !important;
  text-transform: uppercase !important;
}
.match-card-v16 .m16-reco-main {
  font-size: 17px !important;
  margin-top: 5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}
.match-card-v16 .m16-reco-meta {
  margin-top: 5px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--c-text2) !important;
}

/* If reco-main contains "PROBABILITATE PRONOSTIC" / "Cota STD" / "@ 1.33" — stack neatly */
.match-card-v16 .m16-reco-main { line-height: 1.3 !important; }

/* Probability % big number — make compact */
.match-card-v16 .m16-reco strong[style*="font-size"],
.match-card-v16 .m16-reco strong {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
}

/* Signals block — cleaner */
.match-card-v16 .m16-signals { padding: 10px 12px !important; gap: 6px !important; }
.match-card-v16 .m16-signal-text { font-size: 10px !important; line-height: 1.55 !important; }
.match-card-v16 .m16-signal-pill { padding: 3px 9px !important; font-size: 9px !important; font-weight: 700 !important; }

/* Action buttons */
.match-card-v16 .m16-actions {
  padding: 8px !important;
  gap: 6px !important;
}
.match-card-v16 .m16-btn {
  padding: 9px 10px !important;
  font-size: 11px !important;
  border-radius: var(--r-sm) !important;
  font-weight: 700 !important;
}

/* ── C. Glosar rapid box — too prominent, soften it ──── */
.help-panel {
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
  background: linear-gradient(135deg, rgba(43,229,197,.04), rgba(95,168,255,.02)) !important;
  border-color: var(--c-hairline2) !important;
}
.help-title { font-size: 13px !important; }
.help-sub { font-size: 11px !important; }
.help-chip {
  padding: 5px 11px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.help-chip-row { gap: 6px !important; margin-top: 10px !important; }

/* Smaller "Glosar rapid" emoji */
.help-title { letter-spacing: -0.015em !important; }

/* ── D. Date label "Sam 25 apr" — minimal ─────────────── */
.date-label {
  background: transparent !important;
  border: none !important;
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
  padding: 8px 0 !important;
  margin-bottom: 6px !important;
}
.date-label::before {
  content: '— ';
  color: var(--c-acc);
  font-weight: 800;
}

/* ── E. Mobile match list — even tighter on phone ─────── */
@media (max-width: 768px) {
  .mf-card { padding: 10px !important; }
  .mf-title-row { gap: 8px !important; }
  .mf-title { font-size: 14px !important; }
  .mf-mode-btn { padding: 5px 12px !important; font-size: 10px !important; }
  .mf-chips-scroll { margin: 0 -10px 8px !important; padding: 0 10px 4px !important; }
  .mf-chip { padding: 5px 10px !important; font-size: 10px !important; }
  .mf-select { padding: 8px 28px 8px 10px !important; font-size: 11px !important; }
  .mf-advanced-toggle { padding: 8px 12px !important; font-size: 11px !important; }

  /* Match card v16 mobile */
  .match-card-v16 { padding: 10px !important; gap: 7px !important; }
  .match-card-v16 .m16-top,
  .match-card-v16 .m16-reco,
  .match-card-v16 .m16-signals,
  .match-card-v16 .m16-actions { padding: 9px 11px !important; }
  .match-card-v16 .m16-teams { padding: 11px 8px 6px !important; gap: 6px !important; }
  .match-card-v16 .m16-team-logo { width: 34px !important; height: 34px !important; }
  .match-card-v16 .m16-team-name { font-size: 12px !important; }
  .match-card-v16 .m16-team-prob { font-size: 19px !important; }
  .match-card-v16 .m16-vs { font-size: 10px !important; }
  .match-card-v16 .m16-reco-main { font-size: 15px !important; }
  .match-card-v16 .m16-reco-meta { font-size: 10px !important; }
  .match-card-v16 .m16-ml-bar { height: 6px !important; }
  .match-card-v16 .m16-ml-note { font-size: 9px !important; }
  .match-card-v16 .m16-btn { padding: 8px !important; font-size: 11px !important; }
  .match-card-v16 .m16-signal-text { font-size: 10px !important; }
  .match-card-v16 .m16-signal-pill { font-size: 9px !important; }
}

/* ── F. RECOMANDARE PRINCIPALĂ — premium card layout ──── */
.match-card-v16 .m16-reco {
  position: relative;
}
/* Big % + "Motor" / "@ cota" arrangement */
.match-card-v16 .m16-reco > div:has(> .m16-reco-main),
.match-card-v16 .m16-reco-main {
  font-feature-settings: 'tnum' 1, 'cv11' 1 !important;
}

/* Trend & Eligible row */
.match-card-v16 .m16-signal-row {
  align-items: center !important;
  gap: 8px !important;
}

/* Validate Motor inline pill (small green) — refine */
.match-card-v16 .m16-signal-text strong {
  color: var(--c-text) !important;
  font-weight: 700 !important;
}

/* "Detalii analiză" expand button — full width subtle */
.match-card-v16 .m16-actions:has(.m16-actions-single),
.match-card-v16 .m16-actions-single {
  grid-template-columns: 1fr !important;
}

/* ── G. Improve "ELIGIBLE" / "Value +x%" pills ─────────── */
.match-card-v16 .m16-signal-pill,
.match-card-v16 .m16-signal-text > span {
  font-family: var(--font-mono) !important;
}

/* ── H. Country emoji 🌍 alignment ─────────────────────── */
.match-card-v16 .m16-top span:has(+ *)::first-letter {
  font-size: 1.1em;
}

/* ── I. Hide the redundant "Glosar rapid Meciuri" panel
       on mobile to save space ─────────────────────────── */
@media (max-width: 768px) {
  #matches-help-panel {
    margin-bottom: 8px !important;
    padding: 10px 12px !important;
  }
  #matches-help-panel .help-title { font-size: 12px !important; }
  #matches-help-panel .help-sub { display: none !important; }
  #matches-help-panel .action-row { display: none !important; }
}

/* ── J. Match card "PROBABILITATE PRONOSTIC" header ───── */
.match-card-v16 .m16-reco div[style*="text-transform"],
.match-card-v16 .m16-reco-title + div {
  font-family: var(--font-mono) !important;
}

/* ── K. Override any inline style oranges/yellows from JS ─ */
.match-card-v16[style*="border-left"] {
  border-left-color: var(--c-border) !important;
  border-left-width: 1px !important;
}

/* End refinement pass 2 */


/* ╔══════════════════════════════════════════════════════════╗
   ║  AURORA v4.2 — POLISH PASS 3                            ║
   ║  Final cleanups: borders, spacing, status pills          ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── Force-kill any remaining thick coloured left borders on cards ── */
.match-card,
.match-card-v16,
.match-card.safe,
.match-card.moderate,
.match-card.avoid,
.match-card-v16.safe,
.match-card-v16.moderate,
.match-card-v16.avoid {
  border-left-width: 1px !important;
  border-left-style: solid !important;
  border-left-color: var(--c-border) !important;
}

/* Re-apply the 2px top accent for verdict (we overrode in v4.1, just confirm) */
.match-card-v16 { overflow: hidden !important; }

/* ── Dashboard cards — tighten spacing between sections ─── */
#tab-dashboard > .section,
#tab-dashboard > .sec-hdr,
#tab-dashboard > div[class*="section"] {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#tab-dashboard > .stats-grid { margin-bottom: 10px !important; }
#dashboard-monitor-panel { margin-bottom: 10px !important; padding: 12px !important; }
#dashboard-visual-panel { margin-bottom: 10px !important; padding: 12px !important; }
#health-panel { margin-bottom: 10px !important; padding: 10px 12px !important; }
.help-panel { margin-bottom: 10px !important; }

/* Less breathing room inside dashboard panels on mobile */
@media (max-width: 768px) {
  #tab-dashboard > .section,
  #tab-dashboard > div[class*="section"] {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  #tab-dashboard > div[class*="panel"] { padding: 12px !important; }
}

/* ── Header status pill — ensure ellipsis truncation ──── */
.status-bar {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}
.status-bar #sb-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 768px) {
  .header-inner { flex-wrap: nowrap !important; }
  .status-bar { flex: 1 1 0 !important; min-width: 0 !important; }
  .status-bar #sb-text { font-size: 10px !important; }
}

/* ── Toast / floating "API sync" indicator — keep above mobile nav ── */
.toast-wrap {
  z-index: 250 !important;  /* above mobile nav (200) */
}
@media (max-width: 768px) {
  .toast-wrap {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(96px + env(safe-area-inset-bottom,0px)) !important;
    /* sits ABOVE the floating bottom nav, not on top of it */
  }
  .toast {
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
    font-size: 11px !important;
  }
}

/* ── Headers that are still raw style attributes — keep them but
       align typography ──────────────────────────────────── */
[id$="-help-panel"] .help-title,
[class*="-shell-title"],
[class*="-card-title"]:not(.modern-kpi-label):not(.dashboard-v16-section-label) {
  font-family: var(--font-display) !important;
  letter-spacing: -0.02em !important;
}

/* ── "0 ML predictions — 0 cu cote — 0 semnale top — ora 11:39"
       in the header is too long on mobile. Truncate at "—" ── */
@media (max-width: 480px) {
  .status-bar #sb-text {
    max-width: 130px !important;
  }
  .logo-title { font-size: 14px !important; letter-spacing: -0.04em !important; }
  .logo-sub { font-size: 8px !important; }
}

/* ── Dashboard "Top 3 oportunități" empty state polish ── */
.dashboard-v16-opp-scroll .dashboard-v16-empty,
.dashboard-v16-opp-card.empty {
  background: rgba(255,255,255,.02) !important;
  border: 1px dashed var(--c-hairline2) !important;
  border-radius: var(--r-md) !important;
  padding: 18px !important;
  color: var(--c-muted) !important;
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  text-align: center !important;
}

/* ── Dashboard greeting block — softer copy ────────────── */
.dashboard-v16-greeting-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}
.dashboard-v16-greeting-sub {
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  color: var(--c-text2) !important;
  line-height: 1.55 !important;
}

/* ── KPI quick grid — clearer empty values ──────────── */
.dashboard-v16-quick-grid .dashboard-v16-stat-v {
  font-family: var(--font-display) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  margin: 6px 0 !important;
  background: linear-gradient(135deg, #F0F4FB 0%, var(--c-acc-hi) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.dashboard-v16-quick-grid .dashboard-v16-stat-v[data-empty="true"],
.dashboard-v16-quick-grid .dashboard-v16-stat-v:empty::before {
  content: "—";
  background: none !important;
  -webkit-text-fill-color: var(--c-muted) !important;
  color: var(--c-muted) !important;
  opacity: 0.5;
}

/* ── Force teal accent on all "Validate Motor • X meciuri" pills ── */
.mf-card .sec-badge,
.mf-card span.sec-badge {
  background: var(--c-acc-lo) !important;
  border-color: var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
}

/* ── Country chip & score chip — matching size and weight ── */
.mc-score-pill {
  font-family: var(--font-mono) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  padding: 3px 9px !important;
  letter-spacing: 0.01em !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-pill) !important;
  color: var(--c-text2) !important;
}

/* ── Bottom nav — keep above all content properly ──────── */
@media (max-width: 768px) {
  .mobile-nav { z-index: 200 !important; }
  .mobile-sheet { z-index: 199 !important; }

  /* Make sure tickets/floating items don't collide */
  .ticket-quickpeek {
    bottom: calc(96px + env(safe-area-inset-bottom,0px)) !important;
    left: 12px !important; right: 12px !important;
    width: auto !important;
  }
}

/* ── Better ml-card and similar grids ──────────────────── */
.ml-grid, .matches-grid, .top-picks-grid, .live-grid {
  gap: 10px !important;
}
@media (max-width: 768px) {
  .ml-grid, .matches-grid, .top-picks-grid, .live-grid {
    gap: 10px !important;
    grid-template-columns: 1fr !important;
  }
}

/* ── Smartlearn nav (sub-tabs in SmartBet section) ──── */
.smartlearn-nav {
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--c-hairline) !important;
  margin-bottom: 14px !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
.smartlearn-nav::-webkit-scrollbar { display: none !important; }
.smartlearn-tab {
  flex-shrink: 0 !important;
  padding: 8px 14px !important;
  font-size: 11px !important;
}

/* ── Polish "Resetează filtrele" green button ────────── */
button[onclick*="resetMatchFilters"],
button[onclick*="resetFilter"] {
  background: linear-gradient(135deg, var(--c-acc), var(--c-blue)) !important;
  color: var(--c-bg) !important;
  border: 1px solid var(--c-acc) !important;
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  border-radius: var(--r-pill) !important;
  padding: 11px 22px !important;
  font-size: 13px !important;
  box-shadow:
    0 0 0 1px rgba(43,229,197,.18),
    0 8px 26px rgba(43,229,197,.28),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  transition: all var(--t-base) !important;
}
button[onclick*="resetMatchFilters"]:hover,
button[onclick*="resetFilter"]:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(43,229,197,.30),
    0 12px 32px rgba(43,229,197,.40),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* ── Empty state container ─────────────────────────── */
.empty-state {
  padding: 36px 20px !important;
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  color: var(--c-muted) !important;
  text-align: center !important;
  line-height: 1.6 !important;
}

/* ── Focus shell — top 3 oportunități box ────────────── */
.focus-shell { padding: 14px !important; }
.focus-title { font-size: 16px !important; }
.focus-path {
  display: grid !important;
  gap: 6px !important;
  margin: 10px 0 12px !important;
}
.focus-step {
  padding: 8px 11px !important;
  font-size: 11px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}
.focus-step span {
  flex-shrink: 0 !important;
  width: 22px !important; height: 22px !important;
  border-radius: 50% !important;
  background: var(--c-acc-lo) !important;
  border: 1px solid var(--c-acc-mid) !important;
  color: var(--c-acc) !important;
  display: inline-grid !important;
  place-items: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* End v4.2 polish */


/* ╔══════════════════════════════════════════════════════════╗
   ║  AURORA v4.3 — UX REFINEMENT (user feedback)            ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── A. Header status pill — scrollable ticker (no broken marquee) ── */
@media (max-width: 768px) {
  .header-inner {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .logo {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  /* Status pill: flex-1, hides overflow, swipe left to read more */
  .status-bar {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
    max-width: none !important;
    position: relative !important;
    cursor: pointer !important;
  }

  /* The text itself scrolls left on tap-and-hold / long-press via JS trick
     but also ticks automatically with a CSS animation that starts AFTER a delay */
  .status-bar #sb-text {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    animation: none !important;
    transition: none !important;
    padding-left: 0 !important;
    font-size: 10px !important;
  }

  /* Refresh button icon-only */
  #btn-refresh {
    flex: 0 0 auto !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 7px 9px !important;
  }
}

/* On wider mobile */
@media (min-width: 481px) and (max-width: 768px) {
  .status-bar { font-size: 10.5px !important; }
  .status-bar #sb-text { font-size: 10.5px !important; }
}

/* ── B. Reveal "Performanță pe fiecare pronostic" panel on dashboard ── */
#market-performance-panel {
  display: block !important;
  background: linear-gradient(180deg, var(--c-surface) 0%, var(--c-bg2) 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  padding: 14px !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  box-shadow: var(--shadow-2) !important;
}
#market-performance-panel > div:first-child > div:first-child {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: -0.02em !important;
  color: var(--c-text) !important;
}
#market-performance-panel > div:first-child > div:last-child {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.04em !important;
}

/* Style the table inside */
#market-performance-table {
  margin-top: 4px !important;
}
#market-performance-table table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
}
#market-performance-table thead th {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
  padding: 9px 8px !important;
  border-bottom: 1px solid var(--c-hairline2) !important;
  text-align: left !important;
}
#market-performance-table thead th:not(:first-child) {
  text-align: right !important;
}
#market-performance-table tbody td {
  padding: 10px 8px !important;
  border-bottom: 1px solid var(--c-hairline) !important;
  color: var(--c-text2) !important;
}
#market-performance-table tbody td:first-child {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  color: var(--c-text) !important;
  letter-spacing: -0.015em !important;
  font-size: 12px !important;
}
#market-performance-table tbody td:not(:first-child) {
  font-family: var(--font-mono) !important;
  font-feature-settings: 'tnum' 1 !important;
  text-align: right !important;
  font-weight: 600 !important;
}
#market-performance-table tbody tr:hover td {
  background: rgba(43,229,197,.03) !important;
}
#market-performance-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Mobile: scrollable horizontally with first column sticky */
@media (max-width: 600px) {
  #market-performance-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #market-performance-table table {
    min-width: 460px !important;
  }
  #market-performance-table thead th,
  #market-performance-table tbody td {
    padding: 8px 6px !important;
    font-size: 11px !important;
  }
  #market-performance-table tbody td:first-child {
    font-size: 11px !important;
  }
}

/* ── C. Hide "Adaugă la bilet" button if it ever shows up ── */
.match-card-v16 .m16-btn[onclick*="addToBilet"],
.match-card-v16 .m16-btn[onclick*="addMatchToTicket"],
.match-card-v16 .m16-btn[onclick*="adaugaLaBilet"],
.match-card-v16 .m16-btn.add-to-ticket {
  display: none !important;
}
/* Force single-button actions row to be just one column */
.match-card-v16 .m16-actions { grid-template-columns: 1fr !important; }

/* ── D. Reduce empty space below match cards ────────── */
#matches-container { padding-bottom: 0 !important; }
.matches-grid { gap: 10px !important; padding-bottom: 0 !important; }
.date-group { margin-bottom: 14px !important; }
.date-group:last-child { margin-bottom: 0 !important; }

/* The big bottom whitespace was caused by .main bottom padding on mobile.
   Reduce when there are few cards. */
@media (max-width: 768px) {
  .main { padding-bottom: calc(82px + env(safe-area-inset-bottom,0px)) !important; }
}

/* ── E. Performance card — visual heading polish ────── */
#tab-dashboard #market-performance-panel::before {
  content: '';
  position: absolute;
  top: 0; left: 1px; right: 1px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--c-acc), var(--c-blue), transparent);
  pointer-events: none;
  border-radius: var(--r-md) var(--r-md) 0 0;
}
#market-performance-panel { position: relative !important; overflow: hidden !important; }

/* End v4.3 */


/* ╔══════════════════════════════════════════════════════════╗
   ║  AURORA v4.4 — Category table + Yesterday strip          ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── Category breakdown table ───────────────────────────── */
.dash-cat-table-wrap {
  margin-top: 10px !important;
  border-radius: var(--r-md) !important;
  border: 1px solid var(--c-border) !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent) !important;
}
.dash-cat-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
}
.dash-cat-table thead tr {
  background: rgba(255,255,255,.025) !important;
  border-bottom: 1px solid var(--c-hairline2) !important;
}
.dash-cat-table thead th {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
  padding: 8px 10px !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.dash-cat-table thead th:not(:first-child) {
  text-align: right !important;
}
.dash-cat-row td {
  padding: 9px 10px !important;
  border-bottom: 1px solid var(--c-hairline) !important;
  vertical-align: middle !important;
}
.dash-cat-row:last-child td {
  border-bottom: none !important;
}
.dash-cat-row:hover td {
  background: rgba(43,229,197,.03) !important;
}
.dash-cat-name {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: -0.015em !important;
  color: var(--c-text) !important;
}
.dash-cat-val {
  font-family: var(--font-mono) !important;
  font-feature-settings: 'tnum' 1 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-align: right !important;
  white-space: nowrap !important;
  color: var(--c-text2) !important;
}
.dash-cat-pending {
  color: var(--c-muted) !important;
  font-size: 10px !important;
}

/* Mobile: allow horizontal scroll on table */
@media (max-width: 500px) {
  .dash-cat-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .dash-cat-table { min-width: 340px !important; }
  .dash-cat-table thead th,
  .dash-cat-row td { padding: 7px 8px !important; }
}

/* ── Yesterday results strip ─────────────────────────────── */
.dash-yday-strip {
  margin-top: 10px !important;
  border-radius: var(--r-md) !important;
  border: 1px solid var(--c-border) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent) !important;
  overflow: hidden !important;
}
.dash-yday-head {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
  padding: 8px 12px 6px !important;
  border-bottom: 1px solid var(--c-hairline) !important;
}
.dash-yday-scroll {
  display: flex !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  flex-wrap: nowrap !important;
}
.dash-yday-scroll::-webkit-scrollbar { display: none !important; }

.dash-yday-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border-radius: var(--r-sm) !important;
  border: 1px solid var(--c-hairline2) !important;
  background: rgba(255,255,255,.025) !important;
  padding: 5px 9px !important;
  flex-shrink: 0 !important;
  cursor: default !important;
  transition: all var(--t-fast) !important;
}
.dash-yday-pill:hover {
  border-color: var(--c-acc-mid) !important;
}
.dash-yday-w {
  border-color: rgba(45,212,145,.28) !important;
  background: rgba(45,212,145,.06) !important;
}
.dash-yday-l {
  border-color: rgba(242,89,117,.28) !important;
  background: rgba(242,89,117,.06) !important;
}
.dash-yday-badge {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  letter-spacing: -0.01em !important;
  min-width: 14px !important;
}
.dash-yday-w .dash-yday-badge { color: var(--c-ok) !important; }
.dash-yday-l .dash-yday-badge { color: var(--c-bad) !important; }

.dash-yday-label {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: -0.01em !important;
  color: var(--c-text) !important;
  white-space: nowrap !important;
}
.dash-yday-mkt {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  color: var(--c-muted) !important;
  white-space: nowrap !important;
}

/* ── Stat cards — 3-column grid on mobile ────────────────── */
.dashboard-v16-perf-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
@media (max-width: 420px) {
  .dashboard-v16-perf-stats {
    grid-template-columns: 1fr !important;
  }
}
.dashboard-v16-stat-card {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--c-hairline2) !important;
  border-radius: var(--r-sm) !important;
  padding: 10px !important;
  transition: all var(--t-base) !important;
}
.dashboard-v16-stat-card:hover {
  border-color: var(--c-acc-mid) !important;
  background: rgba(43,229,197,.04) !important;
}
.dashboard-v16-stat-k {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--c-muted) !important;
}
.dashboard-v16-stat-v {
  font-family: var(--font-display) !important;
  font-feature-settings: 'tnum' 1 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: -0.04em !important;
  line-height: 1.1 !important;
  margin: 4px 0 3px !important;
}
.dashboard-v16-stat-sub {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  color: var(--c-muted) !important;
  line-height: 1.45 !important;
}

/* Performance section heading */
.dashboard-v16-chart-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: -0.02em !important;
  color: var(--c-text) !important;
}
.dashboard-v16-chart-note {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  color: var(--c-muted) !important;
  margin-top: 2px !important;
}

/* End v4.4 */

/* ── Fix: category table columns always visible on mobile ── */
.dash-cat-table { min-width: 0 !important; width: 100% !important; table-layout: fixed !important; }
.dash-cat-table colgroup { display: none !important; }
.dash-cat-table thead th:first-child  { width: 38% !important; }
.dash-cat-table thead th:nth-child(2) { width: 14% !important; }
.dash-cat-table thead th:nth-child(3) { width: 14% !important; }
.dash-cat-table thead th:nth-child(4) { width: 18% !important; }
.dash-cat-table thead th:nth-child(5) { width: 16% !important; }
.dash-cat-name  { font-size: 11px !important; }
.dash-cat-val   { font-size: 11px !important; }
@media (max-width: 500px) {
  .dash-cat-table-wrap { overflow-x: unset !important; }
  .dash-cat-table { min-width: 0 !important; }
  .dash-cat-table thead th,
  .dash-cat-row td { padding: 7px 6px !important; }
  .dash-cat-name  { font-size: 10.5px !important; }
  .dash-cat-val   { font-size: 10px !important; }
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  MECIURI v17 — mobile-first compact match cards          ║
   ║  Added 2026-05-03: cleaner hierarchy, smaller cards      ║
   ╚══════════════════════════════════════════════════════════╝ */
#tab-meciuri {
  --m17-gap: 10px;
}
#tab-meciuri .mf-card {
  overflow: hidden !important;
  border-color: rgba(43,229,197,.16) !important;
}
#tab-meciuri .mf-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 10px !important;
}
#tab-meciuri .mf-chips-scroll {
  display: flex !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}
#tab-meciuri .mf-chips-scroll::-webkit-scrollbar { display: none !important; }
#tab-meciuri .matches-grid {
  grid-template-columns: repeat(auto-fill, minmax(292px, 1fr)) !important;
  gap: var(--m17-gap) !important;
}
#tab-meciuri .help-panel {
  border-radius: 16px !important;
  background: rgba(255,255,255,.025) !important;
}

.match-card-m17 {
  --m17-accent: var(--c-acc);
  --m17-accent-soft: rgba(43,229,197,.12);
  --m17-panel: rgba(255,255,255,.027);
  --m17-line: rgba(255,255,255,.065);
  display: grid !important;
  gap: 8px !important;
  padding: 11px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background:
    radial-gradient(circle at 0 0, var(--m17-accent-soft), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,24,.985)) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.26) !important;
  cursor: default !important;
}
.match-card-m17.safe { --m17-accent: var(--c-ok); --m17-accent-soft: rgba(45,212,145,.13); }
.match-card-m17.value,
.match-card-m17.balanced,
.match-card-m17.moderate { --m17-accent: var(--c-warn); --m17-accent-soft: rgba(245,167,66,.12); }
.match-card-m17.avoid { --m17-accent: var(--c-bad); --m17-accent-soft: rgba(242,89,117,.12); opacity: .92 !important; }
.match-card-m17::before {
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--m17-accent), transparent) !important;
}
.match-card-m17:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--m17-accent) 40%, transparent) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.025) !important;
}

.m17-topline,
.m17-meta-row,
.m17-reco-head,
.m17-pill-row,
.m17-source-row,
.m17-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.m17-topline,
.m17-meta-row,
.m17-reco-head { justify-content: space-between !important; }
.m17-topline {
  padding: 8px 9px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.022) !important;
  border: 1px solid var(--m17-line) !important;
}
.m17-league,
.m17-time,
.m17-country {
  min-width: 0 !important;
  color: var(--c-text2) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}
.m17-league {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
}
.m17-league img { width: 15px !important; height: 15px !important; flex: 0 0 auto !important; }
.m17-league span,
.m17-country { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.m17-time {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  font-family: var(--font-mono) !important;
}
.m17-time b {
  padding: 3px 7px !important;
  border-radius: 999px !important;
  color: var(--m17-accent) !important;
  background: var(--m17-accent-soft) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.m17-meta-row {
  flex-wrap: wrap !important;
  padding: 0 2px !important;
  justify-content: flex-start !important;
}
.m17-country { margin-right: auto !important; }
.m17-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  color: var(--c-text2) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.m17-pill.m17-state { color: var(--m17-accent) !important; border-color: color-mix(in srgb, var(--m17-accent) 34%, transparent) !important; background: var(--m17-accent-soft) !important; }
.m17-pill.m17-risk.safe { color: var(--c-ok) !important; background: rgba(45,212,145,.10) !important; border-color: rgba(45,212,145,.24) !important; }
.m17-pill.m17-risk.value,
.m17-pill.m17-risk.balanced { color: var(--c-warn) !important; background: rgba(245,167,66,.10) !important; border-color: rgba(245,167,66,.24) !important; }
.m17-pill.m17-risk.avoid { color: var(--c-bad) !important; background: rgba(242,89,117,.10) !important; border-color: rgba(242,89,117,.24) !important; }
.m17-kelly { color: var(--c-ok) !important; border-color: rgba(45,212,145,.22) !important; background: rgba(45,212,145,.08) !important; }
.m17-consensus.ok { color: var(--c-ok) !important; }
.m17-consensus.weak_consensus,
.m17-consensus.low_books { color: var(--c-warn) !important; }
.m17-consensus.isolated_odds,
.m17-consensus.against_market { color: var(--c-bad) !important; }

.m17-teams {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
  gap: 7px !important;
  align-items: center !important;
  padding: 9px 4px 4px !important;
}
.m17-team {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.m17-team.away {
  flex-direction: row-reverse !important;
  text-align: right !important;
}
.m17-logo {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  overflow: hidden !important;
}
.m17-logo img { max-width: 28px !important; max-height: 28px !important; object-fit: contain !important; }
.m17-team-copy { min-width: 0 !important; }
.m17-team-name {
  color: var(--c-text) !important;
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.m17-team-prob {
  margin-top: 3px !important;
  color: var(--c-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.m17-vs {
  width: 29px !important;
  height: 29px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  color: var(--c-muted) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
}
.m17-ml-bar {
  grid-column: 1 / -1 !important;
  display: flex !important;
  height: 5px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin-top: 4px !important;
  background: rgba(255,255,255,.05) !important;
}
.m17-ml-bar span.home { background: rgba(45,212,145,.88) !important; }
.m17-ml-bar span.draw { background: rgba(245,167,66,.88) !important; }
.m17-ml-bar span.away { background: rgba(95,168,255,.88) !important; }
.m17-ml-note {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 9px !important;
  color: var(--c-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

.m17-reco {
  padding: 10px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, var(--m17-accent-soft), rgba(255,255,255,.018)) !important;
  border: 1px solid color-mix(in srgb, var(--m17-accent) 24%, transparent) !important;
}
.m17-reco-kicker {
  color: var(--m17-accent) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.m17-pick {
  margin-top: 4px !important;
  color: var(--c-text) !important;
  font-family: var(--font-display) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
  overflow-wrap: anywhere !important;
}
.m17-odd {
  flex: 0 0 auto !important;
  padding: 7px 9px !important;
  border-radius: 13px !important;
  color: var(--m17-accent) !important;
  background: rgba(0,0,0,.20) !important;
  border: 1px solid color-mix(in srgb, var(--m17-accent) 28%, transparent) !important;
  font-family: var(--font-display) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.m17-metric-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 6px !important;
  margin-top: 9px !important;
}
.m17-metric {
  min-width: 0 !important;
  padding: 7px 6px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  text-align: center !important;
}
.m17-metric span {
  display: block !important;
  color: var(--c-muted) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.m17-metric strong {
  display: block !important;
  margin-top: 4px !important;
  color: var(--c-text) !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}
.m17-metric.good strong { color: var(--c-ok) !important; }
.m17-metric.watch strong { color: var(--c-warn) !important; }
.m17-metric.bad strong { color: var(--c-bad) !important; }
.m17-metric.neutral strong { color: var(--c-text2) !important; }
.m17-pill-row,
.m17-source-row {
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  margin-top: 8px !important;
}
.m17-source-row .card-reco-badge,
.m17-source-row .source-chip,
.m17-source-row [class*="source-chip"] {
  margin: 0 !important;
  min-height: 22px !important;
  padding: 3px 8px !important;
  font-size: 9px !important;
  border-radius: 999px !important;
}
.m17-market-line {
  margin-top: 8px !important;
  padding-top: 7px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  color: var(--c-ok) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}
.m17-empty-reco {
  margin-top: 8px !important;
  color: var(--c-muted) !important;
  font-size: 11px !important;
}
.m17-why {
  display: grid !important;
  gap: 3px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.022) !important;
  border: 1px solid var(--m17-line) !important;
}
.m17-why span {
  color: var(--c-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}
.m17-why strong {
  color: var(--c-text2) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.m17-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}
.m17-btn {
  min-height: 38px !important;
  padding: 9px 10px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.035) !important;
  color: var(--c-text2) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}
.m17-btn:hover {
  transform: translateY(-1px) !important;
  color: var(--c-text) !important;
  border-color: color-mix(in srgb, var(--m17-accent) 35%, transparent) !important;
  background: rgba(255,255,255,.055) !important;
}
.m17-btn.primary {
  color: #06100f !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--m17-accent), color-mix(in srgb, var(--m17-accent) 75%, white 25%)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--m17-accent) 18%, transparent) !important;
}
.m17-extra {
  margin-top: 2px !important;
}

@media (max-width: 768px) {
  #tab-meciuri { --m17-gap: 8px; }
  #tab-meciuri .mf-card {
    position: sticky !important;
    top: 58px !important;
    z-index: 25 !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  }
  #tab-meciuri .help-panel .help-sub { display: none !important; }
  #tab-meciuri .help-panel .help-head { margin-bottom: 6px !important; }
  #tab-meciuri .help-chip-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }
  #tab-meciuri .help-chip-row::-webkit-scrollbar { display: none !important; }
  #tab-meciuri .matches-grid { grid-template-columns: 1fr !important; }
  .match-card-m17 { padding: 10px !important; border-radius: 16px !important; gap: 7px !important; }
  .m17-topline { padding: 7px 8px !important; }
  .m17-time span { display: none !important; }
  .m17-team { gap: 6px !important; }
  .m17-logo { width: 30px !important; height: 30px !important; flex-basis: 30px !important; border-radius: 10px !important; }
  .m17-logo img { max-width: 25px !important; max-height: 25px !important; }
  .m17-team-name { font-size: 12.5px !important; }
  .m17-pick { font-size: 16px !important; }
  .m17-odd { font-size: 16px !important; padding: 7px 8px !important; }
  .m17-metric-strip { gap: 5px !important; }
  .m17-metric { padding: 6px 4px !important; }
  .m17-metric strong { font-size: 10px !important; }
  .m17-actions { grid-template-columns: 1fr !important; }
  .m17-btn { min-height: 36px !important; }
}

@media (max-width: 380px) {
  .m17-teams { grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) !important; gap: 5px !important; }
  .m17-vs { width: 24px !important; height: 24px !important; font-size: 8px !important; }
  .m17-team-name { font-size: 11.5px !important; }
  .m17-team-prob { font-size: 8px !important; }
  .m17-metric-strip { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  MECIURI v18 — unlock tab + mobile compact redesign      ║
   ║  2026-05-03: filter card no longer blocks the viewport   ║
   ╚══════════════════════════════════════════════════════════╝ */
@media (max-width: 768px) {
  /* The previous sticky filter/tab stayed pinned and consumed too much of the
     mobile viewport. Keep it in normal flow so cards scroll naturally. */
  #tab-meciuri .mf-card {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    margin: 0 0 8px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    overflow: visible !important;
    background:
      radial-gradient(circle at 0 0, rgba(43,229,197,.12), transparent 42%),
      linear-gradient(180deg, rgba(12,20,36,.98), rgba(8,13,24,.98)) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.24) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #tab-meciuri .mf-header {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    margin-bottom: 7px !important;
  }
  #tab-meciuri .mf-title-row {
    min-width: 0 !important;
    gap: 7px !important;
  }
  #tab-meciuri .mf-title {
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
  }
  #tab-meciuri .mf-count {
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 3px 8px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  #tab-meciuri .mf-mode-toggle {
    width: 142px !important;
    height: 30px !important;
    min-width: 142px !important;
    padding: 3px !important;
    border-radius: 999px !important;
    gap: 3px !important;
    background: rgba(0,0,0,.16) !important;
  }
  #tab-meciuri .mf-mode-btn {
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

  /* One slim horizontal category rail instead of a tall wrapped block. */
  #tab-meciuri .mf-chips-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 5px !important;
    margin: 0 -8px 6px !important;
    padding: 0 8px 4px !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
  }
  #tab-meciuri .mf-chips-scroll::-webkit-scrollbar { display: none !important; }
  #tab-meciuri .mf-chip {
    flex: 0 0 auto !important;
    min-height: 28px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    scroll-snap-align: start !important;
  }

  #tab-meciuri .mf-sort-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 6px !important;
    margin-top: 0 !important;
  }
  #tab-meciuri .mf-select,
  #tab-meciuri .mf-advanced-toggle {
    height: 34px !important;
    min-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 13px !important;
    font-size: 10.5px !important;
  }
  #tab-meciuri .mf-advanced-toggle {
    width: 88px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  /* Advanced filters open as a bounded panel, not a full-screen blocker. */
  #tab-meciuri .mf-advanced {
    margin-top: 8px !important;
    max-height: min(62vh, 520px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border-radius: 15px !important;
  }
  #tab-meciuri .matches-filter-advanced {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 7px !important;
    padding: 8px !important;
  }
  #tab-meciuri .filter-field label {
    font-size: 9px !important;
    margin-bottom: 4px !important;
  }
  #tab-meciuri .league-filter-select,
  #tab-meciuri .bk-input {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 9px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
  }

  /* Remove glossary panel from the mobile flow; details remain accessible inside each card. */
  #matches-help-panel { display: none !important; }

  /* List spacing after the now-unlocked tab/filter card. */
  #matches-container { padding-bottom: 68px !important; }
  #tab-meciuri .date-label {
    padding: 5px 2px 4px !important;
    margin: 2px 0 6px !important;
    font-size: 9.5px !important;
    letter-spacing: .055em !important;
  }
  #tab-meciuri .matches-grid { gap: 8px !important; }

  /* Smaller match cards with less secondary noise on phones. */
  .match-card-m17 {
    padding: 8px !important;
    border-radius: 15px !important;
    gap: 6px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.24) !important;
  }
  .match-card-m17:hover { transform: none !important; }
  .m17-topline {
    padding: 6px 7px !important;
    border-radius: 12px !important;
  }
  .m17-league,
  .m17-time,
  .m17-country { font-size: 9.5px !important; }
  .m17-time b {
    padding: 2px 6px !important;
    font-size: 8.5px !important;
  }
  .m17-meta-row {
    gap: 4px !important;
    padding: 0 1px !important;
  }
  .m17-pill {
    min-height: 19px !important;
    padding: 2px 6px !important;
    font-size: 8.5px !important;
  }
  .m17-calib { display: none !important; }
  .m17-source-row {
    margin-top: 6px !important;
    gap: 4px !important;
  }
  .m17-market-line { display: none !important; }

  .m17-teams {
    gap: 5px !important;
    padding: 6px 2px 2px !important;
  }
  .m17-logo {
    width: 27px !important;
    height: 27px !important;
    flex-basis: 27px !important;
    border-radius: 9px !important;
  }
  .m17-logo img {
    max-width: 22px !important;
    max-height: 22px !important;
  }
  .m17-vs {
    width: 25px !important;
    height: 25px !important;
    font-size: 8px !important;
  }
  .m17-team-name {
    font-size: 11.8px !important;
    line-height: 1.08 !important;
    -webkit-line-clamp: 2 !important;
  }
  .m17-team-prob {
    margin-top: 2px !important;
    font-size: 8px !important;
  }
  .m17-ml-bar {
    height: 4px !important;
    margin-top: 3px !important;
  }
  .m17-ml-note {
    gap: 7px !important;
    font-size: 8px !important;
  }

  .m17-reco {
    padding: 8px !important;
    border-radius: 13px !important;
  }
  .m17-reco-head { gap: 6px !important; }
  .m17-reco-kicker {
    font-size: 8px !important;
    letter-spacing: .10em !important;
  }
  .m17-pick {
    margin-top: 3px !important;
    font-size: 15px !important;
    line-height: 1.08 !important;
  }
  .m17-odd {
    padding: 6px 7px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
  }
  .m17-metric-strip {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 4px !important;
    margin-top: 7px !important;
  }
  .m17-metric {
    padding: 5px 3px !important;
    border-radius: 10px !important;
  }
  .m17-metric span {
    font-size: 7px !important;
    letter-spacing: .055em !important;
  }
  .m17-metric strong {
    margin-top: 3px !important;
    font-size: 9px !important;
  }
  .m17-pill-row { margin-top: 6px !important; gap: 4px !important; }
  .m17-why {
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }
  .m17-why span { font-size: 7.5px !important; }
  .m17-why strong {
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2 !important;
  }
  .m17-actions {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  .m17-btn {
    min-height: 32px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
  }

  /* Bottom navigation: less height, still tap-friendly. */
  .mobile-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(6px + env(safe-area-inset-bottom,0px)) !important;
    padding: 4px !important;
    border-radius: 18px !important;
  }
  .mobile-nav-btn {
    min-height: 46px !important;
    padding: 7px 4px 6px !important;
    border-radius: 14px !important;
    gap: 3px !important;
  }
  .mobile-nav-btn span,
  .mobile-nav-btn svg {
    width: 18px !important;
    height: 18px !important;
  }
  .mobile-nav-btn small {
    font-size: 8.5px !important;
  }
  .mobile-sheet {
    bottom: calc(62px + env(safe-area-inset-bottom,0px)) !important;
  }
  .main {
    padding-bottom: calc(70px + env(safe-area-inset-bottom,0px)) !important;
  }
}

@media (max-width: 380px) {
  #tab-meciuri .mf-header {
    grid-template-columns: 1fr !important;
  }
  #tab-meciuri .mf-mode-toggle {
    width: 100% !important;
    min-width: 0 !important;
  }
  #tab-meciuri .matches-filter-advanced {
    grid-template-columns: 1fr !important;
  }
  .m17-metric-strip {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .m17-actions {
    grid-template-columns: 1fr !important;
  }
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  MECIURI v19 — rebuilt top filter zone                 ║
   ║  2026-05-03: compact control deck, cleaner hierarchy   ║
   ╚══════════════════════════════════════════════════════════╝ */
#tab-meciuri .mf-card-v19 {
  position: static !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at top left, rgba(43,229,197,.14), transparent 34%),
    radial-gradient(circle at top right, rgba(59,130,246,.10), transparent 26%),
    linear-gradient(180deg, rgba(12,20,34,.98), rgba(7,12,22,.98)) !important;
  border: 1px solid rgba(101,136,184,.18) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
#tab-meciuri .mf-title-block {
  min-width: 0 !important;
}
#tab-meciuri .mf-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}
#tab-meciuri .mf-subtitle {
  margin-top: 4px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: rgba(198,213,233,.72) !important;
  max-width: 56ch !important;
}
#tab-meciuri .mf-header-side {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  flex: 0 0 auto !important;
}
#tab-meciuri .mf-count {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}
#tab-meciuri .mf-advanced-toggle-top {
  min-height: 32px !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}
#tab-meciuri .mf-toolbar-grid {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(150px, 180px) !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
#tab-meciuri .mf-mode-wrap,
#tab-meciuri .mf-sort-wrap {
  display: block !important;
  min-width: 0 !important;
  padding: 10px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
#tab-meciuri .mf-toolbar-label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 12px !important;
  margin-bottom: 6px !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(173,190,214,.72) !important;
}
#tab-meciuri .mf-mode-wrap .mf-mode-toggle {
  width: 100% !important;
  justify-content: space-between !important;
}
#tab-meciuri .mf-mode-wrap .mf-mode-btn {
  flex: 1 1 0 !important;
}
#tab-meciuri .mf-sort-wrap .mf-select {
  width: 100% !important;
  margin: 0 !important;
}
#tab-meciuri .mf-rail-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 6px !important;
}
#tab-meciuri .mf-rail-head .mf-toolbar-label {
  margin: 0 !important;
}
#tab-meciuri .mf-rail-hint {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(122,152,188,.68) !important;
}
#tab-meciuri .mf-chips-scroll {
  margin: 0 !important;
  padding: 0 0 4px !important;
}
#tab-meciuri .mf-chip {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
}
#tab-meciuri .mf-advanced {
  margin-top: 10px !important;
}
#tab-meciuri .mf-advanced-toggle.active {
  box-shadow: 0 0 0 1px rgba(43,229,197,.12), 0 8px 16px rgba(0,0,0,.18) !important;
}

@media (max-width: 768px) {
  #tab-meciuri .mf-card-v19 {
    padding: 10px !important;
    border-radius: 18px !important;
    margin-bottom: 8px !important;
  }
  #tab-meciuri .mf-header {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    align-items: start !important;
    margin-bottom: 8px !important;
  }
  #tab-meciuri .mf-title {
    font-size: 14px !important;
  }
  #tab-meciuri .mf-subtitle {
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    max-width: 24ch !important;
  }
  #tab-meciuri .mf-header-side {
    gap: 6px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
  }
  #tab-meciuri .mf-count {
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
    max-width: none !important;
  }
  #tab-meciuri .mf-advanced-toggle-top {
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 9.5px !important;
  }
  #tab-meciuri .mf-toolbar-grid {
    grid-template-columns: minmax(0,1fr) 112px !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }
  #tab-meciuri .mf-mode-wrap,
  #tab-meciuri .mf-sort-wrap {
    padding: 8px !important;
    border-radius: 14px !important;
  }
  #tab-meciuri .mf-toolbar-label {
    margin-bottom: 5px !important;
    font-size: 8px !important;
    letter-spacing: .09em !important;
  }
  #tab-meciuri .mf-mode-toggle {
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
  }
  #tab-meciuri .mf-mode-btn {
    min-height: 24px !important;
    font-size: 9px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  #tab-meciuri .mf-sort-wrap .mf-select {
    height: 30px !important;
    min-height: 30px !important;
    padding-left: 9px !important;
    padding-right: 28px !important;
    border-radius: 12px !important;
    font-size: 10px !important;
  }
  #tab-meciuri .mf-rail-head {
    margin-bottom: 4px !important;
  }
  #tab-meciuri .mf-rail-hint {
    font-size: 8px !important;
  }
  #tab-meciuri .mf-chips-scroll {
    gap: 6px !important;
    margin: 0 -4px !important;
    padding: 0 4px 4px !important;
  }
  #tab-meciuri .mf-chip {
    min-height: 29px !important;
    padding: 0 10px !important;
    font-size: 9.5px !important;
  }
}

@media (max-width: 420px) {
  #tab-meciuri .mf-toolbar-grid {
    grid-template-columns: minmax(0,1fr) 104px !important;
  }
  #tab-meciuri .mf-subtitle {
    display: none !important;
  }
  #tab-meciuri .mf-title-row {
    gap: 6px !important;
  }
  #tab-meciuri .mf-chip {
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
  }
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  MECIURI v20 — clean top controls, no duplicated layout ║
   ║  Rebuild after v19 visual conflict on mobile preview     ║
   ╚══════════════════════════════════════════════════════════╝ */
#tab-meciuri .mx20-card {
  position: static !important;
  overflow: hidden !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0 0, rgba(43,229,197,.13), transparent 38%),
    linear-gradient(180deg, rgba(12,20,36,.98), rgba(8,13,24,.98)) !important;
  border: 1px solid rgba(93,126,176,.20) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#tab-meciuri .mx20-top {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 9px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
#tab-meciuri .mx20-titlebox { min-width: 0 !important; }
#tab-meciuri .mx20-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
#tab-meciuri .mx20-ball {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  font-size: 16px !important;
  flex: 0 0 auto !important;
}
#tab-meciuri .mx20-title {
  color: var(--c-text, var(--txt)) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
}
#tab-meciuri .mx20-sub {
  margin-top: 4px !important;
  color: rgba(182,198,222,.70) !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}
#tab-meciuri .mx20-count,
#tab-meciuri .mx20-filter-btn {
  height: 32px !important;
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  font-family: var(--font-mono, var(--mono)) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}
#tab-meciuri .mx20-count {
  color: var(--c-acc, var(--acc)) !important;
  background: rgba(43,229,197,.12) !important;
  border: 1px solid rgba(43,229,197,.32) !important;
}
#tab-meciuri .mx20-filter-btn {
  cursor: pointer !important;
  color: var(--c-text2, var(--txt)) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease !important;
}
#tab-meciuri .mx20-filter-btn.active {
  color: var(--c-acc, var(--acc)) !important;
  background: rgba(43,229,197,.12) !important;
  border-color: rgba(43,229,197,.32) !important;
}
#tab-meciuri .mx20-controls {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 136px !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}
#tab-meciuri .mx20-mode {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 3px !important;
  height: 34px !important;
  min-width: 0 !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
#tab-meciuri .mx20-mode-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 0 !important;
  height: 28px !important;
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(177,193,219,.76) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
#tab-meciuri .mx20-mode-btn.active {
  color: var(--c-acc, var(--acc)) !important;
  background: linear-gradient(135deg, rgba(43,229,197,.18), rgba(59,130,246,.12)) !important;
  border: 1px solid rgba(43,229,197,.34) !important;
  box-shadow: 0 0 14px rgba(43,229,197,.10) !important;
}
#tab-meciuri .mx20-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 28px 0 12px !important;
  border-radius: 14px !important;
  color: var(--c-text, var(--txt)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background-color: rgba(255,255,255,.045) !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232BE5C5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 11px center !important;
  background-size: 10px 6px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  font-family: var(--font-sans) !important;
}
#tab-meciuri .mx20-select option {
  background: #0E1424 !important;
  color: #F0F4FB !important;
}
#tab-meciuri .mx20-chiprail {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 6px !important;
  margin: 0 -2px !important;
  padding: 0 2px 4px !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
}
#tab-meciuri .mx20-chiprail::-webkit-scrollbar { display: none !important; }
#tab-meciuri .mx20-chip {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: rgba(198,213,233,.86) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  scroll-snap-align: start !important;
  box-shadow: none !important;
}
#tab-meciuri .mx20-chip.active {
  color: var(--c-acc, var(--acc)) !important;
  background: rgba(43,229,197,.13) !important;
  border-color: rgba(43,229,197,.38) !important;
  box-shadow: inset 0 0 0 1px rgba(43,229,197,.08), 0 0 14px rgba(43,229,197,.08) !important;
}
#tab-meciuri .mx20-advanced {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  max-height: min(56vh, 460px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}
#tab-meciuri .mx20-advanced .matches-filter-advanced {
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.14) !important;
}

@media (max-width: 768px) {
  #tab-meciuri .mx20-card {
    padding: 10px !important;
    border-radius: 17px !important;
    margin-bottom: 8px !important;
  }
  #tab-meciuri .mx20-top {
    grid-template-columns: minmax(0,1fr) auto auto !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }
  #tab-meciuri .mx20-ball {
    width: 25px !important;
    height: 25px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
  }
  #tab-meciuri .mx20-title {
    font-size: 18px !important;
  }
  #tab-meciuri .mx20-sub {
    display: none !important;
  }
  #tab-meciuri .mx20-count,
  #tab-meciuri .mx20-filter-btn {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
  }
  #tab-meciuri .mx20-controls {
    grid-template-columns: minmax(0,1fr) 96px !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
  }
  #tab-meciuri .mx20-mode {
    height: 30px !important;
    padding: 3px !important;
  }
  #tab-meciuri .mx20-mode-btn {
    height: 24px !important;
    font-size: 9.5px !important;
  }
  #tab-meciuri .mx20-select {
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 13px !important;
    padding-left: 10px !important;
    padding-right: 24px !important;
    background-position: right 9px center !important;
    font-size: 9.5px !important;
  }
  #tab-meciuri .mx20-chiprail {
    gap: 5px !important;
    margin: 0 -4px !important;
    padding: 0 4px 3px !important;
  }
  #tab-meciuri .mx20-chip {
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
  }
  #tab-meciuri .mx20-advanced {
    max-height: min(52vh, 420px) !important;
  }
}

@media (max-width: 380px) {
  #tab-meciuri .mx20-controls { grid-template-columns: minmax(0,1fr) 88px !important; }
  #tab-meciuri .mx20-count { display: none !important; }
  #tab-meciuri .mx20-filter-btn { padding: 0 10px !important; }
  #tab-meciuri .mx20-title { font-size: 17px !important; }
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  MECIURI v21 — definitive clean controls                ║
   ║  Fix: dashboard_motor_tracker_sync no longer rewrites UI ║
   ╚══════════════════════════════════════════════════════════╝ */
#tab-meciuri .ba-match-head-premium,
#tab-meciuri .ba-controls-premium { display: none !important; }
#tab-meciuri .mx21-card {
  position: static !important;
  overflow: hidden !important;
  margin: 0 0 8px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0 0, rgba(43,229,197,.13), transparent 42%),
    linear-gradient(180deg, rgba(12,20,36,.98), rgba(8,13,24,.98)) !important;
  border: 1px solid rgba(93,126,176,.20) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#tab-meciuri .mx21-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
}
#tab-meciuri .mx21-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
#tab-meciuri .mx21-ball {
  width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  font-size: 15px !important;
  flex: 0 0 auto !important;
}
#tab-meciuri .mx21-title {
  color: var(--c-text, var(--txt)) !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}
#tab-meciuri .mx21-count,
#tab-meciuri .mx21-filter-btn {
  height: 29px !important;
  min-height: 29px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  font-family: var(--font-mono, var(--mono)) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}
#tab-meciuri .mx21-count {
  color: var(--c-acc, var(--acc)) !important;
  background: rgba(43,229,197,.12) !important;
  border: 1px solid rgba(43,229,197,.32) !important;
}
#tab-meciuri .mx21-filter-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  color: rgba(223,236,252,.92) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
}
#tab-meciuri .mx21-filter-btn.active {
  color: var(--c-acc, var(--acc)) !important;
  background: rgba(43,229,197,.13) !important;
  border-color: rgba(43,229,197,.34) !important;
}
#tab-meciuri .mx21-control-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 94px 78px !important;
  gap: 6px !important;
  margin-bottom: 7px !important;
}
#tab-meciuri .mx21-mode {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 3px !important;
  height: 31px !important;
  min-width: 0 !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
#tab-meciuri .mx21-mode-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  height: 25px !important;
  min-height: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(177,193,219,.76) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
#tab-meciuri .mx21-mode-btn.active {
  color: var(--c-acc, var(--acc)) !important;
  background: linear-gradient(135deg, rgba(43,229,197,.18), rgba(59,130,246,.12)) !important;
  border: 1px solid rgba(43,229,197,.34) !important;
  box-shadow: 0 0 14px rgba(43,229,197,.10) !important;
}
#tab-meciuri .mx21-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  height: 31px !important;
  min-height: 31px !important;
  margin: 0 !important;
  padding: 0 25px 0 10px !important;
  border-radius: 13px !important;
  color: var(--c-text, var(--txt)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background-color: rgba(255,255,255,.045) !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232BE5C5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 9px center !important;
  background-size: 10px 6px !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  font-family: var(--font-sans) !important;
}
#tab-meciuri .mx21-select option { background: #0E1424 !important; color: #F0F4FB !important; }
#tab-meciuri .mx21-verdict-select {
  color: rgba(223,236,252,.94) !important;
}
#tab-meciuri .mx21-chiprail {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 5px !important;
  margin: 0 -4px !important;
  padding: 0 4px 3px !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
}
#tab-meciuri .mx21-chiprail::-webkit-scrollbar { display: none !important; }
#tab-meciuri .mx21-chip {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  color: rgba(198,213,233,.86) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  scroll-snap-align: start !important;
  box-shadow: none !important;
}
#tab-meciuri .mx21-chip.active {
  color: var(--c-acc, var(--acc)) !important;
  background: rgba(43,229,197,.13) !important;
  border-color: rgba(43,229,197,.38) !important;
  box-shadow: inset 0 0 0 1px rgba(43,229,197,.08), 0 0 14px rgba(43,229,197,.08) !important;
}
#tab-meciuri .mx21-advanced {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  max-height: min(52vh, 420px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}
#tab-meciuri .mx21-advanced .matches-filter-advanced {
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.14) !important;
}
@media (max-width:380px){
  #tab-meciuri .mx21-control-row { grid-template-columns: minmax(0,1fr) 86px 72px !important; gap: 5px !important; }
  #tab-meciuri .mx21-count { display: none !important; }
  #tab-meciuri .mx21-filter-btn { padding: 0 10px !important; }
  #tab-meciuri .mx21-title { font-size: 17px !important; }
  #tab-meciuri .mx21-mode-btn { font-size: 8.8px !important; padding: 0 5px !important; }
  #tab-meciuri .mx21-select { font-size: 8.8px !important; padding-left: 7px !important; padding-right: 20px !important; background-position: right 7px center !important; }
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  MECIURI v21.1 — compact quick filters on phones         ║
   ║  Keep every chip visible in one row after verdict filter  ║
   ╚══════════════════════════════════════════════════════════╝ */
@media (max-width: 430px) {
  #tab-meciuri .mx21-card {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  #tab-meciuri .mx21-control-row {
    grid-template-columns: minmax(0,1fr) 84px 66px !important;
    gap: 4px !important;
  }
  #tab-meciuri .mx21-mode {
    height: 29px !important;
    padding: 2px !important;
    gap: 2px !important;
  }
  #tab-meciuri .mx21-mode-btn {
    height: 23px !important;
    padding: 0 5px !important;
    font-size: 8.6px !important;
    letter-spacing: -.02em !important;
  }
  #tab-meciuri .mx21-select {
    height: 29px !important;
    min-height: 29px !important;
    padding-left: 6px !important;
    padding-right: 18px !important;
    border-radius: 12px !important;
    font-size: 8.4px !important;
    letter-spacing: -.04em !important;
    background-position: right 6px center !important;
    background-size: 8px 5px !important;
  }
  #tab-meciuri .mx21-chiprail {
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0,1fr)) !important;
    gap: 3px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }
  #tab-meciuri .mx21-chip {
    flex: initial !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 27px !important;
    padding: 0 2px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 360px) {
  #tab-meciuri .mx21-control-row {
    grid-template-columns: minmax(0,1fr) 78px 60px !important;
    gap: 3px !important;
  }
  #tab-meciuri .mx21-select,
  #tab-meciuri .mx21-mode-btn {
    font-size: 7.8px !important;
  }
  #tab-meciuri .mx21-chiprail {
    gap: 2px !important;
  }
  #tab-meciuri .mx21-chip {
    min-height: 26px !important;
    font-size: 7.4px !important;
    padding: 0 1px !important;
  }
}

/* ===== Match cards: API logos only + explicit kickoff date/time ===== */
.m17-league-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.m17-league-logo img {
  width: 15px !important;
  height: 15px !important;
  object-fit: contain !important;
}
.m17-time {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2px !important;
  text-align: right !important;
}
.m17-time .m17-date {
  display: block !important;
  color: var(--c-muted) !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.m17-time .m17-hour {
  display: block !important;
  color: var(--c-text) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.m17-time .m17-countdown {
  margin-top: 1px !important;
}

@media (max-width: 768px) {
  .m17-time { gap: 1px !important; }
  .m17-time .m17-date {
    display: block !important;
    font-size: 8px !important;
  }
  .m17-time .m17-hour {
    font-size: 11px !important;
  }
  .m17-time .m17-countdown {
    padding: 2px 6px !important;
    font-size: 8px !important;
  }
}

/* ===== Detail analysis cleanup: cleaner expanded card ===== */
.m17-extra.m16-extra.open {
  display: block !important;
  padding-top: 10px !important;
}

.analysis-detail-shell {
  display: grid;
  gap: 12px;
}

.analysis-detail-hero,
.analysis-detail-section {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(15,24,42,.96), rgba(11,18,32,.98));
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

.analysis-detail-hero {
  padding: 14px;
  border-color: rgba(84,119,255,.18);
  background: linear-gradient(180deg, rgba(22,33,58,.98), rgba(13,21,38,.98));
}

.analysis-detail-kicker,
.analysis-detail-title {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.analysis-detail-pick-row {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.analysis-detail-pick {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 900;
  color: var(--txt);
  letter-spacing: -.02em;
}

.analysis-detail-odd {
  flex: 0 0 auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(59,130,246,.10);
  border: 1px solid rgba(59,130,246,.20);
  font-size: 12px;
  font-weight: 900;
  color: var(--acc);
  font-family: var(--mono);
}

.analysis-detail-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.analysis-detail-body {
  padding: 12px;
}

.analysis-detail-section > .analysis-detail-title {
  padding: 12px 12px 0;
}

.analysis-detail-section.analysis-detail-chips-section > .analysis-detail-body {
  padding-top: 12px;
}

.analysis-detail-shell .match-inline-summary {
  margin-top: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  font-size: 11px;
  line-height: 1.65;
  color: var(--txt);
}

.analysis-detail-shell .match-inline-row {
  margin-top: 10px;
}

.analysis-detail-shell .match-inline-chip {
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.08);
}

.analysis-detail-shell .ticket-mini-grid,
.analysis-detail-shell .analysis-metric-grid {
  margin-top: 0 !important;
}

.analysis-detail-shell .analysis-metric-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.analysis-detail-shell .analysis-metric {
  min-height: 84px;
}

.analysis-detail-shell .analysis-help-row {
  margin-top: 10px;
}

.analysis-detail-shell .odds-source-block,
.analysis-detail-shell .hybrid-prob-block,
.analysis-detail-shell .match-why,
.analysis-detail-shell .reason-list {
  margin-top: 0 !important;
}

.analysis-detail-shell .odds-source-block,
.analysis-detail-shell .hybrid-prob-block,
.analysis-detail-shell .match-why {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.07);
}

.analysis-detail-shell .reason-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
}

.analysis-detail-shell .reason-pill {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
}

.verdict-panel {
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.025);
}

.verdict-panel.bet {
  border-color: rgba(34,197,94,.28);
}
.verdict-panel.risk {
  border-color: rgba(245,158,11,.28);
}
.verdict-panel.avoid {
  border-color: rgba(239,68,68,.26);
}

.verdict-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
}
.verdict-panel.bet .verdict-panel-head {
  background: rgba(34,197,94,.10);
}
.verdict-panel.risk .verdict-panel-head {
  background: rgba(245,158,11,.10);
}
.verdict-panel.avoid .verdict-panel-head {
  background: rgba(239,68,68,.10);
}

.verdict-panel-title {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.02em;
}
.verdict-panel.bet .verdict-panel-title { color: var(--grn); }
.verdict-panel.risk .verdict-panel-title { color: var(--yel); }
.verdict-panel.avoid .verdict-panel-title { color: var(--red); }

.verdict-panel-sub {
  font-size: 11px;
  color: var(--muted);
  text-align: right;
}

.verdict-panel-body {
  padding: 6px 14px 10px;
}

.verdict-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.verdict-row:last-child {
  border-bottom: none;
}

.verdict-row-left,
.verdict-row-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.verdict-row-left {
  min-width: 0;
}
.verdict-row-right {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.verdict-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex: 0 0 auto;
}
.verdict-row.ok .verdict-dot { background: var(--grn); }
.verdict-row.bad .verdict-dot { background: var(--red); }
.verdict-label {
  font-size: 12px;
  color: rgba(255,255,255,.78);
}
.verdict-value {
  font-size: 12px;
  font-weight: 800;
  color: var(--txt);
}
.verdict-note {
  font-size: 12px;
  font-weight: 700;
}
.verdict-row.ok .verdict-note { color: var(--grn); }
.verdict-row.bad .verdict-note { color: var(--red); }

@media (max-width: 768px) {
  .analysis-detail-shell {
    gap: 10px;
  }
  .analysis-detail-hero,
  .analysis-detail-section {
    border-radius: 16px;
  }
  .analysis-detail-hero,
  .analysis-detail-body,
  .analysis-detail-section > .analysis-detail-title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .analysis-detail-hero {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .analysis-detail-pick {
    font-size: 16px;
  }
  .analysis-detail-odd {
    font-size: 11px;
    padding: 5px 9px;
  }
  .analysis-detail-shell .analysis-metric-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .analysis-detail-shell .analysis-metric {
    min-height: auto;
    padding: 9px;
  }
  .verdict-panel-head {
    padding: 11px 12px;
    align-items: flex-start;
  }
  .verdict-panel-title {
    font-size: 16px;
  }
  .verdict-panel-sub {
    font-size: 10px;
  }
  .verdict-panel-body {
    padding: 4px 12px 8px;
  }
  .verdict-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding: 8px 0;
  }
  .verdict-row-right {
    width: 100%;
    justify-content: space-between;
    padding-left: 16px;
  }
}

/* ===== Detalii analiză ultra compact mobile v1 ===== */
.analysis-detail-shell{
  gap:7px!important;
}
.analysis-detail-hero,
.analysis-detail-section{
  border-radius:14px!important;
  box-shadow:none!important;
}
.analysis-detail-hero{
  padding:9px 10px!important;
}
.analysis-detail-kicker,
.analysis-detail-title{
  font-size:8.5px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
}
.analysis-detail-pick-row{
  margin-top:5px!important;
  gap:8px!important;
  align-items:center!important;
}
.analysis-detail-pick{
  font-size:16px!important;
  line-height:1.1!important;
}
.analysis-detail-odd{
  font-size:10px!important;
  padding:4px 8px!important;
}
.analysis-detail-hero > div[style*="margin-top:10px"],
.analysis-detail-hero > div[style*="margin-top:12px"]{
  margin-top:7px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
}
.analysis-detail-hero div[style*="font-size:24px"],
.analysis-detail-hero div[style*="font-size:28px"]{
  font-size:20px!important;
  margin-top:2px!important;
}
.analysis-detail-hero div[style*="font-size:18px"],
.analysis-detail-hero div[style*="font-size:20px"]{
  font-size:16px!important;
  margin-top:2px!important;
}
.analysis-detail-section > .analysis-detail-title{
  padding:8px 10px 0!important;
}
.analysis-detail-body{
  padding:8px 10px!important;
}
.analysis-detail-chips-section{
  background:rgba(255,255,255,.018)!important;
  border-color:rgba(255,255,255,.055)!important;
}
.analysis-detail-chips-section > .analysis-detail-body{
  padding:7px 9px!important;
}
.analysis-detail-chip-row{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
.analysis-detail-chip-row .source-chip,
.analysis-detail-chip-row .card-reco-badge{
  font-size:9px!important;
  padding:3px 7px!important;
  line-height:1.1!important;
  margin:0!important;
}
.analysis-detail-summary-section .analysis-detail-body{
  padding:8px!important;
}
.analysis-detail-shell .match-inline-summary{
  padding:7px 9px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.analysis-detail-shell .match-inline-row{
  margin-top:6px!important;
  gap:6px!important;
}
.analysis-detail-shell .match-inline-chip{
  font-size:9px!important;
  padding:5px 8px!important;
}
.analysis-detail-odds-section{
  display:none!important;
}
.analysis-detail-why-section .analysis-detail-body,
.analysis-detail-why-section .match-why{
  padding:8px 10px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.verdict-panel{
  border-radius:13px!important;
}
.verdict-panel-head{
  padding:8px 10px!important;
  align-items:center!important;
}
.verdict-panel-title{
  font-size:15px!important;
  line-height:1.05!important;
}
.verdict-panel-sub{
  font-size:10px!important;
  line-height:1.1!important;
}
.verdict-panel-body{
  padding:3px 10px 7px!important;
}
.verdict-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 0!important;
}
.verdict-row-left,
.verdict-row-right{
  display:flex!important;
  align-items:center!important;
}
.verdict-row-left{
  gap:6px!important;
}
.verdict-row-right{
  justify-content:flex-end!important;
  gap:5px!important;
  padding-left:0!important;
  flex-wrap:nowrap!important;
  width:auto!important;
}
.verdict-dot{
  width:6px!important;
  height:6px!important;
}
.verdict-label,
.verdict-value,
.verdict-note{
  font-size:10.5px!important;
  line-height:1.12!important;
}
.verdict-value{
  font-weight:900!important;
}
.ba-clv-guidance.ba-clv-details{
  margin:0!important;
  padding:5px 7px!important;
  border-radius:11px!important;
}

@media(max-width:768px){
  .analysis-detail-shell{gap:7px!important}
  .analysis-detail-hero{padding:8px 10px!important}
  .analysis-detail-pick{font-size:15px!important}
  .analysis-detail-odd{font-size:9.5px!important;padding:4px 7px!important}
  .analysis-detail-body{padding:7px 9px!important}
  .analysis-detail-section > .analysis-detail-title{padding:7px 9px 0!important}
  .analysis-detail-hero > div[style*="margin-top:10px"],
  .analysis-detail-hero > div[style*="margin-top:12px"]{margin-top:6px!important;padding:7px 9px!important}
  .analysis-detail-hero div[style*="font-size:24px"],
  .analysis-detail-hero div[style*="font-size:28px"]{font-size:19px!important}
  .analysis-detail-hero div[style*="font-size:18px"],
  .analysis-detail-hero div[style*="font-size:20px"]{font-size:15px!important}
  .analysis-detail-chip-row{gap:4px!important}
  .analysis-detail-chip-row .source-chip,
  .analysis-detail-chip-row .card-reco-badge{font-size:8.5px!important;padding:3px 6px!important}
  .verdict-panel-head{padding:7px 9px!important;align-items:center!important}
  .verdict-panel-title{font-size:14px!important}
  .verdict-panel-sub{font-size:9px!important}
  .verdict-panel-body{padding:2px 9px 6px!important}
  .verdict-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    flex-direction:unset!important;
    align-items:center!important;
    gap:5px!important;
    padding:4px 0!important;
  }
  .verdict-row-right{
    width:auto!important;
    justify-content:flex-end!important;
    padding-left:0!important;
    gap:4px!important;
  }
  .verdict-label,.verdict-value,.verdict-note{font-size:10px!important}
}


/* ===== Detalii analiză: CLV + rezumat fără suprapuneri v2 ===== */
.ba-clv-guidance.ba-clv-details{
  padding:4px 6px!important;
  border-radius:10px!important;
}
.ba-clv-details .ba-clv-top{
  gap:6px!important;
  margin-bottom:2px!important;
}
.ba-clv-details .ba-clv-title{
  font-size:9.5px!important;
  line-height:1.12!important;
  letter-spacing:-.01em!important;
}
.ba-clv-details .ba-clv-chip{
  font-size:7.5px!important;
  padding:1.5px 5px!important;
}
.ba-clv-details .ba-clv-context{
  font-size:8.5px!important;
  line-height:1.15!important;
  margin-bottom:3px!important;
}
.ba-clv-details .ba-clv-meta{
  font-size:7.8px!important;
  line-height:1.12!important;
  gap:2px 5px!important;
  padding-top:3px!important;
}
.analysis-detail-shell .match-inline-summary{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px 8px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.analysis-detail-shell .match-inline-summary > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  white-space:nowrap!important;
}
.analysis-detail-shell .match-inline-summary > span:not(:last-child)::after{
  content:'•';
  margin-left:5px;
  color:rgba(148,163,184,.75);
  font-weight:900;
}
.analysis-detail-shell .match-inline-summary .summary-risk-tier{
  font-weight:800!important;
}
@media(max-width:420px){
  .ba-clv-details .ba-clv-title{font-size:9px!important}
  .ba-clv-details .ba-clv-context{font-size:8px!important}
  .ba-clv-details .ba-clv-meta{font-size:7.4px!important;gap:2px 4px!important}
  .ba-clv-details .ba-clv-chip{font-size:7px!important;padding:1.5px 5px!important}
  .analysis-detail-shell .match-inline-summary{gap:3px 6px!important}
  .analysis-detail-shell .match-inline-summary > span:not(:last-child)::after{margin-left:4px}
}

/* Hide duplicated badges inside Rezumat rapid */
.analysis-detail-summary-section .card-reco-badge,
.analysis-detail-summary-section .source-chip{display:none!important;}

/* ===== Detalii analiză: grupare grafică pentru overview ===== */
.analysis-detail-overview-frame{
  position:relative;
  display:grid;
  gap:8px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(245,158,11,.22);
  background:linear-gradient(180deg, rgba(23,31,54,.70), rgba(12,18,32,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.12);
}
.analysis-detail-overview-frame::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.analysis-detail-overview-frame > .ba-clv-guidance.ba-clv-details{
  margin:0!important;
}
.analysis-detail-overview-frame .analysis-detail-section{
  background:rgba(255,255,255,.02)!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}
.analysis-detail-overview-frame .analysis-detail-chips-section{
  background:rgba(255,255,255,.018)!important;
}
.analysis-detail-overview-frame .analysis-detail-summary-section{
  background:rgba(255,255,255,.024)!important;
}
.analysis-detail-overview-frame .analysis-detail-title{
  color:rgba(203,213,225,.72)!important;
}
.analysis-detail-shell.simple > .analysis-detail-overview-frame + .analysis-detail-section{
  margin-top:2px;
}
@media(max-width:768px){
  .analysis-detail-overview-frame{
    gap:7px;
    padding:8px;
    border-radius:16px;
  }
  .analysis-detail-overview-frame::before{border-radius:16px;}
}

/* ===== Compact lower detail stack: Piete eligibile / De ce / Context ML5 ===== */
.analysis-detail-lower-frame{
  position:relative;
  display:grid;
  gap:8px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(59,130,246,.18);
  background:linear-gradient(180deg, rgba(18,27,46,.68), rgba(9,16,29,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.10);
}
.analysis-detail-lower-frame::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.analysis-detail-lower-frame .analysis-detail-section{
  margin:0 !important;
  border-radius:14px;
  background:rgba(255,255,255,.018)!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.analysis-detail-lower-frame .analysis-detail-title{
  padding:9px 10px 0;
  font-size:9px;
  letter-spacing:.09em;
  color:rgba(203,213,225,.70)!important;
}
.analysis-detail-lower-frame .analysis-detail-body{
  padding:9px 10px 10px;
}

/* compact alternate markets */
.analysis-detail-lower-frame .analysis-detail-alt-section .analysis-detail-body > div{
  margin-top:0!important;
  padding-top:0!important;
  border-top:none!important;
}
.analysis-detail-lower-frame .analysis-detail-alt-section .analysis-detail-body > div > div:first-child{
  display:none!important;
}
.analysis-detail-lower-frame .analysis-detail-alt-section .analysis-detail-body > div > div:last-child{
  gap:5px!important;
}
.analysis-detail-lower-frame .analysis-detail-alt-section .analysis-detail-body > div > div:last-child > span{
  padding:4px 8px!important;
  font-size:10px!important;
  gap:5px!important;
}

/* compact de ce */
.analysis-detail-lower-frame .analysis-detail-why-section .analysis-detail-body,
.analysis-detail-lower-frame .analysis-detail-why-section .match-why{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:none!important;
}
.analysis-detail-lower-frame .analysis-detail-why-section .match-why{
  font-size:10.5px!important;
  line-height:1.45!important;
}
.analysis-detail-lower-frame .analysis-detail-why-section .match-why strong{
  font-size:11px!important;
}

/* compact ML5 */
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div{
  margin-top:0!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:rgba(139,92,246,.05)!important;
  border-color:rgba(139,92,246,.15)!important;
}
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div > div:first-child{
  font-size:8.5px!important;
  margin-bottom:4px!important;
}
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div > div:not(:first-child){
  font-size:10px!important;
  line-height:1.35!important;
  margin-top:3px!important;
}
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div > div:last-child{
  gap:4px!important;
  margin-top:5px!important;
}
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div > div:last-child > span{
  padding:4px 8px!important;
  font-size:10px!important;
  border-radius:10px!important;
}

@media (max-width: 768px){
  .analysis-detail-lower-frame{
    gap:7px;
    padding:8px;
    border-radius:16px;
  }
  .analysis-detail-lower-frame::before{border-radius:16px;}
  .analysis-detail-lower-frame .analysis-detail-section{border-radius:12px;}
  .analysis-detail-lower-frame .analysis-detail-title{padding:8px 9px 0;}
  .analysis-detail-lower-frame .analysis-detail-body{padding:8px 9px 9px;}
  .analysis-detail-lower-frame .analysis-detail-alt-section .analysis-detail-body > div > div:last-child > span{font-size:9.5px!important;}
  .analysis-detail-lower-frame .analysis-detail-why-section .match-why{font-size:10px!important;}
  .analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div{padding:7px 9px!important;}
  .analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div > div:not(:first-child){font-size:9.5px!important;}
  .analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > div > div:last-child > span{font-size:9px!important;}
}

/* ===== Ultra-compact ML5 context ===== */
.ml5-inline-card{
  display:grid;
  gap:5px;
}
.ml5-inline-title{
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#a78bfa;
}
.ml5-inline-forms{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-items:center;
}
.ml5-inline-form{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.ml5-inline-label{
  flex:0 0 auto;
  font-size:8.5px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ml5-inline-seq{
  min-width:0;
  font-size:11px;
  letter-spacing:1.5px;
  line-height:1.15;
  white-space:nowrap;
}
.ml5-inline-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  align-items:center;
}
.ml5-inline-meta-item{
  font-size:10px;
  color:var(--muted);
  line-height:1.25;
  white-space:nowrap;
}
.ml5-inline-pills{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.ml5-inline-pill{
  font-size:9.5px;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  font-weight:700;
  line-height:1.15;
}
.ml5-inline-pill.up{color:#22c55e;}
.ml5-inline-pill.down{color:#ef4444;}

.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > .ml5-inline-card{
  margin-top:0!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  background:rgba(139,92,246,.05)!important;
  border:1px solid rgba(139,92,246,.15)!important;
}
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > .ml5-inline-card > .ml5-inline-title,
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > .ml5-inline-card > .ml5-inline-forms,
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > .ml5-inline-card > .ml5-inline-meta,
.analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > .ml5-inline-card > .ml5-inline-pills{
  margin:0!important;
}

@media (max-width: 768px){
  .ml5-inline-card{gap:4px;}
  .ml5-inline-title{font-size:7.5px;}
  .ml5-inline-forms{gap:6px;}
  .ml5-inline-form{gap:5px;}
  .ml5-inline-label{font-size:8px;}
  .ml5-inline-seq{font-size:10.5px;letter-spacing:1.2px;}
  .ml5-inline-meta{gap:4px 8px;}
  .ml5-inline-meta-item{font-size:9.5px;}
  .ml5-inline-pill{font-size:9px;padding:2px 6px;}
  .analysis-detail-lower-frame .analysis-detail-ml5-section .analysis-detail-body > .ml5-inline-card{padding:6px 8px!important;}
}

/* ===== Expert mode compact frames ===== */
.analysis-detail-expert-overview-frame,
.analysis-detail-expert-support-frame{
  position:relative;
  display:grid;
  gap:8px;
  padding:9px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(18,27,46,.66), rgba(9,16,29,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 8px 18px rgba(0,0,0,.10);
}
.analysis-detail-expert-overview-frame{
  border:1px solid rgba(99,102,241,.18);
}
.analysis-detail-expert-support-frame{
  border:1px solid rgba(59,130,246,.16);
}
.analysis-detail-expert-overview-frame::before,
.analysis-detail-expert-support-frame::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.analysis-detail-expert-overview-frame .analysis-detail-section,
.analysis-detail-expert-support-frame .analysis-detail-section{
  margin:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-title,
.analysis-detail-expert-support-frame .analysis-detail-title{
  padding:8px 10px 0!important;
  font-size:8.5px!important;
  letter-spacing:.09em!important;
  color:rgba(203,213,225,.72)!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-body,
.analysis-detail-expert-support-frame .analysis-detail-body{
  padding:8px 10px 10px!important;
}

/* indicatori cheie compact */
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric{
  min-height:64px!important;
  padding:8px 9px!important;
  border-radius:12px!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-k{
  font-size:9px!important;
  line-height:1!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-v{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.06!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-sub{
  display:none!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-help-row{
  display:none!important;
}

/* context rapid compact */
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini-grid.ticket-mini-grid-premium{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0 0 6px!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini-grid.ticket-mini-grid-premium .ticket-mini{
  padding:7px 6px!important;
  border-radius:12px!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini .v{
  font-size:13px!important;
  line-height:1.06!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini .l{
  font-size:8.5px!important;
  margin-top:2px!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .match-inline-row{
  margin-top:0!important;
  gap:6px!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .match-inline-chip{
  padding:5px 8px!important;
  font-size:10px!important;
  line-height:1.15!important;
}
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .match-inline-chip:first-child{
  display:none!important;
}

/* probabilitati model compact */
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-block{
  padding:8px 9px!important;
  border-radius:13px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-head{
  margin-bottom:6px!important;
  gap:6px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-title{
  font-size:9px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-live{
  padding:3px 7px!important;
  font-size:9px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-grid{
  gap:6px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-item{
  padding:7px 5px!important;
  border-radius:11px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-value{
  font-size:12px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-label{
  margin-top:3px!important;
  font-size:8px!important;
}

/* semnale cheie compact */
.analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-pill{
  margin:0!important;
  min-height:0!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  font-size:10px!important;
  line-height:1.18!important;
}

@media(max-width:768px){
  .analysis-detail-expert-overview-frame,
  .analysis-detail-expert-support-frame{
    gap:7px;
    padding:8px;
    border-radius:16px;
  }
  .analysis-detail-expert-overview-frame::before,
  .analysis-detail-expert-support-frame::before{border-radius:16px;}
  .analysis-detail-expert-overview-frame .analysis-detail-section,
  .analysis-detail-expert-support-frame .analysis-detail-section{border-radius:12px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-title,
  .analysis-detail-expert-support-frame .analysis-detail-title{padding:7px 9px 0!important;font-size:8px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-body,
  .analysis-detail-expert-support-frame .analysis-detail-body{padding:7px 9px 9px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-grid{gap:5px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric{min-height:60px!important;padding:7px 8px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-k{font-size:8.5px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-v{font-size:12px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini-grid.ticket-mini-grid-premium{gap:5px!important;margin-bottom:5px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini-grid.ticket-mini-grid-premium .ticket-mini{padding:6px 5px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini .v{font-size:12px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini .l{font-size:8px!important;}
  .analysis-detail-expert-overview-frame .analysis-detail-quick-section .match-inline-chip{padding:4px 7px!important;font-size:9.5px!important;}
  .analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-block{padding:7px 8px!important;}
  .analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-grid{gap:5px!important;}
  .analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-item{padding:6px 4px!important;}
  .analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-value{font-size:11.5px!important;}
  .analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-label{font-size:7.8px!important;}
  .analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-list{gap:5px!important;}
  .analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-pill{padding:6px 8px!important;font-size:9.5px!important;}
}

/* ===== Expert compact list layout v2 ===== */
.analysis-compact-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
.analysis-compact-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:40px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.028);
}
.analysis-compact-row.wide{grid-column:1 / -1}
.analysis-compact-label{
  font-size:9px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  line-height:1.1;
}
.analysis-compact-value{
  font-size:12.5px;
  font-weight:800;
  color:var(--txt);
  line-height:1.08;
  text-align:right;
}
.analysis-compact-row.accent-prob{border-color:rgba(34,197,94,.16);background:rgba(34,197,94,.06)}
.analysis-compact-row.accent-prob .analysis-compact-value{color:var(--grn)}
.analysis-compact-row.accent-edge{border-color:rgba(59,130,246,.16);background:rgba(59,130,246,.06)}
.analysis-compact-row.accent-edge .analysis-compact-value{color:var(--acc)}
.analysis-compact-row.accent-value{border-color:rgba(168,85,247,.16);background:rgba(168,85,247,.06)}
.analysis-compact-row.accent-value .analysis-compact-value{color:#e9d5ff}
.analysis-compact-row.accent-warn{border-color:rgba(245,158,11,.16);background:rgba(245,158,11,.06)}
.analysis-compact-row.accent-warn .analysis-compact-value{color:var(--yel)}

.analysis-compact-model{display:grid;gap:6px}
.analysis-compact-model-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.analysis-compact-model-title{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.analysis-compact-model-chip{padding:4px 8px;border-radius:999px;border:1px solid rgba(59,130,246,.22);background:rgba(59,130,246,.10);font-size:9px;font-weight:800;color:var(--acc)}

.analysis-detail-expert-overview-frame,
.analysis-detail-expert-support-frame{gap:7px!important;padding:8px!important;border-radius:16px!important}
.analysis-detail-expert-overview-frame .analysis-detail-section,
.analysis-detail-expert-support-frame .analysis-detail-section{border-radius:14px!important}
.analysis-detail-expert-overview-frame .analysis-detail-title,
.analysis-detail-expert-support-frame .analysis-detail-title{padding:8px 10px 0!important;font-size:9px!important;letter-spacing:.09em!important}
.analysis-detail-expert-overview-frame .analysis-detail-body,
.analysis-detail-expert-support-frame .analysis-detail-body{padding:8px 10px 10px!important}

.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-help-row,
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .ticket-mini-grid,
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .match-inline-row,
.analysis-detail-expert-support-frame .analysis-detail-model-section .hybrid-prob-block{display:none!important}

.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-grid,
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric,
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-sub,
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-k,
.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-metric-v{all:unset}

.analysis-detail-expert-overview-frame .analysis-detail-metrics-section .analysis-compact-list,
.analysis-detail-expert-overview-frame .analysis-detail-quick-section .analysis-compact-list,
.analysis-detail-expert-support-frame .analysis-detail-model-section .analysis-compact-list{margin:0}

.analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px!important;
}
.analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-pill{
  margin:0!important;
  padding:8px 10px!important;
  min-height:0!important;
  border-radius:12px!important;
  font-size:10px!important;
  line-height:1.18!important;
}

@media(max-width:768px){
  .analysis-compact-list{gap:5px}
  .analysis-compact-row{min-height:36px;padding:7px 8px;border-radius:11px}
  .analysis-compact-label{font-size:8.3px}
  .analysis-compact-value{font-size:11.5px}
  .analysis-compact-model-title{font-size:9px}
  .analysis-compact-model-chip{font-size:8.5px;padding:3px 7px}
  .analysis-detail-expert-overview-frame,
  .analysis-detail-expert-support-frame{gap:6px!important;padding:7px!important;border-radius:15px!important}
  .analysis-detail-expert-overview-frame .analysis-detail-title,
  .analysis-detail-expert-support-frame .analysis-detail-title{padding:7px 9px 0!important;font-size:8.5px!important}
  .analysis-detail-expert-overview-frame .analysis-detail-body,
  .analysis-detail-expert-support-frame .analysis-detail-body{padding:7px 9px 9px!important}
  .analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-list{gap:5px!important}
  .analysis-detail-expert-support-frame .analysis-detail-reasons-section .reason-pill{padding:7px 8px!important;font-size:9.5px!important}
}

/* ===== Anti-flicker hotfix 2026-05-04 =====
   Meciuri is re-rendered by several runtime guards. Re-running entrance/progress
   animations on identical data produced the visible "palpait" from the video. */
#tab-meciuri.active,
#tab-meciuri.active .match-card,
#tab-meciuri.active .match-card-v16,
#tab-meciuri.active .match-card-m17,
#tab-meciuri.active .date-group,
#tab-meciuri.active .matches-grid {
  animation: none !important;
}
#tab-meciuri .mc-conf-bar-fill,
#tab-meciuri .m17-ml-bar span,
#tab-meciuri .live-bar-home,
#tab-meciuri .live-bar-away {
  transition: none !important;
}
#tab-meciuri .match-card,
#tab-meciuri .match-card-v16,
#tab-meciuri .match-card-m17 {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

/* ─── Funfacts & Polymarket ─────────────────────────────────────────── */
.funfacts-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.funfact-item {
  font-size: 12px !important;
  color: var(--c-text) !important;
  line-height: 1.4 !important;
  padding: 6px 10px !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: 8px !important;
  border-left: 2px solid rgba(99,102,241,.4) !important;
}
.analysis-detail-funfacts-section .analysis-section-title {
  color: #818cf8 !important;
}

/* VEYRA brand patch */
.logo{display:flex;align-items:center;gap:10px;min-width:0}.veyra-brand-mark{width:52px;height:52px;flex:0 0 52px;border-radius:15px;filter:drop-shadow(0 0 14px rgba(43,229,197,.34))}.veyra-brand-copy{display:flex;flex-direction:column;min-width:0}.logo-title,.veyra-wordmark{font-size:30px;line-height:.95;font-weight:950;letter-spacing:.16em;color:#f8fbff;text-transform:uppercase;text-shadow:0 0 18px rgba(43,229,197,.20)}.logo-sub,.veyra-tagline{font-size:10px;letter-spacing:.34em;color:#35fff0;font-family:var(--mono);text-transform:uppercase;white-space:nowrap;opacity:.9}.logo-sync-row{margin-top:7px}@media(max-width:480px){.header-inner{padding:10px 12px;gap:8px}.veyra-brand-mark{width:44px;height:44px;flex-basis:44px;border-radius:13px}.logo-title,.veyra-wordmark{font-size:24px;letter-spacing:.13em}.logo-sub,.veyra-tagline{font-size:8px;letter-spacing:.22em;max-width:220px;overflow:hidden;text-overflow:ellipsis}}

/* VEYRA header image layout */
.veyra-logo-header{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  min-width:0 !important;
  max-width:calc(100vw - 104px) !important;
}
.veyra-header-logo-img{
  display:block !important;
  width:min(330px,calc(100vw - 118px)) !important;
  height:auto !important;
  max-height:76px !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 0 16px rgba(43,229,197,.22));
}
.veyra-sync-row{
  margin-top:0 !important;
  padding-left:4px !important;
  font-size:11px !important;
  line-height:1.1 !important;
}
@media(max-width:480px){
  .veyra-logo-header{max-width:calc(100vw - 96px) !important;gap:3px !important;}
  .veyra-header-logo-img{width:min(270px,calc(100vw - 112px)) !important;max-height:64px !important;}
  .veyra-sync-row{font-size:10px !important;gap:6px !important;}
}
@media(max-width:370px){
  .veyra-header-logo-img{width:min(238px,calc(100vw - 108px)) !important;max-height:58px !important;}
  .veyra-sync-row{font-size:9px !important;}
}

/* VEYRA framed brand layout */
.veyra-framed-brand{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  max-width:calc(100vw - 96px) !important;
}
.veyra-emblem-frame{
  width:72px !important;
  height:72px !important;
  flex:0 0 72px !important;
  border-radius:20px !important;
  padding:5px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(43,229,197,.22), transparent 58%),
    linear-gradient(145deg, rgba(4,12,22,.96), rgba(3,7,14,.82)) !important;
  border:1px solid rgba(43,229,197,.32) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 22px rgba(43,229,197,.22),
    0 12px 30px rgba(0,0,0,.45) !important;
}
.veyra-emblem-img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 0 10px rgba(43,229,197,.45));
}
.veyra-brand-textblock{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  justify-content:center !important;
}
.veyra-wordmark-clean{
  font-size:34px !important;
  line-height:.94 !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  color:#fff !important;
  text-transform:uppercase !important;
  text-shadow:0 0 18px rgba(43,229,197,.18) !important;
  white-space:nowrap !important;
}
.veyra-tagline-clean{
  margin-top:7px !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.24em !important;
  font-family:var(--mono) !important;
  color:rgba(232,239,255,.72) !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.veyra-sync-row{
  margin-top:10px !important;
  padding-left:0 !important;
  font-size:11px !important;
  line-height:1.05 !important;
}
@media(max-width:480px){
  .header-inner{padding:10px 12px !important;gap:8px !important;}
  .veyra-framed-brand{gap:10px !important;max-width:calc(100vw - 94px) !important;}
  .veyra-emblem-frame{width:64px !important;height:64px !important;flex-basis:64px !important;border-radius:18px !important;padding:5px !important;}
  .veyra-wordmark-clean{font-size:30px !important;letter-spacing:.045em !important;}
  .veyra-tagline-clean{font-size:8.5px !important;letter-spacing:.18em !important;max-width:190px !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .veyra-sync-row{margin-top:9px !important;font-size:10px !important;gap:6px !important;}
}
@media(max-width:370px){
  .veyra-emblem-frame{width:58px !important;height:58px !important;flex-basis:58px !important;}
  .veyra-wordmark-clean{font-size:26px !important;}
  .veyra-tagline-clean{max-width:158px !important;font-size:8px !important;letter-spacing:.14em !important;}
  .veyra-sync-row{font-size:9px !important;gap:5px !important;}
}