/* Football presentation follows the existing Fonbet basketball UI. */
body.football-compact{--bg:#dfe0e5;--border:#c8cad1;--soft:#d9ddeb;--shadow:none;margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:#171717;font:14px/1.25 Arial,Helvetica,sans-serif}
.football-compact *{box-sizing:border-box}
.football-compact [hidden]{display:none!important}
.football-compact a{color:inherit}
.football-compact .top,.football-compact .topbar{display:none}
.football-header{background:#fff;border-bottom:1px solid #8d8f95;box-shadow:0 1px 3px #00000029}
.football-header-primary,.football-surface-nav{width:min(1008px,calc(100% - 32px));margin:auto;display:flex;align-items:center}
.football-header-primary{min-height:52px;justify-content:space-between;border-bottom:1px solid #d4d4d4;gap:20px}
.football-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.football-brand img{width:40px;height:40px;object-fit:contain;border-radius:50%}
.football-brand strong{font-size:16px;border-right:1px solid #d4d4d4;padding-right:12px}
.football-bookmaker{padding:4px 10px;color:#fff;background:#008d3d;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.02em}
.football-language{display:flex;gap:2px}
.football-language a{font-size:12px;font-weight:700;min-width:37px;min-height:28px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid transparent;text-decoration:none}
.football-language a.active{border-bottom-color:#00ad58}
.football-surface-nav{min-height:32px;gap:12px}
.football-surface-nav a{min-width:66px;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-decoration:none;border-bottom:2px solid transparent}
.football-surface-nav a.active{border-bottom-color:#008d3d}
.football-compact .wrap{width:100%;max-width:none;margin:0 auto;padding:8px 0 52px}
.football-compact .card,.football-compact .panel{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.football-compact .btn,.football-compact .pg-btn{min-height:24px;height:auto;border:1px solid #c8cad1;background:#fff;color:#333;border-radius:3px;padding:4px 8px;font:11px Arial,sans-serif;box-shadow:none}
.football-compact input,.football-compact select{font:11px Arial,sans-serif;min-height:24px;border:1px solid #c8cad1;border-radius:3px;background:#fff;color:#333}
.football-compact .compact-options{padding:4px 8px;margin:4px auto;color:#666a73;font-size:11px;background:transparent;max-width:864px}
.football-compact .compact-options summary{cursor:pointer;list-style-position:inside}
.football-compact .compact-options[open]{background:#f5f5f7;border:1px solid #c8cad1}
.football-compact .toolbar{padding:8px 0;border:0;background:transparent;gap:8px}
.football-compact .controls,.football-compact .right,.football-compact .filters{gap:8px;flex-wrap:wrap}
.football-compact .fld span,.football-compact .toggle,.football-compact .checkbox{font-size:11px}
.football-compact .chip,.football-compact .badge,.football-compact .event-chip{font:10px Arial,sans-serif;border-radius:2px;padding:1px 4px;box-shadow:none}
.football-list .wrap{max-width:864px;padding-top:4px}
.football-list .compact-list-tools{display:flex;align-items:center;gap:12px;margin:0 0 4px}
.football-list .compact-search{display:flex;gap:6px;align-items:center;flex:1;font-size:10px;color:#666a73;margin:0}
.football-list .compact-search input{flex:1;min-width:0;height:24px;padding:2px 6px}
.football-list .compact-list-tools .compact-options{margin:0;max-width:250px}
.football-list .head{display:flex;flex-direction:row;align-items:center;padding:4px 0;border:0;background:transparent;gap:8px;font-size:10px}
.football-list .head-toolbar{margin-left:auto;min-height:24px}
.football-list .head-title,.football-list .head-sub{font-size:10px}
.football-list .pg-text{font:10px Arial,sans-serif;min-width:100px}
.football-list .prematch-head-banner{width:auto;margin:0;padding:0;background:none;box-shadow:none;color:#666a73;font-size:10px}
.football-list .compact-live-search{float:right;margin:0 4px}
.football-list .compact-empty,.football-list .section-banner{display:none}
.football-list .section-title{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;margin:0;font-size:11px;background:transparent}
.football-list .section-title h2{font-size:11px;margin:0}
.football-list .table-wrap{overflow-x:auto;border:1px solid #afb1b7;background:#fff;box-shadow:0 2px 6px #00000029}
.football-list table{display:block;min-width:864px;width:100%;border:0;background:#fff}
.football-list thead{display:none}
.football-list tbody{display:block}
.football-list tbody tr{display:grid;min-height:30px;align-items:center;gap:0;background:#fff;border:0;border-bottom:1px solid #c8cad1;border-radius:0;padding:0;color:#242424;font:10px Arial,sans-serif}
.football-list tbody tr:last-child{border-bottom:0}
.football-list tbody tr:hover{background:#f1f5fb}
.football-list td{border:0;background:transparent!important;box-shadow:none!important;padding:4px 8px;min-width:0;font:10px/1.25 Arial,sans-serif;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.football-list td[class^="col-"]{width:auto}
.football-list .match-row{grid-template-columns:98px 304px minmax(150px,1fr) 62px minmax(150px,1fr)}
.football-list .match-row td:nth-child(1){display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.football-list .match-row td:nth-child(2){text-align:left}
.football-list .match-row td:nth-child(3){text-align:right}
.football-list .match-row td:nth-child(4){font-size:10px;text-align:center;font-weight:700}
.football-list .match-row td:nth-child(5){text-align:left}
.football-list .match-row td:nth-child(6){display:none}
.football-list .score-cell::before,.football-list .score-cell::after{display:none}
.football-list .league,.football-list .match,.football-list .team,.football-list .match a,.football-list .match-link{font:10px/1.25 Arial,sans-serif;color:#242424}
.football-list .match a,.football-list .match-link{text-decoration:none}
.football-list .live{font:bold 10px Arial,sans-serif;min-width:0;padding:0;background:transparent;border:0;box-shadow:none;color:#00ad58}
.football-list .status-stack{margin:0!important;gap:3px}
.football-list .incident-icon img{width:11px;height:11px;vertical-align:middle}
.football-list .country-flag,.football-list .compact-country-flag{display:block;width:20px;height:15px;flex:0 0 20px;object-fit:cover;border:1px solid #00000029;border-radius:0;box-shadow:none}
.football-list .country-flag-emoji,.football-list .flag-planet{display:none}
.football-list #tbody tr{grid-template-columns:98px 240px minmax(0,1fr) 36px 70px}
.football-list #tbody .col-dt{font:10px Arial,sans-serif;text-align:center}
.football-list #tbody .col-country{display:flex;align-items:center;gap:6px}
.football-list #tbody .country-name{display:none}
.football-list #tbody .col-country .league{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.football-list .match-grid{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:8px;align-items:center}
.football-list .match-grid .team:first-child{text-align:right}
.football-list .match-grid .team:last-child{text-align:left}
.football-list .match-grid .vs{font-size:10px;display:block;text-align:center}
.football-list .col-block,.football-list .col-drops{text-align:center}
.football-list .drops{display:flex;gap:3px;align-items:center;justify-content:center;flex-wrap:wrap}
.football-list .drop-badge{font-size:9px;border:0;border-radius:0;background:transparent;padding:0}
.football-list .drop-delta{font:9px Arial,sans-serif}
.football-list .row-drop-critical,.football-list .row-anomaly{box-shadow:inset 3px 0 #d92d20}
.football-list .row-drop-high{box-shadow:inset 3px 0 #f79009}
.football-list .row-soon{outline:1px solid #80cba1;box-shadow:inset 3px 0 #008d3d}
.football-list .row-removed{color:#686d75;background:#eef0f2}
.football-list #tbody tr:has(td[colspan]){display:block;min-height:56px;text-align:center}
.football-list .removed-box{margin:0;border:0;border-radius:0;background:transparent}
.football-list .removed-box>summary{padding:5px 8px;font-size:11px;background:transparent}
.football-list .removed-body{padding:0}
.football-event .wrap{padding-top:9px}
.football-event .card-h{display:block;max-width:864px;margin:5px auto 0;padding:0;text-align:center;background:transparent;border:0}
.football-event .card-h>div:first-child{display:flex;flex-direction:column}
.football-event .card-h h1{order:1}
.football-event .card-h #event-meta-line{order:2}
.football-event h1{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:22px;font:700 20px/1.2 Arial,sans-serif;margin:8px 0}
.football-event h1 span:first-child{text-align:right}
.football-event h1 span:last-child{text-align:left}
.football-event #event-meta-line{font-size:10px;color:#666a73;justify-content:center;margin:4px 0}
.football-event .event-meta-row{justify-content:center;margin:4px 0;gap:6px}
.football-event .event-meta-row .event-chip{background:transparent;border:0;font-size:20px;font-weight:700;padding:0}
.football-event .event-meta-row .flag-chip>span:last-child{display:none}
.football-event .event-meta-row .flagimg{display:inline-block;width:20px;height:15px;border-radius:0}
.football-event .controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0 12px;padding:0;flex-wrap:wrap}
.football-event .controls label{font-size:10px}
.football-event .seg{display:flex;border:1px solid #d7d9df;border-radius:3px;background:#fff;padding:0;gap:0;overflow:hidden;box-shadow:0 1px 2px #0000000d}
.football-event .pill{min-width:52px;min-height:22px;height:22px;padding:3px 9px;border:0;border-radius:0;color:#222;background:#fff;font:bold 12px/16px Arial,sans-serif;cursor:pointer}
.football-event .pill+.pill{border-left:1px solid #d7d9df}
.football-event .pill.active{background:#008d3d;color:#fff;box-shadow:none}
.football-event .controls .compact-options{margin:0;padding:3px 8px}
.football-event .compact-option-fields{display:flex;align-items:end;gap:8px;margin-top:8px;flex-wrap:wrap}
.football-event .live-auto-wrap{display:inline-flex;align-items:center;gap:5px;font-size:10px}
.football-event .live-auto-wrap select{height:24px!important;min-height:24px;font-size:10px!important;border-radius:3px!important}
.football-event #tables-grid.grid{display:grid;width:min(1368px,calc(100vw - 72px));margin:0 auto;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.football-event #tables-grid .box{min-width:0;border:1px solid #9f826e;border-radius:0;background:#fff;box-shadow:0 2px 9px #00000042;overflow:hidden}
.football-event .box-h{height:26px;padding:5px 6px 4px;text-align:center;color:#fff;background:#008d3d;border:0;font:400 12px/16px Arial,sans-serif}
.football-event #tables-grid .table-wrap{overflow-x:auto;max-height:none;border:0}
.football-event #tables-grid table{width:100%;min-width:320px;table-layout:auto;border-collapse:collapse;background:#fff;color:#2b2b2b;font:10px Arial,sans-serif;font-variant-numeric:tabular-nums}
.football-event #tables-grid th{height:24px;padding:3px 4px;background:#008d3d;color:#fff;border:0;border-right:1px solid #ffffff24;position:static;white-space:nowrap;font:400 10px Arial,sans-serif;text-align:center;text-transform:none;letter-spacing:0}
.football-event #tables-grid tbody tr{height:25px}
.football-event #tables-grid td{padding:3px 4px;border-right:1px solid #eceef4;border-bottom:1px solid #d9ddeb;text-align:center;white-space:nowrap;font:10px Arial,sans-serif;letter-spacing:0}
.football-event #tables-grid tbody tr:nth-child(even) td:not([style]):not(.live-anomaly-cell):not(.live-drop-cell){background:#fcfcfd}
.football-event .live-summary{max-width:864px;padding:0;margin:5px auto 0;background:transparent;border:0;border-radius:0}
.football-event .match-strip{padding:0;margin:0;background:transparent;color:#171717;border-radius:0;box-shadow:none}
.football-event .match-strip-top{display:flex;justify-content:center;gap:8px;font:700 20px/1.2 Arial,sans-serif;color:#171717}
.football-event .match-strip-top>span:last-child{font-size:13px;color:#ef1f36;align-self:center}
.football-event .match-strip-scoreline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;margin-top:8px}
.football-event .match-strip-scoreline .team{font:bold 20px/1.2 Arial,sans-serif;text-align:right}
.football-event .match-strip-scoreline .team.away{text-align:left}
.football-event .match-strip-scoreline .score{padding:0;border:0;border-radius:0;background:none;font:bold 20px/1.2 Arial,sans-serif;color:#202020}
.football-event .match-strip-bar{min-height:38px;margin-top:12px;padding:15px 0}
.football-event .match-strip-track{height:8px;background:#24384a;box-shadow:none}
.football-event .match-strip-progress{top:15px;height:8px;background:#2fcd72}
.football-event .match-strip-dot,.football-event .match-strip-pin,.football-event .match-strip-event .minute{display:none}
.football-event .match-strip-event{top:0}
.football-event .match-strip-event.away{bottom:0}
.football-event .match-strip-event .icon img{display:block;width:15px;height:15px}
.football-event .match-strip-foot{justify-content:center;gap:8px;color:#666a73;font-size:10px;font-weight:400}
.football-event .live-summary-row{justify-content:center;gap:5px;margin-top:4px}
.football-event .live-summary-row .compact-duplicate{display:none}
.football-event .live-summary .compact-options{text-align:center;margin:4px auto;padding:0}
.football-event .half-note,.football-event .removed-banner{max-width:864px;margin:8px auto;font-size:11px;border-radius:3px}
.football-live-event .card-h h1,.football-live-event #event-country-league{display:none}
/* Match cards retain Inforadar's light scoreboard and green market tables. */
@font-face{font-family:Jakarta;src:url('/static/football/plus-jakarta-sans.woff2') format('woff2');font-weight:200 800;font-display:swap}
body.football-event{background:#eef3f7;color:#27313b}
.football-event .wrap{max-width:1124px;margin:12px auto;padding:0 12px 52px}
.football-event .card-h{max-width:980px;background:#fff;border-radius:16px;padding:16px 12px}
.football-event h1{font:700 18px/1.4 Jakarta,Arial,sans-serif}
.football-event .event-meta-row .event-chip{font:500 11px Jakarta,Arial,sans-serif;color:#667085}
.football-event .live-summary{width:100%;max-width:980px;margin:10px auto 0;padding:14px 16px;background:#fff;border-radius:16px}
.football-event .live-summary-row{margin-top:0}
.football-event .match-strip-foot{display:none}
.football-event .match-strip-bar{min-height:26px;padding:9px 0;margin-top:10px}
.football-event .match-strip-progress{top:9px}
.football-event .match-strip-top{font:500 11px Jakarta,Arial,sans-serif;color:#667085;justify-content:space-between}
.football-event .match-strip-top>span:last-child{font:700 11px Jakarta,Arial,sans-serif;color:#008d3d;background:#e5f5ed;padding:4px 9px;border-radius:16px}
.football-event .match-strip-scoreline{gap:16px;margin-top:12px}
.football-event .match-strip-scoreline .team{font:600 16px/1.2 Jakarta,Arial,sans-serif}
.football-event .match-strip-scoreline .score{font:700 22px/1.2 Jakarta,Arial,sans-serif;min-width:110px;text-align:center;padding:8px 16px;background:#f5f8fb;border:1px solid #dce6ee;border-radius:12px}
.football-event .controls{margin:6px 0 10px}
.football-event .seg{border-radius:7px}
.football-event .live-summary .compact-options summary{max-width:248px;margin:auto;padding:4px 0;border-bottom:1px solid #dce6ee}
.football-event #tables-grid.grid{width:100%;gap:10px}
.football-list .incident-goal{display:none}
.football-event #tables-grid .box{border:0;border-radius:14px 14px 0 0;box-shadow:none}
.football-event .box-h{font:700 12px/16px Jakarta,Arial,sans-serif;height:30px;padding-top:7px}
.football-event #tables-grid th,.football-event #tables-grid td{font:500 10px/1.4 Jakarta,Arial,sans-serif}
.football-event #tables-grid table{min-width:0;table-layout:fixed}
.football-event #tables-grid th{white-space:normal;padding:3px 2px}
.football-event #tables-grid th:first-child,.football-event #tables-grid td:first-child{width:14%}
.football-event #tables-grid th:nth-child(2),.football-event #tables-grid td:nth-child(2){width:10%}
.football-event #tables-grid th:last-child,.football-event #tables-grid td:last-child{width:18%}
.football-live-event #tables-grid .live-odds-marker,
.football-live-event #tables-grid .live-anomaly-pill,
.football-live-event #tables-grid .live-tg-sent-pill{display:block;width:max-content;max-width:100%;margin:0 auto 2px;padding:1px 2px;font:700 9px/1.2 Arial,sans-serif;white-space:nowrap;overflow-wrap:normal}
.football-live-event #tables-grid .live-context-marker-group{display:flex;flex-direction:column;max-width:100%;margin:0 auto 2px}
.football-live-event #tables-grid .live-context-marker{font-size:9px;padding:1px 2px;overflow-wrap:normal}
.football-prematch-event #tables-grid th,.football-prematch-event #tables-grid td{width:16.4%}
.football-prematch-event #tables-grid th:last-child,.football-prematch-event #tables-grid td:last-child{width:18%}
.football-prematch-event #tables-grid .box:first-child th,.football-prematch-event #tables-grid .box:first-child td{width:25%}
.football-live-event .card-h{display:none;padding:0;background:transparent}
@media(max-width:1000px){
 .football-event #tables-grid.grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 .football-header-primary,.football-surface-nav{width:calc(100% - 16px)}
 .football-header-primary{min-height:46px;gap:8px}
 .football-brand{gap:7px}
 .football-brand img{width:34px;height:34px}
 .football-brand strong{font-size:14px;border:0;padding:0}
 .football-bookmaker{display:none}
 .football-language a{min-width:32px}
 .football-list .wrap{width:100%}
 .football-list .compact-list-tools{padding:0 8px;flex-wrap:wrap;gap:4px}
 .football-list .compact-search{min-width:100%}
 .football-list .compact-list-tools .compact-options{max-width:none;width:100%}
 .football-list .head{padding:3px 8px}
 .football-list .table-wrap{border-right:0;border-left:0}
 .football-event .card-h,.football-event .live-summary{width:calc(100% - 16px)}
 .football-event h1{gap:8px;font-size:15px}
 .football-event .event-meta-row .event-chip,.football-event .match-strip-top{font-size:10px}
 .football-event .match-strip-top{flex-wrap:wrap}
 .football-event .match-strip-scoreline{gap:8px}
 .football-event .match-strip-scoreline .team{font-size:13px}
 .football-event .match-strip-scoreline .score{font-size:20px;min-width:90px}
 .football-event .controls{margin-top:8px}
 .football-event #tables-grid.grid{width:100%;grid-template-columns:minmax(0,1fr)}
 .football-event #tables-grid .box{margin-bottom:18px;border-right:0;border-left:0;box-shadow:0 2px 6px #0000002e}
 .football-event #tables-grid table{min-width:360px}
 .football-event .compact-option-fields{padding:0 8px}
}

.sports-nav{display:flex;gap:14px;font-size:12px;flex-wrap:wrap}
.sports-nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.sports-nav a.active{border-bottom-color:#008d3d}
.football-compact .live-indication-muted{background:#f2f4f6!important;color:#52606d!important;box-shadow:none!important}
.football-compact .observation{background:#edf1f4!important;color:#52606d!important;border-color:#cad3da!important;white-space:normal}
.live-indication-context{font-size:9px;white-space:normal;max-width:190px;margin-bottom:3px}
.live-indication-context summary{cursor:pointer;color:#52606d;text-decoration:underline;text-underline-offset:2px;list-style:none;white-space:normal;overflow-wrap:anywhere;font-size:8px}
.live-indication-context span{display:block;background:#fff;padding:5px;line-height:1.4}
.indication-help{max-width:980px;margin:8px auto;font-size:11px;color:#52606d;padding:6px 12px}
.indication-help summary{cursor:pointer}.indication-help p{line-height:1.6}
@media(max-width:600px){
 .football-live-event #tables-grid .live-tg-sent-pill{white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
 .football-compact .football-header-primary{gap:5px;flex-wrap:wrap;padding:5px 0}
 .football-header-primary .sports-nav{order:3;width:100%;justify-content:center}
 .football-list .table-wrap{overflow:visible}
 .football-list table{min-width:0}
 .football-list .match-row{grid-template-columns:65px minmax(0,1fr) 48px;min-height:74px}
 .football-list .match-row td:nth-child(1){grid-column:1;grid-row:1 / span 3}
 .football-list .match-row td:nth-child(2){grid-column:2 / span 2;grid-row:1;font-size:10px;color:#64748b}
 .football-list .match-row td:nth-child(3){grid-column:2;grid-row:2;text-align:left;white-space:normal;font-size:12px}
 .football-list .match-row td:nth-child(4){grid-column:3;grid-row:2 / span 2;font-size:16px}
 .football-list .match-row td:nth-child(5){grid-column:2;grid-row:3;white-space:normal;font-size:12px}
 .football-list #tbody tr{grid-template-columns:65px minmax(0,1fr) 48px;min-height:74px}
 .football-list #tbody .col-dt{grid-column:1;grid-row:1 / span 2;white-space:normal}
 .football-list #tbody .col-country{grid-column:2 / span 2;grid-row:1}
 .football-list #tbody .col-main{grid-column:2;grid-row:2}
 .football-list #tbody .col-block{display:block;grid-column:1;grid-row:3;white-space:normal;font-size:10px}
 .football-list #tbody .col-drops{grid-column:3;grid-row:2;white-space:normal}
 .football-list .match-grid{grid-template-columns:1fr;gap:3px}
 .football-list .match-grid .team:first-child,.football-list .match-grid .team:last-child{text-align:left;font-size:12px;white-space:normal}
 .football-list .match-grid .vs{display:none}
}

/* Expanded indication reasons remain readable without stretching market rows. */
.live-indication-context{position:relative}
.live-indication-context[open] > span{position:absolute;z-index:20;top:100%;right:0;width:240px;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid #cad3da;border-radius:6px;padding:10px;font:12px/1.5 Arial,sans-serif;text-align:left;box-shadow:0 4px 14px #0002}
.football-event #tables-grid .box:has(.live-indication-context[open]),.football-event #tables-grid .table-wrap:has(.live-indication-context[open]){overflow:visible}
@media(max-width:760px){.live-indication-context[open] > span{position:fixed;top:25vh;right:auto;left:50%;transform:translateX(-50%);width:280px}}
