/* Oran Verisi 2026: shared visual language. Match engines in iframes are independent. */
:root{--bg-color:#0b1422;--card-bg:#142338;--border-color:#2b3d52;--text-main:#edf5fc;--text-muted:#a6b8cb;--accent-blue:#65c8fa;--accent-green:#5cdbb5;--match-card-bg:#142338;--match-card-hover:#1a2e45;--league-title-color:#e9f8ff;--score-bg:#203f4a;--score-text:#8af0cd;--ov-soft:#192e43;--ov-shadow:0 8px 28px #0002;--ov-brand:linear-gradient(115deg,#087fae 0%,#008eb1 48%,#07997d 100%);--ov-radius:20px;--modal-overlay:rgba(3,12,24,.76)}
[data-theme=light]{--bg-color:#f0f5fa;--card-bg:#fff;--border-color:#dce6ef;--text-main:#152c43;--text-muted:#597084;--accent-blue:#007fae;--accent-green:#087d62;--match-card-bg:#fff;--match-card-hover:#f3faff;--league-title-color:#fff;--score-bg:#e7f7f2;--score-text:#08755d;--ov-soft:#f3f8fc;--ov-shadow:0 8px 28px rgba(35,72,103,.055);--modal-overlay:rgba(17,39,60,.52)}
body{background:radial-gradient(ellipse at 0 0,rgba(8,159,190,.08),transparent 700px),var(--bg-color);padding:22px 24px 48px;font-size:14px;-webkit-font-smoothing:antialiased}
.container{max-width:1200px}
.container>header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--ov-radius);padding:20px 24px;margin-bottom:20px;box-shadow:var(--ov-shadow);gap:16px}
.logo-ov-box{background:var(--ov-brand);border-radius:15px;box-shadow:0 6px 16px #0896a52b}
.logo-text{letter-spacing:-1.1px}.logo-badge{background:#0087ae;border-radius:8px;box-shadow:none}.logo-container:hover{transform:none}
.header-actions{gap:8px;flex-wrap:wrap}.header-actions button,.drawer-toggle-btn{min-height:42px;box-shadow:none;border-radius:12px;font-weight:600}
.drawer-toggle-btn{background:var(--ov-soft);border:1px solid var(--border-color);color:var(--accent-blue)}
.seo-intro{border:0;background:transparent;box-shadow:none;padding:8px 4px;margin:0 0 18px;position:relative}.seo-breadcrumb{font-size:11px;letter-spacing:.5px}.seo-intro h1{font-size:clamp(21px,2.8vw,30px);letter-spacing:-.8px;font-weight:800;margin:5px 0;line-height:1.3}.seo-intro summary{padding:4px 0;font-size:12px;color:var(--text-muted)}.seo-section-card{background:var(--card-bg);padding:18px;border-radius:14px}.seo-section-card h2{font-size:15px}.seo-section-card p{font-size:13px}.seo-links{border:0}.ov-page-heading{font-size:26px;margin:16px 4px;letter-spacing:-.7px}
.container>nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;background:var(--card-bg);padding:12px;border:1px solid var(--border-color);border-radius:20px;margin:0 0 24px;box-shadow:var(--ov-shadow)}
.container>nav .nav-tab{border:1px solid transparent;background:var(--ov-soft);color:var(--text-muted);border-radius:12px;padding:12px 9px;min-height:48px;font-size:12px;line-height:1.4;box-shadow:none;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s}
.container>nav .nav-tab::before,.container>nav .nav-tab::after{display:none}.container>nav .nav-tab:hover{background:var(--match-card-hover);color:var(--accent-blue);border-color:var(--border-color);transform:none}.container>nav .nav-tab.active{background:var(--ov-brand);color:#fff;border-color:transparent;box-shadow:0 4px 10px #078ba51b}.new-feature-badge{font-size:8px;padding:2px 5px;top:-6px;right:4px;box-shadow:none}
.date-bar{padding:3px 0 10px;gap:8px;margin-bottom:14px;scrollbar-width:thin}.date-btn{border-radius:12px;min-height:43px;padding:10px 17px;background:var(--card-bg);border-color:var(--border-color);box-shadow:none;font-size:13px;font-weight:600}.date-btn.active{background:#0086b3;color:white;border-color:#0086b3}.date-btn.live-filter{background:rgba(234,74,97,.1);color:#d63550}.sort-toggle-btn{border-radius:10px;min-height:38px}.ov-sort-toggle{margin-bottom:18px}
.league-group{border-radius:18px;margin-bottom:22px;box-shadow:var(--ov-shadow)}
.league-title{background:var(--ov-brand);color:#fff;padding:14px 20px;font-size:14px;font-weight:700;border:0;border-radius:18px 18px 0 0;letter-spacing:.1px}.league-title a{color:inherit}.league-logo{background:#fff;border-radius:8px;padding:3px;width:32px;height:32px}
.match-card{background:var(--match-card-bg);padding:18px 20px;gap:14px;border-color:var(--border-color);grid-template-columns:28px 110px minmax(0,1fr) 100px 92px;min-height:103px}.match-card:last-child{border-radius:0 0 18px 18px;border-bottom:1px solid var(--border-color)}.match-card:hover{background:var(--match-card-hover)}.match-time{font-size:13px;letter-spacing:.15px}.match-status{font-size:11px}.team{font-size:14px;line-height:1.4;gap:10px;font-weight:600;min-width:0}.teams{gap:10px;min-width:0}.team-logo{width:25px;height:25px;flex-shrink:0}.score-box{border:1px solid rgba(8,154,116,.12);border-radius:12px;padding:9px 12px;box-shadow:none;font-size:21px;letter-spacing:2px;background:var(--score-bg);color:var(--score-text);font-variant-numeric:tabular-nums}.fav-star-btn{min-width:28px;min-height:36px}.btn-quick-predict{border-radius:8px;font-size:11px;padding:6px 8px;min-height:31px}
.ai-filter-bar,.toto-header-card,.standings-container,.profile-header-card,.ov-table-wrap{border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--ov-shadow);background:var(--card-bg);padding:20px}
.ai-filter-bar{gap:12px}.ai-select{border-radius:11px;min-height:45px;background:var(--ov-soft);font-size:14px}.ai-btn-analyze{border-radius:11px;background:var(--ov-brand);min-height:45px;box-shadow:none;color:#fff}
.ai-banko-cards{gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.ai-banko-card,.ai-value-card,.ov-fixture-card,.ov-hub-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:22px;box-shadow:var(--ov-shadow)}.ai-banko-card{border-top:4px solid #0096b3}.ai-value-card{border-top:4px solid #12a184}.ai-banko-card:hover,.ai-value-card:hover,.ov-fixture-card:hover,.ai-banko-card:active,.ai-value-card:active,.ov-fixture-card:active{transform:none;box-shadow:var(--ov-shadow)}.ai-card-title{font-size:12px;font-weight:600}.ai-teams-row{font-size:18px;line-height:1.5;letter-spacing:-.35px}.ai-prediction-badge{background:var(--ov-soft);border:1px solid var(--border-color);border-radius:13px;padding:15px}.ai-badge-top,.ai-badge-value{border-radius:20px;font-size:10px;padding:5px 9px}.ai-narrative-box{border-radius:14px;background:var(--ov-soft);line-height:1.7;padding:18px}
.toto-header-card{border-top:4px solid #009a86}.toto-title-box h2{font-size:22px;letter-spacing:-.5px}.toto-title-box p{font-size:13px}.toto-card-interactive{border-radius:14px;background:var(--card-bg);border-color:var(--border-color);box-shadow:0 3px 12px #20445e04;padding:16px}.toto-teams{font-size:14px}.toto-num{border-radius:9px;background:var(--ov-soft);width:32px;height:32px}.toto-week-switcher{border-radius:12px;background:var(--ov-soft);padding:5px}.toto-week-btn{border-radius:9px;padding:10px 13px}.toto-week-btn.active{background:#008eb1;color:white}.toto-countdown-badge{border-radius:12px}.toto-action-btn{border-radius:11px;box-shadow:none}.toto-action-btn:hover{transform:none}.toto-btn{min-height:38px;border-radius:8px}.toto-summary-bar{border-radius:16px}
.modal-overlay{backdrop-filter:blur(5px)}.modal-content{border:1px solid var(--border-color);border-radius:24px;background:var(--card-bg);box-shadow:0 24px 80px #06182d40;max-height:92dvh}.modal-header{background:linear-gradient(125deg,rgba(0,133,174,.09),rgba(4,158,122,.06));border:1px solid var(--border-color);border-radius:16px;padding:20px 16px;margin-bottom:16px}.modal-team b{font-size:15px;white-space:normal;line-height:1.4}.modal-team img{width:56px;height:56px}.modal-score{font-size:34px;color:var(--score-text);letter-spacing:2px}.modal-nav{display:flex;overflow-x:auto;flex-wrap:nowrap;background:var(--ov-soft);border:1px solid var(--border-color);padding:5px;border-radius:12px;gap:4px;scrollbar-width:thin}.modal-nav-btn{flex:0 0 auto;border-radius:8px;padding:10px 12px;min-height:42px;font-size:12px;background:transparent;color:var(--text-muted)}.modal-nav-btn.active{background:var(--ov-brand);color:white}.modal-nav-label{display:inline}.modal-tab-btn{border-radius:10px;min-height:42px;font-size:12px;padding:10px 13px}.modal-tab-btn.active{background:var(--ov-brand);color:#fff}
#team-profile-header,#player-modal-header{border-radius:16px;background:var(--ov-brand)!important;padding:20px!important;color:#fff}#team-profile-header select{max-width:140px}#team-profile-header option{color:#142338;background:white}
.prediction-grid{gap:12px}.prediction-card,.pred-card,.info-card{border-radius:14px;background:var(--ov-soft);border:1px solid var(--border-color);padding:16px}.info-card{font-size:13px;line-height:1.6}.stat-bar-bg{height:9px;border:0;background:var(--ov-soft)}.stat-bar-home{background:linear-gradient(90deg,#018abd,#0ea897)}.stat-labels{font-size:13px}
.standings-sub-nav-container{border-radius:14px;background:var(--ov-soft);padding:10px}.standings-sub-btn{border-radius:10px;min-height:40px}.standings-sub-btn.active{background:#008bb0;color:white}.standings-search-box{border-radius:10px;background:var(--card-bg)}.standings-table th{background:var(--ov-soft);font-size:11px;letter-spacing:.25px;padding:14px 10px}.standings-table td{padding:13px 10px;font-size:13px;border-color:var(--border-color)}.standings-table tr:hover{background:var(--match-card-hover)}
.profile-header-card{border-top:4px solid #079b87}.profile-stat-box{border-radius:12px;background:var(--ov-soft);padding:14px}.profile-stat-box b{font-size:22px}.profile-avatar{border-radius:18px}.drawer-menu{background:var(--card-bg);border-right:1px solid var(--border-color);box-shadow:20px 0 70px #0002}.drawer-header{background:var(--ov-brand);padding:24px 18px;color:#fff}.drawer-header h3{color:#fff}.drawer-league-item{border-radius:11px;padding:12px;min-height:44px}.drawer-league-item.active{background:var(--ov-soft);color:var(--accent-blue)}
.ov-hub header{display:block;background:var(--ov-brand);border:0;border-radius:20px;padding:25px;color:white;box-shadow:var(--ov-shadow)}.ov-hub header h2{font-size:26px;letter-spacing:-.6px}.ov-hub header p,.ov-hub header .ov-eyebrow{color:#e0f5f5}.ov-hub nav{padding:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px}.ov-hub button{border-radius:10px;min-height:42px}.ov-hub button[aria-pressed=true],.ov-hub .ov-primary{background:#0088ad;color:white;border-color:transparent}.ov-hub-card h3{font-size:19px}.ov-fixture-league{font-size:12px}.ov-fixture-card{border-top:4px solid #0d9ba8}.ov-table-wrap th{background:var(--ov-soft)}
.ov-guide{padding:8px 0}.ov-guide h3{padding:20px;background:var(--ov-brand);border-radius:16px;color:white;margin-bottom:18px}.ov-guide-card{border-radius:17px;box-shadow:var(--ov-shadow);padding:20px}.ov-guide-badge{color:var(--accent-green);background:rgba(10,159,127,.10)}.ov-guide-image{border-radius:18px;max-height:320px}.ov-guide-list{border-color:#0a9d97}.ov-guide-grid{gap:14px}
.ovt{--night:var(--bg-color);--panel:var(--card-bg);--edge:var(--border-color);--ink:var(--text-main);--muted:var(--text-muted);--mint:var(--accent-green)}.ovt-card{border-radius:18px;box-shadow:var(--ov-shadow)}.ovt-hero{background:var(--ov-brand);color:#fff;border:0;border-radius:22px;padding:28px}.ovt-hero p,.ovt-hero .ovt-eyebrow{color:#ddfff5}.ovt-hero .ovt-secondary{color:#fff;border-color:#ffffff60}.ovt-hero .ovt-metrics{color:#fff}.ovt button{background:#008c9c;color:#fff}.ovt .ovt-secondary{background:var(--ov-soft);color:var(--text-main)}.ovt h2{font-size:28px}.ovt table{border-color:var(--border-color)}
#tab-forum input,#tab-forum textarea,#tab-fantazi select,#tab-sampiyonlar-yolu select{border-radius:12px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);font-size:14px}#tab-forum button{border-radius:10px}#forum-feed>div{border-radius:18px!important;box-shadow:var(--ov-shadow)}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button:disabled{cursor:not-allowed}
@media(min-width:1100px){.container>nav .nav-tab{font-size:13px}.date-btn{min-width:85px}}
@media(max-width:760px){body{padding:12px 12px 30px}.container>header{padding:15px;gap:12px;flex-wrap:wrap;border-radius:18px;margin-bottom:14px}.header-actions{width:100%;justify-content:flex-end}.header-left-group{gap:10px}.logo-text{font-size:24px}.logo-ov-box{width:42px;height:42px;font-size:21px}.logo-badge{font-size:12px}.container>nav{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:6px;margin-bottom:18px;border-radius:16px}.container>nav .nav-tab{font-size:11px;padding:10px 5px;min-height:49px}.seo-intro h1{font-size:22px}.league-title{padding:12px 14px;font-size:13px}.match-card{padding:14px 12px;gap:8px;grid-template-columns:24px 85px minmax(0,1fr) 70px;min-height:112px}.team{font-size:13px;gap:7px}.team-logo{width:23px;height:23px}.score-box{font-size:19px;padding:7px 8px}.ai-banko-card,.ai-value-card,.ov-hub-card,.ov-fixture-card{padding:18px}.ai-filter-bar,.standings-container{padding:14px}.modal-content{padding:14px;border-radius:20px;width:96vw;max-height:94dvh}.modal-team b{font-size:13px}.modal-score{font-size:28px}.modal-nav-btn{font-size:12px;padding:9px 11px}.modal-nav-label{display:inline}.modal-tab-btn{font-size:12px}.ovt-hero{padding:20px}.ovt h2{font-size:23px}}
@media(max-width:440px){.container>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.container>nav .nav-tab{font-size:12px;min-height:43px}.header-actions{justify-content:flex-start}.header-actions button{font-size:11px;min-height:38px;padding:7px 10px}.match-card{grid-template-columns:22px 72px minmax(0,1fr) 60px;gap:5px;padding:13px 9px}.team{font-size:12px;gap:5px}.team-logo{width:20px;height:20px}.match-time{font-size:12px}.score-box{font-size:17px;letter-spacing:1px;padding:7px 5px}.league-title{font-size:12px}.toto-card-interactive{padding:12px}.toto-teams{font-size:13px}.ov-hub-grid{grid-template-columns:minmax(0,1fr)}.ov-guide-card{padding:15px}.ovt h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Keep auxiliary news and transfer rows compact. */
.match-card:not([id^="match-card-"]){min-height:0}
[data-theme=light] .ov-path{color:var(--text-main);--muted:var(--text-muted)}
[data-theme=light] .ov-path .ov-league,[data-theme=light] .ov-path .ov-cup,[data-theme=light] .ov-path .ov-round{background:var(--card-bg);color:var(--text-main);border-color:var(--border-color)}
@media(max-width:760px){
[id^="match-card-"]{grid-template-areas:"fav status teams score" "fav predict predict score"}
[id^="match-card-"] .fav-star-btn{grid-area:fav}
[id^="match-card-"] .match-status-box{grid-area:status}
[id^="match-card-"] .teams{grid-area:teams}
[id^="match-card-"] .score-box{grid-area:score}
[id^="match-card-"] .btn-quick-predict{grid-area:predict;justify-self:start}
}