/* Ficha Vermelha — tema (carregado por último em todas as páginas) */
:root{
  --night:#0D2830;--night-2:#143640;--night-line:#21474F;
  --on-night:#E4EEF0;--on-night-mute:#8FA9B0;--glow:#6CC5CF;
  --page:#E6ECEE;--card-line:#D2DCDF;--opt-line:#C7D3D6;
  --shadow:0 1px 2px rgba(13,40,48,.06),0 6px 18px rgba(13,40,48,.05);
  --line:#DDE6E8;--line2:#C7D3D6;--bg2:#F1F5F6
}
body{background:var(--page)}

/* ---------- cabeçalho escuro ---------- */
.site-header{position:sticky;top:0;z-index:30;background:var(--night);border-bottom:1px solid #071C22}
.site-header .wrap{height:60px;padding-top:0;padding-bottom:0;flex-wrap:nowrap;justify-content:flex-start}
.site-header .brand{color:#fff;flex:0 0 auto}
.site-header .brand:hover{color:#fff}
.brand svg path:first-child{fill:var(--glow)}
.brand svg path:nth-child(2){stroke:var(--night)}
.brand svg rect{fill:var(--night)}

.hsearch{position:relative;flex:0 1 420px;min-width:0;margin-left:24px;display:flex;align-items:center;gap:10px;height:40px;padding:0 10px 0 12px;border-radius:10px;background:var(--night-2);border:1px solid var(--night-line)}
.hsearch:focus-within{border-color:var(--glow);box-shadow:0 0 0 3px rgba(108,197,207,.18)}
.hsearch svg{flex:0 0 auto}
.hsearch input{flex:1;min-width:0;height:38px;border:0;outline:none;background:transparent;color:#fff;font:500 15px Figtree,sans-serif}
.hsearch input::placeholder{color:var(--on-night-mute)}
.hsearch input::-webkit-search-cancel-button{display:none}
.hsearch .kbd{font:600 12px Figtree,sans-serif;color:var(--on-night-mute);border:1px solid var(--night-line);border-radius:6px;padding:1px 7px}
.hres{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:min(70vh,520px);overflow-y:auto;background:#fff;border:1px solid var(--card-line);border-radius:12px;box-shadow:0 14px 40px rgba(13,40,48,.22);padding:6px;z-index:40}
.hres a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.hres a small{font-weight:500;font-size:13px;color:var(--muted);white-space:nowrap}
.hres a.on,.hres a:hover{background:#E8F2F3;color:var(--accent-d)}
.hres .none{padding:10px;font-size:14px;color:var(--muted)}
.hres .hd{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hlink{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;color:var(--on-night);text-decoration:none;font-weight:600;font-size:15px}
.hlink:hover,.hlink[aria-current="page"]{background:var(--night-2);color:#fff}

/* ---------- barra lateral com todos os escores ---------- */
.side{display:none;background:var(--night);color:var(--on-night)}
.side .sgrp{padding:18px 12px 4px 20px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-night-mute)}
.side a{position:relative;display:flex;align-items:center;gap:10px;margin:1px 10px;padding:7px 10px;border-radius:8px;color:#C9D9DD;text-decoration:none;font-size:14.5px;font-weight:500;line-height:1.25}
.side a:hover{background:var(--night-2);color:#fff}
.side a[aria-current="page"]{background:var(--night-2);color:#fff;font-weight:700}
.side a[aria-current="page"]::before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--glow)}
.side a.home{margin-top:14px;font-weight:600;color:#fff}
.side a.home svg{opacity:.8}
.side .sfoot{margin:18px 20px 24px;padding-top:14px;border-top:1px solid var(--night-line);font-size:12px;line-height:1.45;color:var(--on-night-mute)}

@media (min-width:1180px){
  body.shell{padding-left:248px}
  body.shell .site-header{margin-left:-248px}
  body.shell .site-header .wrap{max-width:none;padding-left:20px;padding-right:28px}
  body.shell .site-header .brand{width:204px}
  body.shell .hsearch{margin-left:24px}
  body.shell .side{display:block;position:fixed;top:60px;bottom:0;left:0;width:248px;overflow-y:auto;z-index:20;scrollbar-width:thin;scrollbar-color:var(--night-line) transparent}
}
@media (max-width:720px){
  .site-header .wrap{height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:10px;gap:8px 12px}
  .hsearch{order:3;flex:1 1 100%;margin-left:0}
  .hsearch .kbd{display:none}
  .hlink{height:44px}
}

/* ---------- voltar, à esquerda, acima do título ---------- */
.backlink{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0 0 14px -2px;padding:0 14px 0 10px;border-radius:999px;background:#fff;border:1px solid var(--card-line);color:var(--soft);text-decoration:none;font-weight:600;font-size:14px;box-shadow:0 1px 2px rgba(13,40,48,.05)}
.backlink:hover{border-color:var(--accent);color:var(--accent-d);background:#F4F9FA}
.backlink svg{transition:transform .15s ease}
.backlink:hover svg{transform:translateX(-2px)}

/* ---------- superfícies ---------- */
main{padding-top:24px}
.items,.panel{border-color:var(--card-line);box-shadow:var(--shadow)}
.item{border-bottom-color:#E8EEF0}
.opt{border-color:var(--opt-line)}
.opt:hover{border-color:var(--accent);background:#F3F8F9}
.opt[aria-pressed="true"]:hover{background:var(--accent-d)}
.seg button{border-color:var(--opt-line)}
.btn-line{border-color:var(--opt-line)}
.btn-paper{border-color:#A9C8CE;box-shadow:0 1px 2px rgba(13,40,48,.05)}
.preview{background:#F1F5F6;border-color:#DCE5E7}
.kicker{color:#4B5C63}
aside{top:76px}

/* painel do resultado em destaque escuro */
.panel[aria-live]{background:var(--night);border-color:var(--night);color:var(--on-night);box-shadow:0 10px 26px rgba(13,40,48,.18)}
.panel[aria-live] .meta{color:var(--on-night-mute)}
.panel[aria-live] .total{color:#fff}
.panel[aria-live] .rtext{color:#DCE8EB}
.panel[aria-live] .rextra{color:var(--on-night-mute)}
.panel[aria-live] .marker{background:#fff;box-shadow:0 0 0 2px var(--night)}
.panel[aria-live] .scale .bar i:first-child{background:#3A5E67!important}

/* ---------- rodapé e barra do celular ---------- */
footer{background:var(--night);border-top:0;color:var(--on-night-mute)}
footer a{color:var(--on-night)}
footer a:hover{color:#fff}
.mbar{background:var(--night)!important;border-top-color:#071C22!important}
.mbar .total{color:#fff}

/* ---------- kit ---------- */
.kit-item{border-color:var(--card-line);box-shadow:0 1px 2px rgba(13,40,48,.04)}
.kit-item:hover{border-color:#A9C8CE}

/* ---------- home ---------- */
body.home{background:var(--page)}
body.home .hero{background:radial-gradient(900px 380px at 88% -20%,rgba(108,197,207,.20),transparent 62%),radial-gradient(700px 300px at -10% 120%,rgba(15,92,110,.45),transparent 60%),var(--night);border-bottom:0;padding-bottom:56px}
body.home .brand{color:#fff}
body.home .brand:hover{color:#fff}
body.home .navlinks a{color:var(--on-night)}
body.home .navlinks a:hover{background:var(--night-2);color:#fff}
body.home h1{color:#fff}
body.home .lead{color:var(--on-night-mute)}
body.home .search{border-color:transparent;box-shadow:0 10px 30px rgba(0,0,0,.25)}
body.home .search:focus-within{border-color:var(--glow);box-shadow:0 0 0 3px rgba(108,197,207,.25),0 10px 30px rgba(0,0,0,.25)}
body.home .block{padding-top:44px}
body.home .card{border-color:var(--card-line);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
body.home .card.live:hover{transform:translateY(-2px);border-color:#9FC3CA;box-shadow:0 2px 4px rgba(13,40,48,.06),0 14px 28px rgba(13,40,48,.10)}
body.home .pill{background:#E8EFF1}
body.home .icon-btn{border-color:var(--opt-line)}
body.home .list{background:#fff;border:1px solid var(--card-line);border-radius:16px;box-shadow:var(--shadow);padding:4px 24px;margin-top:18px}
body.home .row{border-bottom-color:#E8EEF0}
body.home .band{background:var(--accent);color:#fff;box-shadow:0 10px 26px rgba(15,92,110,.25)}
body.home .band small{color:#A6E0E6}
body.home .band span{color:#D3EBEE}
body.home .band .btn-line{background:#fff;border-color:#fff;color:var(--accent-d)}
body.home .band .btn-line:hover{background:#E8F4F5}
body.home .kit{background:#fff;border-color:var(--card-line);box-shadow:var(--shadow)}
body.home .papers{background:var(--page)}
body.home .features p{color:#4B5C63}
body.home footer{border-top:0}

/* cartão e linha inteiros levam à página do escore; os botões continuam por cima */
body.home .card,body.home .row{position:relative}
body.home a.stretch{color:inherit;text-decoration:none}
body.home a.stretch::after{content:"";position:absolute;inset:0;z-index:0;border-radius:16px}
body.home .row a.stretch::after{border-radius:10px}
body.home a.stretch:focus-visible{outline:none}
body.home a.stretch:focus-visible::after{outline:3px solid rgba(15,92,110,.45);outline-offset:2px}
body.home .card .actions,body.home .row .icon-btn,body.home .row a.go{position:relative;z-index:1}
body.home .card.live:hover h3{color:var(--accent-d)}
body.home .row{margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:10px;transition:background .12s ease}
body.home .row.live:hover{background:#F1F7F8}
body.home .row.live:hover .txt b{color:var(--accent-d)}

@media print{
  html,body,body.home{background:#fff!important}
  body.shell{padding-left:0!important}
  .side,.site-header,.backlink{display:none!important}
}