/* ==========================================================================
   STATIA Nova v2 — dark-navy redesign (Home + Match pages)
   Source of truth: STATIA_new_design/design_handoff_statia_home/
   Loaded after sc-redesign.css. Global chrome (header/footer/ticker/blobs)
   is scoped under body.stn2 (applied unconditionally in index.html) so it
   reskins every page. Page-content layout is scoped under .stn2-home /
   .stn2-match, wrapper classes added only inside home.html / event.html —
   League/Team/Referee pages keep their current look (old sc-redesign draft
   or plain sc.css) untouched.
   ========================================================================== */

/* ---------- 1. Fonts (self-hosted variable fonts) ---------- */
@font-face{
    font-family:'Space Grotesk';
    src:url('fonts/SpaceGrotesk-VariableFont_wght.woff2') format('woff2-variations'), url('fonts/SpaceGrotesk-VariableFont_wght.woff2') format('woff2');
    font-weight:300 700;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'Inter';
    src:url('fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2-variations'), url('fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
}

/* ---------- 2. Design tokens ---------- */
body.stn2{
    --stn2-bg: oklch(16% 0.015 260);
    --stn2-card: oklch(21% 0.02 262 / .6);
    --stn2-card-solid: oklch(21% 0.02 262);
    --stn2-card-alt-a: oklch(23% 0.02 262);
    --stn2-card-alt-b: oklch(19% 0.02 262);
    --stn2-border: oklch(100% 0 0 / .08);
    --stn2-border-2: oklch(100% 0 0 / .12);
    --stn2-text: oklch(97% 0.005 260);
    --stn2-text2: oklch(74% 0.01 260);
    --stn2-muted: oklch(62% 0.01 260);
    --stn2-faint: oklch(54% 0.01 260);
    --stn2-accent1: #7C5CFC;
    --stn2-accent2: #2DD4BF;
    --stn2-gradient: linear-gradient(120deg, var(--stn2-accent1), var(--stn2-accent2));
    --stn2-danger: oklch(66% 0.21 25);
    --stn2-danger-fg: oklch(80% 0.18 25);
    --stn2-success: oklch(78% 0.18 150);
    --stn2-radius-lg: 20px;
    --stn2-radius-md: 14px;
    --stn2-radius-sm: 10px;
    --stn2-radius-pill: 999px;
    font-family:'Inter',system-ui,sans-serif;
    background:var(--stn2-bg) !important;
    color:var(--stn2-text);
}
html.stn2{ background:var(--stn2-bg); }
body.stn2 .content,
body.stn2 .header,
body.stn2 .footer__wrap{ background:transparent; }
.stn2-display{ font-family:'Space Grotesk',sans-serif; letter-spacing:-.01em; }

@keyframes stn2Drift{ 0%{transform:translate(0,0) scale(1);} 50%{transform:translate(-3%,2%) scale(1.06);} 100%{transform:translate(0,0) scale(1);} }
@keyframes stn2Drift2{ 0%{transform:translate(0,0) scale(1);} 50%{transform:translate(3%,-2%) scale(1.08);} 100%{transform:translate(0,0) scale(1);} }
@keyframes stn2PulseDot{ 0%,100%{opacity:1; box-shadow:0 0 0 0 rgba(255,90,80,.55);} 50%{opacity:.55; box-shadow:0 0 0 6px rgba(255,90,80,0);} }
@keyframes stn2Marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
@keyframes stn2FadeUp{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);} }
@media (prefers-reduced-motion: reduce){
    .stn2-blobs > div, .stn2-ticker-track, .stn2-live-dot{ animation:none !important; }
}

/* ---------- 3. Background blobs + ticker (Home/Match only) ---------- */
.stn2-blobs{ position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.stn2-blobs > div{ position:absolute; border-radius:50%; filter:blur(40px); }
.stn2-blobs .b1{ width:900px; height:900px; left:-250px; top:-350px; background:radial-gradient(circle, var(--stn2-accent1) 0 0 / 20%, transparent 65%); background:radial-gradient(circle, color-mix(in oklch, var(--stn2-accent1) 20%, transparent), transparent 65%); animation:stn2Drift 22s ease-in-out infinite; }
.stn2-blobs .b2{ width:800px; height:800px; right:-260px; top:60px; background:radial-gradient(circle, color-mix(in oklch, var(--stn2-accent2) 17%, transparent), transparent 65%); animation:stn2Drift2 26s ease-in-out infinite; }
.stn2-blobs .b3{ width:600px; height:600px; left:30%; bottom:-320px; background:radial-gradient(circle, oklch(66% 0.21 25 / .18), transparent 65%); animation:stn2Drift 30s ease-in-out infinite; }

.stn2-ticker{ position:relative; z-index:2; overflow:hidden; border-bottom:1px solid var(--stn2-border); background:oklch(100% 0 0 / .03); padding:9px 0; white-space:nowrap; }
.stn2-ticker-track{ display:inline-flex; gap:48px; animation:stn2Marquee 32s linear infinite; padding-left:15px; }
.stn2-ticker-item{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; color:var(--stn2-text2); font-family:'Inter',sans-serif; }
.stn2-ticker-item a{ color:inherit; }
.stn2-live-dot{ display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--stn2-danger); animation:stn2PulseDot 1.4s ease-in-out infinite; flex:none; }
.stn2-ticker-item .stn2-min{ color:var(--stn2-muted); }
.stn2-ticker-empty{ display:none; }

/* ---------- 4. Header chrome (every page) ---------- */
body.stn2 .h{
    background:oklch(16% 0.015 260 / .72);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--stn2-border);
    box-shadow:none;
}
body.stn2 .h__menu > ul > li > a,
body.stn2 .h__menu > ul > li > div.js-btm{
    color:var(--stn2-text2);
    font-family:'Inter',sans-serif;
    font-weight:500;
    transition:color .15s;
}
body.stn2 .h__menu > ul > li > a:hover,
body.stn2 .h__menu > ul > li > div.js-btm:hover,
body.stn2 .h__menu > ul > li > div.js-btm.active,
body.stn2 .h__menu > ul > li > a.active{
    color:var(--stn2-text);
}
body.stn2 .h__btn{
    background:oklch(100% 0 0 / .06);
    border:1px solid var(--stn2-border);
    color:var(--stn2-text2);
}
body.stn2 .h__btn svg{ stroke:currentColor; }
body.stn2 .h__btn:hover{ background:oklch(100% 0 0 / .1); color:var(--stn2-text); }
body.stn2 .theme-toggle__icon{ color:var(--stn2-text2); }

/* Mega-menu dropdown panels: reskin, keep markup/JS untouched */
body.stn2 .btm{
    background:var(--stn2-bg);
    border-bottom:1px solid var(--stn2-border);
}
body.stn2 .btm__card,
body.stn2 .btm__live,
body.stn2 .btm__b{
    background-color:var(--stn2-card-solid);
    border:1px solid var(--stn2-border);
    color:var(--stn2-text);
}
body.stn2 .btm__card-title,
body.stn2 .btm__live-title{ color:var(--stn2-text); font-family:'Space Grotesk',sans-serif; }
body.stn2 .btm__card-text,
body.stn2 .btm__live-text{ color:var(--stn2-text2); }
body.stn2 .btm__card-text span,
body.stn2 .btm__live-text span{ color:var(--stn2-accent2); }
body.stn2 .btm__card-btn,
body.stn2 .btm__btn{
    background:var(--stn2-gradient);
    color:#fff;
    border:none;
}
body.stn2 .match__name{ color:var(--stn2-text); }
body.stn2 .match__score{ color:var(--stn2-text2); }
body.stn2 .match__score_g{ color:var(--stn2-success); }
body.stn2 .match__time{ color:var(--stn2-muted); }
body.stn2 .btm__search .search__input{
    background:var(--stn2-card-solid);
    border:1px solid var(--stn2-border);
    color:var(--stn2-text);
}
body.stn2 .btm__wrap_search .btm__card{ cursor:pointer; }
body.stn2 .btm__wrap_search.active .btm__card{ border-color:var(--stn2-accent2); }
body.stn2 .h-search__card{
    background:var(--stn2-card-solid);
    border:1px solid var(--stn2-border);
    color:var(--stn2-text);
}
body.stn2 .h-search__card a{ color:var(--stn2-text); }

/* ---------- 5. Footer chrome (every page) ---------- */
body.stn2 .footer,
body.stn2 .footer__wrap{
    background:var(--stn2-bg);
    border-top:1px solid var(--stn2-border);
}
body.stn2 .footer__title{
    color:var(--stn2-muted);
    font-size:11.5px;
    letter-spacing:.4px;
}
body.stn2 .footer__a{
    color:var(--stn2-text2);
}
body.stn2 .footer__a:hover{ color:var(--stn2-text); }
body.stn2 .footer__t{ color:var(--stn2-muted); }
body.stn2 .footer__btm{
    border-top:1px solid var(--stn2-border);
    background:var(--stn2-bg);
}
body.stn2 .footer__i{ color:var(--stn2-muted); }
body.stn2 .footer__i:hover{ color:var(--stn2-text); }
body.stn2 .tz-select{
    background:var(--stn2-card-solid);
    border:1px solid var(--stn2-border);
    color:var(--stn2-text);
}
body.stn2 .f-cookie-cnt{
    background:var(--stn2-card-solid);
    border:1px solid var(--stn2-border);
    color:var(--stn2-text);
}

/* ==========================================================================
   6. HOME PAGE — .stn2-home
   ========================================================================== */
.stn2-home{ position:relative; color:var(--stn2-text); }
.stn2-home .container-fluid{ position:relative; z-index:1; }
.stn2-home-h1{
    font-size:12.5px; font-weight:500; text-transform:uppercase; letter-spacing:.5px;
    color:var(--stn2-muted); margin:16px 0 4px; background:none; -webkit-text-fill-color:currentColor;
}
.stn2-home-desc{ color:var(--stn2-text2); margin-bottom:16px; }
.stn2-home .title__h2{ font-family:'Space Grotesk',sans-serif; color:var(--stn2-text); font-size:22px; font-weight:600; }
.stn2-home .text{ color:var(--stn2-text2); font-size:13.5px; }
.stn2-home .error-simple{ color:var(--stn2-muted); }
.stn2-home .error-simple svg{ fill:var(--stn2-muted); }

/* Hero + Signals row */
.stn2-hero-row{ display:grid; grid-template-columns:1.5fr 1fr; gap:20px; margin:20px 0 24px; }
@media (max-width:900px){ .stn2-hero-row{ grid-template-columns:1fr; } }

.stn2-hero{
    position:relative; display:block; border-radius:var(--stn2-radius-lg); overflow:hidden;
    border:1px solid var(--stn2-border); min-height:340px;
    background:
        linear-gradient(180deg, transparent 40%, oklch(16% 0.015 260 / .92) 100%),
        repeating-linear-gradient(135deg, oklch(26% 0.02 262) 0 18px, oklch(20% 0.02 262) 18px 36px);
}
.stn2-hero-tag{
    position:absolute; top:16px; left:16px; z-index:1; font-family:ui-monospace,monospace; font-size:11px;
    color:var(--stn2-muted); background:oklch(16% 0.015 260 / .6); padding:4px 9px; border-radius:6px;
}
.stn2-hero-live{
    position:absolute; top:16px; right:16px; display:flex; align-items:center; gap:6px;
    background:oklch(66% 0.21 25 / .18); border:1px solid oklch(66% 0.21 25 / .4); color:var(--stn2-danger-fg);
    font-size:12px; font-weight:600; padding:5px 11px; border-radius:var(--stn2-radius-pill);
}
.stn2-hero-overlay{ position:absolute; bottom:20px; left:24px; right:24px; }
.stn2-hero-meta{ font-size:12px; color:var(--stn2-text2); margin-bottom:6px; }
.stn2-hero-teams{ display:flex; flex-direction:column; gap:6px; font-family:'Space Grotesk',sans-serif; font-weight:600; }
.stn2-hero-team{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:18px; color:var(--stn2-text); }
.stn2-hero-score{ font-size:20px; color:var(--stn2-accent2); white-space:nowrap; }

.stn2-signals{
    border-radius:var(--stn2-radius-lg); border:1px solid var(--stn2-border); background:var(--stn2-card);
    padding:6px; display:flex; flex-direction:column;
}
.stn2-signal-row{
    display:flex; align-items:center; gap:16px; padding:16px; border-radius:var(--stn2-radius-md);
    cursor:pointer; transition:background .15s; text-decoration:none; color:inherit;
}
.stn2-signal-row:hover{ background:oklch(100% 0 0 / .04); }
.stn2-signal-row_static{ cursor:default; }
.stn2-signal-divider{ height:1px; background:var(--stn2-border); margin:2px 16px; }
.stn2-ring-val{
    position:absolute; inset:6px; border-radius:50%; background:var(--stn2-card-solid);
    display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; color:var(--stn2-text);
}
.stn2-drop-badge{
    width:56px; height:56px; border-radius:var(--stn2-radius-md); background:oklch(78% 0.18 150 / .12);
    display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0;
}
.stn2-drop-badge span{ font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:700; color:var(--stn2-success); }
.stn2-drop-badge small{ font-size:9px; color:var(--stn2-success); }
.stn2-signal-icon{
    width:56px; height:56px; border-radius:var(--stn2-radius-md); background:oklch(100% 0 0 / .05);
    display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--stn2-accent2);
}
.stn2-signal-body{ flex:1; min-width:0; }
.stn2-signal-label{ font-size:11px; color:var(--stn2-muted); text-transform:uppercase; letter-spacing:.4px; margin-bottom:2px; }
.stn2-signal-title{ font-size:14px; font-weight:600; color:var(--stn2-text); }
.stn2-signal-sub{ font-size:12px; color:var(--stn2-text2); margin-top:2px; line-height:1.4; }
.stn2-signal-arrow{ color:var(--stn2-muted); font-size:16px; }
.stn2-signal-cta{
    margin:auto 16px 12px; text-align:center; padding:11px; border-radius:12px;
    background:var(--stn2-gradient); font-weight:600; font-size:13px; color:#fff; display:block;
}

/* KPI strip */
.stn2-kpi-strip{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:16px; margin-bottom:12px; }
@media (max-width:1100px){ .stn2-kpi-strip{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:640px){ .stn2-kpi-strip{ grid-template-columns:1fr 1fr; } }
.stn2-kpi{
    position:relative; overflow:hidden; display:block; color:inherit; text-decoration:none;
    border-radius:18px; padding:18px 20px; border:1px solid var(--stn2-border);
    background:linear-gradient(160deg, var(--stn2-card-alt-a), var(--stn2-card-alt-b));
    box-shadow:0 10px 30px -12px oklch(0% 0 0 / .5);
    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s cubic-bezier(.2,.8,.2,1), border-color .3s;
}
.stn2-kpi:hover{ transform:translateY(-6px) scale(1.015); border-color:var(--kpi-hue, var(--stn2-accent2)); box-shadow:0 20px 40px -14px color-mix(in oklch, var(--kpi-hue, var(--stn2-accent2)) 38%, transparent), 0 0 0 1px color-mix(in oklch, var(--kpi-hue, var(--stn2-accent2)) 22%, transparent); }
.stn2-kpi::before{
    content:''; position:absolute; top:-30%; right:-20%; width:70%; height:70%; border-radius:50%;
    background:radial-gradient(circle, var(--kpi-hue, var(--stn2-accent2)), transparent 70%);
    opacity:.35; pointer-events:none; z-index:0;
}
.stn2-kpi-top, .stn2-kpi-value, .stn2-kpi-sub, .stn2-kpi-extra{ position:relative; z-index:1; }
.stn2-kpi-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.stn2-kpi-label{ font-size:12.5px; color:var(--stn2-text2); font-weight:500; }
.stn2-kpi-icon{
    width:30px; height:30px; border-radius:9px;
    background-color:color-mix(in oklch, var(--kpi-hue, var(--stn2-accent2)) 22%, transparent);
    background-repeat:no-repeat; background-position:center; background-size:60%; flex-shrink:0;
}
.stn2-kpi-value{ display:flex; align-items:baseline; gap:8px; }
.stn2-kpi-num{ font-size:30px; font-weight:700; letter-spacing:-.5px; color:var(--stn2-text); }
.stn2-kpi-badge{ font-size:11px; font-weight:700; color:var(--stn2-danger-fg); background:oklch(66% 0.21 25 / .15); padding:2px 7px; border-radius:6px; }
.stn2-kpi-sub{ font-size:11.5px; color:var(--stn2-muted); text-transform:uppercase; letter-spacing:.5px; margin-top:5px; }
.stn2-kpi-sub_lead{ text-transform:none; font-size:13px; color:var(--stn2-text2); letter-spacing:normal; line-height:1.4; margin-top:0; }
.stn2-kpi-extra{ font-size:11.5px; color:var(--stn2-faint); margin-top:2px; }
.stn2-kpi_compact{ display:flex; flex-direction:column; justify-content:space-between; }

/* Matches table (existing .lg/.lg__block markup from events-table.html,
   scoped to .stn2-home only — events.html's full listing page, which reuses
   the same include, keeps its current look untouched) */
.stn2-home .events-table{ border-radius:18px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; color:var(--stn2-text); position:relative; z-index:1; }
.stn2-home .events-table-header{ color:var(--stn2-text); margin:40px 0 16px; position:relative; z-index:1; }
.stn2-home .events-navigation{ flex-wrap:wrap; }
.stn2-home .events-table-heading{
    font-family:'Space Grotesk',sans-serif; font-size:22px; font-weight:600; color:var(--stn2-text);
    margin:0 auto 0 0; background:none; -webkit-text-fill-color:currentColor;
}
/* All three controls (date stepper / LIVE / Все матчи) sit together as one
   right-aligned cluster — only the heading's margin-right:auto should push
   the group; the button's own base margin-left:auto would otherwise split
   the cluster in two by fighting for the same free space. */
.stn2-home .all-events-button{
    background:var(--stn2-card-solid); border:1px solid var(--stn2-border); color:var(--stn2-text2);
    margin-left:0; height:40px; box-sizing:border-box; padding:0 20px;
}
/* Date stepper reads as one unified pill (arrows + date), not three separate chips */
.stn2-home .date-controls{
    background:var(--stn2-card-solid); border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-sm);
    padding:0 4px; gap:2px !important; height:40px; box-sizing:border-box;
}
.stn2-home .nav-button{ width:32px; height:32px; background:transparent; border:none; color:var(--stn2-text2); border-radius:6px; }
.stn2-home .nav-button:hover{ background:oklch(100% 0 0 / .06); color:var(--stn2-text); }
.stn2-home .events-date-picker-container,
.stn2-home .events-custom-date-picker{ background:transparent; border:none; color:var(--stn2-text); height:40px; box-sizing:border-box; }
/* LIVE toggle — red-tinted, matches the hero/ticker live indicator language */
.stn2-home .live-button{
    display:flex; align-items:center; gap:7px;
    background:oklch(66% 0.21 25 / .15); border:1px solid oklch(66% 0.21 25 / .4); color:var(--stn2-danger-fg);
    font-weight:600; height:40px; box-sizing:border-box;
}
.stn2-home .live-button::before{
    content:''; width:6px; height:6px; border-radius:50%; background:var(--stn2-danger);
    animation:stn2PulseDot 1.4s ease-in-out infinite; flex:none;
}
.stn2-home .live-button.active{ background:var(--stn2-gradient); color:#fff; border-color:transparent; }
.stn2-home .live-button.active::before{ background:#fff; }
.stn2-home .search__bar .search__input{ background:var(--stn2-card-solid); border:1px solid var(--stn2-border); color:var(--stn2-text); }
.lg-priority-tabs{ display:flex; gap:8px; margin:14px 0 12px; position:relative; z-index:1; }
.lg-priority-empty{
    border-radius:18px; border:1px solid var(--stn2-border, oklch(100% 0 0 / .08));
    background:var(--stn2-card, oklch(21% 0.02 262 / .55)); margin-bottom:12px; position:relative; z-index:1;
}
.lg-priority-tab{
    font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--stn2-text2, oklch(70% 0.01 260));
    background:oklch(100% 0 0 / .05); border:1px solid var(--stn2-border, oklch(100% 0 0 / .08));
    padding:8px 16px; border-radius:999px; cursor:pointer; transition:background .15s, color .15s;
}
.lg-priority-tab:hover{ background:oklch(100% 0 0 / .08); }
.lg-priority-tab.active{ background:var(--stn2-gradient, linear-gradient(120deg,#7C5CFC,#2DD4BF)); color:#fff; border-color:transparent; }
.stn2-home .lg{ background:transparent; }
.stn2-home .lg__block{ background:transparent !important; }
.stn2-home .lg__block:has(+ .lg__block){ border-bottom:1px solid oklch(100% 0 0 / .05) !important; }
.stn2-home .lg__h{ background:transparent !important; padding:14px 20px; border-bottom:1px solid var(--stn2-border); display:flex; align-items:center; justify-content:space-between; }
.stn2-home .lg__loc{ font-size:13.5px; color:var(--stn2-muted); }
.stn2-home .lg__arrow{ background:oklch(100% 0 0 / .06) !important; color:var(--stn2-text2); border-radius:50%; }
.stn2-home .lg__name{ font-weight:600; color:var(--stn2-text); text-decoration:none; }
.stn2-home .lg__block_h{
    background:transparent !important;
    display:grid; grid-template-columns:52px 1fr 108px 1fr 160px 140px 24px; align-items:center; gap:12px;
    padding:14px 20px; border-bottom:1px solid oklch(100% 0 0 / .05); transition:background .15s; cursor:pointer;
    color:var(--stn2-text);
}
.stn2-home .lg__odds{ display:flex; gap:6px; justify-content:flex-end; }
.stn2-home .lg__odd{ font-size:12.5px; padding:4px 8px; border-radius:7px; background:oklch(100% 0 0 / .05); color:oklch(80% 0.01 260); }
.stn2-home .lg__block:hover .lg__block_h,
.stn2-home .lg__block_h:hover{ background:oklch(100% 0 0 / .04) !important; }
.stn2-home .lg__time{ font-size:13px; color:var(--stn2-muted); }
.stn2-home .lg__cnt{ display:contents; }
.stn2-home .lg__team{ font-size:14px; color:var(--stn2-text); }
.stn2-home .lg__team:first-of-type{ text-align:right; }
.stn2-home .lg__team:last-of-type{ text-align:left; }
.stn2-home .lg__block:hover .lg__team{ color:var(--stn2-text); }
.stn2-home .lg__center{ display:flex; justify-content:center; }
.stn2-home .lg__status{ font-size:11.5px; color:var(--stn2-muted); background:oklch(100% 0 0 / .06); padding:4px 10px; border-radius:6px; white-space:nowrap; }
.stn2-home .lg__status-live{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14px; color:var(--stn2-danger-fg); }
.stn2-home .lg__scores{ display:flex; justify-content:center; gap:4px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; }
.stn2-home .lg__score{ color:var(--stn2-text2); }
.stn2-home .lg__score-live{ color:var(--stn2-danger-fg); }
.stn2-home .lg__score_g{ color:var(--stn2-success); }
.stn2-home .lg__referee{ font-size:12px; color:var(--stn2-faint); text-align:right; }
.stn2-home .lg__referee a{ color:inherit; }
.stn2-home .lg__toggle{ color:var(--stn2-muted); background:none; border:none; cursor:pointer; justify-self:end; }
.stn2-home .lg__toggle.active{ transform:rotate(180deg); }
.stn2-home .lg__arrow{ color:var(--stn2-muted); cursor:pointer; }
.stn2-home .event-summary{ background:oklch(18% 0.02 262 / .6); border-bottom:1px solid var(--stn2-border); padding:16px 20px; }
.stn2-home .event-summary-tabs{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.stn2-home .event-summary-tab{
    font-size:12.5px; font-weight:600; padding:8px 14px; border-radius:10px;
    background:oklch(100% 0 0 / .05); color:var(--stn2-text2); border:1px solid transparent;
}
.stn2-home .event-summary-tab:first-child{ background:var(--stn2-gradient); color:#fff; }
.stn2-home .event-summary-avg-checkbox-text{ color:var(--stn2-muted); font-size:12px; }
.stn2-home .event-stats{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; align-items:start; }
.stn2-home .event-stats-group{
    border-radius:var(--stn2-radius-md); border:1px solid var(--stn2-border); background:var(--stn2-card);
    padding:16px 18px; margin-bottom:0; height:264px; overflow-y:auto;
    scrollbar-width:thin; scrollbar-color:var(--stn2-border) transparent;
    display:flex; flex-direction:column; gap:14px;
}
.stn2-home .event-stats-group::-webkit-scrollbar{ width:6px; }
.stn2-home .event-stats-group::-webkit-scrollbar-track{ background:transparent; }
.stn2-home .event-stats-group::-webkit-scrollbar-thumb{ background:var(--stn2-border); border-radius:3px; }
@media (max-width:700px){
    .stn2-home .event-stats{ grid-template-columns:1fr; }
}
.stn2-home .event-stats-group-name{ font-size:12px; font-weight:600; color:var(--stn2-text2); text-transform:uppercase; letter-spacing:.4px; margin-bottom:0; flex:none; }
.stn2-home .event-stats-field{ gap:14px; flex:none; }
.stn2-home .event-stats-name{ color:var(--stn2-text2); font-size:11.5px; }
.stn2-home .event-stats-row{ display:flex; align-items:center; justify-content:center; gap:10px; }
.stn2-home .event-stats-row .event-stats-name{ flex:0 1 auto; text-align:center; }
.stn2-home .event-stats-localteam,
.stn2-home .event-stats-visitorteam{ color:#fff; font-weight:700; border-radius:5px; padding:1px 7px; font-size:11.5px; min-width:26px; text-align:center; flex:none; }
.stn2-home .event-stats-localteam-avg,
.stn2-home .event-stats-visitorteam-avg{ flex:1 1 0; font-size:11px; color:var(--stn2-muted); min-width:0; }
.stn2-home .event-stats-localteam-avg{ text-align:right; }
.stn2-home .event-stats-visitorteam-avg{ text-align:left; }
.stn2-home .event-stats-splitbar{ display:flex; height:6px; border-radius:3px; overflow:hidden; background:oklch(100% 0 0 / .07); }
.stn2-home .event-stats-splitbar-local,
.stn2-home .event-stats-splitbar-visitor{ height:100%; }
.stn2-home .event-summary-error{ color:var(--stn2-muted); }
.stn2-home .loader__wrapper .loader{ border-color:var(--stn2-border) transparent transparent transparent; }
.stn2-home .event-pressure{
    margin-top:16px; border-radius:var(--stn2-radius-md); border:1px solid var(--stn2-border); background:var(--stn2-card);
    padding:16px 18px;
}
.stn2-home .event-pressure-title{ font-size:12px; font-weight:600; color:var(--stn2-text2); text-transform:uppercase; letter-spacing:.4px; margin-bottom:12px; }
.stn2-home .event-pressure-chart-wrap{ position:relative; height:200px; }

/* Horizontal-scroll league/team cards */
.stn2-hscroll{ display:grid; grid-auto-flow:column; grid-auto-columns:250px; gap:16px; overflow-x:auto; padding:8px 2px 6px; scrollbar-width:none; }
.stn2-hscroll::-webkit-scrollbar{ display:none; }
.stn2-league-card,
.stn2-team-card{
    display:block; border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card);
    padding:18px; color:inherit; text-decoration:none; transition:transform .2s, border-color .2s;
}
.stn2-league-card:hover,
.stn2-team-card:hover{ border-color:color-mix(in oklch, var(--stn2-accent2) 40%, transparent); transform:translateY(-4px); }
.stn2-card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.stn2-card-top > div{ min-width:0; flex:1; }
.stn2-card-name{ font-size:14.5px; font-weight:600; line-height:1.3; color:var(--stn2-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stn2-card-sub{ font-size:11.5px; color:var(--stn2-muted); margin-top:2px; }
.stn2-live-badge{
    display:flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:oklch(95% 0.01 25);
    background:oklch(66% 0.21 25 / .35); padding:4px 9px; border-radius:var(--stn2-radius-pill); flex-shrink:0; white-space:nowrap;
}
.stn2-live-badge_static{ margin-top:12px; align-self:flex-start; background:oklch(78% 0.18 150 / .18); color:var(--stn2-success); }
.stn2-league-crest{ display:flex; align-items:center; justify-content:center; margin-top:16px; height:44px; }
.stn2-league-crest img{ max-height:100%; max-width:80px; object-fit:contain; }
.stn2-league-stats{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:18px; }
.stn2-league-avg{ font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; line-height:1; color:var(--stn2-text); }
.stn2-league-avg-label{ font-size:9.5px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:var(--stn2-muted); margin-top:4px; }
.stn2-league-bars{ display:flex; align-items:flex-end; gap:3px; height:36px; flex-shrink:0; }
.stn2-league-bar{
    width:7px; min-height:3px; border-radius:3px 3px 1px 1px;
    background:linear-gradient(180deg, var(--stn2-accent2), var(--stn2-accent1));
    opacity:.85;
}
.stn2-card-footer{ font-size:11.5px; color:var(--stn2-muted); margin-top:12px; }
.stn2-team-top{ display:flex; align-items:center; gap:10px; }
.stn2-team-crest{ width:32px; height:32px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.stn2-team-avatar{
    width:32px; height:32px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg, color-mix(in oklch, var(--stn2-accent1) 55%, transparent), color-mix(in oklch, var(--stn2-accent2) 55%, transparent));
    font-size:12.5px; font-weight:700; color:var(--stn2-text);
}
.stn2-team-form{ display:flex; gap:5px; margin-top:16px; }
.stn2-form-dot{ width:8px; height:8px; border-radius:50%; background:oklch(60% 0 0 / .3); }
.stn2-form-dot_win{ background:var(--stn2-success); }
.stn2-form-dot_lose{ background:var(--stn2-danger); }
.stn2-form-dot_draw{ background:var(--stn2-muted); }
.stn2-team-next{ font-size:11.5px; color:var(--stn2-muted); margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Blog / CTA banner */
.stn2-blog-cta{
    position:relative; overflow:hidden; border-radius:22px; border:1px solid var(--stn2-border);
    padding:40px 44px; background:linear-gradient(120deg, oklch(23% 0.03 280 / .8), oklch(20% 0.03 200 / .6));
}
.stn2-blog-glow{ position:absolute; width:340px; height:340px; right:-100px; top:-140px; border-radius:50%; background:radial-gradient(circle, color-mix(in oklch, var(--stn2-accent2) 20%, transparent), transparent 70%); filter:blur(10px); }
.stn2-blog-body{ position:relative; max-width:640px; }
.stn2-blog-title{ font-size:24px; font-weight:600; margin-bottom:8px; color:var(--stn2-text); }
.stn2-blog-text{ font-size:14px; color:var(--stn2-text2); margin-bottom:22px; line-height:1.5; }
.stn2-blog-btn{
    display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:12px;
    background:var(--stn2-gradient); font-weight:600; font-size:14px; color:#fff; text-decoration:none;
    box-shadow:0 10px 28px color-mix(in oklch, var(--stn2-accent1) 40%, transparent);
}
@media (max-width:640px){
    .stn2-blog-cta{ padding:28px 24px; }
    body.stn2 .lg__block_h{ grid-template-columns:44px 1fr 76px 1fr 20px; }
    body.stn2 .lg__referee,
    body.stn2 .lg__odds{ display:none; }
}

/* ==========================================================================
   7. MATCH PAGE — .stn2-match
   ========================================================================== */
.stn2-match{ position:relative; color:var(--stn2-text); }
.stn2-match .container-fluid{ position:relative; z-index:1; }
.stn2-match .breadcrumbs{ color:var(--stn2-muted); font-size:12.5px; }
.stn2-match .breadcrumbs a{ color:var(--stn2-text2); }
.stn2-match .breadcrumbs-last{ color:var(--stn2-text2); }
.stn2-match .title__h1{ font-family:'Space Grotesk',sans-serif; font-size:24px; font-weight:600; color:var(--stn2-text); background:none; -webkit-text-fill-color:currentColor; }

/* Unified header card: .event__r (league/venue/position) flows first via
   order:-1 as the top strip, .event__l (home | data | away) is the body —
   no DOM changes, so schema.org microdata order/parsing is untouched. */
.stn2-match .event.mt25{
    display:flex; flex-direction:column; gap:0;
    border-radius:var(--stn2-radius-lg); border:1px solid var(--stn2-border); background:var(--stn2-card);
    padding:0; overflow:hidden;
}
.stn2-match .event__r{
    background:transparent !important;
    order:-1; display:flex; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;
    padding:14px 24px; border-bottom:1px solid var(--stn2-border); font-size:12px; color:var(--stn2-muted);
}
.stn2-match .event__title{ font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:600; color:var(--stn2-text); text-decoration:none; }
.stn2-match .event__r .event__text{ color:var(--stn2-muted); font-size:12px; line-height:1.7; text-align:right; }
.stn2-match .event__l{
    background:transparent !important;
    display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px;
    padding:24px 28px;
}
.stn2-match .event__c{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.stn2-match .event__c img{ width:56px; height:56px; border-radius:14px; object-fit:contain; background:oklch(100% 0 0 / .05); }
.stn2-match .event__c-name{ font-size:14.5px; font-weight:600; color:var(--stn2-text); }
.stn2-match .event__c-winner{ color:var(--stn2-text); }
.stn2-match .event__position{ font-size:11px; color:var(--stn2-muted); }
.stn2-match .event__goals{ display:flex; gap:4px; justify-content:center; }
.stn2-match .event__goal{ width:16px; height:16px; border-radius:5px; background:oklch(100% 0 0 / .1); }
.stn2-match .event__goal-g{ background:var(--stn2-success); }
.stn2-match .event__goal-r{ background:var(--stn2-danger); }
.stn2-match .event__data{ display:flex; flex-direction:column; align-items:center; gap:8px; min-width:170px; }
.stn2-match .event__status{ font-size:11px; color:var(--stn2-text2); background:oklch(100% 0 0 / .06) !important; padding:3px 12px; border-radius:var(--stn2-radius-pill); }
.stn2-match .event__score{ display:flex; align-items:center; justify-content: center; gap:10px; }
.stn2-match .event__score-i{
    font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:var(--stn2-text);
    background:oklch(100% 0 0 / .06); padding:6px 16px; border-radius:10px;
}
.stn2-match .event__score-i[data-team="visitorteam"]{ background:color-mix(in oklch, var(--stn2-accent2) 15%, transparent); color:var(--stn2-accent2); }
.stn2-match .event__score-g{ color:var(--stn2-success) !important; }
.stn2-match .event__data .event__text{ font-size:12px; color:var(--stn2-muted); text-align:center; }
.stn2-match .event__data .event__text b{ color:var(--stn2-text2); font-weight:600; }
.stn2-match .event__referee{ text-align:center; margin-top:2px; }
.stn2-match .event__referee-link a{ color:var(--stn2-accent1); font-size:12px; }
@media (max-width:640px){
    .stn2-match .event__l{ grid-template-columns:1fr; justify-items:center; }
    .stn2-match .event__r{ flex-direction:column; align-items:flex-start; }
    .stn2-match .event__r .event__text{ text-align:left; }
}

/* Tab bar (.js-league, shared with League/Team/Referee — scope match-only
   tweaks with the .stn2-match parent class for higher specificity so those
   other pages keep the old sc-redesign draft's tab-bar look untouched) */
.stn2-match.js-league,
.stn2-match .js-league{ margin-top:20px; }
.stn2-match .mySwiper{
    background:transparent !important; margin:0 auto 20px !important;
    position:static !important; top:auto !important;
}
.stn2-match .tools.tools__active{ gap:8px; border-bottom:1px solid var(--stn2-border); padding-bottom:0; }
.stn2-match .tools__active .tools__wrap{
    background:transparent !important; border:none; border-radius:0; box-shadow:none; min-width:0; width:auto !important; overflow:visible;
}
.stn2-match .tools__active .tools__card{
    background-image:none !important; max-width:none; width:auto !important; min-height:0; padding:12px 4px; display:flex; align-items:center; gap:8px;
    border-bottom:2px solid transparent; overflow:visible;
}
.stn2-match .tools__active .tools__icon,
.stn2-match .tools__active .tools__wrap > .tools__card > div[style*="background-image"]{ display:none; }
.stn2-match .tools__active .tools__text{ display:none; }
.stn2-match .tools__active .tools__title{ font-size:13.5px; font-weight:500; color:var(--stn2-muted); white-space:nowrap; }
.stn2-match .tools__active .tools__wrap.active .tools__card{ border-bottom-color:var(--stn2-accent2); }
.stn2-match .tools__active .tools__wrap.active .tools__title{ color:var(--stn2-text); font-weight:600; }
.stn2-match .nova-tab-underline{ display:none; } /* replaced by native border-bottom above; avoid double indicator */

/* ---- Generic tab-content primitives shared by every match-page tab
   (Обзор/Live/Коэффициенты/Команды/Рефери/AI/H2H/vbet/trends all reuse
   these same handful of classes — one pass here covers every tab). ---- */
.stn2-match .title__cnt{ font-family:'Space Grotesk',sans-serif; font-size:18px; font-weight:600; color:var(--stn2-text); margin:28px 0 10px; }
.stn2-match .text{ color:var(--stn2-text2); font-size:13.5px; line-height:1.6; }
.stn2-match .event__description{ background:var(--stn2-card) !important; border:1px solid var(--stn2-border); color:var(--stn2-text2); font-size:13.5px; line-height:1.6; }

/* Quick-nav grid (Обзор tab) */
.stn2-quicknav{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:14px; margin-top:14px; }
.stn2-quicknav-card{
    display:block; border-radius:var(--stn2-radius-md); border:1px solid var(--stn2-border); background:var(--stn2-card);
    padding:16px 18px; color:inherit; text-decoration:none; transition:border-color .2s, transform .2s;
}
.stn2-quicknav-card:hover{ border-color:var(--stn2-accent2); transform:translateY(-2px); }
.stn2-quicknav-title{ font-size:14px; font-weight:600; color:var(--stn2-text); margin-bottom:4px; }
.stn2-quicknav-desc{ font-size:12.5px; color:var(--stn2-text2); line-height:1.4; }

/* "Статистика встреч" + "Ключевые тренды" pair (Обзор tab) */
.stn2-overview-pair{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:16px; }
.stn2-overview-card{
    border-radius:var(--stn2-radius-lg); border:1px solid var(--stn2-border); background:var(--stn2-card);
    padding:20px 22px;
}
.stn2-overview-title{ font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:600; color:var(--stn2-text); }
.stn2-overview-sub{ font-size:12.5px; color:var(--stn2-text2); margin-top:4px; margin-bottom:14px; }
.stn2-trends-list{ display:flex; flex-direction:column; gap:12px; margin-top:14px; }
.stn2-trend-row{ display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--stn2-text2); line-height:1.5; }
.stn2-trend-row b{ color:var(--stn2-text); }
.stn2-trend-row .arrow-line-up,
.stn2-trend-row .arrow-line-down{ margin-top:4px; flex-shrink:0; }
.stn2-trend-arrow{ flex-shrink:0; font-weight:700; }

.stn2-summary-card{ border-radius:16px; border:1px solid var(--stn2-border); background:linear-gradient(120deg, color-mix(in oklch, var(--stn2-accent1) 16%, var(--stn2-card-solid)), color-mix(in oklch, var(--stn2-accent2) 12%, var(--stn2-card-solid))); padding:22px; }
.stn2-summary-text{ font-size:13.5px; color:var(--stn2-text2); line-height:1.6; margin-top:10px; }

/* Generic "info card" tiles (.block1__i and friends, reused across Обзор/summary preview cards) */
.stn2-match .block1__i,
.stn2-match .block1__i-ml{
    background:var(--stn2-card); border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-lg);
    color:var(--stn2-text); box-shadow:none;
}
/* These cards carry an inline background-image (v.svg/ml.png/ml2.png) meant
   for the light theme — no dark-mode asset exists, so suppress it rather
   than show a raw light-mode watermark image on the new dark card. */
.stn2-match .block1__i_v,
.stn2-match .block1__i-ml{
    background-image:none !important;
}
.stn2-match .block1__h{ color:var(--stn2-text); font-family:'Space Grotesk',sans-serif; }
.stn2-match .block1__t{ color:var(--stn2-text2); }
.stn2-match .block1__btn{ background:var(--stn2-gradient); color:#fff; border-radius:var(--stn2-radius-pill); box-shadow:none; }
.stn2-match .block1__event-stats{ color:var(--stn2-text); }
.stn2-match .block1__event-stat span{ color:var(--stn2-text2); }
.stn2-match .block1__event-stat b{ color:var(--stn2-text); }

/* Averages / stat tables (Обзор, Команды, Рефери, H2H results). The old
   sc-redesign.css draft also scopes `.js-league .table__row` (present here
   too, since .js-league is the shared tab-JS wrapper) into individual
   rounded light "glass rows" — explicitly neutralize that so the match
   page gets one flat continuous dark table instead. */
.stn2-match .table{ background:var(--stn2-card) !important; border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-md); overflow:hidden; color:var(--stn2-text); box-shadow:none !important; }
.stn2-match .table__h,
.stn2-match .table__row{
    background:transparent !important; border:none !important; border-radius:0 !important;
    border-bottom:1px solid oklch(100% 0 0 / .05) !important; padding:12px 18px; color:var(--stn2-text); transform:none !important;
}
.stn2-match .table__row:hover{ background:oklch(100% 0 0 / .03) !important; }
.stn2-match .table__row:last-child{ border-bottom:none !important; }
.stn2-match .table__name{ color:var(--stn2-text2); }
.stn2-match .table__stat,
.stn2-match .table__events b{ color:var(--stn2-text); font-weight:600; }
.stn2-match .table__events.table__events-h{ color:var(--stn2-muted); font-size:11.5px; text-transform:uppercase; letter-spacing:.4px; background:transparent; }
.stn2-match .has-stat-bar{ position:relative; }

/* Stat split-bars (Live центр + Обзор preview) */
.stn2-match .event-stats-field{ margin-bottom:14px; }
.stn2-match .event-stats-name{ color:var(--stn2-text2); font-size:12px; }
.stn2-match .event-stats-values{ color:var(--stn2-text2); font-size:11.5px; }
.stn2-match .event-stats-localteam,
.stn2-match .event-stats-visitorteam{ color:#fff; font-weight:700; border-radius:5px; padding:1px 8px; font-size:11.5px; }
.stn2-match .event-stats-progress-bar-wrapper{ background:oklch(100% 0 0 / .07); border-radius:4px; overflow:hidden; }
.stn2-match .event-stats-localteam-avg,
.stn2-match .event-stats-visitorteam-avg,
.stn2-match .event-stats-referee-avg{ color:var(--stn2-faint); font-size:11px; }

/* Page-descriptor info banner (every ajax tab: odds/stats/referee/ai/h2h/vbet/trends) */
.stn2-match .page-descriptor{
    display:flex; align-items:center; gap:14px; background:var(--stn2-card); border:1px solid var(--stn2-border);
    border-radius:var(--stn2-radius-md); padding:16px 18px; color:var(--stn2-text);
}
.stn2-match .pd-img{ color:var(--stn2-accent2); flex-shrink:0; }
.stn2-match .pd-title{ font-size:14px; font-weight:600; color:var(--stn2-text); margin:0 0 2px; }
.stn2-match .pd-text{ font-size:12.5px; color:var(--stn2-text2); }
.stn2-match .pd-text a{ color:var(--stn2-accent2); }

/* Odds tables/chips (Коэффициенты tab + Обзор preview) */
.stn2-match .market-odds{ background:var(--stn2-card); border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-md); overflow:hidden; color:var(--stn2-text); }
.stn2-match .odds__h{ color:var(--stn2-muted); font-size:11.5px; text-transform:uppercase; letter-spacing:.4px; border-bottom:1px solid var(--stn2-border); }
.stn2-match .odds__row{ background:transparent !important; border-bottom:1px solid oklch(100% 0 0 / .05); }
.stn2-match .odds__title{ color:var(--stn2-text2); }
.stn2-match .odds__i{ background:oklch(100% 0 0 / .05); color:var(--stn2-text2); border-radius:7px; }
.stn2-match .odds__i-g{ color:var(--stn2-success); }
.stn2-match .odds__i-r{ color:var(--stn2-danger-fg); }
.stn2-match .odds__i-t{ color:var(--stn2-text); font-weight:600; }
.stn2-match .markets-select-rotator .btn,
.stn2-match .btn{
    background:oklch(100% 0 0 / .06); color:var(--stn2-text2); border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-pill);
}
.stn2-match .markets-select-rotator .btn.active,
.stn2-match .markets-select-rotator .btn.selected,
.stn2-match .btn.active,
.stn2-match .btn.selected{ background:var(--stn2-gradient) !important; color:#fff !important; border-color:transparent !important; }
.stn2-match .mySwiper2 .tools__wrap{ background:var(--stn2-card-solid) !important; border:1px solid var(--stn2-border); }
.stn2-match .mySwiper2 .tools__title,
.stn2-match .mySwiper2 .tools__text{ color:var(--stn2-text2); }

/* Filter widgets (filter.html / filters_split.html — Команды/Рефери/AI/H2H/vbet/trends) */
.stn2-match .filters-wrapper{ background:var(--stn2-card); border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-lg); padding:18px; color:var(--stn2-text); }
.stn2-match .filters__title{ color:var(--stn2-text); font-family:'Space Grotesk',sans-serif; }
.stn2-match .filter.multibox,
.stn2-match .filter.singlebox{ background:var(--stn2-card-solid) !important; border-radius:var(--stn2-radius-sm); }
.stn2-match .filter-value select{ background:var(--stn2-card-solid) !important; color:var(--stn2-text) !important; }
.stn2-match .filters-select-single,
.stn2-match .filters-select-multiple,
.stn2-match .filters-input,
.stn2-match .filters-input-search-ajax{
    background:var(--stn2-card-solid); border:1px solid var(--stn2-border); color:var(--stn2-text); border-radius:var(--stn2-radius-sm);
}
.stn2-match .filters-select-rotator-value-wrap,
.stn2-match .filter-multibox-control,
.stn2-match .custombox-button{
    background:oklch(100% 0 0 / .06); border:1px solid var(--stn2-border); color:var(--stn2-text2); border-radius:var(--stn2-radius-pill); flex-wrap:wrap;
}
.stn2-match .filters-select-rotator-value-wrap.selected,
.stn2-match .filters-select-rotator-value-wrap.active{ background:var(--stn2-gradient); color:#fff; }
.stn2-match .filter-submit button{ background:var(--stn2-gradient); color:#fff; border:none; border-radius:var(--stn2-radius-pill); }
.stn2-match .filters__wrap,
.stn2-match .filter{ flex-wrap:wrap; }

/* Probability accordion (Команды/Рефери/H2H) */
.stn2-match .table__statistic-h{ cursor:pointer; color:var(--stn2-text); }
.stn2-match .table__prob{ border-radius:6px; }
.stn2-match .table__win{ color:var(--stn2-success); font-weight:700; }
.stn2-match .table__info-i{ background:oklch(100% 0 0 / .08) !important; color:var(--stn2-muted); }
.stn2-match .table__info{ background:var(--stn2-card-solid); border:1px solid var(--stn2-border); color:var(--stn2-text); }

/* Circular gauge arcs (vbet/trends) */
.stn2-match .arc__wrap{ display:flex; gap:20px; flex-wrap:wrap; }
.stn2-match .arc{ color:var(--stn2-text); }
.stn2-match .arc__val{ color:var(--stn2-text); font-family:'Space Grotesk',sans-serif; }
.stn2-match .arc__text{ color:var(--stn2-text2); font-size:12.5px; }
.stn2-match .table__metrics{ background:var(--stn2-card); border:1px solid var(--stn2-border); color:var(--stn2-text); }

/* Loader/skeleton neutrals */
.stn2-match .loader__wrapper .loader{ border-color:var(--stn2-border) transparent transparent transparent; }
.stn2-match .submit-progress-content-cpt{ color:var(--stn2-text); }
.stn2-match .submit-progress-content-cnt{ color:var(--stn2-text2); }

@media (max-width:600px){
    .stn2-match .event__l{ gap:20px; }
    .stn2-quicknav{ grid-template-columns:1fr; }
}

/* ---- Live центр tab: reorder Ход матча (timeline) to appear first, right
   after the info banner, ahead of stats/xG/pressure/lineups — done purely
   via flex order on distinguishing classes added to event_live.html's
   existing top-level sections, no content was moved. ---- */
.stn2-match .js-league-cnt[data-id="live"]{ flex-direction:column; }
.stn2-match .js-league-cnt.active[data-id="live"]{ display:flex; }
.stn2-match .js-league-cnt[data-id="live"] .stn2-sec-banner{ order:1; }
.stn2-match .js-league-cnt[data-id="live"] .stn2-sec-timeline{ order:2; }
.stn2-match .js-league-cnt[data-id="live"] .stn2-sec-stats{ order:3; }
.stn2-match .js-league-cnt[data-id="live"] .stn2-sec-xg{ order:4; }
.stn2-match .js-league-cnt[data-id="live"] .stn2-sec-pressure{ order:5; }
.stn2-match .js-league-cnt[data-id="live"] .stn2-sec-lineups{ order:6; }
.stn2-match .js-league-cnt[data-id="live"] .content-placeholder{ order:3; }

.stn2-match .event__box{ background:var(--stn2-card); border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-lg); padding:18px 20px; }
.stn2-match .way{ display:flex; flex-direction:column; gap:10px; }
.stn2-match .way__h{
    text-align:center; font-size:12px; color:var(--stn2-muted); background:var(--stn2-card-solid);
    border:1px solid var(--stn2-border); border-radius:var(--stn2-radius-sm); padding:8px 14px;
    display:flex; align-items:center; justify-content:center; gap:10px;
}
.stn2-match .way__row,
.stn2-match .way__row-v{ background:transparent; }
.stn2-match .way__title{ color:var(--stn2-text); font-weight:600; font-size:13px; }
.stn2-match .way__time{ color:var(--stn2-muted); font-size:11.5px; }
.stn2-match .way__b{ color:var(--stn2-text2); font-size:12.5px; }
.stn2-match .way__logo img{ border-radius:8px; background:oklch(100% 0 0 / .06); }

.stn2-match .event-lineups-tables,
.stn2-match .event-substitutions-tables{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
@media (max-width:700px){
    .stn2-match .event-lineups-tables,
    .stn2-match .event-substitutions-tables{ grid-template-columns:1fr; }
}
.stn2-match .table__h{ color:var(--stn2-muted); font-size:11px; text-transform:uppercase; letter-spacing:.4px; border-bottom:1px solid var(--stn2-border); }
.stn2-match .table__numb{ color:var(--stn2-faint); }
.stn2-match .event__table-sub{ color:var(--stn2-text); }
.stn2-match .table__ind{ color:var(--stn2-text2); }
.stn2-match .table__bg_r:not(:empty){ background:color-mix(in oklch, var(--stn2-danger) 22%, transparent) !important; }
.stn2-match .table__bg_y:not(:empty){ background:oklch(78% 0.18 85 / .22) !important; color:var(--stn2-text) !important; }
.stn2-match .table__bg_g:not(:empty){ background:color-mix(in oklch, var(--stn2-success) 20%, transparent) !important; }
.stn2-match .lineups-extra-stats{ background:var(--stn2-card-solid) !important; border:1px solid var(--stn2-border); color:var(--stn2-text); }

/* ---- Extra filter-widget primitives (Команды/Рефери/AI/H2H/vbet/trends
   filter forms — singlebox/multibox checkbox chips, custombox dropdown,
   odds horizontal-scroll, misc small tables) not covered by the earlier
   generic pass. ---- */
.stn2-match .singlebox-item,
.stn2-match .multibox-item{
    background:oklch(100% 0 0 / .05); border:1px solid var(--stn2-border); color:var(--stn2-text2); border-radius:var(--stn2-radius-pill);
}
.stn2-match .singlebox-item.selected,
.stn2-match .singlebox-item.checked,
.stn2-match .multibox-item.selected,
.stn2-match .multibox-item.checked{ background:var(--stn2-gradient); color:#fff; border-color:transparent; }
.stn2-match .custombox,
.stn2-match .custombox-button,
.stn2-match .custombox-swiper{ background:var(--stn2-card-solid); border:1px solid var(--stn2-border); color:var(--stn2-text); }
.stn2-match .odds__scroll{ overflow-x:auto; }
.stn2-match .table__judges,
.stn2-match .table__stats,
.stn2-match .table__trend,
.stn2-match .table__warnings{ color:var(--stn2-text2); }
.stn2-match .league-events-wrap,
.stn2-match .event-name-col,
.stn2-match .event-score-col{ color:var(--stn2-text); }
.stn2-match .bets-probability-table-stat-count-value{ color:var(--stn2-text); }
.stn2-match select,
.stn2-match input[type="text"],
.stn2-match input[type="number"]{ background:var(--stn2-card-solid); border:1px solid var(--stn2-border); color:var(--stn2-text); }
.stn2-match input::placeholder{ color:var(--stn2-faint); }

/* error-simple.html's "test-content" placeholder ships its own inline
   <style> with a hardcoded white background — override for the match page */
.stn2-match .test-content{ background:var(--stn2-card) !important; border:1px solid var(--stn2-border); color:var(--stn2-text); }
.stn2-match .test-content-content-cpt{ color:var(--stn2-text); }
.stn2-match .test-content-content-cnt{ color:var(--stn2-text2); }
.stn2-match .test-content-icon img{ display:none; }
.stn2-home .test-content{ background:var(--stn2-card) !important; border:1px solid var(--stn2-border); color:var(--stn2-text); }
.stn2-home .test-content-content-cpt{ color:var(--stn2-text); }
.stn2-home .test-content-content-cnt{ color:var(--stn2-text2); }
.stn2-home .test-content-icon img{ display:none; }

/* ---------- Match tabs redesign (Рефери / Команды / Личные встречи / AI / Коэффициенты) ---------- */
.stn2-match .stn2-chip-row, .stn2-entity .stn2-chip-row{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.stn2-match .stn2-chip, .stn2-entity .stn2-chip{ font-size:12px; font-weight:600; padding:6px 12px; border-radius:8px; cursor:pointer; background:var(--stn2-border); color:var(--stn2-text2); transition:background .2s,color .2s; white-space:nowrap; }
.stn2-match .stn2-chip.active, .stn2-entity .stn2-chip.active{ background:var(--stn2-gradient); color:#fff; }

.stn2-match .stn2-filter-card, .stn2-entity .stn2-filter-card{ border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); margin-bottom:20px; overflow:hidden; }
.stn2-match .stn2-filter-head, .stn2-entity .stn2-filter-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; cursor:pointer; }
.stn2-match .stn2-filter-title, .stn2-entity .stn2-filter-title{ font-family:'Space Grotesk',sans-serif; font-size:14.5px; font-weight:600; margin-bottom:3px; }
.stn2-match .stn2-filter-summary, .stn2-entity .stn2-filter-summary{ font-size:11.5px; color:var(--stn2-muted); }
.stn2-match .stn2-filter-chevron, .stn2-entity .stn2-filter-chevron{ font-size:18px; color:var(--stn2-muted); flex-shrink:0; transition:transform .2s; }
.stn2-match .stn2-filter-card.collapsed .stn2-filter-chevron, .stn2-entity .stn2-filter-card.collapsed .stn2-filter-chevron{ transform:rotate(-90deg); }
.stn2-match .stn2-filter-card.collapsed .stn2-filter-body, .stn2-entity .stn2-filter-card.collapsed .stn2-filter-body{ display:none; }
.stn2-match .stn2-filter-body, .stn2-entity .stn2-filter-body{ padding:0 20px 20px; border-top:1px solid var(--stn2-border); }
.stn2-match .stn2-filter-group-label, .stn2-entity .stn2-filter-group-label{ font-size:10.5px; color:var(--stn2-faint); text-transform:uppercase; letter-spacing:.4px; margin:16px 0 8px; }
.stn2-match .stn2-filter-static-chip, .stn2-entity .stn2-filter-static-chip{ display:inline-block; font-size:11.5px; color:var(--stn2-text2); background:var(--stn2-border); padding:6px 11px; border-radius:8px; margin-right:6px; }
.stn2-match .stn2-cta-btn, .stn2-entity .stn2-cta-btn{ display:block; text-align:center; padding:13px; border-radius:12px; background:var(--stn2-gradient); color:#fff; font-weight:600; font-size:14px; cursor:pointer; border:none; width:100%; margin-bottom:28px; }
.stn2-match .stn2-cta-btn:disabled, .stn2-entity .stn2-cta-btn:disabled{ opacity:.6; cursor:default; }

.stn2-match .stn2-ref-kpis{ display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:14px; }
.stn2-match .stn2-ref-kpi{ border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:16px 18px; transition:box-shadow .2s; }
.stn2-match .stn2-ref-kpi_active{ box-shadow:0 0 0 1.5px var(--stn2-accent1); }
.stn2-match .stn2-ref-kpi-label{ font-size:12px; color:var(--stn2-text2); margin-bottom:8px; }
.stn2-match .stn2-ref-kpi-value{ font-family:'Space Grotesk',sans-serif; font-size:28px; font-weight:700; color:var(--stn2-text); }
.stn2-match .stn2-ref-kpi-sub{ font-size:11px; color:var(--stn2-faint); margin-top:2px; }

.stn2-match .stn2-bar-legend{ display:flex; gap:16px; padding:12px 0 4px; }
.stn2-match .stn2-bar-legend span{ display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--stn2-text2); }
.stn2-match .stn2-bar-legend-dot{ width:9px; height:9px; border-radius:3px; display:inline-block; }

.stn2-match .stn2-team-filters{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
.stn2-match .stn2-team-filter{ border-radius:12px; background:var(--stn2-border); padding:14px 16px; border-left:3px solid var(--stn2-accent2); }
.stn2-match .stn2-team-filter-name{ font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:600; margin-bottom:10px; }

.stn2-match .stn2-radar-row{ display:grid; grid-template-columns:minmax(220px, 280px) 1fr; gap:20px; margin-bottom:28px; align-items:start; }
.stn2-match .stn2-radar-card{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:18px; display:flex; flex-direction:column; align-items:center; }
.stn2-match .stn2-radar-wrap{ position:relative; width:100%; max-width:230px; aspect-ratio:260/250; }
.stn2-match .stn2-radar-svg{ width:100%; height:100%; display:block; }
.stn2-match .stn2-radar-grid{ fill:none; stroke:var(--stn2-border-2); stroke-width:1; }
.stn2-match .stn2-radar-poly{ stroke-width:1.5; }
.stn2-match .stn2-radar-poly_home{ fill:color-mix(in oklch, var(--stn2-accent2) 20%, transparent); stroke:var(--stn2-accent2); }
.stn2-match .stn2-radar-poly_away{ fill:color-mix(in oklch, var(--stn2-accent1) 20%, transparent); stroke:var(--stn2-accent1); }
.stn2-match .stn2-radar-label{ position:absolute; transform:translate(-50%,-50%); font-size:9.5px; line-height:1.2; text-align:center; color:var(--stn2-text2); white-space:nowrap; pointer-events:none; }
.stn2-match .stn2-radar-bars{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:8px 20px; }
.stn2-match .event-stats-field.stn2-bar-row_active{ box-shadow:inset 3px 0 0 var(--stn2-accent1); padding-left:9px; }

.stn2-match .stn2-ai-grid, .stn2-entity .stn2-ai-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:16px; }
.stn2-match .stn2-ai-card, .stn2-entity .stn2-ai-card{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:18px; display:flex; gap:14px; align-items:center; }
.stn2-match .stn2-ai-ring, .stn2-entity .stn2-ai-ring{ position:relative; width:64px; height:64px; border-radius:50%; flex-shrink:0; }
.stn2-match .stn2-ai-ring-inner, .stn2-entity .stn2-ai-ring-inner{ position:absolute; inset:6px; border-radius:50%; background:var(--stn2-card-solid); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; color:var(--stn2-text); }
.stn2-match .stn2-ai-card-body, .stn2-entity .stn2-ai-card-body{ flex:1; min-width:0; }
.stn2-match .stn2-ai-card-meta, .stn2-entity .stn2-ai-card-meta{ font-size:12px; color:var(--stn2-faint); margin-bottom:5px; }
.stn2-match .stn2-ai-card-title, .stn2-entity .stn2-ai-card-title{ display:block; font-size:14px; font-weight:600; margin-bottom:8px; line-height:1.3; color:var(--stn2-text); }
.stn2-match .stn2-ai-card-chips, .stn2-entity .stn2-ai-card-chips{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.stn2-match .stn2-ai-chip, .stn2-entity .stn2-ai-chip{ font-size:11.5px; font-weight:600; background:var(--stn2-border); padding:3px 9px; border-radius:6px; color:var(--stn2-text); }
.stn2-match .stn2-ai-chip_prob, .stn2-entity .stn2-ai-chip_prob{ color:var(--stn2-accent2); background:color-mix(in oklch, var(--stn2-accent2) 12%, transparent); font-weight:700; }
.stn2-match .stn2-ai-card-sub, .stn2-entity .stn2-ai-card-sub{ font-size:11px; color:var(--stn2-faint); }

.stn2-match .stn2-drop-card{ flex:0 0 190px; border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:16px; }
.stn2-match .stn2-drop-card-pct{ display:flex; align-items:center; gap:6px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:17px; margin-bottom:8px; }
.stn2-match .stn2-drop-card-vals{ display:flex; align-items:center; gap:6px; font-size:12.5px; margin-bottom:10px; color:var(--stn2-text2); }
.stn2-match .stn2-drop-card-from{ background:var(--stn2-border); padding:2px 7px; border-radius:6px; }
.stn2-match .stn2-drop-card-to{ background:color-mix(in oklch, var(--stn2-accent2) 15%, transparent); color:var(--stn2-accent2); padding:2px 7px; border-radius:6px; }
.stn2-match .stn2-drop-card-market{ font-size:12px; font-weight:600; color:var(--stn2-text); }
.stn2-match .stn2-drop-card-book{ font-size:11px; color:var(--stn2-faint); margin-top:2px; }

.stn2-match .stn2-odds-summary-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:14px; margin:16px 0 22px; }
.stn2-match .stn2-odds-summary-card{ border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:16px 18px; }
.stn2-match .stn2-odds-summary-label{ font-size:12.5px; color:var(--stn2-text2); margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stn2-match .stn2-odds-summary-avg{ display:flex; align-items:baseline; gap:8px; margin-bottom:10px; font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; color:var(--stn2-text); }
.stn2-match .stn2-odds-summary-avg span{ font-size:12px; font-weight:400; color:var(--stn2-muted); }
.stn2-match .stn2-odds-summary-prob-row{ display:flex; align-items:center; justify-content:space-between; font-size:11px; color:var(--stn2-muted); margin-bottom:5px; }
.stn2-match .stn2-odds-summary-prob-row span:last-child{ font-weight:600; color:var(--stn2-text); }
.stn2-match .stn2-odds-summary-bar{ height:6px; border-radius:5px; background:var(--stn2-border); overflow:hidden; }
.stn2-match .stn2-odds-summary-bar div{ height:100%; border-radius:5px; background:var(--stn2-gradient); }

.stn2-match .stn2-odds-table-wrap{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow-x:auto; margin-bottom:28px; }
.stn2-match .stn2-odds-table{ display:table; width:100%; }
.stn2-match .stn2-odds-row{ display:grid; align-items:center; padding:13px 20px; border-bottom:1px solid var(--stn2-border); gap:8px; }
.stn2-match .stn2-odds-row:last-child{ border-bottom:none; }
.stn2-match .stn2-odds-row_head{ font-size:11.5px; color:var(--stn2-faint); text-transform:uppercase; letter-spacing:.4px; padding:12px 20px; }
.stn2-match .stn2-odds-row_avg{ background:color-mix(in oklch, var(--stn2-text) 3%, transparent); font-weight:700; font-size:12.5px; color:var(--stn2-text2); }
.stn2-match .stn2-odds-book{ display:flex; align-items:center; gap:9px; font-size:13.5px; font-weight:500; color:var(--stn2-text); }
.stn2-match .stn2-odds-book-initials{ width:26px; height:26px; border-radius:8px; background:var(--stn2-border); display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; color:var(--stn2-text2); flex-shrink:0; }
.stn2-match .stn2-odds-cell{ font-size:12.5px; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.stn2-match .stn2-odds-cell_empty{ color:var(--stn2-faint); }
.stn2-match .stn2-odds-val{ background:var(--stn2-border); padding:3px 9px; border-radius:6px; font-weight:600; color:var(--stn2-text); }
.stn2-match .stn2-odds-val_best{ background:var(--stn2-gradient); color:#fff; font-weight:700; box-shadow:0 0 0 1px color-mix(in oklch, white 15%, transparent); }
.stn2-match .stn2-odds-change{ font-size:11px; color:var(--stn2-muted); }

.stn2-match .stn2-facts-row{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:20px; margin-bottom:28px; }
.stn2-match .stn2-facts-card{ border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; margin-top: 10px; }
.stn2-match .stn2-fact-item{ display:flex; align-items:flex-start; gap:10px; padding:12px 16px; border-bottom:1px solid var(--stn2-border); font-size:12.5px; color:var(--stn2-text2); line-height:1.4; }
.stn2-match .stn2-fact-item:last-child{ border-bottom:none; }
.stn2-match .stn2-fact-arrow{ flex-shrink:0; font-weight:700; }

.stn2-match .stn2-samples-pair{ display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:20px; }
.stn2-match .stn2-samples-heading{ font-size:13px; font-weight:600; color:var(--stn2-text2); margin-bottom:10px; }
.stn2-match .stn2-samples-table{ border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; }
.stn2-match .stn2-samples-row{ display:grid; grid-template-columns:88px 1.2fr 1fr 60px; gap:10px; align-items:center; padding:12px 16px; border-bottom:1px solid var(--stn2-border); font-size:12px; color:var(--stn2-text); text-decoration:none; }
.stn2-match .stn2-samples-row:last-child{ border-bottom:none; }
.stn2-match .stn2-samples-row:hover{ background:color-mix(in oklch, var(--stn2-text) 3%, transparent); }
.stn2-match .stn2-samples-date{ color:var(--stn2-faint); white-space:nowrap; }
.stn2-match .stn2-samples-competition{ color:var(--stn2-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stn2-match .stn2-samples-teams{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stn2-match .stn2-samples-vs{ color:var(--stn2-faint); }
.stn2-match .stn2-samples-score{ font-weight:700; text-align:right; }

.stn2-match .stn2-prob-accordion, .stn2-entity .stn2-prob-accordion{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; }
.stn2-match .stn2-prob-market-head, .stn2-entity .stn2-prob-market-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-bottom:1px solid var(--stn2-border); cursor:pointer; font-size:13.5px; font-weight:500; color:var(--stn2-text); }
.stn2-match .stn2-prob-market:last-child .stn2-prob-market-head, .stn2-entity .stn2-prob-market:last-child .stn2-prob-market-head{ border-bottom:none; }
.stn2-match .stn2-prob-market_open .stn2-prob-market-head, .stn2-entity .stn2-prob-market_open .stn2-prob-market-head{ border-bottom:1px solid var(--stn2-border); }
.stn2-match .stn2-prob-market-chevron, .stn2-entity .stn2-prob-market-chevron{ color:var(--stn2-muted); transition:transform .2s; display:inline-block; }
.stn2-match .stn2-prob-market_open .stn2-prob-market-chevron, .stn2-entity .stn2-prob-market_open .stn2-prob-market-chevron{ transform:rotate(90deg); }
.stn2-match .stn2-prob-market-body, .stn2-entity .stn2-prob-market-body{ padding:6px 20px 16px; border-bottom:1px solid var(--stn2-border); overflow-x:auto; }
.stn2-match .stn2-prob-market:last-child .stn2-prob-market-body, .stn2-entity .stn2-prob-market:last-child .stn2-prob-market-body{ border-bottom:none; }
.stn2-match .stn2-prob-row, .stn2-entity .stn2-prob-row{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1fr; gap:8px; align-items:center; padding:6px 0; font-size:12px; }
.stn2-match .stn2-prob-row_head, .stn2-entity .stn2-prob-row_head{ font-size:10.5px; color:var(--stn2-faint); text-transform:uppercase; letter-spacing:.4px; padding:8px 0; }
.stn2-match .stn2-prob-threshold, .stn2-entity .stn2-prob-threshold{ color:var(--stn2-text2); }
.stn2-match .stn2-prob-count, .stn2-entity .stn2-prob-count{ padding:2px 8px; border-radius:6px; text-align:center; color:var(--stn2-text); }
.stn2-match .stn2-prob-pct, .stn2-entity .stn2-prob-pct{ color:var(--stn2-muted); }

/* ==========================================================================
   League / Team / Referee entity pages — shared shell + components
   Source of truth: STATIA_new_design2/design_handoff_league_team_referee/
   ========================================================================== */
.stn2-entity{ max-width:1360px; margin:0 auto; padding:0 40px; }
.stn2-entity-crumbs{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--stn2-faint); margin-bottom:12px; }
.stn2-entity-crumbs a{ color:var(--stn2-faint); text-decoration:none; }
.stn2-entity-head{ display:flex; align-items:center; gap:14px; margin-bottom:10px; }
.stn2-entity-avatar{ width:46px; height:46px; border-radius:12px; background:var(--stn2-gradient); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; flex-shrink:0; color:#fff; }
.stn2-entity-title{ font-family:'Space Grotesk',sans-serif; font-size:25px; font-weight:600; color:var(--stn2-text); }
.stn2-entity-desc{ font-size:13px; color:var(--stn2-muted); line-height:1.6; max-width:820px; margin-bottom:22px; }

.stn2-entity-kpistrip{ display:flex; gap:10px; flex-wrap:wrap; }
.stn2-entity-kpistrip-item{ text-align:right; }
.stn2-entity-kpistrip-value{ font-family:'Space Grotesk',sans-serif; font-size:20px; font-weight:700; color:var(--stn2-accent2); }
.stn2-entity-kpistrip-label{ font-size:10.5px; color:var(--stn2-faint); text-transform:uppercase; letter-spacing:.4px; }

.stn2-entity-tabs{ position:sticky; top:69px; z-index:20; display:flex; gap:4px; background:var(--stn2-card); backdrop-filter:blur(12px); border:1px solid var(--stn2-border); border-radius:14px; padding:5px; margin-bottom:22px; overflow-x:auto; width:fit-content; max-width:100%; scrollbar-width:none; }
.stn2-entity-tabs::-webkit-scrollbar{ display:none; }
.stn2-entity-tab{ display:flex; align-items:center; gap:8px; padding:10px 16px; border-radius:10px; cursor:pointer; font-size:13.5px; font-weight:500; white-space:nowrap; color:var(--stn2-text2); transition:background .15s; }
.stn2-entity-tab.active{ background:var(--stn2-gradient); color:#fff; font-weight:600; }
.stn2-entity-tab svg{ display:block; }

.stn2-entity-info{ display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--stn2-muted); margin-bottom:22px; line-height:1.5; }
.stn2-entity-info-dot{ width:6px; height:6px; border-radius:50%; background:var(--stn2-accent2); flex-shrink:0; }

.stn2-kpitile-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-bottom:28px; }
.stn2-kpitile{ border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:13px 15px; }
.stn2-kpitile-value{ font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:700; color:var(--stn2-text); }
.stn2-kpitile-label{ font-size:11px; color:var(--stn2-faint); margin-top:3px; line-height:1.3; }

.stn2-matches-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; margin-bottom:28px; }
.stn2-match-card{ border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:13px 16px; text-decoration:none; display:block; color:inherit; }
.stn2-match-card-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; gap:8px; }
.stn2-match-card-meta{ font-size:11px; color:var(--stn2-faint); }
.stn2-match-card-status{ font-size:11px; font-weight:600; padding:4px 10px; border-radius:999px; background:color-mix(in oklch, var(--stn2-accent2) 15%, transparent); color:var(--stn2-accent2); white-space:nowrap; flex-shrink:0; }
.stn2-match-card-status_final{ font-size:13px; font-weight:700; color:var(--stn2-text); background:none; padding:0; border-radius:0; }
.stn2-match-card-teams{ font-size:13.5px; font-weight:500; color:var(--stn2-text); }
.stn2-match-card-sub{ font-size:11.5px; color:var(--stn2-faint); margin-top:4px; }

.stn2-avatar-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:14px; margin-bottom:28px; }
.stn2-avatar-tile{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; text-decoration:none; color:inherit; }
.stn2-avatar-tile-icon{ width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14px; color:#fff; flex-shrink:0; overflow:hidden; }
.stn2-avatar-tile-icon img{ width:100%; height:100%; object-fit:cover; }
.stn2-avatar-tile-label{ font-size:11.5px; color:var(--stn2-text2); line-height:1.3; }

.stn2-scroll-list{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; max-height:320px; overflow-y:auto; }
.stn2-scroll-list-row{ padding:11px 18px; border-top:1px solid var(--stn2-border); font-size:12.5px; color:var(--stn2-accent2); cursor:pointer; text-decoration:none; display:block; }
.stn2-scroll-list-row:first-child{ border-top:none; }

.stn2-leaderboard{ border-radius:18px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; }
.stn2-leaderboard-head{ display:flex; align-items:center; gap:8px; padding:12px 20px; font-size:11px; color:var(--stn2-faint); border-bottom:1px solid var(--stn2-border); }
.stn2-leaderboard-row{ position:relative; padding:11px 20px; border-top:1px solid var(--stn2-border); overflow:hidden; }
.stn2-leaderboard-row:first-child{ border-top:none; }
.stn2-leaderboard-fill{ position:absolute; inset:0; background:linear-gradient(90deg, color-mix(in oklch, var(--stn2-accent2) 22%, transparent), color-mix(in oklch, var(--stn2-accent2) 8%, transparent)); border-right:2px solid color-mix(in oklch, var(--stn2-accent2) 30%, transparent); }
.stn2-leaderboard-content{ position:relative; display:flex; align-items:center; gap:14px; font-size:13px; }
.stn2-leaderboard-content b{ font-family:'Space Grotesk',sans-serif; }

.stn2-medal-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-bottom:20px; }
.stn2-medal-card{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:16px; }
.stn2-medal-card_gold{ background:linear-gradient(135deg, color-mix(in oklch, var(--stn2-accent2) 16%, var(--stn2-card-solid)), var(--stn2-card-solid)); }
.stn2-medal-card-top{ display:flex; align-items:center; gap:8px; font-size:18px; margin-bottom:8px; }
.stn2-medal-card-name{ font-size:13px; font-weight:600; color:var(--stn2-text); margin-bottom:6px; }
.stn2-medal-card-pct{ font-family:'Space Grotesk',sans-serif; font-size:22px; font-weight:700; color:var(--stn2-accent2); }
.stn2-medal-card-sub{ font-size:11px; color:var(--stn2-faint); margin-top:2px; }

.stn2-standings{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; }
.stn2-standings-row{ display:grid; grid-template-columns:28px 1.6fr repeat(6,36px); gap:6px; align-items:center; padding:9px 16px; border-top:1px solid var(--stn2-border); font-size:12.5px; border-left:3px solid transparent; }
.stn2-standings-row:first-child{ border-top:none; }
.stn2-standings-row_euro{ border-left-color:var(--stn2-accent2); }
.stn2-standings-row_relegation{ border-left-color:oklch(66% 0.21 25); }
.stn2-standings-head{ display:grid; grid-template-columns:28px 1.6fr repeat(6,36px); gap:6px; padding:9px 16px; font-size:10.5px; color:var(--stn2-faint); text-transform:uppercase; letter-spacing:.4px; }
.stn2-standings-team{ display:flex; align-items:center; gap:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stn2-standings-crest{ width:22px; height:22px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; color:#fff; flex-shrink:0; }




.stn2-league-grid{ display:grid; grid-template-columns:1.7fr 1fr; gap:22px; align-items:start; }
@media (max-width: 900px){ .stn2-league-grid{ grid-template-columns:1fr; } }
.stn2-league-kpis{ display:flex; gap:10px; flex-wrap:wrap; }
.stn2-league-kpi{ border-radius:12px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:9px 16px; min-width:96px; }
.stn2-league-kpi-value{ font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; color:var(--stn2-accent2); }
.stn2-league-kpi-label{ font-size:10.5px; color:var(--stn2-faint); text-transform:uppercase; letter-spacing:.3px; margin-top:1px; }

/* ==========================================================================
   Analytics tools pages (Тренды на дату / Анализ дня / Прогрузы / AI прогнозы)
   Source of truth: STATIA_new_design3/design_handoff_analytics_tools/
   ========================================================================== */
.stn2-tools-title-row{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.stn2-tools-title{ display:flex; align-items:center; gap:14px; }
.stn2-tools-title-icon{ width:46px; height:46px; border-radius:12px; background:var(--stn2-gradient); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff; }
.stn2-tools-title-text{ font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:600; }
.stn2-live-badge{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--stn2-accent2); background:color-mix(in oklch, var(--stn2-accent2) 14%, transparent); border:1px solid color-mix(in oklch, var(--stn2-accent2) 30%, transparent); padding:8px 14px; border-radius:999px; }
.stn2-live-dot{ width:7px; height:7px; border-radius:50%; background:var(--stn2-accent2); animation:stn2PulseDot 1.8s ease-in-out infinite; }
@keyframes stn2PulseDot{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

.stn2-info-callout{ display:flex; gap:14px; align-items:flex-start; border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:16px 20px; margin-bottom:26px; }
.stn2-info-callout-icon{ width:30px; height:30px; border-radius:9px; background:color-mix(in oklch, var(--stn2-accent1) 22%, transparent); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--stn2-accent1); }
.stn2-info-callout-text{ font-size:13px; color:var(--stn2-text2); line-height:1.6; }
.stn2-info-callout-text a{ color:var(--stn2-accent2); }

.stn2-tools-filtercard{ border-radius:20px; border:1px solid var(--stn2-border); background:linear-gradient(180deg, color-mix(in oklch, var(--stn2-card-solid) 88%, var(--stn2-accent1) 6%), var(--stn2-card-solid)); overflow:hidden; margin-bottom:26px; box-shadow:0 20px 50px -30px rgba(0,0,0,.6); }
.stn2-tools-filtercard-row{ display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; padding:20px 22px; border-bottom:1px solid var(--stn2-border); }
.stn2-tools-filtercard-grid{ padding:20px 22px; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; }
.stn2-tools-fgroup-label{ display:flex; align-items:center; gap:7px; font-size:10.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--stn2-faint); font-weight:600; margin-bottom:9px; }

.stn2-dd{ position:relative; flex:1; min-width:220px; }
.stn2-dd-label{ font-size:10.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--stn2-faint); margin-bottom:7px; font-weight:600; }
.stn2-dd-trigger{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 15px; border-radius:11px; background:color-mix(in oklch, #fff 5%, transparent); border:1px solid var(--stn2-border); cursor:pointer; }
.stn2-dd-trigger span:first-child{ font-size:13.5px; font-weight:500; }
.stn2-dd-chevron{ font-size:12px; color:var(--stn2-faint); display:inline-block; transition:transform .2s; }
.stn2-dd-panel{ position:absolute; top:100%; left:0; right:0; margin-top:6px; border-radius:12px; background:var(--stn2-card-solid); border:1px solid var(--stn2-border); box-shadow:0 16px 40px -12px rgba(0,0,0,.6); z-index:25; overflow:hidden; display:none; }
.stn2-dd-panel.open{ display:block; }
.stn2-dd-option{ padding:10px 15px; font-size:13px; cursor:pointer; color:var(--stn2-text2); }
.stn2-dd-option:hover{ background:color-mix(in oklch, #fff 4%, transparent); }
.stn2-dd-option.active{ color:var(--stn2-accent2); background:color-mix(in oklch, var(--stn2-accent2) 12%, transparent); }

.stn2-slider-group{ flex:1.4; min-width:260px; }
.stn2-slider-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; }
.stn2-slider-value{ font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:700; color:var(--stn2-accent2); }
input[type=range].stn2-slider{ -webkit-appearance:none; appearance:none; height:6px; border-radius:4px; outline:none; width:100%; display:block; }
input[type=range].stn2-slider::-webkit-slider-thumb{ -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px var(--stn2-accent2), 0 2px 8px rgba(0,0,0,.4); cursor:pointer; }
input[type=range].stn2-slider::-moz-range-thumb{ width:18px; height:18px; border:none; border-radius:50%; background:#fff; box-shadow:0 0 0 4px var(--stn2-accent2), 0 2px 8px rgba(0,0,0,.4); cursor:pointer; }

.stn2-tools-cta{ text-align:center; padding:15px; background:var(--stn2-gradient); font-weight:600; font-size:14.5px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; color:#fff; }
.stn2-tools-cta:hover{ filter:brightness(1.05); }

.stn2-results-head{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:6px; }
.stn2-results-title{ font-family:'Space Grotesk',sans-serif; font-size:18px; font-weight:600; }
.stn2-results-disclaimer{ font-size:11.5px; color:var(--stn2-faint); margin-bottom:16px; }
.stn2-results-disclaimer a{ color:var(--stn2-accent2); }

.stn2-search-bar{ display:flex; align-items:center; gap:12px; border-radius:14px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:12px 16px; margin-bottom:24px; }
.stn2-search-bar input{ flex:1; background:transparent; border:none; outline:none; color:var(--stn2-text); font-size:13.5px; font-family:'Inter',sans-serif; }
.stn2-search-bar input::placeholder{ color:var(--stn2-faint); }

.stn2-daygroup-head{ display:flex; align-items:baseline; gap:10px; margin-bottom:12px; }
.stn2-daygroup-name{ font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:600; }
.stn2-daygroup-meta{ font-size:11.5px; color:var(--stn2-faint); }

.stn2-daymatch-row{ border-radius:16px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:16px 18px; display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; margin-bottom:10px; }
.stn2-daymatch-meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:9px; }
.stn2-daymatch-date{ font-size:11.5px; color:var(--stn2-faint); font-weight:500; }
.stn2-daymatch-ref{ display:flex; align-items:center; gap:5px; font-size:11px; color:var(--stn2-muted); background:color-mix(in oklch, #fff 5%, transparent); padding:3px 9px; border-radius:999px; }
.stn2-daymatch-team{ display:flex; align-items:center; gap:10px; margin-bottom:5px; }
.stn2-daymatch-team:last-child{ margin-bottom:0; }
.stn2-daymatch-avatar{ width:24px; height:24px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; color:#fff; flex-shrink:0; }
.stn2-daymatch-team-name{ font-size:13.5px; font-weight:500; }
.stn2-gauge-wrap{ display:flex; flex-direction:column; align-items:flex-end; gap:8px; min-width:150px; }
.stn2-gauge-val-chips{ display:flex; gap:6px; }
.stn2-gauge-chip{ font-size:11px; font-weight:600; padding:5px 10px; border-radius:8px; background:color-mix(in oklch, #fff 6%, transparent); color:var(--stn2-text2); min-width:36px; text-align:center; }
.stn2-gauge-ring{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.stn2-gauge-inner{ width:34px; height:34px; border-radius:50%; background:var(--stn2-card-solid); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; }

.stn2-range-group{ flex:1.3; min-width:250px; }
.stn2-range-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; }
.stn2-range-value{ font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; color:var(--stn2-accent2); }
.stn2-range-track{ position:relative; height:6px; border-radius:4px; background:color-mix(in oklch, #fff 9%, transparent); }
.stn2-range-track-fill{ position:absolute; top:0; bottom:0; border-radius:4px; background:var(--stn2-gradient); }
.stn2-range-inputs{ display:flex; gap:8px; margin-top:8px; }
.stn2-range-inputs input{ width:64px; background:color-mix(in oklch, #fff 5%, transparent); border:1px solid var(--stn2-border); border-radius:8px; color:var(--stn2-text); font-size:12.5px; padding:5px 8px; font-family:'Inter',sans-serif; -moz-appearance:textfield; }
.stn2-range-inputs input::-webkit-outer-spin-button, .stn2-range-inputs input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

.stn2-sort-dd{ position:relative; }
.stn2-sort-trigger{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--stn2-text2); background:color-mix(in oklch, #fff 5%, transparent); border:1px solid var(--stn2-border); padding:8px 13px; border-radius:9px; cursor:pointer; }
.stn2-sort-trigger b{ font-weight:600; color:var(--stn2-text); }
.stn2-sort-panel{ position:absolute; top:100%; right:0; margin-top:6px; min-width:170px; border-radius:12px; background:var(--stn2-card-solid); border:1px solid var(--stn2-border); box-shadow:0 16px 40px -12px rgba(0,0,0,.6); z-index:25; overflow:hidden; display:none; }
.stn2-sort-panel.open{ display:block; }

.stn2-vcard{ border-radius:18px; border:1px solid var(--stn2-border); background:var(--stn2-card); overflow:hidden; margin-bottom:14px; }
.stn2-vcard-head{ padding:16px 20px; border-bottom:1px solid var(--stn2-border); }
.stn2-vcard-meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.stn2-vcard-league-tag{ font-size:11px; color:var(--stn2-accent2); background:color-mix(in oklch, var(--stn2-accent2) 14%, transparent); padding:3px 9px; border-radius:999px; font-weight:600; }
.stn2-vcard-team{ display:flex; align-items:center; gap:10px; margin-bottom:5px; }
.stn2-vcard-team:last-child{ margin-bottom:0; }
.stn2-vcard-team-name{ font-size:14px; font-weight:600; }
.stn2-vcard-market{ padding:14px 20px; border-bottom:1px solid color-mix(in oklch, #fff 5%, transparent); }
.stn2-vcard-market:last-child{ border-bottom:none; }
.stn2-vcard-market-title{ font-size:12.5px; font-weight:600; color:var(--stn2-text2); margin-bottom:10px; }
.stn2-vcard-row{ display:grid; grid-template-columns:70px 1fr 1fr auto; gap:16px; align-items:center; margin-bottom:10px; }
.stn2-vcard-row:last-child{ margin-bottom:0; }
.stn2-vcard-row-threshold{ font-size:13px; font-weight:600; color:var(--stn2-text); }
.stn2-vcard-stat-label{ font-size:10.5px; color:var(--stn2-faint); flex-shrink:0; }
.stn2-vcard-stat-chip{ font-size:12px; font-weight:700; padding:2px 9px; border-radius:7px; min-width:36px; text-align:center; display:inline-block; }
.stn2-vcard-stat-pct{ font-size:11px; color:var(--stn2-muted); }
.stn2-vcard-stat-bar{ height:4px; border-radius:3px; background:color-mix(in oklch, #fff 7%, transparent); overflow:hidden; margin-top:4px; }
.stn2-vcard-roi-label{ font-size:10.5px; color:var(--stn2-faint); }
.stn2-vcard-roi-value{ font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:700; }
.stn2-vcard-empty{ font-size:12px; color:var(--stn2-faint); }

.stn2-chip-locked{ opacity:.45; cursor:not-allowed !important; }

/* AI predictions page — hero banner */
@keyframes stn2SpinSlow{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
.stn2-ai-hero{ position:relative; border-radius:24px; overflow:hidden; margin-bottom:24px; padding:30px 32px; background:linear-gradient(120deg, color-mix(in oklch, var(--stn2-accent1) 22%, transparent), color-mix(in oklch, var(--stn2-accent2) 14%, transparent) 55%, transparent); border:1px solid var(--stn2-border); }
.stn2-ai-hero-ring{ position:absolute; border-radius:50%; pointer-events:none; }
.stn2-ai-hero-ring_1{ top:-40px; right:-30px; width:220px; height:220px; border:1px dashed color-mix(in oklch, var(--stn2-accent2) 40%, transparent); animation:stn2SpinSlow 40s linear infinite; }
.stn2-ai-hero-ring_2{ top:-10px; right:20px; width:160px; height:160px; border:1px dashed color-mix(in oklch, var(--stn2-accent1) 35%, transparent); animation:stn2SpinSlow 30s linear infinite reverse; }
.stn2-ai-hero-row{ position:relative; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.stn2-ai-hero-icon{ width:52px; height:52px; border-radius:14px; background:var(--stn2-gradient); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 12px 30px -10px color-mix(in oklch, var(--stn2-accent2) 60%, transparent); color:#fff; }
.stn2-ai-hero-pill{ font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--stn2-accent2); background:color-mix(in oklch, var(--stn2-accent2) 16%, transparent); border:1px solid color-mix(in oklch, var(--stn2-accent2) 35%, transparent); padding:3px 10px; border-radius:999px; }
.stn2-ai-hero-title{ font-family:'Space Grotesk',sans-serif; font-size:28px; font-weight:600; margin-top:5px; }
.stn2-ai-hero-count{ font-family:'Space Grotesk',sans-serif; font-size:24px; font-weight:700; color:var(--stn2-accent2); text-align:right; }
.stn2-ai-hero-count-label{ font-size:11px; color:var(--stn2-muted); text-align:right; }
.stn2-ai-hero-info-btn{ width:38px; height:38px; border-radius:11px; background:color-mix(in oklch, #fff 7%, transparent); border:1px solid var(--stn2-border); display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; color:var(--stn2-text2); }
.stn2-ai-hero-info-body{ position:relative; margin-top:18px; padding-top:18px; border-top:1px solid var(--stn2-border); font-size:13px; color:var(--stn2-text2); line-height:1.6; max-width:900px; display:none; }
.stn2-ai-hero-info-body.open{ display:block; }
.stn2-ai-hero-info-body a{ color:var(--stn2-accent2); }

.stn2-ai-market-chip{ display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:13px; cursor:pointer; white-space:nowrap; flex-shrink:0; min-width:150px; background:color-mix(in oklch, #fff 5%, transparent); color:var(--stn2-text2); border:1px solid var(--stn2-border); transition:background .15s; }
.stn2-ai-market-chip.active{ background:var(--stn2-gradient); color:#fff; border-color:transparent; }
.stn2-ai-market-chip.stn2-chip-locked{ opacity:.45; cursor:not-allowed; }
.stn2-ai-market-chip-label{ font-size:13.5px; font-weight:700; }
.stn2-ai-market-chip-sub{ font-size:10.5px; opacity:.75; font-weight:500; }

.stn2-ai-filterbar{ border-radius:18px; border:1px solid var(--stn2-border); background:var(--stn2-card); padding:16px 20px; margin-bottom:26px; }
.stn2-ai-filterbar-row{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.stn2-ai-divider{ width:1px; height:22px; background:var(--stn2-border); margin:0 4px; }
.stn2-ai-adv-toggle{ display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:var(--stn2-text2); background:color-mix(in oklch, #fff 5%, transparent); border:1px solid var(--stn2-border); padding:8px 14px; border-radius:9px; cursor:pointer; white-space:nowrap; }
.stn2-ai-adv-panel{ margin-top:16px; padding-top:16px; border-top:1px solid var(--stn2-border); display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:18px; display:none; }
.stn2-ai-adv-panel.open{ display:grid; }