/* Análise Executiva — site estático (05/09/2026). Skin dos tokens de style.css. */
.ex-hdr { background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; margin-bottom: 10px; }
.ex-hdr h1 { font-size: 16px; margin: 0 0 4px; }
.ex-hdr .sub { font-size: 11px; color: var(--text-muted); line-height: 1.5; }
.ex-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }
.ex-tools select, .ex-tools input { background: #0f1117; border: 1px solid var(--border); color: var(--text); padding: 8px 10px; border-radius: 8px; font-size: 12px; font-weight: 600; outline: none; }
.ex-tools input { flex: 1; min-width: 140px; }
.ex-tools select:focus, .ex-tools input:focus { border-color: var(--green); }
.ex-cnt { font-size: 11px; color: var(--text-muted); font-weight: 700; font-family: monospace; }
.mono { font-family: ui-monospace, Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }

/* lista do dia */
.ex-lista { background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 8px; margin-bottom: 12px; }
.ex-jogo { display: grid; grid-template-columns: 44px 1fr auto; gap: 8px; align-items: center; width: 100%; text-align: left; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.05); border-radius: 8px; padding: 7px 8px; margin-bottom: 4px; color: var(--text); cursor: pointer; font: inherit; }
.ex-jogo:hover { border-color: rgba(16,185,129,.35); }
.ex-jogo.on { border-color: var(--green); background: rgba(16,185,129,.1); }
.ex-jogo .hr { color: var(--green); font-weight: 800; font-size: 12px; }
.ex-jogo .nm { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ex-jogo .nm b { font-weight: 800; } .ex-jogo .pos { font-size: 10px; color: var(--text-muted); }
.ex-jogo .lg { font-size: 10px; color: var(--text-muted); }
.st-chip { font-size: 10px; font-family: monospace; padding: 2px 6px; border-radius: 6px; border: 1px solid var(--border); color: var(--text-muted); white-space: nowrap; }
.st-chip.ft { color: #d1d5db; background: rgba(0,0,0,.3); } .st-chip.live { color: var(--green); border-color: rgba(16,185,129,.5); background: rgba(16,185,129,.12); } .st-chip.pp { color: #fbbf24; }

/* painel do confronto */
.ex-panel { background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 12px; margin-bottom: 10px; position: relative; }
.ex-title { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; justify-content: space-between; }
.ex-title h2 { font-size: 15px; margin: 0; cursor: pointer; }
.ex-title h2 .chev { color: var(--text-muted); font-size: 12px; margin-right: 4px; }
.ex-title .meta { font-size: 10px; color: var(--text-muted); font-family: monospace; }
.chip-acertos { font-family: monospace; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 20px; border: 1px solid; margin-right: 6px; }
.chip-acertos.ok { color: #6ee7b7; border-color: rgba(16,185,129,.5); background: rgba(16,185,129,.12); }
.chip-acertos.bad { color: #fda4af; border-color: rgba(244,63,94,.5); background: rgba(244,63,94,.12); }
.ex-times { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; margin-top: 10px; }
.ex-time { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; padding: 8px 10px; }
.ex-time .tn { font-weight: 800; font-size: 13px; display: flex; justify-content: space-between; }
.ex-time .tn .mando { font-size: 10px; color: var(--text-muted); font-family: monospace; font-weight: 400; }
.tb { width: 100%; border-collapse: collapse; font-size: 11px; }
.tb td, .tb th { padding: 3px 4px; }
.tb td.r, .tb th.r { text-align: right; font-family: monospace; }
.tb td.l { color: var(--text-muted); }
.tb tr + tr td { border-top: 1px solid rgba(255,255,255,.05); }
.aviso { font-size: 11px; color: #fcd34d; margin-top: 4px; }
.legenda { font-size: 10px; color: var(--text-muted); line-height: 1.6; margin-top: 8px; }
.legenda .g { color: #6ee7b7; } .legenda .r { color: #fda4af; }
.ex-btns { display: flex; justify-content: flex-end; gap: 6px; margin: 4px 0 10px; }
.ex-btns button { background: rgba(0,0,0,.3); border: 1px solid var(--border); color: var(--text-muted); font-size: 11px; padding: 4px 8px; border-radius: 6px; cursor: pointer; }

/* card de família */
.fam { margin-top: 18px; }
.fam .fam-h { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
.fam .fam-t { display: flex; align-items: center; gap: 6px; font-weight: 800; font-size: 13px; cursor: pointer; background: none; border: 0; color: var(--text); font: inherit; }
.fam .fam-t .chev { color: var(--text-muted); font-size: 11px; }
.bolinha { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(16,185,129,.7); background: #0b2a22; color: #d1fae5; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(0,0,0,.45); }
.bolinha .v { font-family: monospace; font-size: 13px; font-weight: 800; line-height: 1; }
.bolinha .l { font-size: 7px; text-transform: uppercase; letter-spacing: .5px; opacity: .7; margin-top: 2px; }
.bolinha.vazia { border-color: rgba(255,255,255,.15); background: #151a24; color: rgba(255,255,255,.35); }
.bolinha.ok { border-color: #34d399; box-shadow: 0 0 0 3px rgba(16,185,129,.25), 0 8px 20px rgba(0,0,0,.45); }
.bolinha.bad { border-color: #fb7185; background: #2a0f14; color: #ffe4e6; box-shadow: 0 0 0 3px rgba(244,63,94,.25), 0 8px 20px rgba(0,0,0,.45); }
.bolinha .ck { position: absolute; right: -4px; bottom: -4px; width: 18px; height: 18px; border-radius: 50%; font-size: 11px; font-weight: 900; display: flex; align-items: center; justify-content: center; border: 1px solid; }
.bolinha.ok .ck { background: #10b981; color: #06231c; border-color: #6ee7b7; } .bolinha.bad .ck { background: #f43f5e; color: #fff; border-color: #fda4af; }
.placa { display: flex; align-items: center; gap: 7px; border-radius: 8px; padding: 3px 8px; border: 1px solid rgba(255,255,255,.07); background: rgba(0,0,0,.25); }
.placa.ft { border-color: rgba(255,255,255,.15); background: rgba(0,0,0,.45); } .placa.live { border-color: rgba(16,185,129,.4); background: rgba(16,185,129,.1); }
.placa .sc { font-family: monospace; font-size: 16px; font-weight: 900; letter-spacing: 1px; color: rgba(255,255,255,.25); } .placa.ft .sc, .placa.live .sc { color: #fff; }
.placa .sc i { font-style: normal; color: rgba(255,255,255,.3); padding: 0 3px; }
.placa .lb { display: flex; flex-direction: column; line-height: 1.15; }
.placa .lb .s { font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,.3); } .placa.ft .lb .s { color: rgba(255,255,255,.55); } .placa.live .lb .s { color: #6ee7b7; }
.placa .lb .d { font-family: monospace; font-size: 9px; } .placa .lb .d.g { color: #6ee7b7; } .placa .lb .d.r { color: #fda4af; }
.mini { border-collapse: collapse; font-size: 11px; font-family: monospace; }
.mini th { font-size: 9px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); font-weight: 400; padding: 2px 8px; text-align: right; }
.mini th.soma { color: #6ee7b7; }
.mini td { padding: 2px 8px; text-align: right; border-top: 1px solid rgba(255,255,255,.06); }
.mini td.l { text-align: left; font-family: inherit; font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); }
.mini tr.dest { background: rgba(16,185,129,.08); } .mini td.soma { font-weight: 800; font-size: 13px; } .mini tr.dest td.soma { color: #6ee7b7; }
.fam-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 8px; margin-top: 10px; }
.tcard { border: 1px solid rgba(255,255,255,.08); border-radius: 10px; overflow: hidden; background: rgba(255,255,255,.02); }
.tcard .th { display: flex; align-items: center; gap: 6px; padding: 5px 8px; font-size: 12px; font-weight: 800; background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(255,255,255,.08); }
.tcard .th .prev { margin-left: 6px; font-family: monospace; font-size: 10px; font-weight: 700; color: #6ee7b7; border: 1px solid rgba(16,185,129,.4); background: rgba(16,185,129,.1); border-radius: 20px; padding: 1px 6px; }
.tcard .th .tend { margin-left: auto; font-size: 10px; color: var(--text-muted); font-weight: 400; }
.sec { font-size: 9px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); padding: 5px 8px 2px; border-top: 1px solid rgba(255,255,255,.08); }
.u3 { width: 100%; border-collapse: collapse; font-size: 11px; font-family: monospace; table-layout: fixed; }
.u3 col.c1 { width: 30px; } .u3 col.c2 { width: 42px; } .u3 col.c4 { width: 62px; }
.u3 td { padding: 3px 4px; border-top: 1px solid rgba(255,255,255,.05); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.u3 td.d { color: var(--text-muted); } .u3 td.ab { font-family: inherit; } .u3 td.ab .me { font-weight: 800; } .u3 td.ab .ou { color: rgba(255,255,255,.5); }
.u3 td.v { text-align: right; font-size: 12px; } .u3 td.v .me { font-weight: 800; } .u3 td.v .ou { color: rgba(255,255,255,.45); } .u3 td.v .me.g { color: #6ee7b7; } .u3 td.v .me.r { color: #fda4af; }
.u3 td.vazio { color: var(--text-muted); font-family: inherit; }
.up { color: #6ee7b7; } .down { color: #fda4af; } .flat { color: rgba(255,255,255,.35); }
.foot { font-size: 10px; color: var(--text-muted); line-height: 1.5; margin-top: 10px; }