/* Página de escolha de tema — só o que base.css/hub.css não têm. */
.painel-login, .bloco { border-top: var(--border-strong); padding-top: var(--s-5); margin-top: var(--s-7); }
.painel-login { margin-top: 0; }
.linha { display: flex; gap: var(--s-3); flex-wrap: wrap; align-items: stretch; }
.campo { font: inherit; color: var(--fg); background: var(--bg-raised); border: 1px solid var(--rule-control); border-radius: var(--r-sm); padding: 0.6em 0.8em; min-width: 0; flex: 1 1 240px; }
.campo:focus { outline: 2px solid var(--focus); outline-offset: 2px; }
textarea.campo { width: 100%; resize: vertical; }
.rot { display: grid; gap: var(--s-2); font-size: var(--t-sm); color: var(--fg-body); }
.rot select.campo { flex: none; width: 100%; }
.erro { color: var(--mode-off); font-size: var(--t-sm); margin-top: var(--s-3); }
.ok { color: var(--mode-co); font-size: var(--t-sm); margin-top: var(--s-3); }
.eu { font-size: var(--t-sm); color: var(--fg-muted); }
.link { background: none; border: 0; padding: 0; color: var(--brand-strong); cursor: pointer; text-decoration: underline; font: inherit; font-size: var(--t-sm); }
.janela { font-family: var(--font-mono); font-size: var(--t-xs); color: var(--fg-muted); margin-top: var(--s-3); }
.janela.aberta { color: var(--mode-co); }
.janela.fechada { color: var(--mode-off); }

.temas-lista { list-style: none; padding: 0; margin-top: var(--s-4); border-top: var(--border-strong); }
.temas-lista li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr) auto; gap: var(--s-4); align-items: center; padding-block: var(--s-3); border-bottom: var(--border); }
.temas-lista .n { font-family: var(--font-display); font-weight: 700; color: var(--numeral); font-variant-numeric: tabular-nums; }
.temas-lista .t { font-family: var(--font-display); font-weight: 600; color: var(--fg); }
.temas-lista .t a { color: inherit; text-decoration: none; }
.temas-lista .t a:hover { color: var(--brand); }
.temas-lista .dono { display: block; font-family: var(--font-mono); font-size: var(--t-xs); color: var(--fg-muted); margin-top: 2px; }
.temas-lista li.meu { background: var(--brand-wash); margin-inline: calc(var(--s-3) * -1); padding-inline: var(--s-3); border-radius: var(--r-sm); }
:root[data-tema="escuro"] .temas-lista li.meu { background: #2a1c1b; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) .temas-lista li.meu { background: #2a1c1b; } }
.temas-lista li.meu .dono { color: var(--brand); }
.temas-lista li.tomado .t { color: var(--fg-muted); }
.temas-lista .botao { padding: 0.45em 0.9em; }
@media (max-width: 560px) { .temas-lista li { grid-template-columns: 2rem minmax(0, 1fr); } .temas-lista li .botao { grid-column: 2; justify-self: start; } }

.skills, .feedbacks, .sorteio { list-style: none; padding: 0; margin-top: var(--s-3); border-top: var(--border); }
.skills li, .feedbacks li, .sorteio li { padding-block: var(--s-3); border-bottom: var(--border); font-size: var(--t-sm); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-3); align-items: baseline; }
.skills .quem { font-family: var(--font-mono); color: var(--fg); }
.skills .n-testes { font-family: var(--font-mono); font-size: var(--t-xs); color: var(--fg-muted); white-space: nowrap; }
.skills a { overflow-wrap: anywhere; }
.perguntas { display: grid; gap: var(--s-2); font-size: var(--t-sm); color: var(--fg-body); }
.perguntas label { display: flex; gap: var(--s-3); align-items: flex-start; }
.perguntas input { margin-top: 0.3em; }
.feedbacks .marcas { font-family: var(--font-mono); font-size: var(--t-xs); color: var(--fg-muted); }
.feedbacks .marcas b { color: var(--mode-co); }
.sorteio { counter-reset: s; }
.sorteio li::before { counter-increment: s; content: counter(s); font-family: var(--font-display); font-weight: 700; color: var(--numeral); margin-right: var(--s-3); }
.sorteio li { grid-template-columns: auto minmax(0,1fr) auto; }
.sorteio .data { font-family: var(--font-mono); font-size: var(--t-xs); color: var(--fg-muted); }

/* troca de data: a minha linha na ordem */
.sorteio li.meu { background: var(--brand-wash); margin-inline: calc(var(--s-3) * -1); padding-inline: var(--s-3); border-radius: var(--r-sm); }
:root[data-tema="escuro"] .sorteio li.meu { background: #2a1c1b; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) .sorteio li.meu { background: #2a1c1b; } }

/* nota da etapa */
.nota-tabela { width: 100%; border-collapse: collapse; margin-top: var(--s-4); font-size: var(--t-sm); }
.nota-tabela td { padding: 0.55em 0; border-bottom: var(--border); }
.nota-tabela td:last-child { text-align: right; font-family: var(--font-mono); white-space: nowrap; }
.skills .atrasado { color: var(--mode-off); font-family: var(--font-mono); font-size: var(--t-xs); }