body.data-open{overflow:hidden}.club-chip[data-club-id],.match[data-match-id]{cursor:pointer;transition:.2s ease}.club-chip[data-club-id]:hover,.match[data-match-id]:hover{border-color:#bfcfc5;transform:translateY(-1px);box-shadow:0 16px 45px rgba(31,64,54,.08)}.club-chip[data-club-id] em{color:#5d7a71}.match[data-match-id] .fixture small{color:#7c8a86}
.data-drawer{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end}.data-drawer.hidden{display:none}.data-drawer-veil{position:absolute;inset:0;background:rgba(24,53,47,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.data-drawer-panel{position:relative;width:min(720px,92vw);height:100%;overflow:auto;background:linear-gradient(180deg,#ffffff 0%,#f7f9f5 100%);border-left:1px solid #dce3dd;box-shadow:-30px 0 100px rgba(31,64,54,.16);padding:38px 42px 64px;animation:dataSlide .22s ease-out}.data-close{position:sticky;top:0;float:right;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #d4ddd7;background:#ffffff;color:#18352f;font-size:24px;line-height:1;cursor:pointer}.data-loading{min-height:70vh;display:grid;place-items:center;align-content:center;gap:10px;color:#7c8a86;text-align:center}.data-loading i{width:28px;height:28px;border-radius:50%;border:2px solid #dce3dd;border-top-color:#b9e62e;animation:dataSpin .8s linear infinite}.data-loading strong{color:#18352f;font-size:18px}.data-loading span{font-size:9px;letter-spacing:1.8px;color:#8a9a94}.data-loading.error strong{color:#b3564e}.data-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:20px 0 30px;border-bottom:1px solid #e3e9e4}.data-head h2{font-size:38px;line-height:1.08;letter-spacing:-2px;margin:8px 0 10px;color:#18352f}.data-head h2 em{font-style:normal;color:#8a9a94;font-weight:400}.data-head p{margin:0;color:#7c8a86;font-size:12px}.data-kicker{font-size:9px;letter-spacing:2px;color:#8a9a94}.data-source{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(185,230,46,.45);color:#5b6b66;font-size:8px;letter-spacing:1px;background:rgba(185,230,46,.09)}.data-source i{width:5px;height:5px;border-radius:50%;background:#b9e62e;box-shadow:0 0 10px rgba(185,230,46,.6)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:28px 0;border-bottom:1px solid #e3e9e4}.scoreboard>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.scoreboard .away{flex-direction:row-reverse}.scoreboard span{font-size:15px;color:#18352f}.scoreboard strong{font-size:42px;color:#21483f;letter-spacing:-2px}.scoreboard>em{font-style:normal;color:#8a9a94;font-size:10px}.availability{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 4px}.availability span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dce3dd;border-radius:999px;color:#8a9a94;font-size:9px}.availability span i{width:5px;height:5px;border-radius:50%;background:#c8d3cb}.availability span.on{color:#4f625d;border-color:#b9c8bd}.availability span.on i{background:#b9e62e;box-shadow:0 0 9px rgba(185,230,46,.5)}.provider-warning{margin:12px 0;padding:11px 13px;border:1px solid rgba(216,105,90,.28);background:rgba(216,105,90,.055);border-radius:12px;color:#a05a52;font-size:10px;line-height:1.6}.data-block{padding:30px 0;border-bottom:1px solid #e3e9e4}.data-block-title span{font-size:8px;letter-spacing:1.7px;color:#8a9a94}.data-block-title h3{font-size:23px;letter-spacing:-.8px;margin:5px 0 18px;color:#18352f}.team-fixtures{display:grid;gap:8px}.team-fixture{width:100%;display:grid;grid-template-columns:54px 1fr auto;grid-template-areas:'comp title arrow' 'comp time arrow';gap:3px 14px;align-items:center;text-align:left;padding:16px;border:1px solid #dce3dd;border-radius:15px;background:#ffffff;color:#18352f;cursor:pointer}.team-fixture:hover{border-color:#bfcfc5;background:#f8faf6}.team-fixture>span{grid-area:comp;color:#8a9a94;font-size:9px}.team-fixture>strong{grid-area:title;font-size:13px}.team-fixture>strong em{font-style:normal;color:#8a9a94;font-weight:400}.team-fixture>small{grid-area:time;color:#7c8a86;font-size:9px}.team-fixture>b{grid-area:arrow;color:#21483f}.lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lineup-team{border:1px solid #dce3dd;border-radius:16px;padding:15px;background:#f7f9f6}.lineup-team-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.lineup-team-head strong{font-size:12px;color:#18352f}.lineup-team-head span{font-size:9px;color:#8a9a94}.lineup-team ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}.lineup-team li{display:grid;grid-template-columns:26px 1fr;gap:8px;font-size:10px;align-items:center;color:#4f625d}.lineup-team li b{color:#21483f;font-size:9px}.absence-list{display:grid;gap:8px}.absence-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#f7f9f6;border:1px solid #e3e9e4}.absence-list strong{font-size:11px;color:#18352f}.absence-list span{font-size:9px;color:#7c8a86}.event-list{display:grid}.event-list>div{display:grid;grid-template-columns:42px 82px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #e8ede9;align-items:center}.event-list time{color:#21483f;font-size:10px}.event-list strong{font-size:10px;color:#18352f}.event-list span{font-size:10px;color:#7c8a86}.stat-table{display:grid}.stat-table>div{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;text-align:center;padding:10px 0;border-bottom:1px solid #e8ede9}.stat-table b{font-size:13px;color:#18352f}.stat-table span{font-size:9px;color:#8a9a94}.data-empty{padding:18px;border:1px dashed #cbd7cf;border-radius:12px;color:#8a9a94;font-size:10px;line-height:1.65;background:rgba(0,0,0,.015)}.data-empty.compact{padding:13px}.data-note{margin-top:28px;padding:18px;border-radius:15px;background:linear-gradient(135deg,rgba(185,230,46,.09),rgba(255,255,255,.6));border:1px solid rgba(185,230,46,.3)}.data-note strong{font-size:11px;color:#21483f}.data-note p{margin:7px 0 0;color:#7c8a86;font-size:10px;line-height:1.7}
@media(max-width:760px){.data-drawer-panel{width:100vw;padding:22px 18px 120px;border-left:0}.data-close{top:4px}.data-head{display:block;padding-top:10px}.data-head h2{font-size:31px;padding-right:46px}.data-source{margin-top:12px}.scoreboard{gap:9px}.scoreboard span{font-size:12px}.scoreboard strong{font-size:34px}.lineup-grid{grid-template-columns:1fr}.event-list>div{grid-template-columns:36px 66px 1fr}.stat-table>div{grid-template-columns:1fr 92px 1fr}.team-fixture{grid-template-columns:44px 1fr auto}.club-chip[data-club-id] em{font-size:8px}}
@keyframes dataSlide{from{transform:translateX(28px);opacity:.75}to{transform:none;opacity:1}}@keyframes dataSpin{to{transform:rotate(360deg)}}
/* Odds Value section — light theme, matches data-browser palette */
.data-nav{position:sticky;top:0;z-index:3;margin-bottom:18px;display:flex;justify-content:flex-end}
.data-nav button{appearance:none;border:1px solid #d4ddd7;background:#ffffff;color:#21483f;font-size:10px;font-weight:800;letter-spacing:1.2px;padding:9px 14px;border-radius:999px;cursor:pointer;transition:.18s ease}
.data-nav button:hover{border-color:#9fb5a8;background:#f3f8f3}
.odds-events{display:grid;gap:14px}
.odds-event{border:1px solid #dce3dd;border-radius:16px;background:#f7f9f6;padding:14px 16px}
.odds-event-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.odds-event-head strong{font-size:13px;color:#18352f}
.odds-event-head strong em{font-style:normal;color:#8a9a94;font-weight:400}
.odds-event-head small{font-size:10px;color:#7c8a86}
.odds-table{width:100%;border-collapse:collapse;font-size:11px}
.odds-table th{font-size:8px;letter-spacing:.9px;color:#8a9a94;font-weight:800;text-align:right;padding:6px 6px;border-bottom:1px solid #dce3dd}
.odds-table th:first-child{text-align:left}
.odds-table td{padding:7px 6px;text-align:right;color:#4f625d;border-bottom:1px solid #e8ede9;font-variant-numeric:tabular-nums}
.odds-table td:first-child{text-align:left;color:#18352f;font-weight:700}
.odds-table tr:last-child td{border-bottom:0}
.odds-table .div-on{color:#21483f;font-weight:800}
.odds-top-list{display:grid;gap:8px}
.odds-top-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:14px;background:#ffffff;border:1px solid #dce3dd}
.odds-top-main{display:flex;align-items:center;gap:10px;min-width:0}
.odds-top-tag{flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.5px;color:#547313;background:#eef8c9;border:1px solid #dceba7;padding:4px 8px;border-radius:999px}
.odds-top-main strong{font-size:12px;color:#18352f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odds-top-meta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.odds-top-meta span{font-size:9px;color:#7c8a86;font-variant-numeric:tabular-nums}
.odds-top-meta .div-on{color:#21483f;font-weight:800}
@media(max-width:760px){.data-nav{justify-content:flex-start}.odds-event-head{display:block}.odds-event-head small{display:block;margin-top:4px}.odds-table{font-size:10px}.odds-table th,.odds-table td{padding:6px 3px}.odds-top-item{display:block}.odds-top-meta{margin-top:8px;flex-wrap:wrap}}
