/* Dark panel theme shared by all pages */
:root:root{
  --bg:#0f1115;--card:#181b22;--surface:#1d212a;--ink:#f3f4f6;--muted:#a3aab7;--line:#2e3441;
  --accent:#f5c542;--accent-ink:#111111;--chip:#262b37;--band:#181b22;--band-ink:#ffffff;--band-muted:#a3aab7;
  --ok:#7fd29a;--ok-bg:#16301f;--bad:#ff9e94;--bad-bg:#3a1f1d;--warn:#f0c36a;--warn-bg:#3a2e12;
  color-scheme:dark}
/* Light mode (the band with the logo stays dark) */
:root[data-theme="light"]:root{
  --bg:#f3f4f7;--card:#ffffff;--surface:#ffffff;--ink:#14171f;--muted:#4f5663;--line:#d3d8e0;
  --accent:#14171f;--accent-ink:#ffffff;--chip:#e7e9ee;--band:#181b22;--band-ink:#ffffff;--band-muted:#a3aab7;
  --ok:#1d5e2e;--ok-bg:#e3efe5;--bad:#9c2a22;--bad-bg:#f6e4e2;--warn:#6b4a00;--warn-bg:#f3ead0;
  color-scheme:light}
html,body{background:var(--bg);color:var(--ink)}
.band{background:linear-gradient(135deg,#232733,#181b22)!important;border:1px solid var(--line)!important;border-radius:14px!important}
.card,.item,.hbox,.tblwrap,.g-box,.facts,.rule,.panel>.card{border-radius:12px!important}
.card,.hbox{border:1px solid var(--line)}
.item,input.txt,select,.opt,.chip,textarea.rep,.rule{background:var(--surface)}
.facts{background:var(--chip)}
h2.sep{background:var(--chip)!important;color:var(--ink)!important;border-radius:10px!important}
.btn,button.btn,.g-btn,.g-sz button,button,a.btn{border-radius:10px}
.btn.primary,button.primary,.g-btn:not(.ghost){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.tab{border-radius:10px;background:var(--card)}
.tab.on{border-color:var(--accent);background:var(--chip);color:var(--ink)}
.chip2{border-radius:10px;background:var(--card)}
.chip2.on{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}
.chip2.on small{color:var(--accent-ink)!important}
.opt:has(input:checked){border-color:var(--accent);background:var(--chip)}
.area .chip{background:var(--chip);border-color:var(--accent)}
.bar>div,.bar div{background:var(--accent)}
:root[data-theme="light"] .bar>div{background:#2e7d4a}
.bar{background:var(--chip)}
.g-ov{background:var(--bg)}
a{color:var(--accent)}
.tstat,.tab.on .tstat{color:var(--muted)!important}
.tab:disabled{opacity:.7}

:root[data-theme="light"] .chip2.done{border-color:#2e7d4a}
:root[data-theme="light"] .chip2.on{background:var(--accent)!important}
:root[data-theme="light"] a:not(.btn):not(.card){color:#14171f}
.g-bar button{color:var(--ink)}

/* Marca Britland: escudo à esquerda, Callan à direita */
.band>.bl,.head>.bl{height:60px;width:auto;flex:none;order:0}
.band>div,.head>div{order:1}
.band>.logo,.head>.logo{order:2;margin-left:auto}
@media(max-width:560px){.band>.bl,.head>.bl{height:48px}}


/* Britland: texto real */
@font-face{font-family:BLSerif;src:url(fonts/bl-serif.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:BLSans;src:url(fonts/bl-sans.woff) format("woff");font-weight:500;font-display:swap}
.bl-lock{display:flex;align-items:center;gap:14px;justify-content:center}
.bl-lock img{height:84px;width:auto;flex:none}
.bl-lock.stack{flex-direction:column;gap:8px}
.bl-lock.stack img{height:92px}
.bl-name{display:flex;flex-direction:column;line-height:1}
.bl-lock.stack .bl-name{align-items:center}
.bl-name b{font:700 1.9rem/1 BLSerif,Georgia,serif;letter-spacing:.01em;color:#fff}
.bl-name i{font:500 1.05rem/1 BLSans,Helvetica,Arial,sans-serif;font-style:normal;letter-spacing:.1em;margin-top:8px;color:#ec4654}
html[data-theme="light"] .g-ov .bl-name b{color:#0f2a50}
html[data-theme="light"] .g-ov .bl-name i{color:#b01928}
.band .bl-lock{flex:none;order:0}
.band .bl-lock.stack b{font-size:1.45rem}.band .bl-lock.stack i{font-size:.85rem;margin-top:6px}
.band .bl-lock.stack img{height:84px}
.head .bl-lock{flex:none;order:0}
.head .bl-lock.stack b{font-size:1.45rem}.head .bl-lock.stack i{font-size:.85rem;margin-top:6px}.head .bl-lock.stack img{height:84px}
.head .bl-name b{color:#fff}
@media(max-width:560px){.band .bl-lock.stack img,.head .bl-lock.stack img{height:64px}.band .bl-lock.stack b,.head .bl-lock.stack b{font-size:1.15rem}.band .bl-lock.stack i,.head .bl-lock.stack i{font-size:.7rem}}

/* Títulos na fonte do logo (Noto Serif Bold) */
h1,h2,h3,.band h1,#ttl,.stage>#ttl,.st b,.g-box h1,.card h3,.pl h2,.pl h3{font-family:BLSerif,Georgia,"Times New Roman",serif;font-weight:700}
h2.sep,h2.sep#ttl,.big,.big-score,.card h2,.band h1{font-family:BLSerif,Georgia,"Times New Roman",serif;font-weight:700}

.seal-foot{margin:34px 0 8px;padding-top:22px;border-top:1px solid var(--line);text-align:center}
.seal-foot img{width:150px;height:auto}
.stage>.seal-foot{grid-column:1/-1}

/* ===== Britland look: same colours and buttons as the public site ===== */
:root:root:root,:root[data-theme="dark"]:root:root{--bg:#0b1733;--card:#10224a;--surface:#132a5a;--ink:#f2f5fa;--muted:#b4bfd6;--mut:#b4bfd6;--line:#27407a;--chip:#1a3366;--accent:#c9a13b;--accent-ink:#1a1405;--acc:#c9a13b;--hl:#c9a13b;--hli:#1a1405;--link:#e4c06a;--band1:#10224a;--band2:#0b1733;--gold2:#e4c06a;--red:#b3202a}
:root[data-theme="light"]:root:root{--bg:#faf8f3;--card:#ffffff;--surface:#ffffff;--ink:#17202f;--muted:#5a6577;--mut:#5a6577;--line:#e6e0d2;--chip:#efe9d9;--accent:#c9a13b;--accent-ink:#1a1405;--acc:#c9a13b;--hl:#c9a13b;--hli:#1a1405;--link:#1b3470;--band1:#10224a;--band2:#0b1733;--gold2:#e4c06a;--red:#b3202a}
.band,.head{background:linear-gradient(160deg,var(--band2),var(--band1))!important;border:0!important;color:#fff}
.btn,button.btn,a.btn,.g-btn,.g-sz button,.lang-btn{border-radius:99px!important;font-weight:700}
.btn.primary,button.primary,.g-btn:not(.ghost):not(.g-cta),.btn:not(.ghost):not(.o){background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
.btn.primary:hover,button.primary:hover,.g-btn:not(.ghost):not(.g-cta):hover,a.btn:hover{background:var(--gold2)!important;border-color:var(--gold2)!important}
.btn.ghost,.g-btn.ghost{background:transparent!important;color:var(--ink)!important;border:2px solid var(--line)!important}
.btn.ghost:hover,.g-btn.ghost:hover{border-color:var(--accent)!important}
a:not(.btn):not(.card):not(.g-btn){color:var(--link)}
:root[data-theme="light"] a:not(.btn):not(.card):not(.g-btn){color:var(--link)}
.tab.on{border-color:var(--accent)}
.chip2.on{background:var(--accent)!important;color:var(--accent-ink)!important}
a.card:hover,.card:hover{border-color:var(--accent)}
:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}
.bar>div,.bar div{background:var(--accent)}

/* Faixa sempre escura: logos sempre claros, inclusive no modo claro */
.head .logo,.band .logo,.head>.logo,.band>.logo{color:#fff!important}
.head .bl-name b,.band .bl-name b{color:#fff!important}
.head .bl-name i,.band .bl-name i{color:#ec4654!important}
.head p,.head small,.head .sub,.band p,.band small{color:#cfd7e6!important}

/* Topo: escudo Britland à esquerda e Callan à direita, centralizados na mesma linha */
.head,.band{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px 18px!important;padding:16px 22px!important}
.head{border-radius:14px!important}
.head>p{display:none!important}
.head .bl-lock,.band .bl-lock{order:0;flex:none}
.head .logo,.band .logo{width:clamp(104px,24vw,170px)!important;height:auto!important;flex:none!important;margin-left:auto!important;order:1}
.band>div:not(.bl-lock){order:2;flex:1 1 100%;min-width:0}
@media(min-width:760px){.band{flex-wrap:nowrap!important}.band .logo{order:3}.band>div:not(.bl-lock){order:2;flex:1 1 auto}}
@media(max-width:560px){.head,.band{padding:14px 16px!important}}