/* Marca da Legado sobre o motor de competições (instalação "eventos" da plataforma Legacy).
   Preto-tinta, vermelho e branco, como o site institucional. Só troca cores e logo; o layout é o mesmo. */
:root {
  --bg: #0e0f12; --bg-alt: #15171c; --card: #1b1e24; --border: #2f343c;
  --text: #f4f5f7; --muted: #a9b0ba;
  --primary: #d32b21; --primary-dark: #b4231b; --accent: #ef4b3f; --primary-text: #ff6b60;
}
:root[data-tema="claro"] {
  --bg: #ecEEf1; --bg-alt: #ffffff; --card: #ffffff; --border: #d5d9df;
  --text: #14171c; --muted: #545b66; --primary-dark: #b4231b; --accent: #b4231b; --primary-text: #b4231b; --success: #14171c;
  --mkt-light-bg: #ecEEf1;
}
@media (prefers-color-scheme: light) {
  :root[data-tema="auto"] {
    --bg: #ecEEf1; --bg-alt: #ffffff; --card: #ffffff; --border: #d5d9df;
    --text: #14171c; --muted: #545b66; --primary-dark: #b4231b; --accent: #b4231b; --primary-text: #b4231b; --success: #14171c;
    --mkt-light-bg: #ecEEf1;
  }
}
:root[data-tema="claro"] .app-sidebar { --text: #f4f5f7; --muted: #a9b0ba; --border: #2f343c; --card: #1b1e24; --bg: #111317; --bg-alt: #15171c; }
@media (prefers-color-scheme: light) { :root[data-tema="auto"] .app-sidebar { --text: #f4f5f7; --muted: #a9b0ba; --border: #2f343c; --card: #1b1e24; --bg: #111317; --bg-alt: #15171c; } }
.tc-shell, .tc-fullscreen { --tc-acc-ink: #ffffff; --tc-side: #111317; }
:root[data-tema="claro"] .tc-shell, :root[data-tema="claro"] .tc-fullscreen { --tc-side: #111317; --tc-soft: #eceef1; --tc-row-hover: #f4f5f7; }
@media (prefers-color-scheme: light) { :root[data-tema="auto"] .tc-shell, :root[data-tema="auto"] .tc-fullscreen { --tc-side: #111317; --tc-soft: #eceef1; --tc-row-hover: #f4f5f7; } }
.brand-mark-svg, .rl-marca { background: #111317; }
.rl-marca, .brand-mark-svg { object-fit: contain; box-sizing: border-box; }
.tc-side-logo { background: #ffffff; color: #111317; }
.tc-capa { background: linear-gradient(135deg, #111317, #2a0d0b 60%, #d32b21) center/cover no-repeat; }
.tc-fs-bar { background: #111317; }
.tc-fs-ajuda, .tc-fs-ajuda:hover { color: #111317; }
.lu-campo { background: linear-gradient(180deg, #111317, #1f2229); border-color: #d32b2155; }
.lu-b { border-color: #ef4b3f; background: #15171c; }
.lu-c { background: #ef4b3f; color: #fff; }
.comp-hero-chip-dot-inscricoes_abertas { background: #d32b21; }
.comp-hero-chip-dot-em_andamento { background: #ef4b3f; }
.comentario-fixado { border-left-color: #ef4b3f; }
.comentario-resposta { border-left-color: #d32b21; background: #d32b2114; }
.obrig { color: #d32b21; }
.card-link:hover { outline-color: #d32b21; }
.pa-chip-vivo { background: #d32b21; color: #fff; border-color: #d32b21; }
.btn-primary, .btn.btn-primary { color: #fff; }
.logo-marca { width: auto; }
@font-face { font-family: "Anton"; src: url(/site/fonts/anton-latin-400-normal.woff2) format("woff2"); font-display: swap; }
.logo-ev { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: inherit; line-height: 1; }
.logo-ev img { height: 1.9em; width: auto; flex: none; }
.logo-ev b { font: 400 1.3em/1 "Anton", "Inter Tight", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.logo-ev.claro { color: #111317; }
.logo-ev.escuro { color: #ffffff; }
.logo-ev.logo-t-claro { display: none !important; }
.logo-ev.logo-t-escuro { display: inline-flex !important; }
:root[data-tema="claro"] .logo-ev.logo-t-claro { display: inline-flex !important; }
:root[data-tema="claro"] .logo-ev.logo-t-escuro { display: none !important; }
@media (prefers-color-scheme: light) {
  :root[data-tema="auto"] .logo-ev.logo-t-claro { display: inline-flex !important; }
  :root[data-tema="auto"] .logo-ev.logo-t-escuro { display: none !important; }
}
.app-sidebar .logo-ev.logo-t-claro { display: none !important; }
.app-sidebar .logo-ev.logo-t-escuro { display: inline-flex !important; }

/* ===================================================================================================
   5.2.1: acabamento do painel com a linguagem do site (Barlow / Barlow Condensed / Anton, cantos retos,
   vermelho da marca). Só visual: campos, seleções, caixas de marcar, botões, abas, uploads e menu.
   =================================================================================================== */
@font-face { font-family: "Barlow"; src: url(/site/fonts/barlow-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url(/site/fonts/barlow-latin-500-normal.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow"; src: url(/site/fonts/barlow-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow"; src: url(/site/fonts/barlow-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url(/site/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url(/site/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; }
:root {
  --font-body: "Barlow", "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --lg-label: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --lg-red: #d32b21; --lg-red-d: #b4231b; --lg-ring: rgba(211, 43, 33, .32);
  --lg-ctl: #16181d; --lg-ctl-line: #3a404a; --lg-ctl-hover: #59606b; --lg-ink-2: #c9ced6;
  --lg-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23a9b0ba' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  --lg-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'%3E%3Cpath d='M1.5 5.5l3.8 3.8L12.5 1.8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E");
  color-scheme: dark;
}
:root[data-tema="claro"] { --lg-ctl: #ffffff; --lg-ctl-line: #c3c8cf; --lg-ctl-hover: #8a919b; --lg-ink-2: #3a404a; --lg-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23545b66' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E"); color-scheme: light; }
@media (prefers-color-scheme: light) { :root[data-tema="auto"] { --lg-ctl: #ffffff; --lg-ctl-line: #c3c8cf; --lg-ctl-hover: #8a919b; --lg-ink-2: #3a404a; --lg-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23545b66' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E"); color-scheme: light; } }
.app-sidebar, .tc-side { color-scheme: dark; }

/* texto */
body, .tc-shell, .tc-dlg, .pd, .tc-fullscreen { font-family: var(--font-body); }
html body h1:not(.mkt-headline) { font-family: "Anton", Impact, "Arial Narrow", sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .01em; line-height: 1.08; }
html body .card > h2, html body .section > h2, html body .card > h3:first-child, html body .tc-card-tit, html body fieldset > legend, html body .fieldset > legend {
  font-family: var(--lg-label); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: .92rem;
}
html body .card > h2::before, html body .section > h2::before { content: ""; display: inline-block; width: 14px; height: 3px; background: var(--lg-red); vertical-align: middle; margin: -3px 10px 0 0; }

/* campos */
html body input:where(:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="color"])),
html body select, html body textarea {
  background-color: var(--lg-ctl); border: 1px solid var(--lg-ctl-line); border-radius: 4px !important; color: var(--text);
  font: 400 1rem/1.35 var(--font-body); padding: 11px 12px; min-height: 46px; box-sizing: border-box;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
}
html body textarea { min-height: 96px; }
html body input:where(:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="hidden"])):hover,
html body select:hover, html body textarea:hover { border-color: var(--lg-ctl-hover); }
html body input:focus, html body select:focus, html body textarea:focus,
html body input:focus-visible, html body select:focus-visible, html body textarea:focus-visible { outline: none; border-color: var(--lg-red); box-shadow: 0 0 0 3px var(--lg-ring); }
html body input::placeholder, html body textarea::placeholder { color: var(--muted); opacity: .75; }
html body input[readonly] { background-color: transparent; border-style: dashed; }
html body select:not([multiple]):not([size]) { appearance: none; -webkit-appearance: none; background-image: var(--lg-chev); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; color-scheme: inherit; cursor: pointer; }
html body .tc-cf-fl input, html body .tc-cf-fl select, html body .tc-cf-fl textarea { background-color: transparent; }
html body .tc-cf-fl > span { font-family: var(--lg-label); font-weight: 600; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
html body .form label, html body form > label { font-weight: 600; color: var(--lg-ink-2); }
html body .form label > input, html body .form label > select, html body .form label > textarea { font-weight: 400; margin-top: 2px; }
html body .field-error { color: #ff6b60; font-weight: 600; }

/* caixas de marcar e opções */
html body input[type="checkbox"]:not(.sidebar-toggle-checkbox),
html body input[type="radio"] {
  appearance: none; -webkit-appearance: none; flex: none; width: 20px; height: 20px; margin: 0; padding: 0;
  border: 1.5px solid var(--lg-ctl-hover); background: var(--lg-ctl) center/12px no-repeat; border-radius: 3px; cursor: pointer;
  display: inline-grid; place-content: center; vertical-align: -4px; transition: background-color .12s, border-color .12s, box-shadow .12s;
}
html body input[type="radio"] { border-radius: 50%; }
html body input[type="checkbox"]:not(.sidebar-toggle-checkbox):checked { background-color: var(--lg-red); border-color: var(--lg-red); background-image: var(--lg-check); }
html body input[type="radio"]:checked { border-color: var(--lg-red); background: radial-gradient(circle, var(--lg-red) 0 4.5px, var(--lg-ctl) 5px); }
html body input[type="checkbox"]:hover:not(:checked), html body input[type="radio"]:hover:not(:checked) { border-color: var(--lg-red); }
html body input[type="checkbox"]:focus-visible, html body input[type="radio"]:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--lg-ring); }
html body input[type="checkbox"]:disabled, html body input[type="radio"]:disabled { opacity: .45; cursor: not-allowed; }
html body .checkbox-label, html body .radio-option, html body .tc-check, html body .tc-cf-radio { gap: 10px !important; align-items: center; font-weight: 500; cursor: pointer; }
html body .checkbox-label input, html body .radio-option input, html body .tc-check input { margin-top: 0; }
/* entradas escondidas que só servem de alvo de clique (interruptor, grade de bancos): voltam ao tamanho do pai */
html body .tc-cf-sw input[type="checkbox"], html body .wp3-banco-grade input { width: auto; height: auto; border: 0; background: none; box-shadow: none; }
html body .tc-cf-sw i { border-radius: 999px; border-color: var(--lg-ctl-hover); }
html body .tc-cf-sw input:checked + i { background: var(--lg-red); border-color: var(--lg-red); }
html body .tc-cf-sw input:checked + i::after { background: #fff; }
html body .tc-cf-sw input:focus-visible + i { box-shadow: 0 0 0 3px var(--lg-ring); }

/* botões */
html body .btn, html body .tc-btn-pil, html body .pd-btn, html body button.tc-cf-acao, html body a.tc-cf-acao {
  font-family: var(--lg-label); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; border-radius: 3px; line-height: 1;
}
html body .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; font-size: .9rem; border-width: 1.5px; }
html body .btn-block { display: flex; width: 100%; }
html body .btn-large { min-height: 52px; padding: 0 28px; font-size: 1rem; }
html body .btn-small { min-height: 34px; padding: 0 14px; font-size: .78rem; letter-spacing: .08em; }
html body .btn-primary, html body .tc-btn-pil:not(.tc-btn-pil-sec), html body .pd-btn.pri { background: var(--lg-red); border-color: var(--lg-red); color: #fff; }
html body .btn-primary:hover, html body .tc-btn-pil:not(.tc-btn-pil-sec):hover, html body .pd-btn.pri:hover { background: var(--lg-red-d); border-color: var(--lg-red-d); color: #fff; transform: none; box-shadow: none; filter: none; }
html body .btn-outline, html body .pd-btn:not(.pri) { background: transparent; border: 1.5px solid var(--lg-ctl-line); color: var(--text); }
html body .btn-outline:hover, html body .pd-btn:not(.pri):hover { border-color: var(--lg-red); color: var(--primary-text); background: transparent; transform: none; }
html body .btn-danger { background: transparent; border: 1.5px solid #d32b2199; color: #ff6b60; }
html body .btn-danger:hover { background: var(--lg-red); border-color: var(--lg-red); color: #fff; }
html body .btn:active, html body .tc-btn-pil:active, html body .pd-btn:active { transform: translateY(1px); }
html body .btn:focus-visible, html body .tc-btn-pil:focus-visible, html body .pd-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--lg-ring); }
html body .btn[disabled], html body .tc-btn-pil[disabled] { opacity: .45; cursor: not-allowed; }
html body .tc-btn-pil { border-radius: 3px; height: 38px; font-size: 12px; padding: 0 20px; }
html body .tc-btn-pil-sm { height: 30px; padding: 0 14px; font-size: 11px; }
html body .tc-btn-pil-md { height: 34px; padding: 0 18px; font-size: 12px; }
html body .pd-btn { border-radius: 3px; font-size: 12px; padding: 9px 14px; }
html body .pd-btn.mini { font-size: 11px; padding: 5px 10px; }
html body .tc-btn-txt, html body .tc-cf-acao { font-family: var(--lg-label); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: 11.5px; color: var(--primary-text); }
html body .btn-link-small { font-family: var(--lg-label); letter-spacing: .04em; }

/* abas */
html body .tab { border-radius: 3px; font-family: var(--lg-label); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; padding: 8px 14px; border-color: var(--lg-ctl-line); }
html body .tab:hover { border-color: var(--lg-ctl-hover); color: var(--text); text-decoration: none; }
html body .tab-active, html body .tab-active:hover { background: var(--lg-red); border-color: var(--lg-red); color: #fff; }

/* envio de arquivo */
html body .upload-box { border: 1.5px dashed var(--lg-ctl-line); border-radius: 4px; background: var(--lg-ctl); transition: border-color .15s, background-color .15s; }
html body .upload-box:hover, html body .upload-box:focus-within { border-color: var(--lg-red); background: #d32b210d; }
html body .upload-box-plus { color: var(--lg-red); font-weight: 400; }
html body .upload-box-hint { font-size: .82rem; }

/* cartões, avisos e selos */
html body .card { border-radius: 6px; }
html body .flash { border-radius: 4px; border-left-width: 4px; }
html body .badge { border-radius: 3px; font-family: var(--lg-label); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

/* menu lateral: item ativo com faixa vermelha, sem o bloco inteiro pintado */
html body .sidebar-link, html body .tc-nav-item { border-radius: 4px; }
html body .sidebar-link-active, html body .sidebar-link-active:hover, html body .tc-nav-active, html body .tc-nav-active:hover {
  background: #d32b2124; color: #fff; box-shadow: inset 3px 0 0 var(--lg-red);
}
html body .sidebar-link-active svg, html body .tc-nav-active .tc-ic, html body .tc-nav-active svg { color: #ff6b60; }
html body .app-sidebar .sidebar-section-title, html body .app-sidebar .sidebar-label, html body .tc-side-sec { font-family: var(--lg-label); font-weight: 700; letter-spacing: .14em; }
html body select.idioma-select { min-height: 36px; height: 36px; padding: 0 34px 0 12px; font-size: .85rem; background-position: right 12px center; }
html body .upload-box, html body .upload-box * { font-weight: 400; }
html body .pd-abas a { border-radius: 3px; font-family: var(--lg-label); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; padding: 8px 12px; }
html body .pd-abas a:hover { border-color: var(--lg-ctl-hover); }
html body .pd-abas a[aria-current=page] { background: var(--lg-red); border-color: var(--lg-red); }
html body details > summary { cursor: pointer; }
html body .form { gap: 12px; }
@media (min-width: 901px) { html body.app-body:has(.tc-fs-ajuda) .flutuantes { right: 56px; } }
html body .tema-toggle { border-radius: 4px; }

/* 5.3.1: números do financeiro em preto; vermelho só no que falta receber (vermelho = alerta) */
html body .stat-num { color: var(--text); }
html body .valor-a-receber .stat-num { color: var(--lg-red, #d32b21); }


/* ===================================================================================================
   5.4.1: ajustes depois da publicação da 5.4 (prints do Guilherme)
   =================================================================================================== */
/* status do campeonato: a seleção fica "dentro" da pílula/cartão, sem a caixa de formulário por cima */
html body .tc-shell, html body .tc-fullscreen { --tc-verde: #3fb877; --tc-azul: #6ea3ff; --tc-amber: #e0a43a; --tc-danger: #ff6b60; }
:root[data-tema="claro"] body .tc-shell, :root[data-tema="claro"] body .tc-fullscreen { --tc-verde: #1e7a45; --tc-azul: #2563c9; --tc-amber: #b26b00; --tc-danger: #b4231b; }
@media (prefers-color-scheme: light) { :root[data-tema="auto"] body .tc-shell, :root[data-tema="auto"] body .tc-fullscreen { --tc-verde: #1e7a45; --tc-azul: #2563c9; --tc-amber: #b26b00; --tc-danger: #b4231b; } }
html body .tc-chip-status select, html body .tc-cf-status select {
  min-height: 0; height: auto; padding: 2px 22px 2px 0; border: 0; border-radius: 0 !important; background-color: transparent;
  background-position: right 2px center; box-shadow: none; color: inherit; font: 700 13px/1.2 var(--font-body); cursor: pointer;
}
html body .tc-chip-status select:focus-visible, html body .tc-cf-status select:focus-visible { box-shadow: 0 0 0 2px var(--lg-ring); border-radius: 3px !important; }
html body .tc-cf-status { padding: 6px 12px; border-radius: 4px; gap: 8px; }
html body .tc-chip-status.st-inscricoes_abertas b, html body .tc-cf-status.st-inscricoes_abertas { color: var(--tc-verde); }
html body .tc-chip-status.st-inscricoes_abertas .tc-dot, html body .tc-cf-status.st-inscricoes_abertas .tc-dot { background: var(--tc-verde); }
html body .tc-cf-status.st-inscricoes_abertas { background: color-mix(in srgb, var(--tc-verde) 12%, transparent); }
html body .tc-chip-status.st-em_andamento b, html body .tc-cf-status.st-em_andamento { color: var(--lg-red); }
html body .tc-chip-status.st-em_andamento .tc-dot, html body .tc-cf-status.st-em_andamento .tc-dot { background: var(--lg-red); animation: lg-pulso 1.6s ease-in-out infinite; }
html body .tc-cf-status.st-em_andamento { background: color-mix(in srgb, var(--lg-red) 10%, transparent); }
@keyframes lg-pulso { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { html body .tc-dot { animation: none !important; } }
/* cartões de informação do campeonato: texto legível (antes 7 e 10,5 px) */
html body .tc-chip { min-height: 56px; padding: 8px 14px; border-radius: 6px; gap: 3px; }
html body .tc-chip small { font: 600 11px/1.2 var(--lg-label); letter-spacing: .08em; }
html body .tc-chip b { font-size: 14px; }
html body .tc-chip-status .tc-dot { width: 8px; height: 8px; }
/* brasão/logo do campeonato: ver "logo no formato da imagem" em tc.css / portal-app.css (5.4.1) */
html body .tc-cf-up-brasao, html body .tc-cf-up-capa { border: 1px dashed var(--lg-ctl-line); border-radius: 6px; }
html body .tc-cf-up-capa { padding: 0; background-color: var(--tc-soft); }
html body .tc-cf-up-capa:hover, html body .tc-cf-up-brasao:hover { border-color: var(--lg-red); }
/* barra das telas de configuração: o nome da competição numa linha só, legível */
html body .tc-fs-bar h1 { font-family: "Anton", Impact, sans-serif; font-weight: 400; letter-spacing: .02em; }
html body .tc-fs-bar h1 .tc-fs-ctx { font-family: var(--font-body); font-size: 12px; }
/* restos do azul antigo em componentes do motor */
.pa-banner { background: linear-gradient(135deg, #111317, #2a0d0b 60%, #d32b21); }
.cd-zap { background: var(--bg-alt); }
html body .sidebar-link-active, html body .comp-subnav-link-active, html body .comp-subnav-link-active:hover, html body .step-num, html body .tc-dlg-ico, html body .tc-msg-send, html body .tc-fab, html body .tc-nav-active { color: #fff; }
html body .tc-dlg-ico { background: var(--lg-red); }
/* aviso de cookies nas cores da marca (antes azul-escuro com link laranja) */
html body .cookie-aviso { background: #111317; color: #f4f5f7; border: 1px solid #2f343c; border-radius: 6px; }
html body .cookie-aviso a { color: #ff6b60; }
:root[data-tema="claro"] body .cookie-aviso { background: #ffffff; color: #14171c; border-color: #c3c8cf; box-shadow: 0 10px 30px -8px rgba(0,0,0,.25); }
:root[data-tema="claro"] body .cookie-aviso a { color: #b4231b; }
@media (prefers-color-scheme: light) { :root[data-tema="auto"] body .cookie-aviso { background: #ffffff; color: #14171c; border-color: #c3c8cf; } :root[data-tema="auto"] body .cookie-aviso a { color: #b4231b; } }
/* status: o anel de foco fica na pílula inteira, não numa caixinha dentro dela */
html body .tc-chip-status select:focus, html body .tc-chip-status select:focus-visible, html body .tc-cf-status select:focus, html body .tc-cf-status select:focus-visible { box-shadow: none; border: 0; outline: none; }
html body .tc-cf-status:focus-within, html body .tc-chip-status:focus-within { box-shadow: 0 0 0 3px var(--lg-ring); }
html body .tc-logo:has(> img) { width: 96px; height: 96px; bottom: -40px; }