/* OddsRadar V1.12.2 - dedicated analysis workspace */
:root { color-scheme: dark; }
.analysis-page.analysis-pro {
  max-width: 1540px;
  margin: 0 auto;
  color: #f3f7f8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.analysis-pro .analysis-hero {
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:22px 4px 24px; border-bottom:1px solid #273038;
}
.analysis-pro .analysis-hero-brand { display:flex; align-items:center; gap:18px; }
.analysis-pro .radar-logo {
  width:58px; height:58px; display:grid; place-items:center; border-radius:50%;
  border:1px solid #69dd50; color:#72e35a; font-size:2.2rem;
  box-shadow:0 0 0 6px rgba(105,221,80,.05), inset 0 0 20px rgba(105,221,80,.05);
}
.analysis-pro .eyebrow { color:#71df54; font-weight:800; font-size:.72rem; letter-spacing:.16em; }
.analysis-pro h1 { margin:3px 0 5px; font-size:2rem; letter-spacing:-.025em; }
.analysis-pro .analysis-hero p { margin:0; max-width:900px; color:#909ca5; }
.analysis-pro .analysis-filterbar {
  display:grid; grid-template-columns:220px 330px minmax(300px,1fr); gap:14px; align-items:end;
  padding:20px 0;
}
.analysis-pro .analysis-filterbar label {
  display:flex; flex-direction:column; gap:7px; color:#8f9ba4; font-size:.78rem;
  font-weight:700; text-transform:uppercase; letter-spacing:.05em;
}
.analysis-pro .analysis-filterbar select {
  appearance:none; height:46px; width:100%; border:1px solid #354049; border-radius:9px;
  background:#0d1419; color:#f1f5f6; padding:0 38px 0 13px; font-size:.96rem;
  text-transform:none; letter-spacing:0;
  background-image:linear-gradient(45deg,transparent 50%,#7d8a93 50%),linear-gradient(135deg,#7d8a93 50%,transparent 50%);
  background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;
  background-size:5px 5px,5px 5px; background-repeat:no-repeat;
}
.analysis-pro .analysis-filterbar select:focus { outline:0; border-color:#66cf4e; box-shadow:0 0 0 3px rgba(102,207,78,.1); }
.analysis-pro .analysis-filterbar select:disabled { opacity:.55; }
.analysis-pro .archive-note {
  min-height:46px; border-left:2px solid #64cf4d; padding:3px 0 3px 13px;
  display:flex; flex-direction:column; justify-content:center;
}
.analysis-pro .archive-note strong { color:#dfe6e9; font-size:.84rem; }
.analysis-pro .archive-note span { color:#7f8b94; font-size:.78rem; margin-top:2px; }
.analysis-pro .analysis-empty-modern {
  min-height:360px; display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center; border:1px dashed #303b43; border-radius:15px;
  background:linear-gradient(180deg,#0b1115,#090e12); color:#8e9aa3;
}
.analysis-pro .analysis-empty-modern .empty-icon {
  width:70px; height:70px; display:grid; place-items:center; border:1px solid #416f39;
  border-radius:50%; color:#72df54; font-size:2.5rem; margin-bottom:14px;
}
.analysis-pro .analysis-empty-modern h2 { color:#e8edef; margin:0 0 7px; }
.analysis-pro .analysis-empty-modern p { max-width:620px; margin:0; }
.analysis-pro .analysis-summary { display:grid; grid-template-columns:1.7fr repeat(3,1fr); gap:10px; margin-bottom:16px; }
.analysis-pro .analysis-summary > div {
  min-height:86px; padding:15px 17px; border:1px solid #2d363e; border-radius:11px;
  background:#0c1217; display:flex; flex-direction:column; justify-content:center;
}
.analysis-pro .analysis-summary small { color:#7f8b94; text-transform:uppercase; font-size:.68rem; letter-spacing:.07em; }
.analysis-pro .analysis-summary strong { font-size:1.4rem; margin-top:4px; }
.analysis-pro .analysis-summary span { color:#8ee873; margin-top:2px; }
.analysis-pro .analysis-summary .summary-main strong { font-size:1.1rem; }
.analysis-pro .analysis-match { border:1px solid #2a3239; background:#0b1014; border-radius:11px; margin-bottom:9px; overflow:hidden; box-shadow:0 8px 25px rgba(0,0,0,.08); }
.analysis-pro .analysis-match-row { display:grid; grid-template-columns:minmax(230px,.85fr) minmax(520px,1.7fr) 120px 180px; gap:14px; align-items:center; min-height:126px; padding:8px 15px; }
.analysis-pro .analysis-match-name { display:flex; gap:14px; align-items:center; min-width:0; }
.analysis-pro .analysis-match-name > div { display:flex; flex-direction:column; gap:5px; min-width:0; }
.analysis-pro .analysis-match-name strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.analysis-pro .analysis-match-name small { color:#98a3ac; }
.analysis-pro .match-number.square { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:10px; background:#0d5e99; font-weight:800; }
.analysis-pro .analysis-odds { display:grid; grid-template-columns:minmax(140px,1fr) repeat(3,minmax(60px,85px)); border-left:1px solid #242c32; border-right:1px solid #242c32; }
.analysis-pro .analysis-odds > * { min-height:27px; border-bottom:1px solid rgba(255,255,255,.055); display:flex; align-items:center; justify-content:center; }
.analysis-pro .analysis-odds > span { justify-content:flex-start; padding-left:16px; color:#aeb8c0; }
.analysis-pro .analysis-odds > strong { font-variant-numeric:tabular-nums; color:#e8edef; }
.analysis-pro .analysis-odds > span:nth-of-type(1) { color:#8ee76f; }
.analysis-pro .analysis-odds > span:nth-of-type(2) { color:#e8b83d; }
.analysis-pro .result-box { width:100px; height:82px; justify-self:center; border:1px solid #3b454d; border-radius:12px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; background:#0d1419; }
.analysis-pro .result-box.done { border-color:#4d9540; box-shadow:inset 0 0 20px rgba(95,204,71,.05); }
.analysis-pro .result-box strong { font-size:1.35rem; }
.analysis-pro .result-box span,.analysis-pro .result-box small { color:#92a0aa; font-size:.75rem; }
.analysis-pro .analysis-detail-button {
  justify-self:end; min-height:42px; border:1px solid #354049; background:#0d1419; color:#cdd5da;
  border-radius:9px; padding:0 14px; cursor:pointer; white-space:nowrap;
}
.analysis-pro .analysis-detail-button:hover { color:#8bea6d; border-color:#4d9340; }
.analysis-pro .analysis-history-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:14px; background:#090e12; border-top:1px solid #252d34; }
.analysis-pro .archive-chart { border:1px solid #2a353d; background:#0c1318; border-radius:10px; padding:12px; min-width:0; }
.analysis-pro .archive-chart header { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.analysis-pro .archive-chart header strong { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:#16354c; }
.analysis-pro .archive-chart header span { color:#bec7ce; font-variant-numeric:tabular-nums; }
.analysis-pro .archive-chart svg { width:100%; height:150px; display:block; margin-top:8px; }
.analysis-pro .gridline { stroke:#263844; stroke-width:1; stroke-dasharray:5 5; }
.analysis-pro .trendline { fill:none; stroke:#72df54; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.analysis-pro .archive-chart-axis { display:flex; justify-content:space-between; color:#7f8d97; font-size:.75rem; }
.analysis-pro .archive-no-chart { min-height:150px; display:grid; place-items:center; color:#71808a; text-align:center; }
@media (max-width:1000px) {
 .analysis-pro .analysis-filterbar{grid-template-columns:1fr 1fr}.analysis-pro .archive-note{grid-column:1/-1}
 .analysis-pro .analysis-summary{grid-template-columns:1fr 1fr}.analysis-pro .analysis-match-row{grid-template-columns:1fr}
 .analysis-pro .analysis-history-grid{grid-template-columns:1fr}.analysis-pro .analysis-detail-button{justify-self:start}
}
@media (max-width:650px) {
 .analysis-pro .analysis-filterbar{grid-template-columns:1fr}.analysis-pro .archive-note{grid-column:auto}
 .analysis-pro .analysis-summary{grid-template-columns:1fr 1fr}.analysis-pro h1{font-size:1.6rem}
}


/* V1.12.6 - analysis charts use the same interaction pattern as dashboard */
.analysis-pro .clickable-archive-chart { cursor: zoom-in; transition: border-color .15s ease, transform .15s ease; }
.analysis-pro .clickable-archive-chart:hover { border-color:#4d9340; transform:translateY(-1px); }
.analysis-pro .clickable-archive-chart .chart-hover-point { fill:transparent; stroke:transparent; pointer-events:all; }
.analysis-pro .clickable-archive-chart .chart-hover-point:hover { fill:#72df54; stroke:#0b1014; stroke-width:2; }


/* V1.12.7 - highlight the odds column that became the match outcome */
.analysis-pro .analysis-odds > strong.winning-odds {
  color:#9cff78;
  background:linear-gradient(180deg, rgba(102,207,78,.18), rgba(102,207,78,.08));
  box-shadow:inset 0 0 0 1px rgba(114,223,84,.38), inset 0 0 18px rgba(114,223,84,.08);
  font-weight:900;
  text-shadow:0 0 12px rgba(114,223,84,.25);
}

/* V1.12.8 – consistent source colors and modern match identity */
.analysis-pro .modern-radar-logo { border:0; box-shadow:none; background:linear-gradient(145deg,#111b20,#080d10); }
.analysis-pro .modern-radar-logo svg { width:50px; height:50px; fill:none; stroke:#6eea52; stroke-width:1.8; stroke-linecap:round; }
.analysis-pro .modern-radar-logo .radar-dot { fill:#6eea52; stroke:none; filter:drop-shadow(0 0 4px #6eea52); }
.analysis-pro .match-number.square { background:linear-gradient(145deg,#17232b,#0b1116); border:1px solid #35434d; color:#dff6ff; box-shadow:inset 0 1px rgba(255,255,255,.04),0 5px 15px rgba(0,0,0,.18); }
.analysis-pro .analysis-match { background:linear-gradient(100deg,#0b1014,#0d1318); }
.analysis-pro .analysis-odds .folk-label,.analysis-pro .analysis-odds .folk-value { color:#7dea59; }
.analysis-pro .analysis-odds .svenska-label { color:#ffc928; }
.analysis-pro .analysis-odds .betstart-label,.analysis-pro .analysis-odds .betstart-value { color:#58adff; }
.analysis-pro .analysis-odds .betslut-label { color:#5ee5b0; }
/* Winning highlight is intentionally used only on Svenska Spel odds */

/* V1.12.9 – result highlight must contrast with source colors */
.analysis-pro .analysis-odds > strong.winning-odds {
  color:#fff !important;
  background:linear-gradient(180deg,rgba(166,72,255,.34),rgba(115,45,190,.22)) !important;
  box-shadow:inset 0 0 0 1px rgba(199,132,255,.78),0 0 14px rgba(157,75,230,.20) !important;
  text-shadow:none;
}

/* V1.12.10 – larger analysis typography and stronger visual hierarchy */
.analysis-pro { font-size: 1.02rem; }
.analysis-pro .eyebrow { font-size: .8rem; }
.analysis-pro h1 { font-size: 2.15rem; }
.analysis-pro .analysis-hero p { font-size: 1rem; }
.analysis-pro .analysis-filterbar label { font-size: .84rem; }
.analysis-pro .analysis-filterbar select { font-size: 1.03rem; }
.analysis-pro .archive-note strong { font-size: .93rem; }
.analysis-pro .archive-note span { font-size: .85rem; }
.analysis-pro .analysis-summary small { font-size: .76rem; }
.analysis-pro .analysis-summary strong { font-size: 1.5rem; }
.analysis-pro .analysis-match-name strong { font-size: 1.08rem; }
.analysis-pro .analysis-match-name small { font-size: .88rem; }
.analysis-pro .analysis-odds { font-size: 1rem; }
.analysis-pro .analysis-odds > strong { font-size: 1.06rem; }
.analysis-pro .analysis-odds > span { font-size: .96rem; }
.analysis-pro .result-box strong { font-size: 1.48rem; }
.analysis-pro .result-box span, .analysis-pro .result-box small { font-size: .82rem; }
.analysis-pro .analysis-detail-button { font-size: .98rem; }
.analysis-pro .archive-chart header strong { font-size: 1.02rem; }
.analysis-pro .archive-chart header span { font-size: .94rem; }
.analysis-pro .archive-chart-axis { font-size: .84rem; gap: 20px; }