:root {
  --bg: #040a14;
  --bg-soft: #071323;
  --panel: rgba(10, 24, 42, .72);
  --panel-strong: rgba(10, 25, 44, .92);
  --panel-light: rgba(18, 39, 66, .62);
  --line: rgba(142, 207, 255, .13);
  --line-strong: rgba(88, 226, 236, .30);
  --text: #f3f8ff;
  --muted: #8ea3b9;
  --muted-2: #647c95;
  --cyan: #44edf2;
  --teal: #3ee1bf;
  --blue: #63a8ff;
  --green: #7bf0a8;
  --amber: #ffc86e;
  --red: #ff7e91;
  --shadow: 0 24px 80px rgba(0, 5, 15, .42);
  --glass-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 24px 60px rgba(0,4,12,.30);
  --sidebar-width: 248px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { color-scheme: dark; scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 76% -10%, rgba(31, 152, 255, .14), transparent 32%),
    radial-gradient(circle at 8% 15%, rgba(22, 218, 215, .10), transparent 29%),
    linear-gradient(145deg, #030812 0%, #06111e 44%, #040a14 100%);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 82%);
}
body.modal-open { overflow: hidden; }
button, input, select { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; }
svg { display: block; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.ambient { position: fixed; z-index: -2; border-radius: 50%; filter: blur(100px); opacity: .24; pointer-events: none; }
.ambient-one { width: 420px; height: 420px; top: -160px; right: 8%; background: #138bd2; }
.ambient-two { width: 320px; height: 320px; bottom: 8%; left: 6%; background: #0aa79f; opacity: .13; }

.dashboard-layout { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 80;
  display: flex;
  flex-direction: column;
  padding: 22px 17px 18px;
  border-right: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(7,18,32,.94), rgba(4,12,23,.88)),
    radial-gradient(circle at 50% 0%, rgba(68,237,242,.08), transparent 30%);
  backdrop-filter: blur(22px) saturate(135%);
  box-shadow: 15px 0 70px rgba(0,4,12,.20);
}
.sidebar::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(68,237,242,.3), transparent);
}
.sidebar-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sidebar-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
.brand-mark {
  width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center;
  border: 1px solid rgba(68,237,242,.28); border-radius: 13px;
  background: linear-gradient(145deg, rgba(68,237,242,.19), rgba(99,168,255,.08));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 28px rgba(68,237,242,.10);
  transform: rotate(-5deg);
}
.brand-mark span { color: var(--cyan); font-size: 20px; font-weight: 900; transform: rotate(5deg); text-shadow: 0 0 20px rgba(68,237,242,.55); }
.brand-word { display: flex; align-items: baseline; min-width: 0; letter-spacing: -.035em; }
.brand-word strong { font-size: 19px; }
.brand-word em { color: var(--cyan); font-size: 15px; font-style: normal; font-weight: 650; }
.sidebar-close { display: none; width: 36px; height: 36px; place-items: center; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.035); }
.sidebar-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.lab-identity {
  display: flex; align-items: center; gap: 11px; margin: 28px 4px 20px; padding: 14px 12px;
  border: 1px solid rgba(68,237,242,.10); border-radius: 15px;
  background: linear-gradient(135deg, rgba(68,237,242,.055), rgba(99,168,255,.025));
}
.lab-orbit { width: 31px; height: 31px; border: 1px solid rgba(68,237,242,.30); border-radius: 50%; display: grid; place-items: center; position: relative; }
.lab-orbit::before, .lab-orbit::after { content: ""; position: absolute; border: 1px solid rgba(68,237,242,.13); border-radius: 50%; }
.lab-orbit::before { inset: 5px; }
.lab-orbit::after { width: 4px; height: 4px; right: 0; top: 5px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.lab-orbit span { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(145deg, var(--cyan), var(--blue)); box-shadow: 0 0 18px rgba(68,237,242,.55); }
.lab-identity div:last-child { display: grid; min-width: 0; }
.lab-identity strong { font-size: 11px; letter-spacing: .12em; }
.lab-identity small { margin-top: 4px; color: var(--muted-2); font-size: 8px; letter-spacing: .06em; white-space: nowrap; }
.nav-list { display: grid; gap: 5px; }
.nav-item {
  position: relative; width: 100%; min-height: 43px; display: flex; align-items: center; gap: 12px;
  padding: 0 13px; border: 1px solid transparent; border-radius: 12px; cursor: pointer;
  color: #8da3b9; background: transparent; text-align: left; font-size: 12px;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.nav-item svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.nav-item[data-target="pregled"] svg { fill: currentColor; stroke: none; }
.nav-item:hover { color: #dcecff; background: rgba(255,255,255,.035); transform: translateX(2px); }
.nav-item.active {
  color: #dffcff; border-color: rgba(68,237,242,.24);
  background: linear-gradient(90deg, rgba(36,185,219,.16), rgba(68,237,242,.035));
  box-shadow: inset 3px 0 0 var(--cyan), 0 0 30px rgba(36,185,219,.08);
}
.nav-item.active::after { content: ""; position: absolute; right: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.sidebar-status {
  margin-top: auto; padding: 14px; border: 1px solid rgba(68,237,242,.12); border-radius: 15px;
  background: linear-gradient(145deg, rgba(15,48,69,.32), rgba(9,25,43,.48)); overflow: hidden; position: relative;
}
.sidebar-status::before { content: ""; position: absolute; inset: auto -40px -55px auto; width: 125px; height: 125px; border: 1px solid rgba(68,237,242,.12); border-radius: 50%; }
.sidebar-status-head { display: flex; align-items: center; gap: 8px; color: var(--cyan); font-size: 9px; letter-spacing: .12em; }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 14px rgba(62,225,191,.7); flex: 0 0 auto; }
.sidebar-status p { position: relative; z-index: 1; color: #c8d9e9; font-size: 11px; margin-top: 10px; }
.status-sparkline { height: 32px; display: flex; align-items: flex-end; gap: 4px; margin-top: 12px; opacity: .8; }
.status-sparkline i { flex: 1; min-width: 2px; border-radius: 4px 4px 0 0; background: linear-gradient(to top, rgba(68,237,242,.05), rgba(68,237,242,.8)); animation: statusPulse 2.7s ease-in-out infinite; }
.status-sparkline i:nth-child(1) { height: 22%; }.status-sparkline i:nth-child(2) { height: 38%; }.status-sparkline i:nth-child(3) { height: 31%; }.status-sparkline i:nth-child(4) { height: 58%; }.status-sparkline i:nth-child(5) { height: 47%; }.status-sparkline i:nth-child(6) { height: 74%; }.status-sparkline i:nth-child(7) { height: 63%; }.status-sparkline i:nth-child(8) { height: 88%; }
.status-sparkline i:nth-child(2n) { animation-delay: -.9s; }
@keyframes statusPulse { 0%,100% { opacity:.45; transform:scaleY(.75); } 50% { opacity:1; transform:scaleY(1); } }
.sidebar-foot { display: flex; align-items: flex-start; gap: 10px; padding: 15px 5px 0; color: var(--teal); }
.sidebar-foot svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.sidebar-foot div { display: grid; }
.sidebar-foot strong { font-size: 9px; letter-spacing: .1em; }
.sidebar-foot small { color: var(--muted-2); font-size: 9px; line-height: 1.45; margin-top: 3px; }

.main-stage { min-width: 0; }
.app-topbar {
  position: sticky; top: 0; z-index: 60; min-height: 82px; display: grid;
  grid-template-columns: minmax(210px,.8fr) auto minmax(430px,1.2fr); align-items: center; gap: 22px;
  padding: 14px 24px; border-bottom: 1px solid var(--line);
  background: rgba(4,12,23,.70); backdrop-filter: blur(24px) saturate(145%);
}
.topbar-left, .topbar-center, .topbar-actions { display: flex; align-items: center; }
.topbar-left { gap: 12px; }
.mobile-menu { display: none; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.035); color: var(--text); }
.mobile-menu svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.page-context { display: grid; }
.context-kicker, .section-kicker { color: var(--cyan); font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.page-context h1 { margin-top: 4px; font-size: 20px; letter-spacing: -.035em; font-weight: 650; }
.page-context h1 span { color: #d8f9ff; }
.topbar-center { gap: 17px; justify-content: center; }
.paper-pill {
  min-height: 39px; display: flex; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid rgba(62,225,191,.25); border-radius: 12px;
  background: linear-gradient(135deg, rgba(62,225,191,.10), rgba(68,237,242,.04)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.paper-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 15px rgba(62,225,191,.8); }
.paper-pill strong { color: #8dffe0; font-size: 10px; letter-spacing: .08em; }
.paper-pill small { color: var(--muted-2); font-size: 9px; }
.last-sync { display: grid; }
.last-sync span { color: var(--muted-2); font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.last-sync strong { margin-top: 3px; font-size: 11px; font-weight: 550; color: #c8d8e7; font-variant-numeric: tabular-nums; }
.topbar-actions { justify-content: flex-end; gap: 9px; min-width: 0; }
.date-filter { display: flex; padding: 3px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.filter-button { min-height: 32px; padding: 0 10px; border: 0; border-radius: 9px; color: var(--muted); background: transparent; cursor: pointer; font-size: 10px; font-weight: 650; }
.filter-button:hover { color: var(--text); }
.filter-button.active { color: #dfffff; background: rgba(68,237,242,.11); box-shadow: inset 0 0 0 1px rgba(68,237,242,.17); }
.league-filter { position: relative; min-width: 126px; min-height: 39px; display: flex; align-items: center; gap: 8px; padding: 0 30px 0 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.03); cursor: pointer; }
.league-filter span { color: #d0deeb; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.league-filter select { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.league-filter svg { position: absolute; right: 9px; width: 15px; height: 15px; fill: none; stroke: var(--muted); stroke-width: 1.8; }
.icon-button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; color: var(--cyan); background: rgba(255,255,255,.03); cursor: pointer; }
.icon-button:hover { background: rgba(68,237,242,.08); border-color: rgba(68,237,242,.24); }
.icon-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.icon-button.spinning svg { animation: spin .75s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.account { position: relative; z-index: 70; }
.account-button {
  min-width: 155px; min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 5px 9px 5px 6px;
  border: 1px solid var(--line); border-radius: 13px; color: var(--text); background: rgba(255,255,255,.035); cursor: pointer; text-align: left;
}
.account-button:hover, .account-button[aria-expanded="true"] { border-color: rgba(68,237,242,.25); background: rgba(68,237,242,.055); }
.account-avatar { width: 31px; height: 31px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(68,237,242,.30); border-radius: 10px; color: #cbffff; background: linear-gradient(145deg, rgba(68,237,242,.16), rgba(99,168,255,.12)); font-size: 10px; font-weight: 850; }
.account-avatar.small { width: 34px; height: 34px; }
.account-copy { display: grid; min-width: 0; flex: 1; line-height: 1.1; }
.account-copy strong { font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
.account-copy small { color: var(--muted-2); font-size: 8px; margin-top: 4px; }
.account-chevron { width: 14px; height: 14px; fill: none; stroke: var(--muted); stroke-width: 1.8; }
.account-menu {
  position: absolute; right: 0; top: calc(100% + 10px); width: 230px; padding: 8px;
  border: 1px solid rgba(105,194,255,.19); border-radius: 16px;
  background: rgba(7,20,35,.96); box-shadow: 0 30px 90px rgba(0,4,12,.62); backdrop-filter: blur(24px);
}
.account-menu::before { content: ""; position: absolute; right: 24px; top: -5px; width: 9px; height: 9px; border-left: 1px solid var(--line); border-top: 1px solid var(--line); background: rgba(7,20,35,.96); transform: rotate(45deg); }
.account-menu-head { display: flex; align-items: center; gap: 10px; padding: 8px 8px 12px; border-bottom: 1px solid var(--line); margin-bottom: 5px; }
.account-menu-head div { display: grid; }
.account-menu-head strong { font-size: 11px; }
.account-menu-head small { color: var(--muted-2); font-size: 9px; margin-top: 3px; }
.account-menu-item { width: 100%; display: flex; align-items: center; gap: 9px; padding: 10px; border: 0; border-radius: 10px; color: #d4e2ee; background: transparent; cursor: pointer; text-align: left; font-size: 11px; }
.account-menu-item:hover { background: rgba(255,255,255,.045); }
.account-menu-item svg { width: 16px; height: 16px; fill: none; stroke: var(--cyan); stroke-width: 1.7; }
.account-menu-item.danger { color: #ffb5c1; }
.account-menu-item.danger svg { stroke: var(--red); }

.dashboard-main { width: min(1600px, calc(100% - 34px)); margin: 0 auto; padding: 22px 0 28px; }
.glass-panel, .glass-card {
  border: 1px solid var(--line); background: linear-gradient(145deg, rgba(15,33,55,.76), rgba(7,21,38,.66));
  box-shadow: var(--glass-shadow); backdrop-filter: blur(18px) saturate(130%);
}
.glass-panel { border-radius: 18px; }
.mode-banner { min-height: 60px; display: flex; align-items: center; gap: 13px; padding: 11px 15px; margin-bottom: 13px; position: relative; overflow: hidden; }
.mode-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(62,225,191,.035), transparent 45%); pointer-events: none; }
.mode-banner-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(62,225,191,.20); border-radius: 11px; color: var(--teal); background: rgba(62,225,191,.07); }
.mode-banner-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.mode-banner > div:nth-child(2) { display: grid; position: relative; z-index: 1; }
.mode-banner strong { font-size: 11px; }
.mode-banner span { color: var(--muted); font-size: 9px; margin-top: 3px; }
.mode-banner-state { margin-left: auto; position: relative; z-index: 1; display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(62,225,191,.12); border-radius: 10px; background: rgba(62,225,191,.035); }
.mode-banner-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 12px var(--teal); }
.mode-banner-state span { margin: 0; color: #b8d8d1; font-size: 9px; }

.kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 12px; margin-bottom: 13px; }
.kpi-card { min-height: 118px; border-radius: 17px; padding: 16px; display: grid; grid-template-columns: 43px minmax(0,1fr) auto; gap: 12px; align-items: center; position: relative; overflow: hidden; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.kpi-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 100% 0%, rgba(68,237,242,.08), transparent 45%); opacity: 0; transition: opacity .22s ease; }
.kpi-card:hover { transform: translateY(-2px); border-color: rgba(68,237,242,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 28px 70px rgba(0,6,18,.38); }
.kpi-card:hover::before { opacity: 1; }
.kpi-card.featured { border-color: rgba(99,168,255,.22); background: linear-gradient(145deg, rgba(14,39,69,.82), rgba(8,25,44,.72)); }
.kpi-icon { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 13px; position: relative; z-index: 1; }
.kpi-icon::after { content: ""; position: absolute; inset: 5px; border-radius: 9px; background: currentColor; opacity: .08; }
.kpi-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.kpi-icon.cyan { color: var(--cyan); }.kpi-icon.blue { color: var(--blue); }.kpi-icon.teal { color: var(--teal); }
.kpi-copy { display: grid; min-width: 0; position: relative; z-index: 1; }
.kpi-copy span { color: #a8bacd; font-size: 10px; }
.kpi-copy strong { margin-top: 6px; font-size: clamp(21px, 1.65vw, 29px); letter-spacing: -.05em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kpi-copy small { margin-top: 5px; color: var(--muted-2); font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-bars { width: 35px; height: 34px; display: flex; align-items: flex-end; gap: 3px; opacity: .8; position: relative; z-index: 1; }
.mini-bars i { flex: 1; border-radius: 4px; background: linear-gradient(to top, rgba(68,237,242,.08), var(--cyan)); }
.mini-bars i:nth-child(1){height:28%}.mini-bars i:nth-child(2){height:45%}.mini-bars i:nth-child(3){height:38%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:91%}
.mini-ring, .progress-orbit { --progress: 0; position: relative; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cyan) calc(var(--progress) * 1%), rgba(104,141,172,.16) 0); }
.mini-ring { width: 37px; height: 37px; }
.mini-ring::after, .progress-orbit::after { content: ""; position: absolute; border-radius: 50%; background: #0a1b2d; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); }
.mini-ring::after { inset: 5px; }
.mini-ring span { position: relative; z-index: 1; }
.progress-orbit { width: 44px; height: 44px; }
.progress-orbit::after { inset: 6px; }
.progress-orbit span { position: relative; z-index: 1; color: #d8f9ff; font-size: 9px; font-weight: 800; }
.progress-orbit.quality { background: conic-gradient(var(--teal) calc(var(--progress) * 1%), rgba(104,141,172,.16) 0); }
.kpi-sparkline { width: 74px; height: 42px; overflow: visible; position: relative; z-index: 1; }
.kpi-sparkline .spark-line { fill: none; stroke: var(--cyan); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(68,237,242,.45)); }
.kpi-sparkline .spark-fill { fill: rgba(68,237,242,.08); }

.primary-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, .58fr); gap: 13px; align-items: start; margin-bottom: 13px; }
.panel-head { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.panel-head.compact { min-height: 78px; }
.panel-head h2 { margin-top: 6px; font-size: 17px; letter-spacing: -.035em; }
.panel-head p { color: var(--muted); font-size: 9px; margin-top: 5px; line-height: 1.5; }
.panel-head-actions { display: flex; align-items: center; gap: 12px; }
.results-count { color: var(--muted-2); font-size: 9px; }
.text-button { border: 0; padding: 7px 9px; border-radius: 9px; color: var(--cyan); background: rgba(68,237,242,.055); cursor: pointer; font-size: 9px; font-weight: 750; }
.text-button:hover { background: rgba(68,237,242,.10); }
.recommendations-panel { overflow: hidden; min-height: 520px; }
.premium-list { padding: 10px; display: grid; gap: 9px; }
.recommendation-card {
  border: 1px solid rgba(139,206,255,.11); border-radius: 15px; background: linear-gradient(145deg, rgba(17,39,65,.58), rgba(7,22,39,.64)); overflow: hidden;
  animation: cardIn .45s both; animation-delay: var(--delay); transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.recommendation-card:hover { transform: translateY(-2px); border-color: rgba(68,237,242,.24); background: linear-gradient(145deg, rgba(20,47,78,.66), rgba(8,26,45,.70)); }
.recommendation-card.recommended { box-shadow: inset 3px 0 0 rgba(62,225,191,.70); }
.recommendation-card.watch { box-shadow: inset 3px 0 0 rgba(255,200,110,.68); }
@keyframes cardIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.rec-league { min-height: 37px; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-bottom: 1px solid rgba(139,206,255,.075); color: #a8bacb; font-size: 8px; }
.rec-league time { margin-left: auto; color: var(--muted-2); font-variant-numeric: tabular-nums; }
.league-badge { min-width: 26px; height: 20px; display: grid; place-items: center; border: 1px solid rgba(99,168,255,.22); border-radius: 7px; color: #bfe1ff; background: rgba(99,168,255,.07); font-size: 7px; font-weight: 850; letter-spacing: .04em; }
.rec-match { display: grid; grid-template-columns: minmax(0,1fr) 52px minmax(0,1fr); align-items: center; gap: 12px; padding: 13px 15px 12px; }
.team-block { display: flex; align-items: center; gap: 10px; min-width: 0; }
.team-block.away { justify-content: flex-end; text-align: right; }
.team-initial { width: 37px; height: 37px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(68,237,242,.19); border-radius: 50%; color: #d7ffff; background: radial-gradient(circle at 35% 30%, rgba(68,237,242,.18), rgba(99,168,255,.05)); font-size: 14px; font-weight: 850; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.team-block div { display: grid; min-width: 0; }
.team-block small { color: var(--muted-2); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.team-block strong { margin-top: 4px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.versus { display: grid; place-items: center; gap: 4px; }
.versus span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(139,206,255,.13); border-radius: 50%; color: var(--muted); background: rgba(255,255,255,.025); font-size: 8px; font-weight: 750; }
.versus small { color: var(--cyan); font-size: 8px; font-variant-numeric: tabular-nums; }
.rec-metrics { display: grid; grid-template-columns: 1.1fr repeat(4, .9fr) 1fr; border-top: 1px solid rgba(139,206,255,.075); border-bottom: 1px solid rgba(139,206,255,.075); }
.rec-metrics > div { min-height: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; border-right: 1px solid rgba(139,206,255,.07); text-align: center; min-width: 0; }
.rec-metrics > div:last-child { border-right: 0; }
.rec-metrics span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }
.rec-metrics strong { margin-top: 6px; font-size: 14px; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.rec-metrics small { max-width: 100%; color: #60778d; font-size: 7px; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rec-metrics .probability-cell, .rec-metrics .quality-cell { gap: 5px; }
.rec-metrics .probability-cell > span, .rec-metrics .quality-cell > span { margin-top: 0; }
.mini-progress-ring { --progress: 0; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cyan) calc(var(--progress) * 1%), rgba(96,128,157,.16) 0); position: relative; filter: drop-shadow(0 0 8px rgba(68,237,242,.10)); }
.mini-progress-ring::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #0a1c2f; }
.mini-progress-ring strong { position: relative; z-index: 1; margin: 0; color: #e7fdff; font-size: 9px; }
.quality-ring { background: conic-gradient(var(--teal) calc(var(--progress) * 1%), rgba(96,128,157,.16) 0); }
.rec-footer { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 14px; }
.selection-copy { display: grid; min-width: 0; }
.selection-copy span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.selection-copy strong { margin-top: 3px; font-size: 10px; }
.selection-copy small { margin-top: 3px; color: var(--muted-2); font-size: 7px; }
.status-pill { flex: 0 0 auto; min-height: 29px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid currentColor; border-radius: 9px; font-size: 8px; font-weight: 850; letter-spacing: .07em; }
.status-pill i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.status-pill.recommended { color: var(--teal); background: rgba(62,225,191,.065); }
.status-pill.watch { color: var(--amber); background: rgba(255,200,110,.055); }
.status-pill.rejected { color: var(--muted); background: rgba(255,255,255,.025); }
.positive { color: var(--teal) !important; }
.loading-state { min-height: 420px; display: grid; place-items: center; align-content: center; gap: 13px; color: var(--muted); font-size: 10px; }
.loader { width: 28px; height: 28px; border: 2px solid rgba(68,237,242,.13); border-top-color: var(--cyan); border-radius: 50%; animation: spin .8s linear infinite; }
.empty-state { min-height: 420px; display: grid; place-items: center; align-content: center; text-align: center; padding: 40px; }
.premium-empty h3 { margin-top: 18px; font-size: 16px; }
.premium-empty p { max-width: 460px; color: var(--muted); font-size: 10px; line-height: 1.65; margin-top: 9px; }
.empty-orbit { width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid rgba(68,237,242,.15); border-radius: 50%; position: relative; }
.empty-orbit::before { content: ""; position: absolute; inset: 9px; border: 1px dashed rgba(68,237,242,.17); border-radius: 50%; animation: spin 8s linear infinite; }
.empty-orbit span { width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 20px rgba(68,237,242,.65); }
.right-rail { display: grid; gap: 13px; }
.watch-panel, .safety-panel { overflow: hidden; }
.rail-head { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 15px; border-bottom: 1px solid var(--line); }
.rail-head > div { display: flex; align-items: center; gap: 8px; }
.rail-head svg { width: 16px; height: 16px; fill: none; stroke: var(--cyan); stroke-width: 1.7; }
.rail-head h2 { font-size: 12px; }
.rail-head > span { min-width: 23px; height: 21px; display: grid; place-items: center; border-radius: 7px; color: var(--cyan); background: rgba(68,237,242,.075); font-size: 8px; font-weight: 850; }
.rail-head .ok-label { min-width: auto; padding: 0 7px; color: var(--teal); background: rgba(62,225,191,.065); font-size: 7px; letter-spacing: .08em; }
.watchlist-items { padding: 7px; }
.watch-row { width: 100%; display: grid; grid-template-columns: 31px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 10px 8px; border: 0; border-bottom: 1px solid rgba(139,206,255,.075); color: var(--text); background: transparent; cursor: pointer; text-align: left; }
.watch-row:last-child { border-bottom: 0; }
.watch-row:hover { background: rgba(68,237,242,.035); border-radius: 9px; }
.watch-icon { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(99,168,255,.17); border-radius: 9px; color: #a5d3ff; background: rgba(99,168,255,.055); font-size: 7px; font-weight: 850; }
.watch-copy { display: grid; min-width: 0; }
.watch-copy strong { font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.watch-copy small { color: var(--muted-2); font-size: 7px; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.watch-odds { display: grid; justify-items: end; }
.watch-odds strong { font-size: 10px; font-variant-numeric: tabular-nums; }
.watch-odds small { color: var(--teal); font-size: 7px; margin-top: 4px; }
.rail-empty { min-height: 80px; display: grid; place-items: center; padding: 18px; color: var(--muted-2); font-size: 9px; text-align: center; }
.premium-rules { padding: 8px 14px 12px; position: relative; z-index: 1; }
.rule { min-height: 35px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid rgba(139,206,255,.07); font-size: 8px; }
.rule:last-child { border-bottom: 0; }
.rule > span:nth-child(2) { color: #9fb1c2; }
.rule strong { color: #e1f6ff; font-size: 9px; font-variant-numeric: tabular-nums; }
.rule-check { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: #071522; background: var(--cyan); font-size: 9px; font-weight: 900; }
.rule-check.blue { background: var(--blue); }.rule-check.teal, .rule-check.safe { background: var(--teal); }.rule-check.warning { background: var(--amber); }
.safety-panel { position: relative; min-height: 315px; }
.shield-visual { position: absolute; width: 110px; height: 110px; right: -19px; bottom: -24px; display: grid; place-items: center; opacity: .42; }
.shield-visual span { position: absolute; inset: 10px; border-radius: 50%; background: radial-gradient(circle, rgba(68,237,242,.30), transparent 68%); filter: blur(8px); }
.shield-visual svg { position: relative; width: 58px; height: 58px; fill: rgba(68,237,242,.05); stroke: var(--cyan); stroke-width: 1.1; filter: drop-shadow(0 0 15px rgba(68,237,242,.45)); }

.analytics-grid { display: grid; grid-template-columns: 1.25fr .82fr .93fr; gap: 13px; margin-bottom: 13px; }
.chart-panel, .quality-panel, .edge-panel { min-height: 306px; padding: 17px; overflow: hidden; }
.chart-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.chart-head h3 { margin-top: 5px; font-size: 13px; letter-spacing: -.025em; }
.chart-period { padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 8px; }
.chart-value-row { display: flex; align-items: baseline; gap: 10px; margin-top: 18px; }
.chart-value-row strong { font-size: 22px; letter-spacing: -.04em; }
.chart-value-row span { color: var(--teal); font-size: 9px; font-weight: 750; }
.chart-value-row span.negative { color: var(--red); }
.line-chart-wrap { position: relative; height: 205px; margin-top: 4px; }
.line-chart-wrap svg { width: 100%; height: 100%; overflow: visible; }
.chart-grid path { fill: none; stroke: rgba(139,206,255,.07); stroke-width: 1; vector-effect: non-scaling-stroke; }
.chart-area { fill: url(#bankrollGradient); }
.chart-line { fill: none; stroke: var(--cyan); stroke-width: 2.5; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(68,237,242,.38)); }
.chart-dots circle { fill: #d7ffff; stroke: var(--cyan); stroke-width: 3; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 7px rgba(68,237,242,.65)); }
.chart-empty-note { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted-2); font-size: 9px; }
.quality-content { min-height: 235px; display: grid; grid-template-columns: 150px 1fr; gap: 18px; align-items: center; }
.quality-gauge { --progress: 0; width: 126px; height: 126px; margin: 0 auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cyan) calc(var(--progress) * 1%), rgba(96,128,157,.14) 0); position: relative; box-shadow: 0 0 36px rgba(68,237,242,.08); }
.quality-gauge::before { content: ""; position: absolute; inset: 11px; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #102d49, #081a2d 70%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.035); }
.quality-gauge div { position: relative; z-index: 1; display: grid; place-items: center; }
.quality-gauge strong { font-size: 22px; letter-spacing: -.04em; }
.quality-gauge span { color: var(--muted); font-size: 9px; margin-top: 3px; }
.quality-stats { display: grid; gap: 16px; }
.quality-stats > div { display: grid; grid-template-columns: 76px minmax(60px,1fr) auto; align-items: center; gap: 9px; }
.quality-stats span { color: var(--muted); font-size: 8px; }
.quality-stats strong { color: #dffcff; font-size: 9px; min-width: 40px; text-align: right; font-variant-numeric: tabular-nums; }
.metric-track { height: 5px; border-radius: 99px; background: rgba(103,139,169,.14); overflow: hidden; }
.metric-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); box-shadow: 0 0 12px rgba(68,237,242,.45); transition: width .5s ease; }
.edge-chart { display: grid; gap: 11px; margin-top: 21px; }
.edge-row { display: grid; grid-template-columns: minmax(120px,1.25fr) minmax(80px,1fr) 48px; align-items: center; gap: 10px; }
.edge-label { display: flex; align-items: center; gap: 8px; min-width: 0; }
.league-dot { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(99,168,255,.17); border-radius: 8px; color: #b6d9ff; background: rgba(99,168,255,.055); font-size: 7px; font-weight: 800; }
.edge-label div { display: grid; min-width: 0; }
.edge-label strong { font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.edge-label small { color: var(--muted-2); font-size: 7px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.edge-track { height: 6px; border-radius: 99px; background: rgba(103,139,169,.13); overflow: hidden; }
.edge-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--teal), var(--cyan)); box-shadow: 0 0 12px rgba(68,237,242,.35); }
.edge-row > strong { color: var(--teal); font-size: 9px; text-align: right; font-variant-numeric: tabular-nums; }

.secondary-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 13px; }
.sources-panel, .lab-panel { overflow: hidden; }
.source-summary { display: grid; grid-template-columns: auto auto; align-items: center; gap: 3px 7px; }
.source-summary .pulse-dot { grid-row: 1 / 3; }
.source-summary strong { font-size: 11px; }
.source-summary small { color: var(--muted-2); font-size: 7px; }
.premium-sources { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; padding: 11px; }
.source-card { min-height: 77px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid rgba(139,206,255,.09); border-radius: 13px; background: rgba(255,255,255,.018); animation: cardIn .45s both; animation-delay: var(--delay); }
.source-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; }
.source-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.source-icon.connected { color: var(--teal); border: 1px solid rgba(62,225,191,.17); background: rgba(62,225,191,.055); }
.source-icon.waiting { color: var(--amber); border: 1px solid rgba(255,200,110,.17); background: rgba(255,200,110,.045); }
.source-copy { display: grid; min-width: 0; }
.source-copy strong { font-size: 9px; }
.source-copy span { color: #89a0b5; font-size: 8px; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.source-copy small { color: var(--muted-2); font-size: 7px; margin-top: 3px; }
.source-status { display: flex; align-items: center; gap: 5px; font-size: 7px; font-weight: 800; letter-spacing: .07em; }
.source-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.source-status.connected { color: var(--teal); }.source-status.waiting { color: var(--amber); }
.collapse-button { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--cyan); background: rgba(68,237,242,.045); cursor: pointer; font-size: 8px; }
.collapse-button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .2s ease; }
.collapse-button[aria-expanded="true"] svg { transform: rotate(180deg); }
.lab-content { border-top: 1px solid var(--line); }
.manual-form { display: grid; grid-template-columns: .8fr 1.15fr 1fr 1fr .6fr .6fr .6fr auto; gap: 9px; align-items: end; padding: 16px; }
label { display: grid; gap: 6px; color: #91a8bd; font-size: 8px; }
input, select {
  width: 100%; min-width: 0; min-height: 39px; border: 1px solid var(--line); border-radius: 10px; padding: 9px 10px;
  color: var(--text); background: rgba(1,9,19,.35); outline: 0; font-size: 10px;
}
input:focus, select:focus { border-color: rgba(68,237,242,.36); box-shadow: 0 0 0 3px rgba(68,237,242,.055), 0 0 18px rgba(68,237,242,.05); }
.button { min-height: 39px; border-radius: 10px; padding: 0 13px; border: 1px solid transparent; cursor: pointer; font-size: 9px; font-weight: 800; transition: transform .17s ease, filter .17s ease, border-color .17s ease; }
.button:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.05); }
.button:disabled { opacity: .48; cursor: wait; }
.primary-button { color: #03131d; background: linear-gradient(135deg, var(--cyan), #56b6ff); box-shadow: 0 10px 25px rgba(68,237,242,.13); }
.secondary-button { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.035); }
.form-message { min-height: 18px; padding: 0 16px 14px; color: var(--red); font-size: 9px; }
.form-message[data-type="success"] { color: var(--teal); }

.app-footer { min-height: 48px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 0 24px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 8px; }
.app-footer > div { display: flex; align-items: center; gap: 8px; }
.app-footer > div:nth-child(2) { gap: 6px; }
.app-footer strong { justify-self: end; color: var(--blue); font-size: 8px; letter-spacing: .14em; }

.modal-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 22px; background: rgba(1,7,16,.77); backdrop-filter: blur(12px); }
.modal-card { width: min(520px, 100%); max-height: calc(100vh - 44px); overflow: auto; background: linear-gradient(145deg, rgba(13,35,58,.98), rgba(6,20,36,.98)); }
.modal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 23px 24px 19px; border-bottom: 1px solid var(--line); }
.modal-head h2 { font-size: 20px; margin: 6px 0 7px; letter-spacing: -.035em; }
.modal-head p { color: var(--muted); font-size: 9px; line-height: 1.5; }
.modal-close { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.035); cursor: pointer; }
.modal-close:hover { color: var(--text); background: rgba(255,255,255,.065); }
.modal-close svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.password-form { display: grid; gap: 14px; padding: 21px 24px 24px; }
.password-form label { font-size: 10px; }
.password-form input { min-height: 44px; font-size: 12px; }
.password-help { color: var(--muted-2); font-size: 8px; }
.modal-message { min-height: 18px; color: var(--red); font-size: 9px; line-height: 1.45; }
.modal-message[data-type="success"] { color: var(--teal); }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; }

/* Premium glass login page */
.auth-body { display: grid; place-items: center; padding: 28px; background: radial-gradient(circle at 15% 16%, rgba(46,184,225,.18), transparent 31%), radial-gradient(circle at 87% 74%, rgba(38,220,194,.10), transparent 27%), linear-gradient(145deg, #030812, #071625 52%, #030812); }
.auth-page { width: min(1060px,100%); min-height: 630px; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr); border: 1px solid rgba(139,206,255,.15); border-radius: 27px; overflow: hidden; background: rgba(5,17,31,.78); box-shadow: 0 45px 130px rgba(0,4,12,.58); backdrop-filter: blur(24px); }
.auth-visual { min-height: 630px; padding: 46px; display: flex; flex-direction: column; position: relative; overflow: hidden; border-right: 1px solid var(--line); background: linear-gradient(145deg, rgba(15,61,91,.49), rgba(6,20,36,.82)), radial-gradient(circle at 70% 25%, rgba(68,237,242,.18), transparent 34%); }
.auth-visual::before { content: ""; position: absolute; width: 360px; height: 360px; right: -125px; bottom: -145px; border: 1px solid rgba(68,237,242,.13); border-radius: 50%; box-shadow: 0 0 0 55px rgba(68,237,242,.024), 0 0 0 110px rgba(99,168,255,.016); }
.auth-brand { display: flex; align-items: center; gap: 13px; position: relative; z-index: 1; }
.auth-brand .logo-mark { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(68,237,242,.28); border-radius: 16px; color: var(--cyan); background: linear-gradient(145deg, rgba(68,237,242,.17), rgba(99,168,255,.07)); font-size: 22px; font-weight: 900; box-shadow: 0 0 28px rgba(68,237,242,.10); }
.auth-brand h1 { font-size: 22px; letter-spacing: -.04em; }.auth-brand h1 span { color: var(--cyan); font-weight: 600; }.auth-brand p { color: var(--muted); font-size: 10px; margin-top: 4px; }
.auth-copy { margin: auto 0; max-width: 500px; position: relative; z-index: 1; }
.auth-copy .eyebrow { color: var(--cyan); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.auth-copy h2 { font-size: clamp(31px,4vw,47px); line-height: 1.08; letter-spacing: -.048em; margin: 10px 0 19px; }
.auth-copy > p:last-child { color: #9bb1c4; font-size: 13px; line-height: 1.75; max-width: 470px; }
.auth-safety { display: grid; gap: 10px; color: #a8bdcf; font-size: 10px; position: relative; z-index: 1; }
.auth-safety span { display: flex; align-items: center; gap: 8px; }.auth-safety i { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 13px rgba(62,225,191,.65); }
.auth-card { padding: 58px 48px 40px; display: flex; flex-direction: column; justify-content: center; background: rgba(5,17,31,.68); }
.auth-card-head { margin-bottom: 28px; }.auth-card-head .eyebrow { color: var(--cyan); font-size: 9px; font-weight: 800; letter-spacing: .15em; }.auth-card-head h2 { font-size: 25px; letter-spacing: -.038em; margin: 7px 0 8px; }.auth-card-head > p:last-child { color: var(--muted); font-size: 11px; }
.auth-lock { width: 42px; height: 42px; border: 1px solid rgba(68,237,242,.22); border-radius: 13px; margin-bottom: 22px; background: rgba(68,237,242,.06); position: relative; }
.auth-lock::before { content: ""; position: absolute; width: 13px; height: 11px; left: 13px; top: 16px; border: 2px solid var(--cyan); border-radius: 3px; }.auth-lock::after { content: ""; position: absolute; width: 9px; height: 9px; left: 15px; top: 9px; border: 2px solid var(--cyan); border-bottom: 0; border-radius: 8px 8px 0 0; }
.auth-form { display: grid; gap: 17px; }.auth-form label { font-size: 10px; }.auth-form input { min-height: 48px; background: rgba(1,9,19,.38); border-color: rgba(139,206,255,.16); font-size: 13px; padding: 12px 13px; }
.password-field { position: relative; }.password-field input { padding-right: 74px; }.password-toggle { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); border: 0; border-radius: 8px; padding: 7px 8px; color: var(--cyan); background: rgba(68,237,242,.06); cursor: pointer; font-size: 9px; font-weight: 800; }
.remember-row { display: flex !important; align-items: flex-start; gap: 10px; cursor: pointer; padding: 2px 0; }.remember-row input { width: 17px; height: 17px; min-height: 0; margin: 1px 0 0; accent-color: var(--cyan); }.remember-row span { display: grid; }.remember-row strong { color: var(--text); font-size: 10px; }.remember-row small { color: var(--muted); font-size: 9px; margin-top: 3px; line-height: 1.4; }
.auth-submit { min-height: 48px; margin-top: 2px; border: 0; border-radius: 11px; color: #03131d; background: linear-gradient(135deg,var(--cyan),#5ba8ff); font-size: 11px; font-weight: 850; cursor: pointer; }.auth-submit:disabled { opacity: .5; cursor: wait; }
.auth-message { min-height: 19px; font-size: 10px; line-height: 1.45; color: var(--red); }.auth-message[data-type="success"] { color: var(--teal); }.auth-footnote { color: var(--muted-2); font-size: 8px; line-height: 1.55; margin-top: 20px; text-align: center; }

.mobile-scrim { position: fixed; inset: 0; z-index: 75; background: rgba(1,7,15,.66); opacity: 0; backdrop-filter: blur(4px); transition: opacity .18s ease; }
.mobile-scrim.visible { opacity: 1; }

@media (max-width: 1380px) {
  :root { --sidebar-width: 220px; }
  .app-topbar { grid-template-columns: minmax(190px,.7fr) auto minmax(390px,1.2fr); padding-inline: 18px; }
  .topbar-center .last-sync { display: none; }
  .kpi-grid { grid-template-columns: repeat(3,1fr); }
  .kpi-card:nth-child(4), .kpi-card:nth-child(5) { grid-column: span 1; }
  .primary-grid { grid-template-columns: minmax(0,1.5fr) minmax(280px,.55fr); }
  .analytics-grid { grid-template-columns: 1.25fr 1fr; }
  .edge-panel { grid-column: 1 / -1; min-height: 235px; }
  .edge-chart { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 22px; }
}

@media (max-width: 1120px) {
  .dashboard-layout { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: 0; top: 0; width: min(295px,86vw); transform: translateX(-105%); transition: transform .22s ease; box-shadow: 25px 0 90px rgba(0,4,12,.58); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-close, .mobile-menu { display: grid; }
  .app-topbar { grid-template-columns: minmax(180px,1fr) auto; }
  .topbar-center { display: none; }
  .topbar-actions { min-width: 0; }
  .primary-grid { grid-template-columns: 1fr; }
  .right-rail { grid-template-columns: 1fr 1fr; }
  .secondary-grid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .app-topbar { position: relative; min-height: auto; grid-template-columns: 1fr; padding: 14px 14px 12px; }
  .topbar-actions { justify-content: flex-start; flex-wrap: wrap; }
  .date-filter { order: 3; }
  .league-filter { order: 4; }
  .icon-button { margin-left: auto; }
  .account { order: 2; }
  .dashboard-main { width: min(100% - 22px,1600px); padding-top: 12px; }
  .mode-banner { align-items: flex-start; }
  .mode-banner-state { display: none; }
  .kpi-grid { grid-template-columns: repeat(2,1fr); }
  .kpi-card.featured { grid-column: 1 / -1; }
  .right-rail { grid-template-columns: 1fr; }
  .analytics-grid { grid-template-columns: 1fr; }
  .edge-panel { grid-column: auto; }
  .edge-chart { grid-template-columns: 1fr; }
  .secondary-grid { grid-template-columns: 1fr; }
  .premium-sources { grid-template-columns: 1fr; }
  .rec-metrics { grid-template-columns: repeat(3,1fr); }
  .rec-metrics > div:nth-child(3) { border-right: 0; }
  .rec-metrics > div:nth-child(-n+3) { border-bottom: 1px solid rgba(139,206,255,.07); }
  .manual-form { grid-template-columns: repeat(2,1fr); }
  .app-footer { grid-template-columns: 1fr auto; }
  .app-footer > div:nth-child(2) { display: none; }
  .auth-body { padding: 16px; }
  .auth-page { grid-template-columns: 1fr; min-height: 0; width: min(520px,100%); }
  .auth-visual { min-height: 245px; padding: 28px; border-right: 0; border-bottom: 1px solid var(--line); }
  .auth-copy { margin: 38px 0 16px; }.auth-copy h2 { font-size: 31px; }.auth-copy > p:last-child { display: none; }.auth-safety { display: none; }.auth-card { padding: 34px 28px 30px; }
}

@media (max-width: 620px) {
  .page-context h1 { font-size: 18px; }
  .topbar-actions { display: grid; grid-template-columns: 1fr auto auto; width: 100%; }
  .date-filter { grid-column: 1 / -1; width: 100%; }
  .filter-button { flex: 1; }
  .league-filter { min-width: 0; }
  .account-copy { display: none; }
  .account-button { min-width: 0; }
  .kpi-grid { grid-template-columns: 1fr; }
  .kpi-card.featured { grid-column: auto; }
  .panel-head { align-items: flex-start; flex-direction: column; }
  .panel-head-actions { width: 100%; justify-content: space-between; }
  .rec-match { grid-template-columns: 1fr 36px 1fr; padding-inline: 10px; }
  .team-block { gap: 7px; }.team-initial { width: 32px; height: 32px; }.team-block strong { font-size: 10px; }
  .rec-metrics { grid-template-columns: repeat(2,1fr); }
  .rec-metrics > div { border-bottom: 1px solid rgba(139,206,255,.07); }
  .rec-metrics > div:nth-child(2n) { border-right: 0; }
  .rec-metrics > div:nth-last-child(-n+2) { border-bottom: 0; }
  .rec-footer { align-items: flex-start; flex-direction: column; }
  .status-pill { align-self: stretch; justify-content: center; }
  .quality-content { grid-template-columns: 1fr; padding-top: 20px; }
  .quality-stats { width: 100%; }
  .manual-form { grid-template-columns: 1fr; }
  .app-footer { grid-template-columns: 1fr; text-align: center; padding-block: 13px; }
  .app-footer > div { justify-content: center; }.app-footer strong { justify-self: center; }
  .modal-actions { flex-direction: column-reverse; }.modal-actions .button { width: 100%; }
}

@media (max-width: 520px) {
  .auth-body { padding: 0; display: block; }.auth-page { min-height: 100vh; border: 0; border-radius: 0; }.auth-visual { min-height: 205px; padding: 22px; }.auth-copy { margin: 32px 0 0; }.auth-copy h2 { font-size: 26px; margin-bottom: 0; }.auth-card { padding: 30px 22px; }
}

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


/* Match-card clarity and mini-chart extension */

.recommendation-card.insight-enabled {
  background:
    radial-gradient(circle at 12% 0%, rgba(68,237,242,.055), transparent 33%),
    linear-gradient(145deg, rgba(17,39,65,.66), rgba(7,22,39,.74));
}

.match-market-label {
  margin-left: 3px;
  padding: 4px 7px;
  border: 1px solid rgba(68,237,242,.13);
  border-radius: 7px;
  color: #8edee8;
  background: rgba(68,237,242,.035);
  font-size: 7px;
  font-weight: 750;
  letter-spacing: .05em;
}

.rec-match-hero {
  min-height: 92px;
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) 44px auto;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  position: relative;
}

.rec-match-hero::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(68,237,242,.13), transparent);
}

.hero-team-initial {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(68,237,242,.25);
  border-radius: 14px;
  color: #dcffff;
  background:
    radial-gradient(circle at 35% 25%, rgba(68,237,242,.22), transparent 54%),
    rgba(68,237,242,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 22px rgba(68,237,242,.065);
  font-size: 16px;
  font-weight: 900;
}

.hero-team-initial.away {
  border-color: rgba(99,168,255,.25);
  background:
    radial-gradient(circle at 35% 25%, rgba(99,168,255,.22), transparent 54%),
    rgba(99,168,255,.05);
}

.match-title-copy {
  min-width: 0;
  display: grid;
}

.match-title-kicker {
  color: var(--cyan);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .16em;
}

.match-title-copy h3 {
  margin-top: 5px;
  color: #f5fbff;
  font-size: clamp(16px, 1.45vw, 22px);
  line-height: 1.18;
  letter-spacing: -.04em;
  font-weight: 760;
  overflow-wrap: anywhere;
}

.match-title-copy h3 em {
  margin: 0 6px;
  color: var(--cyan);
  font-size: .67em;
  font-style: normal;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.match-title-copy p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
  color: #7890a6;
  font-size: 7.5px;
  line-height: 1.4;
}

.match-title-copy p span {
  white-space: nowrap;
}

.match-title-copy p b {
  color: #a9bed0;
  font-weight: 700;
}

.match-title-copy p i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(68,237,242,.45);
}

.hero-selection {
  min-width: 154px;
  max-width: 215px;
  padding: 10px 12px;
  border: 1px solid rgba(62,225,191,.16);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(62,225,191,.075), rgba(68,237,242,.025));
  text-align: right;
}

.hero-selection span {
  display: block;
  color: #6f899f;
  font-size: 6.5px;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.hero-selection strong {
  display: block;
  margin-top: 5px;
  color: #baffea;
  font-size: 10px;
  line-height: 1.25;
}

.rec-insights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  padding: 10px 12px 11px;
  border-bottom: 1px solid rgba(139,206,255,.075);
  background: rgba(2,13,25,.19);
}

.insight-card {
  min-height: 111px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(139,206,255,.09);
  border-radius: 11px;
  background:
    linear-gradient(145deg, rgba(15,37,61,.52), rgba(5,20,36,.48));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  overflow: hidden;
}

.insight-card:hover {
  border-color: rgba(68,237,242,.17);
  background: linear-gradient(145deg, rgba(17,43,70,.57), rgba(6,23,41,.54));
}

.insight-head {
  min-height: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.insight-head > div {
  min-width: 0;
  display: grid;
}

.insight-head span {
  color: #5f819c;
  font-size: 6px;
  font-weight: 850;
  letter-spacing: .11em;
}

.insight-head strong {
  margin-top: 4px;
  color: #bfd0df;
  font-size: 7px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gap-value {
  flex: 0 0 auto;
  padding: 4px 6px;
  border-radius: 7px;
  background: rgba(62,225,191,.055);
  font-size: 7px;
  font-variant-numeric: tabular-nums;
}

.gap-value.negative {
  color: var(--red) !important;
  background: rgba(255,126,145,.06);
}

.compare-bars {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.compare-row {
  display: grid;
  gap: 5px;
}

.compare-row > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.compare-row span {
  color: #8097ac;
  font-size: 7px;
}

.compare-row strong {
  color: #e0f7ff;
  font-size: 7px;
  font-variant-numeric: tabular-nums;
}

.compare-track,
.xg-track {
  height: 5px;
  border-radius: 999px;
  background: rgba(94,128,158,.14);
  overflow: hidden;
}

.compare-track i,
.xg-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  transition: width .48s ease;
}

.compare-track i.cyan {
  background: linear-gradient(90deg, #1c9fc4, var(--cyan));
  box-shadow: 0 0 9px rgba(68,237,242,.35);
}

.compare-track i.blue {
  background: linear-gradient(90deg, #4778c7, var(--blue));
  box-shadow: 0 0 9px rgba(99,168,255,.24);
}

.insight-sparkline {
  width: 100%;
  height: 57px;
  margin-top: 5px;
  overflow: visible;
}

.insight-spark-area {
  fill: rgba(68,237,242,.075);
}

.insight-spark-line {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 4px rgba(68,237,242,.38));
}

.insight-sparkline circle {
  fill: #eaffff;
  stroke: var(--cyan);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 5px rgba(68,237,242,.55));
}

.trend-state {
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 8px;
  font-size: 13px;
}

.trend-state.down {
  color: var(--teal);
  background: rgba(62,225,191,.07);
}

.trend-state.up {
  color: var(--amber);
  background: rgba(255,200,110,.07);
}

.trend-state.flat {
  color: var(--muted);
  background: rgba(255,255,255,.035);
}

.form-card,
.xg-card {
  display: flex;
  flex-direction: column;
}

.form-team-row {
  display: grid;
  grid-template-columns: minmax(48px,.8fr) auto;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
}

.form-team-row > span {
  min-width: 0;
  color: #9eb2c4;
  font-size: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-team-row > div {
  display: flex;
  justify-content: flex-end;
  gap: 3px;
}

.form-chip {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 6px;
  font-size: 6px;
  font-weight: 900;
  cursor: help;
}

.form-chip.w {
  color: var(--teal);
  background: rgba(62,225,191,.07);
}

.form-chip.d {
  color: #95a9bb;
  background: rgba(149,169,187,.05);
}

.form-chip.l {
  color: var(--red);
  background: rgba(255,126,145,.06);
}

.form-empty {
  color: #5d758a;
  font-size: 6.5px;
}

.xg-bars {
  display: grid;
  gap: 11px;
  margin-top: 12px;
}

.xg-row {
  display: grid;
  grid-template-columns: minmax(45px,.85fr) minmax(45px,1.15fr) 28px;
  align-items: center;
  gap: 6px;
}

.xg-row > span {
  min-width: 0;
  color: #849bad;
  font-size: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.xg-row > strong {
  color: #e1f8ff;
  font-size: 7px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.xg-track i.home {
  background: linear-gradient(90deg, #1398b9, var(--cyan));
  box-shadow: 0 0 8px rgba(68,237,242,.30);
}

.xg-track i.away {
  background: linear-gradient(90deg, #3f78c2, var(--blue));
  box-shadow: 0 0 8px rgba(99,168,255,.24);
}

.insight-no-data {
  min-height: 57px;
  display: grid;
  place-items: center;
  color: #5f778c;
  font-size: 7px;
}

@media (max-width: 1500px) {
  .rec-insights {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .insight-card {
    min-height: 104px;
  }
}

@media (max-width: 1120px) {
  .rec-insights {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

@media (max-width: 980px) {
  .rec-insights {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 720px) {
  .rec-match-hero {
    grid-template-columns: 38px minmax(0,1fr) 38px;
    gap: 9px;
    padding: 12px;
  }

  .hero-team-initial {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    font-size: 14px;
  }

  .match-title-copy h3 {
    font-size: 15px;
  }

  .match-title-copy p span:nth-of-type(1),
  .match-title-copy p span:nth-of-type(2),
  .match-title-copy p i {
    display: none;
  }

  .hero-selection {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    min-width: 0;
    text-align: left;
  }
}

@media (max-width: 560px) {
  .rec-insights {
    grid-template-columns: 1fr;
  }

  .insight-card {
    min-height: 101px;
  }

  .rec-league {
    flex-wrap: wrap;
    padding-block: 7px;
  }

  .rec-league time {
    width: 100%;
    margin-left: 34px;
  }
}


/* Phase 1B-4 control-center panels. */
.phase4-zone{display:grid;gap:13px;margin:0 0 13px;scroll-margin-top:95px}.phase4-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px}.phase4-title h2{margin-top:6px;font-size:17px;letter-spacing:-.035em}.phase4-title p{margin-top:5px;color:var(--muted);font-size:9px}.phase4-title>b{padding:8px 10px;border:1px solid rgba(68,237,242,.18);border-radius:10px;color:var(--cyan);background:rgba(68,237,242,.045);font-size:8px;letter-spacing:.07em}.phase4-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px}.phase4-kpi{min-height:86px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid rgba(139,206,255,.10);border-radius:14px;background:linear-gradient(145deg,rgba(16,38,64,.54),rgba(7,22,39,.66))}.phase4-kpi.connected{border-color:rgba(62,225,191,.18)}.phase4-kpi.waiting{border-color:rgba(255,200,110,.15)}.phase4-kpi span{color:var(--muted);font-size:8px}.phase4-kpi strong{margin-top:7px;font-size:20px;letter-spacing:-.04em}.phase4-kpi small{margin-top:5px;color:var(--muted-2);font-size:7px}.phase4-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.phase4-panel{overflow:hidden;scroll-margin-top:95px}.phase4-head{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line)}.phase4-head h3{margin-top:5px;font-size:13px}.phase4-head>b{padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font-size:7px}.phase4-body{padding:12px}.p4-list{display:grid}.p4-list>div{min-height:43px;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;padding:7px 8px;border-bottom:1px solid rgba(139,206,255,.06)}.p4-list i{width:7px;height:7px;border-radius:50%}.p4-list i.on{background:var(--teal);box-shadow:0 0 11px var(--teal)}.p4-list i.standby{background:var(--amber)}.p4-list span{display:grid}.p4-list strong{font-size:9px}.p4-list small{margin-top:3px;color:var(--muted-2);font-size:7px}.p4-list b{color:var(--teal);font-size:7px}.p4-last{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:10px;padding:10px;border:1px solid rgba(68,237,242,.09);border-radius:10px;background:rgba(68,237,242,.025)}.p4-last span{color:var(--muted);font-size:8px}.p4-last strong{font-size:9px}.p4-last small{grid-column:1/-1;color:var(--muted-2);font-size:7px}.p4-claims{display:grid;gap:8px;max-height:390px;overflow:auto}.p4-claims article{padding:10px;border:1px solid rgba(139,206,255,.09);border-radius:12px;background:rgba(255,255,255,.018)}.p4-claims article>div{display:flex;justify-content:space-between}.p4-claims article>div span{color:var(--cyan);font-size:7px}.p4-claims article>div b{color:var(--teal);font-size:8px}.p4-claims article>strong{display:block;margin-top:7px;font-size:9px;line-height:1.45}.p4-claims p,.p4-claims small{display:block;margin-top:5px;color:var(--muted-2);font-size:7px}.p4-claims footer{display:flex;align-items:center;gap:6px;margin-top:8px}.p4-claims footer em{margin-right:auto;color:var(--amber);font-size:7px;font-style:normal}.p4-claims button{padding:5px 7px;border:1px solid rgba(62,225,191,.18);border-radius:7px;color:var(--teal);background:rgba(62,225,191,.04);font-size:7px;cursor:pointer}.p4-claims button.reject{color:var(--red);border-color:rgba(255,126,145,.18)}.p4-empty{min-height:130px;display:grid;place-items:center;align-content:center;gap:6px;padding:22px;text-align:center}.p4-empty strong{font-size:10px}.p4-empty span{max-width:430px;color:var(--muted-2);font-size:8px;line-height:1.5}.phase4-table-wrap{overflow:auto}.p4-table{width:100%;min-width:820px;border-collapse:collapse;font-size:8px}.p4-table th{padding:10px 12px;color:var(--muted-2);text-align:left;font-size:7px;border-bottom:1px solid var(--line)}.p4-table td{padding:11px 12px;border-bottom:1px solid rgba(139,206,255,.06);color:#b8c9d8}.p4-table td:first-child{display:grid}.p4-table td:first-child strong{font-size:9px;color:#e8f8ff}.p4-table td:first-child small{margin-top:3px;color:var(--muted-2);font-size:7px}.result{padding:5px 7px;border-radius:7px;font-size:7px}.result.open{color:var(--blue);background:rgba(99,168,255,.06)}.result.won{color:var(--teal);background:rgba(62,225,191,.06)}.result.lost{color:var(--red);background:rgba(255,126,145,.05)}.negative{color:var(--red)!important}.p4-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-top:1px solid rgba(139,206,255,.07);background:rgba(1,11,22,.18)}.p4-card-actions>div{display:flex;gap:15px;flex-wrap:wrap}.p4-card-actions span{display:grid;gap:3px}.p4-card-actions span b{color:var(--muted-2);font-size:6px;text-transform:uppercase}.p4-card-actions span strong{font-size:8px}.p4-card-actions aside{display:flex;gap:7px}.p4-card-actions button{min-height:27px;padding:0 9px;border:1px solid rgba(99,168,255,.17);border-radius:8px;color:#bfe0ff;background:rgba(99,168,255,.045);font-size:7px;font-weight:800;cursor:pointer}.p4-card-actions button.paper{color:var(--teal);border-color:rgba(62,225,191,.22);background:rgba(62,225,191,.055)}.p4-card-actions button:disabled{opacity:.5}.phase4-drawer-bg{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end;background:rgba(1,7,16,.66);backdrop-filter:blur(8px)}.phase4-drawer{width:min(760px,94vw);height:100vh;overflow:auto;border-left:1px solid rgba(139,206,255,.17);background:linear-gradient(155deg,rgba(11,31,53,.99),rgba(4,16,30,.99));box-shadow:-35px 0 110px rgba(0,4,12,.64)}.drawer-head{min-height:104px;display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid var(--line)}.drawer-head h2{margin-top:6px;font-size:22px}.drawer-head p{margin-top:5px;color:var(--muted);font-size:9px}.drawer-head button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:rgba(255,255,255,.035);font-size:22px;cursor:pointer}.drawer-body{padding:15px}.drawer-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.drawer-kpis article{min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:13px;border:1px solid rgba(139,206,255,.10);border-radius:13px;background:rgba(255,255,255,.02)}.drawer-kpis span{color:var(--muted);font-size:8px}.drawer-kpis strong{margin-top:9px;font-size:18px}.drawer-section{margin-top:12px;padding:14px;border:1px solid rgba(139,206,255,.09);border-radius:14px;background:rgba(255,255,255,.016)}.drawer-section h3{margin-bottom:12px;font-size:11px}.drawer-section>p{color:var(--muted);font-size:9px}.drawer-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.drawer-facts span{min-height:58px;display:flex;flex-direction:column;justify-content:center;padding:9px;border:1px solid rgba(139,206,255,.07);border-radius:10px;color:var(--muted-2);font-size:7px}.drawer-facts b{margin-top:6px;color:#e0f4ff;font-size:9px}.drawer-list{display:grid}.drawer-list>div{display:grid;gap:4px;padding:8px;border-bottom:1px solid rgba(139,206,255,.06)}.drawer-list strong{font-size:8px}.drawer-list span{color:var(--muted);font-size:7px}@media(max-width:1450px){.phase4-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.phase4-grid{grid-template-columns:1fr}.p4-card-actions{align-items:flex-start;flex-direction:column}.p4-card-actions aside{width:100%}.p4-card-actions button{flex:1}.drawer-kpis,.drawer-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.phase4-title{align-items:flex-start;flex-direction:column}.phase4-kpis{grid-template-columns:repeat(2,1fr)}.phase4-drawer{width:100vw}.drawer-kpis,.drawer-facts{grid-template-columns:1fr}}@media(max-width:430px){.phase4-kpis{grid-template-columns:1fr}}


/* Comfort readability layer for stave.mitja.si.
   Loaded last so the dashboard keeps the Premium Glass look while using
   practical text sizes on desktop and high-resolution displays. */

.panel-head h2 {
  font-size: 21px;
  line-height: 1.2;
}

.panel-head p {
  font-size: 11px;
  line-height: 1.55;
}

.section-kicker,
.context-kicker {
  font-size: 10px;
}

.results-count,
.text-button {
  font-size: 11px;
}

.rec-league {
  min-height: 44px;
  gap: 10px;
  padding-inline: 16px;
  font-size: 10px;
}

.league-badge {
  min-width: 31px;
  height: 24px;
  font-size: 9px;
}

.match-market-label {
  padding: 5px 9px;
  font-size: 9px;
}

.rec-match-hero {
  min-height: 112px;
  grid-template-columns: 52px minmax(0, 1fr) 52px auto;
  gap: 16px;
  padding: 17px 18px;
}

.hero-team-initial {
  width: 52px;
  height: 52px;
  border-radius: 15px;
  font-size: 19px;
}

.match-title-kicker {
  font-size: 9px;
}

.match-title-copy h3 {
  margin-top: 6px;
  font-size: clamp(23px, 1.7vw, 31px);
  line-height: 1.16;
}

.match-title-copy h3 em {
  margin-inline: 8px;
}

.match-title-copy p {
  gap: 8px;
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.45;
}

.hero-selection {
  min-width: 188px;
  max-width: 245px;
  padding: 13px 15px;
}

.hero-selection span {
  font-size: 8.5px;
}

.hero-selection strong {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
}

.rec-metrics > div {
  min-height: 94px;
  padding: 10px;
}

.rec-metrics span {
  font-size: 9px;
  line-height: 1.25;
}

.rec-metrics strong {
  margin-top: 7px;
  font-size: 19px;
}

.rec-metrics small {
  margin-top: 5px;
  font-size: 9px;
}

.mini-progress-ring {
  width: 57px;
  height: 57px;
}

.mini-progress-ring::after {
  inset: 6px;
}

.mini-progress-ring strong {
  font-size: 11px;
}

.rec-insights {
  gap: 10px;
  padding: 12px 14px 13px;
}

.insight-card {
  min-height: 134px;
  padding: 12px;
  border-radius: 12px;
}

.insight-head {
  min-height: 33px;
  gap: 10px;
}

.insight-head span {
  font-size: 8px;
  line-height: 1.2;
}

.insight-head strong {
  margin-top: 5px;
  font-size: 9.5px;
}

.gap-value {
  padding: 5px 7px;
  font-size: 9px;
}

.compare-bars {
  gap: 11px;
  margin-top: 12px;
}

.compare-row {
  gap: 6px;
}

.compare-row span,
.compare-row strong {
  font-size: 9px;
}

.compare-track,
.xg-track {
  height: 6px;
}

.insight-sparkline {
  height: 66px;
  margin-top: 7px;
}

.trend-state {
  width: 28px;
  height: 28px;
  font-size: 15px;
}

.form-team-row {
  grid-template-columns: minmax(62px, .8fr) auto;
  gap: 9px;
  margin-top: 11px;
}

.form-team-row > span {
  font-size: 9px;
}

.form-team-row > div {
  gap: 4px;
}

.form-chip {
  width: 23px;
  height: 23px;
  border-radius: 7px;
  font-size: 8px;
}

.form-empty {
  font-size: 8.5px;
}

.xg-bars {
  gap: 14px;
  margin-top: 15px;
}

.xg-row {
  grid-template-columns: minmax(58px, .9fr) minmax(55px, 1.15fr) 34px;
  gap: 8px;
}

.xg-row > span,
.xg-row > strong {
  font-size: 9px;
}

.insight-no-data {
  font-size: 9px;
}

.rec-footer {
  min-height: 72px;
  padding: 12px 16px;
}

.selection-copy span {
  font-size: 9px;
}

.selection-copy strong {
  margin-top: 4px;
  font-size: 13px;
}

.selection-copy small {
  margin-top: 4px;
  font-size: 9px;
}

.status-pill {
  min-height: 35px;
  padding-inline: 13px;
  font-size: 10px;
}

.p4-card-actions {
  gap: 15px;
  padding: 11px 16px;
}

.p4-card-actions > div {
  gap: 19px;
}

.p4-card-actions span b {
  font-size: 8px;
}

.p4-card-actions span strong {
  font-size: 10px;
}

.p4-card-actions button {
  min-height: 35px;
  padding-inline: 12px;
  font-size: 9.5px;
}

.watch-copy strong {
  font-size: 11px;
}

.watch-copy small,
.watch-odds small {
  font-size: 9px;
}

.watch-odds strong {
  font-size: 12px;
}

.rule {
  min-height: 40px;
  font-size: 10px;
}

.rule strong {
  font-size: 11px;
}

.rail-head h2 {
  font-size: 14px;
}

.phase4-title h2 {
  font-size: 20px;
}

.phase4-title p {
  font-size: 10px;
}

.phase4-kpi span,
.p4-list small,
.p4-claims p,
.p4-claims small,
.p4-table,
.drawer-section > p,
.drawer-list span {
  font-size: 9px;
}

.phase4-kpi small,
.p4-list b,
.p4-claims article > div span,
.p4-claims footer em,
.p4-claims button,
.p4-table th,
.result,
.drawer-facts span {
  font-size: 8.5px;
}

.p4-list strong,
.p4-last strong,
.p4-claims article > strong,
.p4-table td:first-child strong,
.drawer-list strong {
  font-size: 10.5px;
}

@media (max-width: 1500px) {
  .insight-card {
    min-height: 127px;
  }
}

@media (max-width: 860px) {
  .panel-head h2 {
    font-size: 19px;
  }

  .rec-match-hero {
    min-height: 102px;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 11px;
    padding: 14px;
  }

  .hero-team-initial {
    width: 44px;
    height: 44px;
    font-size: 16px;
  }

  .match-title-copy h3 {
    font-size: 19px;
  }

  .match-title-copy p {
    font-size: 9px;
  }

  .hero-selection {
    min-width: 0;
    max-width: none;
  }

  .rec-metrics > div {
    min-height: 88px;
  }

  .rec-metrics span {
    font-size: 8.5px;
  }

  .rec-metrics strong {
    font-size: 17px;
  }

  .rec-metrics small {
    font-size: 8px;
  }

  .insight-head span {
    font-size: 7.5px;
  }

  .insight-head strong,
  .compare-row span,
  .compare-row strong,
  .form-team-row > span,
  .xg-row > span,
  .xg-row > strong {
    font-size: 8.5px;
  }
}

@media (max-width: 560px) {
  .rec-league {
    min-height: 42px;
    font-size: 9px;
  }

  .match-title-copy h3 {
    font-size: 18px;
  }

  .rec-insights {
    padding: 10px;
  }

  .insight-card {
    min-height: 120px;
  }

  .rec-footer {
    min-height: 68px;
  }
}


/* Phase 5 Validation & Calibration Center */
.validation-center{display:grid;gap:14px;margin:0 0 14px;scroll-margin-top:98px}.validation-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 3px 2px}.validation-title h2{margin-top:7px;font-size:clamp(20px,1.65vw,29px);letter-spacing:-.04em}.validation-title p{max-width:760px;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55}.validation-actions{display:flex;align-items:center;gap:10px}.validation-actions>span{color:var(--muted);font-size:11px;text-align:right}.validation-actions button{min-height:42px;padding:0 15px;border:1px solid rgba(68,237,242,.23);border-radius:11px;color:#dfffff;background:linear-gradient(135deg,rgba(68,237,242,.13),rgba(99,168,255,.07));font-size:11px;font-weight:800;cursor:pointer}.validation-actions button:hover:not(:disabled){border-color:rgba(68,237,242,.42);box-shadow:0 0 24px rgba(68,237,242,.08)}.validation-actions button:disabled{opacity:.55;cursor:wait}.validation-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.validation-kpi{min-height:112px;display:flex;flex-direction:column;justify-content:center;padding:15px;border:1px solid rgba(139,206,255,.11);border-radius:15px;background:linear-gradient(145deg,rgba(15,37,61,.64),rgba(5,20,36,.61));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.validation-kpi.cyan{border-color:rgba(68,237,242,.14)}.validation-kpi.blue{border-color:rgba(99,168,255,.14)}.validation-kpi.teal{border-color:rgba(62,225,191,.16)}.validation-kpi.amber{border-color:rgba(255,200,110,.16)}.validation-kpi span{color:#8ca5ba;font-size:11px}.validation-kpi strong{margin-top:8px;font-size:clamp(21px,1.7vw,30px);font-variant-numeric:tabular-nums;letter-spacing:-.045em}.validation-kpi small{margin-top:7px;color:var(--muted-2);font-size:10px}.validation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:14px}.validation-grid.lower{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.validation-panel{overflow:hidden}.validation-panel-head{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.validation-panel-head h3{margin-top:6px;font-size:16px;letter-spacing:-.025em}.validation-panel-head>b{padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--cyan);font-size:9px;letter-spacing:.06em}.validation-panel-head select{min-height:35px;padding:7px 28px 7px 10px;font-size:10px}.validation-table-wrap{overflow:auto}.validation-table{width:100%;min-width:780px;border-collapse:collapse;font-size:11px}.validation-table th{padding:12px 13px;border-bottom:1px solid var(--line);color:var(--muted-2);font-size:9px;text-align:left;white-space:nowrap}.validation-table td{padding:12px 13px;border-bottom:1px solid rgba(139,206,255,.065);color:#c2d3e0;font-variant-numeric:tabular-nums;white-space:nowrap}.validation-table tbody tr:hover{background:rgba(68,237,242,.025)}.validation-table td:first-child{display:grid}.validation-table td:first-child strong{color:#edf9ff;font-size:11px}.validation-table td:first-child small{margin-top:3px;color:var(--muted-2);font-size:8px}.validation-table .champion-row{background:rgba(62,225,191,.035);box-shadow:inset 3px 0 0 rgba(62,225,191,.65)}.validation-table .challenger-row{background:rgba(99,168,255,.018)}.validation-table.compact{min-width:680px}.validation-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;text-align:center}.validation-empty strong{font-size:13px}.validation-empty span{max-width:500px;color:var(--muted);font-size:11px;line-height:1.5}.reliability-chart{min-height:360px;padding:14px 16px}.reliability-chart svg{width:100%;height:300px;overflow:visible}.reliability-grid path{fill:none;stroke:rgba(139,206,255,.09);stroke-width:1;vector-effect:non-scaling-stroke}.reliability-grid path.ideal{stroke:rgba(68,237,242,.45);stroke-width:1.5;stroke-dasharray:7 6}.reliability-points circle{fill:rgba(62,225,191,.8);stroke:#dffff4;stroke-width:1.5;filter:drop-shadow(0 0 5px rgba(62,225,191,.35));cursor:help}.reliability-chart text{fill:var(--muted-2);font-size:9px;text-anchor:middle;letter-spacing:.06em}.reliability-note{display:flex;justify-content:space-between;gap:12px;padding:8px 4px 1px;color:var(--muted);font-size:10px}.reliability-note strong{color:var(--cyan)}.league-validation{padding:5px 8px;border-radius:7px;font-size:9px;font-weight:800;text-transform:uppercase}.league-validation.good{color:var(--teal);background:rgba(62,225,191,.07)}.league-validation.caution{color:var(--amber);background:rgba(255,200,110,.07)}.league-validation.neutral{color:var(--blue);background:rgba(99,168,255,.06)}.challenger-list{display:grid;padding:11px}.challenger-list>article{min-height:86px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(139,206,255,.065)}.challenger-list>article:last-child{border-bottom:0}.challenger-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(99,168,255,.20);border-radius:12px;color:var(--blue);background:rgba(99,168,255,.06);font-size:13px;font-weight:900}.challenger-list article>div:nth-child(2){display:grid}.challenger-list article>div:nth-child(2)>strong{font-size:12px}.challenger-list p{margin-top:4px;color:#91a7bb;font-size:10px;line-height:1.42}.challenger-list small{margin-top:4px;color:var(--muted-2);font-size:9px}.challenger-list aside{display:grid;justify-items:end;min-width:95px}.challenger-list aside span{color:var(--muted-2);font-size:8px}.challenger-list aside strong{margin-top:4px;font-size:15px}.challenger-list aside em{margin-top:4px;color:var(--muted);font-size:8px;font-style:normal}.audit-panel{scroll-margin-top:98px}.audit-strip{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:9px;padding:12px}.audit-strip article{min-height:95px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid rgba(139,206,255,.08);border-radius:12px;background:rgba(255,255,255,.015)}.audit-strip span{color:var(--muted-2);font-size:9px}.audit-strip strong{margin-top:6px;color:#e8f9ff;font-size:13px}.audit-strip small{margin-top:6px;color:#8299ad;font-size:9px;line-height:1.4}.validation-card-strip{display:flex;align-items:center;gap:13px;padding:10px 14px;border-top:1px solid rgba(139,206,255,.07);background:linear-gradient(90deg,rgba(4,17,31,.38),rgba(14,35,57,.22))}.validation-card-strip>div{display:flex;flex-wrap:wrap;gap:16px}.validation-card-strip>div>span{display:grid;gap:3px}.validation-card-strip b{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.validation-card-strip strong{font-size:11px}.validation-card-strip>em{margin-left:auto;max-width:250px;color:var(--amber);font-size:8px;font-style:normal;text-align:right}.validation-grade{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid currentColor;border-radius:12px;font-size:14px;font-weight:900}.validation-grade.grade-a{color:var(--teal);background:rgba(62,225,191,.07);box-shadow:0 0 18px rgba(62,225,191,.08)}.validation-grade.grade-b{color:var(--blue);background:rgba(99,168,255,.06)}.validation-grade.grade-watch{color:var(--amber);background:rgba(255,200,110,.055)}@media(max-width:1450px){.validation-kpis{grid-template-columns:repeat(4,1fr)}.audit-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:1150px){.validation-grid,.validation-grid.lower{grid-template-columns:1fr}.validation-kpis{grid-template-columns:repeat(2,1fr)}.audit-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.validation-title{align-items:flex-start;flex-direction:column}.validation-actions{width:100%;justify-content:space-between}.validation-kpis{grid-template-columns:1fr}.validation-card-strip{align-items:flex-start;flex-direction:column}.validation-card-strip>em{margin-left:0;text-align:left}.audit-strip{grid-template-columns:1fr}.challenger-list>article{grid-template-columns:38px minmax(0,1fr)}.challenger-list aside{grid-column:2;justify-items:start}}


/* Phase 5.1 significance and market-specific optimization */
.validation-grid.evidence-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.validation-table td>small{display:block;margin-top:4px;color:var(--muted-2);font-size:8px;line-height:1.25}
.validation-table.significance-table{min-width:980px}
.table-method-note{padding:11px 14px;border-top:1px solid rgba(139,206,255,.07);color:var(--muted-2);font-size:9px;line-height:1.45}
.v5-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border:1px solid rgba(139,206,255,.12);border-radius:8px;font-size:8px;font-weight:850;line-height:1.1;text-transform:uppercase;white-space:nowrap}
.v5-status.good{color:var(--teal);border-color:rgba(62,225,191,.22);background:rgba(62,225,191,.07)}
.v5-status.bad{color:var(--red);border-color:rgba(255,126,145,.22);background:rgba(255,126,145,.06)}
.v5-status.amber{color:var(--amber);border-color:rgba(255,200,110,.22);background:rgba(255,200,110,.06)}
.v5-status.neutral{color:var(--blue);border-color:rgba(99,168,255,.20);background:rgba(99,168,255,.055)}
.v5-status.muted{color:var(--muted);background:rgba(255,255,255,.025)}
.confidence-list,.optimization-list{display:grid;gap:10px;padding:12px}
.confidence-card,.optimization-card{padding:14px;border:1px solid rgba(139,206,255,.09);border-radius:14px;background:linear-gradient(145deg,rgba(13,34,57,.48),rgba(5,18,32,.50))}
.confidence-card>header,.optimization-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid rgba(139,206,255,.065)}
.confidence-card>header>div,.optimization-card>header>div{display:grid;gap:4px}
.confidence-card header span,.optimization-card header span{color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.confidence-card header strong,.optimization-card header strong{font-size:13px}
.confidence-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
.confidence-metrics>span{min-height:64px;display:flex;flex-direction:column;justify-content:center;padding:9px 10px;border:1px solid rgba(139,206,255,.065);border-radius:10px;background:rgba(255,255,255,.014)}
.confidence-metrics b,.optimization-card section b,.optimization-card footer b{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.045em}
.confidence-metrics strong{margin-top:5px;font-size:14px;font-variant-numeric:tabular-nums}
.confidence-metrics small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}
.confidence-card>p,.optimization-card>p{margin-top:11px;color:#91a8bb;font-size:9px;line-height:1.5}
.optimization-card>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}
.optimization-card>section>div{display:grid;align-content:start;gap:5px;min-height:82px;padding:10px;border:1px solid rgba(139,206,255,.065);border-radius:10px;background:rgba(255,255,255,.014)}
.optimization-card section strong{font-size:13px}
.optimization-card section small{color:var(--muted);font-size:8px;line-height:1.45}
.optimization-card>footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:9px;padding:10px;border:1px solid rgba(68,237,242,.075);border-radius:10px;background:rgba(68,237,242,.018)}
.optimization-card footer>span{display:grid;gap:4px}
.optimization-card footer strong{font-size:14px;font-variant-numeric:tabular-nums}
.optimization-card footer small{color:var(--muted);font-size:8px}
.challenger-list aside .v5-status{margin-top:7px}
@media(max-width:1150px){.validation-grid.evidence-grid{grid-template-columns:1fr}}
@media(max-width:720px){.confidence-metrics,.optimization-card>section{grid-template-columns:1fr}.optimization-card>footer{grid-template-columns:1fr}.confidence-card>header,.optimization-card>header{align-items:flex-start}}


/* Phase 6A · Live Market & Club Identity */
.phase6-market-center{display:grid;gap:14px;margin:0 0 14px;scroll-margin-top:98px}.phase6-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:9px 3px 2px}.phase6-title h2{margin-top:7px;font-size:clamp(21px,1.7vw,30px);letter-spacing:-.04em}.phase6-title p{max-width:850px;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55}.phase6-actions{display:flex;align-items:center;gap:10px}.phase6-actions>span{max-width:220px;color:var(--muted);font-size:10px;text-align:right}.phase6-actions button,.v6-market-button{min-height:40px;padding:0 14px;border:1px solid rgba(68,237,242,.25);border-radius:11px;color:#e6ffff;background:linear-gradient(135deg,rgba(68,237,242,.13),rgba(99,168,255,.07));font-size:11px;font-weight:800;cursor:pointer}.phase6-actions button:hover:not(:disabled),.v6-market-button:hover{border-color:rgba(68,237,242,.48);box-shadow:0 0 24px rgba(68,237,242,.09)}.phase6-actions button:disabled{opacity:.55;cursor:wait}.phase6-kpis{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:10px}.phase6-kpis article{min-height:104px;display:flex;flex-direction:column;justify-content:center;padding:14px;border:1px solid rgba(90,211,240,.12);border-radius:15px;background:linear-gradient(145deg,rgba(14,38,62,.65),rgba(5,20,36,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.phase6-kpis span{color:#8ca5ba;font-size:10px}.phase6-kpis strong{margin-top:7px;color:#efffff;font-size:clamp(18px,1.45vw,25px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.phase6-kpis small{margin-top:6px;color:var(--muted-2);font-size:9px;line-height:1.35}.phase6-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.phase6-panel{overflow:hidden}.phase6-panel-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid var(--line)}.phase6-panel-head h3{margin-top:6px;font-size:16px}.phase6-panel-head>b{padding:6px 8px;border:1px solid rgba(68,237,242,.18);border-radius:8px;color:var(--cyan);font-size:8px;letter-spacing:.07em}.phase6-connections{display:grid;padding:11px}.phase6-connections article{min-height:88px;display:grid;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(139,206,255,.07)}.phase6-connections article:last-child{border-bottom:0}.phase6-connections article>i{width:9px;height:9px;border-radius:50%;background:#6a7f91;box-shadow:0 0 0 4px rgba(106,127,145,.08)}.phase6-connections article.connected>i{background:var(--teal);box-shadow:0 0 13px rgba(62,225,191,.55)}.phase6-connections article>div{display:grid;gap:4px}.phase6-connections strong{font-size:12px}.phase6-connections span{color:#9bb0c1;font-size:10px}.phase6-connections small{color:var(--muted-2);font-size:9px}.phase6-connections b{padding:6px 8px;border-radius:8px;font-size:8px;letter-spacing:.04em;color:var(--amber);background:rgba(255,200,110,.07)}.phase6-connections .connected b{color:var(--teal);background:rgba(62,225,191,.07)}.phase6-signal-guide{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.phase6-signal-guide>div{min-height:82px;display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(139,206,255,.08);border-radius:12px;background:rgba(255,255,255,.014)}.phase6-signal-guide i{width:9px;height:38px;border-radius:10px;background:var(--blue)}.phase6-signal-guide i.steam{background:var(--teal);box-shadow:0 0 15px rgba(62,225,191,.22)}.phase6-signal-guide i.drift{background:var(--blue)}.phase6-signal-guide i.value{background:var(--amber)}.phase6-signal-guide i.stable{background:#6b879d}.phase6-signal-guide span{display:grid;gap:5px}.phase6-signal-guide strong{font-size:11px}.phase6-signal-guide small{color:#8fa6b9;font-size:9px;line-height:1.4}.team-initial.v6-enhanced,.watch-icon.v6-enhanced,.league-badge.v6-league-logo{overflow:hidden;padding:0;background:rgba(6,22,38,.72)}.team-initial.v6-enhanced img,.watch-icon.v6-enhanced img,.league-badge.v6-league-logo img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(0,0,0,.32))}.league-badge.v6-league-logo img{width:72%;height:72%}.v6-market-pulse{min-height:38px;display:flex;align-items:center;gap:11px;padding:7px 14px;border-top:1px solid rgba(139,206,255,.07);border-bottom:1px solid rgba(139,206,255,.055);background:linear-gradient(90deg,rgba(7,21,36,.6),rgba(12,37,57,.32))}.v6-market-pulse>span{display:flex;align-items:center;gap:6px;min-width:92px}.v6-market-pulse i{width:7px;height:7px;border-radius:50%;background:#6c8497}.v6-market-pulse strong{font-size:9px;letter-spacing:.055em}.v6-market-pulse small{color:#a2b6c5;font-size:9px}.v6-market-pulse em{margin-left:auto;color:var(--muted-2);font-size:8px;font-style:normal}.v6-market-pulse.steam i,.v6-market-pulse.value i{background:var(--teal);box-shadow:0 0 10px rgba(62,225,191,.55)}.v6-market-pulse.steam strong,.v6-market-pulse.value strong{color:var(--teal)}.v6-market-pulse.drift i{background:var(--blue);box-shadow:0 0 9px rgba(99,168,255,.5)}.v6-market-pulse.drift strong{color:var(--blue)}.v6-market-pulse.lost i{background:var(--amber);box-shadow:0 0 9px rgba(255,200,110,.48)}.v6-market-pulse.lost strong{color:var(--amber)}.v6-market-pulse.stable strong{color:var(--cyan)}.v6-market-pulse.waiting{opacity:.72}.p4-card-actions aside{flex-wrap:wrap}.v6-market-button{min-height:36px;font-size:9px}.market-drawer-bg{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end;background:rgba(1,7,13,.77);backdrop-filter:blur(8px)}.market-drawer-bg[hidden]{display:none}.market-drawer{width:min(980px,94vw);height:100%;overflow:auto;border-left:1px solid rgba(68,237,242,.17);background:radial-gradient(circle at 100% 0,rgba(42,132,155,.12),transparent 35%),linear-gradient(160deg,#07182a,#03101d 70%);box-shadow:-28px 0 80px rgba(0,0,0,.45)}.market-drawer-head{position:sticky;top:0;z-index:5;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;border-bottom:1px solid var(--line);background:rgba(5,19,33,.93);backdrop-filter:blur(18px)}.market-drawer-head h2{margin-top:6px;font-size:23px}.market-drawer-head p{margin-top:5px;color:var(--muted);font-size:11px}.market-drawer-head button{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;color:#dff;background:rgba(255,255,255,.02);font-size:25px;cursor:pointer}.market-window-tabs{position:sticky;top:100px;z-index:4;display:flex;gap:7px;padding:10px 23px;border-bottom:1px solid rgba(139,206,255,.08);background:rgba(5,19,33,.9);backdrop-filter:blur(15px)}.market-window-tabs button{min-width:70px;min-height:34px;border:1px solid rgba(139,206,255,.12);border-radius:9px;color:#8fa8ba;background:rgba(255,255,255,.02);font-size:10px;font-weight:800;cursor:pointer}.market-window-tabs button.active{color:#eaffff;border-color:rgba(68,237,242,.36);background:rgba(68,237,242,.10)}.market-drawer-body{display:grid;gap:13px;padding:14px 18px 28px}.market-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.market-summary-grid article{min-height:90px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid rgba(139,206,255,.09);border-radius:12px;background:linear-gradient(145deg,rgba(16,40,63,.59),rgba(6,21,37,.61))}.market-summary-grid span{color:var(--muted-2);font-size:9px}.market-summary-grid strong{margin-top:6px;font-size:18px;font-variant-numeric:tabular-nums}.market-summary-grid small{margin-top:5px;color:#8199ab;font-size:8px}.market-drawer-section{overflow:hidden;border:1px solid rgba(139,206,255,.10);border-radius:14px;background:rgba(7,24,40,.56)}.market-section-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(139,206,255,.08)}.market-section-head h3{margin-top:5px;font-size:14px}.market-section-head>b{color:var(--cyan);font-size:9px}.market-drawer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.market-chart-legend{display:flex;flex-wrap:wrap;gap:15px;padding:11px 15px 0;color:#91a7b8;font-size:9px}.market-chart-legend span:before{content:"";display:inline-block;width:15px;height:2px;margin-right:6px;vertical-align:middle;background:var(--cyan)}.market-chart-legend .median:before{background:var(--blue)}.market-chart-legend .fair:before{background:var(--teal)}.market-chart-legend .minimum:before{background:var(--amber)}.market-chart{width:100%;height:300px;padding:4px 8px 8px}.market-chart-grid path{stroke:rgba(139,206,255,.09);stroke-width:1;vector-effect:non-scaling-stroke}.market-chart .best-line{fill:none;stroke:var(--cyan);stroke-width:2.3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(68,237,242,.28))}.market-chart .median-line{fill:none;stroke:var(--blue);stroke-width:1.7;vector-effect:non-scaling-stroke}.market-chart .guide{fill:none;stroke-width:1.3;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.market-chart .guide.fair{stroke:var(--teal)}.market-chart .guide.minimum{stroke:var(--amber)}.market-chart-dots circle{fill:#dff;stroke:var(--cyan);stroke-width:1.2;cursor:help}.market-no-data{min-height:250px;display:grid;place-items:center;align-content:center;gap:7px;padding:28px;text-align:center}.market-no-data.compact{min-height:120px}.market-no-data strong{font-size:13px}.market-no-data span{max-width:550px;color:var(--muted);font-size:10px;line-height:1.5}.market-books{width:100%;border-collapse:collapse;font-size:10px}.market-books th,.market-books td{padding:10px 12px;border-bottom:1px solid rgba(139,206,255,.07);text-align:left}.market-books th{color:var(--muted-2);font-size:8px}.market-books td{color:#b8cbd8}.market-books td:nth-child(2){color:#eaffff;font-weight:800;font-variant-numeric:tabular-nums}.market-books a{padding:4px 7px;border:1px solid rgba(68,237,242,.17);border-radius:6px;color:var(--cyan);font-size:8px;text-decoration:none}.my-odds-form{display:grid;gap:9px;padding:14px}.my-odds-form label{display:grid;gap:7px;color:#a1b5c4;font-size:10px}.my-odds-form input{min-height:42px;padding:0 12px;border:1px solid rgba(139,206,255,.17);border-radius:10px;color:#efffff;background:#061526;font-size:15px;font-weight:800}.my-odds-form button{min-height:40px;border:1px solid rgba(68,237,242,.30);border-radius:10px;color:#eaffff;background:rgba(68,237,242,.10);font-size:10px;font-weight:800;cursor:pointer}.my-odds-result{display:grid;gap:5px;margin:0 14px 12px;padding:11px;border:1px solid rgba(139,206,255,.08);border-radius:10px;color:#91a8ba;background:rgba(255,255,255,.015);font-size:9px;line-height:1.45}.my-odds-result strong{font-size:12px}.my-odds-result.value{color:var(--teal);border-color:rgba(62,225,191,.25);background:rgba(62,225,191,.055)}.my-odds-result.lost{color:var(--amber);border-color:rgba(255,200,110,.22);background:rgba(255,200,110,.045)}.provider-quota{display:grid;gap:4px;margin:0 14px 14px;padding:11px;border-top:1px solid rgba(139,206,255,.08)}.provider-quota span,.provider-quota small{color:var(--muted-2);font-size:8px}.provider-quota strong{font-size:10px}.market-timeline{display:grid;padding:10px 14px 15px}.market-timeline article{display:grid;grid-template-columns:36px 1fr;gap:10px;min-height:70px;padding:9px 0;border-bottom:1px solid rgba(139,206,255,.065)}.market-timeline article:last-child{border-bottom:0}.market-timeline i{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(99,168,255,.18);border-radius:9px;color:var(--blue);background:rgba(99,168,255,.055);font-size:9px;font-style:normal;font-weight:900}.market-timeline i.steam,.market-timeline i.value_improved{color:var(--teal);border-color:rgba(62,225,191,.20);background:rgba(62,225,191,.055)}.market-timeline i.value_lost{color:var(--amber);border-color:rgba(255,200,110,.20);background:rgba(255,200,110,.055)}.market-timeline div{display:grid;gap:3px}.market-timeline span{color:var(--muted-2);font-size:8px}.market-timeline strong{font-size:10px}.market-timeline p{color:#92a9ba;font-size:9px;line-height:1.4}@media(max-width:1450px){.phase6-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.phase6-grid,.market-drawer-grid{grid-template-columns:1fr}.market-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.phase6-title{align-items:flex-start;flex-direction:column}.phase6-actions{width:100%;justify-content:space-between}.phase6-kpis{grid-template-columns:1fr 1fr}.phase6-signal-guide{grid-template-columns:1fr}.v6-market-pulse{align-items:flex-start;flex-wrap:wrap}.v6-market-pulse em{width:100%;margin-left:0}.market-drawer{width:100vw}.market-drawer-head{padding:17px 14px}.market-window-tabs{top:96px;padding:9px 12px}.market-drawer-body{padding:11px}.market-summary-grid{grid-template-columns:1fr 1fr}.market-chart{height:240px}}@media(max-width:460px){.phase6-kpis,.market-summary-grid{grid-template-columns:1fr}.market-window-tabs button{min-width:0;flex:1}.phase6-connections article{grid-template-columns:10px 1fr}.phase6-connections b{grid-column:2;justify-self:start}}

/* Phase 6A card clipping fix */
.recommendation-card{isolation:isolate}.recommendation-card .league-badge.v6-league-logo{width:32px!important;min-width:32px!important;max-width:32px!important;height:28px!important;min-height:28px!important;padding:0!important;margin-left:0!important;transform:none!important;overflow:hidden!important;display:inline-grid!important;place-items:center!important;border-radius:999px!important;background:rgba(10,38,61,.92)!important;border:1px solid rgba(71,221,240,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;flex:0 0 32px!important}.recommendation-card .league-badge.v6-league-logo img,.recommendation-card .team-initial.v6-enhanced img,.watch-row .watch-icon.v6-enhanced img{display:block!important;width:72%!important;height:72%!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;border-radius:0!important;margin:0!important;transform:none!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25))}.recommendation-card .team-initial.v6-enhanced,.watch-row .watch-icon.v6-enhanced{overflow:hidden!important;display:inline-grid!important;place-items:center!important;line-height:1!important}.recommendation-card .rec-top,.recommendation-card .rec-header,.recommendation-card .rec-title-row,.recommendation-card .match-tags,.recommendation-card .card-tags,.recommendation-card .meta-row,.recommendation-card .p4-tag-row{overflow:visible!important;padding-left:clamp(16px,1.6vw,26px)!important;padding-right:clamp(16px,1.6vw,26px)!important}.recommendation-card .rec-top>*,.recommendation-card .rec-header>*,.recommendation-card .match-tags>*,.recommendation-card .card-tags>*,.recommendation-card .p4-tag-row>*{transform:none!important}.recommendation-card .v6-market-pulse{margin-left:0!important;margin-right:0!important;border-left-width:0!important}.recommendation-card .v6-market-pulse:before,.recommendation-card .v6-market-pulse:after{pointer-events:none}

/* Phase 6A large card club logos */
.recommendation-card .team-block{gap:14px!important;align-items:center!important}
.recommendation-card .v6-card-team-logo{
  width:56px!important;height:56px!important;min-width:56px!important;flex:0 0 56px!important;
  display:inline-grid!important;place-items:center!important;overflow:hidden!important;
  border:1px solid rgba(71,221,240,.34)!important;border-radius:16px!important;
  background:radial-gradient(circle at 35% 30%,rgba(92,238,245,.16),rgba(9,34,55,.92) 68%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.18),0 0 22px rgba(52,211,235,.08)!important;
  color:#eaffff!important;font-size:20px!important;font-weight:900!important;line-height:1!important;
}
.recommendation-card .v6-card-team-logo img{
  display:block!important;width:82%!important;height:82%!important;max-width:46px!important;max-height:46px!important;
  object-fit:contain!important;margin:0!important;border-radius:0!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.34))!important;
}
.recommendation-card .v6-card-team-logo.v6-logo-fallback{font-size:18px!important;background:linear-gradient(145deg,rgba(16,67,87,.9),rgba(7,31,49,.96))!important}
@media(max-width:720px){
  .recommendation-card .v6-card-team-logo{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important;border-radius:13px!important}
  .recommendation-card .v6-card-team-logo img{max-width:38px!important;max-height:38px!important}
  .recommendation-card .team-block{gap:10px!important}
}


/* Away club logo inline with away team name */
.recommendation-card .match-title-copy h3{display:flex!important;align-items:center!important;flex-wrap:wrap!important;column-gap:.34em!important;row-gap:6px!important}
.recommendation-card .match-title-copy h3 .v6-away-inline{
  display:inline-grid!important;place-items:center!important;position:static!important;
  width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;
  margin-left:6px!important;margin-right:0!important;transform:none!important;vertical-align:middle!important;
  border-radius:13px!important;
}
.recommendation-card .match-title-copy h3 .v6-away-inline img{width:82%!important;height:82%!important;max-width:36px!important;max-height:36px!important;object-fit:contain!important}
@media(max-width:720px){.recommendation-card .match-title-copy h3 .v6-away-inline{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-radius:11px!important}.recommendation-card .match-title-copy h3 .v6-away-inline img{max-width:31px!important;max-height:31px!important}}

/* Phase 6A hero selection clipping fix */
@media (min-width:721px){
  .recommendation-card .rec-match-hero{
    grid-template-columns:56px minmax(0,1fr) minmax(154px,215px)!important;
    gap:13px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .recommendation-card .hero-selection{
    grid-column:3!important;
    min-width:0!important;
    width:100%!important;
    max-width:215px!important;
    justify-self:end!important;
    overflow:hidden!important;
  }
}
@media (max-width:720px){
  .recommendation-card .rec-match-hero{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .recommendation-card .hero-selection{
    grid-column:1 / -1!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* Phase 6B/6C · Match Intelligence shadow challenger */
.phase6-intelligence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.phase6-intelligence article{border:1px solid rgba(70,211,222,.18);border-radius:14px;padding:12px 14px;background:rgba(8,31,48,.52);min-width:0}
.phase6-intelligence span{display:block;color:#6f91a5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.phase6-intelligence strong{display:block;margin-top:4px;color:#efffff;font-size:20px}
.phase6-intelligence small{display:block;margin-top:3px;color:#7d9aaa;font-size:10px;line-height:1.35}
.v6-intelligence-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:7px 14px;border-top:1px solid rgba(66,210,221,.12);border-bottom:1px solid rgba(66,210,221,.08);background:rgba(3,24,38,.56);font-size:10px}
.v6-intelligence-strip span{display:flex;align-items:center;gap:8px;white-space:nowrap}.v6-intelligence-strip b{color:#61edf2;font-size:9px;letter-spacing:.1em}.v6-intelligence-strip strong{color:#f3ffff;font-size:12px}.v6-intelligence-strip em{font-style:normal;color:#6fe8bd}.v6-intelligence-strip small{color:#7898aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v6-intelligence-strip i{font-style:normal;border:1px solid rgba(82,220,221,.22);border-radius:8px;padding:4px 7px;color:#9eb7c4;white-space:nowrap}.v6-intelligence-strip.changed{background:linear-gradient(90deg,rgba(11,68,71,.38),rgba(6,28,43,.58))}.v6-intelligence-strip.changed i{border-color:rgba(93,236,188,.45);color:#71efc0}
@media(max-width:1100px){.phase6-intelligence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.phase6-intelligence{grid-template-columns:1fr}.v6-intelligence-strip{grid-template-columns:1fr}.v6-intelligence-strip small{white-space:normal}.v6-intelligence-strip i{justify-self:start}}


/* Phase 6D · Decision Intelligence v6.2 */
.v62-decision-strip{display:grid;grid-template-columns:auto auto auto 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid rgba(92,238,231,.12);border-bottom:1px solid rgba(92,238,231,.08);background:linear-gradient(90deg,rgba(20,188,184,.08),rgba(4,18,34,.16));font-size:11px;color:#8ea6b8}.v62-decision-strip.changed{background:linear-gradient(90deg,rgba(246,193,70,.10),rgba(4,18,34,.16))}.v62-decision-strip b{color:#63eee7;letter-spacing:.06em;font-size:10px}.v62-main{display:flex;gap:8px;align-items:center}.v62-main strong{font-size:13px;color:#eaf7ff}.v62-main em{font-style:normal;color:#62e6da}.v62-confidence{display:flex;gap:7px;align-items:center}.v62-confidence small{color:#a6bac9}.v62-role{padding:4px 7px;border:1px solid rgba(91,238,230,.22);border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em}.v62-role.primary{color:#54f0d7;background:rgba(44,215,190,.08)}.v62-role.secondary{color:#f4c45d;border-color:rgba(244,196,93,.28)}.v62-decision-strip>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v62-decision-strip>i{font-style:normal;color:#c6d8e5;font-size:10px}.v62-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0 18px}.v62-summary article{padding:12px 13px;border:1px solid rgba(93,226,224,.13);border-radius:12px;background:rgba(6,27,44,.58);display:flex;flex-direction:column;gap:4px}.v62-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7893a8}.v62-summary strong{font-size:15px;color:#edf8ff}.v62-summary small{font-size:9px;color:#829bac;line-height:1.35}@media(max-width:1100px){.v62-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.v62-decision-strip{grid-template-columns:auto auto auto 1fr}.v62-decision-strip>i{grid-column:1/-1}}@media(max-width:720px){.v62-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v62-decision-strip{grid-template-columns:1fr auto}.v62-confidence,.v62-role{justify-self:end}.v62-decision-strip>small,.v62-decision-strip>i{grid-column:1/-1;white-space:normal}}


/* Phase 6E · Adaptive Model Lab */
.phase6e-lab{margin-top:18px;padding:18px;border:1px solid rgba(91,211,255,.18);border-radius:18px;background:linear-gradient(180deg,rgba(9,31,51,.82),rgba(7,24,40,.72));box-shadow:0 18px 50px rgba(0,0,0,.16)}
.phase6e-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.phase6e-head h3{margin:4px 0 4px;font-size:20px}.phase6e-head p{margin:0;max-width:850px;color:var(--muted,#8fa7b8);font-size:12px;line-height:1.5}.phase6e-head>b{padding:7px 10px;border-radius:10px;border:1px solid rgba(73,228,207,.28);background:rgba(36,188,174,.09);color:#72efdd;font-size:10px;letter-spacing:.08em}
.phase6e-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.phase6e-kpis article{padding:12px 13px;border:1px solid rgba(120,188,226,.13);border-radius:13px;background:rgba(6,25,42,.60);min-width:0}.phase6e-kpis span,.phase6e-kpis small{display:block;color:#7894a8;font-size:10px}.phase6e-kpis strong{display:block;margin:4px 0 2px;color:#eef9ff;font-size:18px}.phase6e-lower{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.phase6e-box{padding:13px!important}.phase6e-box-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:10px}.phase6e-box-head span{color:#58e9f2;font-weight:800;letter-spacing:.08em}.phase6e-box-head b{color:#748da0;font-weight:600}.phase6e-ab-row,.phase6e-bank-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(128,190,222,.09)}.phase6e-ab-row:first-child,.phase6e-bank-row:first-child{border-top:0}.phase6e-ab-row span,.phase6e-bank-row b{font-size:11px;color:#dceaf4;text-transform:capitalize}.phase6e-ab-row strong,.phase6e-bank-row strong{font-size:11px;color:#6ae9da}.phase6e-ab-row em,.phase6e-bank-row em{font-size:9px;font-style:normal;color:#7f98aa}.phase6e-bank-row span small{display:block;color:#6f8799;font-size:9px;margin-top:2px}
.v63-adaptive-strip{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 13px;border-top:1px solid rgba(97,216,236,.13);border-bottom:1px solid rgba(97,216,236,.08);background:linear-gradient(90deg,rgba(14,54,73,.48),rgba(8,30,49,.24));font-size:10px}.v63-adaptive-strip.changed{background:linear-gradient(90deg,rgba(18,72,78,.56),rgba(8,30,49,.24))}.v63-adaptive-strip.abstain{background:linear-gradient(90deg,rgba(98,66,20,.28),rgba(8,30,49,.24));border-color:rgba(255,191,70,.18)}.v63-main,.v63-confidence,.v63-risk{display:flex;align-items:center;gap:7px;min-width:0}.v63-main>b{color:#72f0ff;letter-spacing:.08em}.v63-main strong{font-size:13px;color:#f2fbff}.v63-main em{font-style:normal;color:#61e5d3;font-weight:700}.v63-main i{font-style:normal;padding:3px 6px;border-radius:7px;background:rgba(71,206,237,.09);border:1px solid rgba(71,206,237,.16);color:#8bdcf1;font-size:8px}.v63-confidence b{color:#c8efff;font-size:10px}.v63-confidence small,.v63-risk small{color:#7993a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v63-risk{min-width:0}.v63-risk>b{color:#f2c86f;font-size:9px}.v63-transition{justify-self:end;color:#91a9b8;border:1px solid rgba(132,190,223,.15);border-radius:8px;padding:4px 7px;white-space:nowrap}
@media(max-width:1100px){.phase6e-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.phase6e-lower{grid-template-columns:1fr}.v63-adaptive-strip{grid-template-columns:1fr 1fr}.v63-transition{justify-self:start}}
@media(max-width:720px){.phase6e-head{flex-direction:column}.phase6e-kpis{grid-template-columns:1fr 1fr}.v63-adaptive-strip{grid-template-columns:1fr;gap:6px}.v63-main,.v63-confidence,.v63-risk{flex-wrap:wrap}.v63-transition{justify-self:start}.phase6e-ab-row,.phase6e-bank-row{grid-template-columns:1fr auto}}


/* e-Stave Live Price Bridge v1 */
.estave-bridge{margin:18px 0;padding:18px;border:1px solid rgba(45,212,191,.28);border-radius:18px;background:linear-gradient(135deg,rgba(13,148,136,.08),rgba(15,23,42,.42));box-shadow:0 18px 50px rgba(0,0,0,.14)}
.estave-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.estave-head h3{margin:4px 0 6px}.estave-head p{margin:0;max-width:780px;opacity:.76}.estave-head>b{padding:8px 12px;border-radius:999px;font-size:.76rem;letter-spacing:.08em;border:1px solid rgba(148,163,184,.25)}.estave-head>b.live{border-color:rgba(45,212,191,.55);background:rgba(45,212,191,.12)}.estave-head>b.stale{border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.1)}
.estave-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.estave-kpis article{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:13px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.34)}.estave-kpis span{font-size:.73rem;opacity:.72;text-transform:uppercase;letter-spacing:.06em}.estave-kpis strong{font-size:1.14rem}.estave-kpis small{font-size:.72rem;opacity:.64}
.estave-price-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 0 10px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.4)}.estave-price-strip.live{border-color:rgba(45,212,191,.46);background:linear-gradient(90deg,rgba(13,148,136,.13),rgba(15,23,42,.36))}.estave-price-strip.stale{border-color:rgba(245,158,11,.38);background:linear-gradient(90deg,rgba(245,158,11,.09),rgba(15,23,42,.36))}.estave-price-main,.estave-value,.estave-meta{display:flex;align-items:baseline;gap:8px}.estave-price-main>b{font-size:.7rem;letter-spacing:.08em}.estave-price-main strong{font-size:1.05rem}.estave-price-main small,.estave-meta small{opacity:.7}.estave-value b,.estave-value strong{font-size:.82rem}
@media(max-width:900px){.estave-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.estave-price-strip{align-items:flex-start;flex-direction:column;gap:5px}.estave-head{flex-direction:column}.estave-head>b{align-self:flex-start}}
@media(max-width:560px){.estave-kpis{grid-template-columns:1fr}.estave-price-main,.estave-value,.estave-meta{flex-wrap:wrap}}