/* TAURA — ETAPA 72.06 | PADRONIZAÇÃO VISUAL GLOBAL
   Base consolidada da Etapa 72.05 com tokens globais unificados para cards, campos, botões,
   espaçamentos e tipografia. Regras específicas de módulos permanecem apenas quando necessárias.

   ÍNDICE — buscar o identificador entre colchetes:
   [00] Variáveis globais
   [01] Base, formulários e componentes compartilhados
   [02] Estrutura interna e menu lateral
   [03] Login e portal de rodeios
   [04] Dashboard
   [05] Financeiro
   [06] Laçadores
   [07] Modalidades
   [08] Inscrições
   [09] Controle de Cancha
   [10] Classificatórias e Forças
   [11] Finais
   [12] Telão
   [13] Relatórios e Súmulas
   [14] Usuários e permissões
   [15] Auditoria
   [16] Configurações
   [17] Animações e regras especiais
*/

/* [00] Variáveis globais */
/* =========================================================
   ETAPA 71.4 — SISTEMA VISUAL GLOBAL
   CONFIGURAÇÃO GLOBAL DE CORES — PALETA COMPACTA
   Somente tons realmente duplicados foram unificados para reduzir redundância sem alterar o visual.
   Todas as cores do sistema devem partir exclusivamente deste bloco.
========================================================= */
:root{
  /* CORES — PALETA ÚNICA DO SISTEMA */
  --global-color-neutral-950:#03131e; /*#151d39;*/
  --global-color-icon-shadow:#000000;
  --global-color-neutral-900:#061b29; /*#133b5b;*/
  --global-color-neutral-500:#596978;
  --global-color-neutral-300:#c3cfd5;
  --global-color-neutral-100:#e9edef;
  --global-color-white:#ffffff;
  --global-color-primary-900:#09283a; /*#021e32;*/
  --global-color-primary-600:#294252; /*#2e6f9e;*/
  --global-color-primary-200:#c0d4e5;
  --global-color-secondary-900:#a26c36;
  --global-color-secondary-850:#c88e43;
  --global-color-secondary-800:#e4b56d;
  --global-color-secondary-700:#f7daa0;
  --global-color-success-700:#397347;
  --global-color-success-600:#4f8149;
  --global-color-success-050:#f3f8f2;
  --global-color-danger-700:#8f3c3c;
  --global-color-danger-600:#ad5151;
  --global-color-danger-050:#fff0f0;
  --global-color-warning-700:#8d6a27;
  --global-color-warning-600:#b88a35;
  --global-color-warning-050:#fff8e5;
  --global-color-info-700:#1f567c;
  --global-color-info-600:#2e6f9e;
  --global-color-info-050:#f3f8fb;
  --global-color-primary:var(--global-color-primary-600);
--global-color-primary-dark:var(--global-color-primary-600);
--global-color-bg:var(--global-color-neutral-100);
  --global-color-surface:var(--global-color-white);
  --global-color-surface-soft:var(--global-color-neutral-100);
  --global-color-text:var(--global-color-neutral-900);
  --global-color-text-secondary:var(--global-color-icon-shadow);
  --global-color-muted:var(--global-color-neutral-500);
  --global-color-border:var(--global-color-neutral-100);
  --global-page-section-gap:16px;
  --global-color-focus:color-mix(in srgb, var(--global-color-primary-600) 18%, transparent);

  /* FONTES — ESCALA GLOBAL */
  --global-font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --global-font-family-display:Georgia,"Times New Roman",serif;
  --global-font-family-screen:Arial,Helvetica,sans-serif;
  --global-font-min:10px;
  --global-font-xs:11px;
  --global-font-sm:12px;
  --global-font-md:13px;
  --global-font-base:14px;
  --global-font-lg:16px;
  --global-font-xl:18px;
  --global-font-2xl:22px;
  --global-font-3xl:28px;
  --global-font-4xl:32px;
--global-weight-regular:400;
  --global-weight-semibold:650;
  --global-weight-bold:800;
  --global-line-height:1.45;

  /* CAMPOS, BOTÕES, CARDS E ESPAÇAMENTO */
  --global-control-height:44px;
  --global-control-radius:10px;
  --global-control-padding-x:12px;
  --global-button-height:42px;
  --global-button-radius:10px;
  --global-button-padding-x:15px;
  --global-card-radius:14px;
  --global-card-border:1px solid var(--global-color-border);
  --global-card-shadow:0 6px 18px color-mix(in srgb, var(--global-color-neutral-900) 5%, transparent);
  --global-card-padding:18px;
  --global-gap-xs:6px;
  --global-gap-sm:10px;
  --global-gap-md:16px;
  --global-gap-lg:22px;
  --global-page-max:1680px;
  --global-page-x:18px;
  --global-page-y:18px;

  /* ALIASES LEGADOS COMPATÍVEIS */
  --laco-bg:var(--global-color-neutral-100);
  --laco-green:var(--global-color-primary-600);
  --laco-green-2:var(--global-color-primary-600);
/* SIDEBAR DE MÓDULOS */
  --module-sidebar-width:278px;
  --module-sidebar-sticky-top:196px;
  --module-sidebar-radius:14px;
  --module-sidebar-header-x:20px;
  --module-sidebar-header-top:20px;
  --module-sidebar-header-bottom:17px;
  --module-sidebar-list-padding:12px;
  --module-sidebar-list-gap:6px;
--module-sidebar-item-radius:10px;
  --module-sidebar-item-x:11px;
  --module-sidebar-icon-width:34px;
  --module-sidebar-count-size:34px;
/* LAYOUT DE PÁGINAS */
  --page-content-max:var(--global-page-max);
  --page-content-x:var(--global-page-x);
  --page-content-y:var(--global-page-y);
  /* TIPOGRAFIA DE COMPONENTES */
  font-family:var(--global-font-family);
  color:var(--global-color-neutral-900);
  background:var(--global-color-neutral-100);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}

/* [01] Base, formulários e componentes compartilhados */
* { box-sizing: border-box; }

body {
  min-height: 100vh;
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--global-color-primary-600) 8%, transparent), transparent 30%),
    var(--global-color-neutral-100);
}

button,
input,
select,
textarea {
  font: inherit;
}

button { cursor: pointer; }

button:disabled { cursor: not-allowed; opacity: 0.55; }

.app { display: grid; min-height: 100vh; }

.menu {
  width: 100%;
  border: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  color: var(--global-color-neutral-900);
  text-align: left;
  font-weight: 600;
  transition: 160ms ease;
}

.menu.active {
  color: var(--global-color-white);
  background: linear-gradient(135deg, var(--global-color-primary-600), var(--global-color-primary-600));
}

.main { min-width: 0; padding-bottom: 34px; }

.status {
  border-radius: 8px;
  font-weight: 800;
  white-space: nowrap;
}

.status {
  color: var(--global-color-primary-900);
  background: var(--global-color-neutral-100);
  border: 1px solid var(--global-color-neutral-100);
}

section { min-width: 0; }

.card {
  margin-bottom: 18px;
  border: 1px solid var(--global-color-neutral-100);
  background: color-mix(in srgb, var(--global-color-white) 96%, transparent);
}

label { display: flex; flex-direction: column; }

input.small { width: 105px; }

table { width: 100%; }

thead th {
  border-bottom: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-icon-shadow);
  text-align: left;
}

tbody td {
  padding: 13px 12px;
  border-bottom: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-primary-600);
}

tbody tr:hover td { background: var(--global-color-neutral-100); }

.empty,
.notice {
  padding: 16px;
  border-radius: 10px;
  line-height: 1.5;
}

.empty {
  color: var(--global-color-neutral-500);
  background: var(--global-color-success-050);
  text-align: center;
}

.notice {
  border: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
}

.resultado,
.buttons button {
  min-width: 108px;
  min-height: 38px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 999px;
  background: var(--global-color-surface);
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-xs);
  font-weight: 850;
}

.resultado:hover,
.buttons button:hover {
  border-color: var(--global-color-neutral-500);
}

.fluxo {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.fluxo > div {
  padding: 16px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  color: var(--global-color-neutral-500);
  background: var(--global-color-neutral-100);
  text-align: center;
  font-size: var(--global-font-xs);
}

.fluxo b { color: var(--global-color-primary-600); }

@media (max-width: 1360px) {
  .app { grid-template-columns: 218px minmax(0, 1fr); }
}

/* [12] Telão */
.telao {
  min-height: 480px;
  padding: 55px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 18px;
  color: white;
  text-align: center;
  background: radial-gradient(circle at center, color-mix(in srgb, var(--global-color-primary-600) 27%, transparent), transparent 36%),
    var(--global-color-neutral-900);
}

.telao h2 { margin: 12px 0 24px; font-size: 30px; }

/* [03] Login e portal de rodeios */

/* [11] Finais */

table td button:not(.primary) {
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: 7px;
  color: var(--global-color-danger-600);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
  font-weight: 800;
  line-height: 1;
}

table td button:not(.primary):hover { border-color: var(--global-color-danger-600); background: var(--global-color-danger-050); }

/* [10] Classificatórias e Forças */

/* [17] Animações e regras especiais */

/* [13] Relatórios e Súmulas */
.reportStatus.campeao { color: var(--global-color-warning-700); background: var(--global-color-warning-050); }

.reportStatus.eliminado { color: var(--global-color-danger-600); background: var(--global-color-danger-050); }

.reportStatus.ativo { color: var(--global-color-primary-900); background: var(--global-color-primary-200); }

@media (max-width: 1050px) {
  .reportStats { grid-template-columns: repeat(3, 1fr); }

  .reportSummaryGrid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .reportFilters,
    .reportStats {
    grid-template-columns: 1fr;
  }
}

@media print {
  .reportFilters {
    display: none !important;
  }

  .reportsPage .card { break-inside: avoid; box-shadow: none !important; }
}

.reportChampions article small {
  color: var(--global-color-primary-900);
  font-size: var(--global-font-min);
  font-weight: 950;
}

@media print {
  .reportsPage .phpSidebar,.reportsPage .phpInternalHeader button,.reportsPage .reportFilters,.reportsPage .phpMessage,.reportsPage .phpError {
    display: none!important;
  }

  .reportsPage .phpInternalShell,.reportsPage .phpInternalMain,.reportsPage .phpInternalContent {
    display: block!important;
    width: 100%!important;
    max-width: none!important;
    padding: 0!important;
    margin: 0!important;
  }

  .reportsPage .phpCard,.reportsPage .reportStats>div { break-inside: avoid; box-shadow: none !important; }
}

.sumulaResultBlock { break-inside: avoid; }

/* [02] Estrutura interna e menu lateral */

.phpMenuItem.disabled { opacity: .42; }

.phpInternalMain { min-width: 0; }

.phpCardTitleRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.phpCardTitleRow h2 { margin-bottom: 3px; }

.phpCardTitleRow small { font-size: var(--global-font-min); }

.phpButton.danger { border: 1px solid var(--global-color-neutral-100); }

@media (max-width: 780px) {
  .phpCardTitleRow {
    align-items: stretch;
    flex-direction: column;
  }
}

.phpMembersTitle strong { font-size: var(--global-font-sm); }

@media print {
  body { background: var(--global-color-white) !important; }
}

.phpStatusBadge.active { color: var(--global-color-primary-900) !important; }

.phpStatusBadge.inactive { color: var(--global-color-danger-600) !important; }

.phpForceChips {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.phpForceChip {
  padding: 5px 5px 5px 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.phpForceChip button {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 50%;
  color: var(--global-color-danger-600);
  background: color-mix(in srgb, var(--global-color-white) 70%, transparent);
  cursor: pointer;
}

.phpForceEmpty { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.phpForceAdd { margin-top: 8px; }

.phpForceAdd input {
  flex: 1;
  min-height: 38px;
  padding: 0 9px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
}

.phpMembersSection {
  padding: 13px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
}

.phpMembersTitle {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.phpMembersTitle small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.phpMemberPickers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 8px;
}

.phpInlineEmpty { margin: 0; }

.phpFieldWarning {
  margin-top: 3px;
  color: var(--global-color-warning-700);
  font-size: var(--global-font-min);
  line-height: 1.4;
}

.phpForm textarea {
  padding: 10px 11px;
  resize: vertical;
  font-family: inherit;
}

@media (max-width: 720px) {
  .phpForceAdd {
    align-items: stretch;
    flex-direction: column;
  }
}

/* [16] Configurações */
.phpClassConfigInput { display: flex; gap: 5px; }

.phpClassConfigInput input {
  width: 55px;
  min-height: 39px;
  padding: 0 7px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
}

@media (max-width: 720px) {
  .phpClassConfigCard {
    grid-template-columns: 1fr;
  }
}

.phpFinalHistory {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.phpFinalHistoryRound {
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
}

.phpFinalHistoryHead {
  padding: 9px 11px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  background: var(--global-color-neutral-100);
}

.phpFinalHistoryHead strong,
.phpFinalHistoryHead span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpFinalHistoryTeams {
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 7px;
}

.phpFinalHistoryTeams > div {
  padding: 9px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 7px;
}

.phpFinalHistoryTeams .qualified { background: var(--global-color-success-050); border: 1px solid var(--global-color-primary-200); }

.phpFinalHistoryTeams .eliminated { background: var(--global-color-danger-050); border: 1px solid var(--global-color-neutral-100); }

.phpFinalHistoryTeams span {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.phpFinalHistoryTeams strong,
.phpFinalHistoryTeams small { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

/* [09] Controle de Cancha */

.phpCanchaChampion {
  padding: 24px;
  text-align: center;

}

.phpCanchaChampion small {
  color: var(--global-color-primary-900);
  font-size: var(--global-font-min);
  font-weight: 950;
}

.phpCanchaChampion>strong {
  margin: 8px auto 0;
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: color-mix(in srgb, var(--global-color-white) 85%, transparent);
  font-size: var(--global-font-sm);
}

.phpCanchaChampion h2 {
  margin: 9px 0 3px;
  color: var(--global-color-primary-600);
  font-size: 23px;
}

.phpCanchaChampion span,.phpCanchaChampion p { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpTelaoInternalCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.phpTelaoInternalCard>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.phpTelaoPage { place-items: center; }

.phpTelaoWaiting {
  color: var(--global-color-neutral-100);
  text-align: center;
  font-size: 30px;
  font-weight: 850;
}

.phpTelaoWaiting small {
  display: block;
  margin-top: 10px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-lg);
  font-weight: 500;
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .phpTelaoInternalCard { align-items: stretch; flex-direction: column; }
}

.reportStats>div,.reportOperationalSummary>div { gap: 4px; border: 1px solid var(--global-color-neutral-100); }

.reportChampions article {
  text-align: center;

}

.reportChampions article>strong {
  margin: 7px auto 0;
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-surface);
  font-size: var(--global-font-min);
}

.reportSummaryGrid article>div { gap: 10px; }

.reportTable th,.reportTable td { white-space: nowrap; }

@media(max-width:1100px) {
  .reportFilters { grid-template-columns: repeat(2,1fr); }
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .reportStats,.reportFilters,.reportOperationalSummary { grid-template-columns: 1fr; }
}

.phpHistoryOverlay {
  position: fixed;
  inset: 0;
  z-index: 5000;
  padding: 24px;
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--global-color-neutral-950) 58%, transparent);
}

.phpHistoryModal {
  width: min(980px, 96vw);
  max-height: 90vh;
  overflow: auto;
  padding: 18px;
  border-radius: 13px;
  background: var(--global-color-surface);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--global-color-neutral-950) 22%, transparent);
}

.phpHistoryHeader {
  padding-bottom: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.phpHistoryHeader small {
  color: var(--global-color-neutral-500);
  font-size: 11px;
  font-weight: 950;
}

.phpHistoryHeader h2 {
  margin: 4px 0 0;
  color: var(--global-color-primary-600);
  font-size: 17px;
}

.phpHistoryClose {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-2xl);
  cursor: pointer;
}

.phpHistoryStats {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 7px;
}

@media (max-width: 1100px) {
  .phpHistoryStats { grid-template-columns: repeat(3, 1fr); }
}

.phpHistoryStats article {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-neutral-100);
}

.phpHistoryStats small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 950;
}

.phpHistoryStats strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-xs); }

.phpHistoryMembers {
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.phpHistoryMembers > strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpHistoryMembers > div {
  margin-top: 7px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.phpHistoryMembers span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpHistoryObservation {
  margin-top: 10px;
  padding: 10px 12px;
  border-left: 3px solid var(--global-color-neutral-500);
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
}

.phpHistoryTableWrap { margin-top: 12px; overflow: auto; }

.phpHistoryPositive,
.phpHistoryNegative {
  padding: 4px 7px;
  display: inline-flex;
  border-radius: 999px;
  font-size: var(--global-font-min);
  font-weight: 950;
}

.phpHistoryPositive { color: var(--global-color-success-600); background: var(--global-color-success-050); }

.phpHistoryNegative { color: var(--global-color-danger-600); background: var(--global-color-danger-050); }

@media (max-width: 650px) {
  .phpHistoryOverlay { padding: 8px; }

  .phpHistoryModal {
    width: 100%;
    max-height: 96vh;
    border-radius: 9px;
  }
}

/* [04] Dashboard */
@media (max-width: 650px) {
  .phpHistoryStats {
    grid-template-columns: 1fr 1fr;
  }
}

.phpTelaoSyncStatus {
  margin-top: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
}

.phpTelaoSyncStatus strong { font-size: var(--global-font-min); }

.phpTelaoSyncStatus span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.phpTelaoPage { display: block; }

@media (max-width: 720px) {
  .phpTelaoPage { overflow-y: auto; }
}

.phpLoginPage {
  background: radial-gradient(circle at top left,color-mix(in srgb, var(--global-color-primary-600) 16%, transparent),transparent 34%),var(--global-color-neutral-900);
}

.phpLoginBrand { gap: 13px; }

.phpLoginIcon {
  display: grid;
  place-items: center;

}

.phpLoginBrand small { font-weight: 900; }

.phpLoginCard>p {
  margin: 16px 0;
  color: var(--global-color-icon-shadow);
  font-size: 12px;
  line-height: 1.55;
}

.phpLoginHelp {
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

.phpLoginLoading { color: color-mix(in srgb, var(--global-color-white) 80%, transparent); font-size: var(--global-font-md); }

/* [14] Usuários e permissões */
.phpTopUser>span { opacity: .75; font-size: var(--global-font-xs); }

@media(max-width:800px) {
  .phpTopUser>span { display: none; }
}

.phpPermissionItem input { min-height: 0 !important; }

.phpProfileBadge { color: var(--global-color-primary-900) !important; }

.phpAppShell,
.phpInternalMain {
  background: radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--global-color-primary-600) 6%, transparent),
      transparent 30%
    ),
    var(--laco-bg);
}

.phpInternalShell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 248px minmax(0,1fr);
  background: var(--global-color-neutral-100);
  font-family: var(--global-font-family-screen);
}

.phpSidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  color: var(--global-color-white);
  background: var(--global-color-surface);
  border-right: 1px solid var(--global-color-neutral-100);
  box-shadow: 8px 0 26px color-mix(in srgb, var(--global-color-neutral-900) 3%, transparent);
  overflow: hidden;
}

.phpSidebarBrand {
  min-height: 112px;
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  color: var(--global-color-white);
  background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--global-color-primary-600) 20%, transparent),
      transparent 52%
    ),
    var(--global-color-neutral-900);
}

.phpSidebarBrand > div:last-child { display: flex; flex-direction: column; }

.phpSidebarBrand strong {
  color: var(--global-color-white);
  font-size: 23px;
  letter-spacing: -.5px;
}

.phpSidebarBrand span {
  margin-top: 1px;
  color: var(--global-color-white);
  font-size: var(--global-font-xs);
  letter-spacing: 1.4px;
  opacity: .78;
}

.phpSidebarNav {
  padding: 22px 14px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.phpMenuItem {
  width: 100%;
  display: flex;
  align-items: center;
  border: 0;
  color: var(--global-color-neutral-900);
  background: transparent;
  font-weight: 700;
  text-align: left;
}

.phpMenuItem.active {
  background: linear-gradient(
      135deg,
      var(--laco-green),
      var(--laco-green-2)
    );
}

.phpEyebrow {
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.2px;
}

.phpForm input,
.phpForm select,
.phpForm textarea {
  outline: none;
}

.phpLoginClassic,
.phpLoginPage {
  min-height: 100vh;
  padding: 0;
  display: grid;
  place-items: center;
  background: radial-gradient(
      circle at 80% 15%,
      color-mix(in srgb, var(--global-color-primary-600) 15%, transparent),
      transparent 28%
    ),
    linear-gradient(135deg,var(--global-color-neutral-900),var(--global-color-neutral-900));
}

.phpLoginCard {
  width: min(920px, calc(100vw - 40px));
  min-height: 540px;
  padding: 0;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 8%, transparent);
  border-radius: 22px;
  background: var(--global-color-surface);
  box-shadow: 0 28px 80px color-mix(in srgb, var(--global-color-neutral-950) 28%, transparent);
}

.phpLoginBrand {
  min-height: 540px;
  padding: 54px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  color: var(--global-color-white);
  background: radial-gradient(
      circle at 30% 25%,
      color-mix(in srgb, var(--global-color-primary-600) 32%, transparent),
      transparent 27%
    ),
    linear-gradient(145deg,var(--global-color-neutral-900),var(--global-color-primary-600));
}

.phpLoginIcon {
  width: 66px;
  height: 66px;
  margin-bottom: 24px;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 34%, transparent);
  border-radius: 18px;
  color: var(--global-color-white);
  background: color-mix(in srgb, var(--global-color-white) 6%, transparent);
  font-size: 31px;
}

.phpLoginBrand small {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-xs);
  letter-spacing: 1.8px;
}

.phpLoginBrand h1 {
  margin: 5px 0 0;
  color: var(--global-color-white);
  font-size: 36px;
  letter-spacing: -1px;
}

.phpLoginCard > p,
.phpLoginCard > form,
.phpLoginCard > .phpLoginHelp,
.phpLoginCard > .phpMessage,
.phpLoginCard > .phpError {
  grid-column: 2;
  margin-left: 44px;
  margin-right: 44px;
}

.phpLoginCard > p {
  align-self: end;
  margin-top: 66px;
  margin-bottom: 13px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-md);
}

.phpLoginCard > form { align-self: start; }

.phpLoginCard > .phpLoginHelp { margin-top: 16px; color: var(--global-color-neutral-500); }

.phpLoginCard .phpButton {
  width: 100%;
  min-height: 46px;
  margin-top: 6px;
}

@media (max-width: 850px) {
  .phpLoginCard > p,
    .phpLoginCard > form,
    .phpLoginCard > .phpLoginHelp,
    .phpLoginCard > .phpMessage,
    .phpLoginCard > .phpError {
    grid-column: 1;
    margin-left: 28px;
    margin-right: 28px;
  }

  .phpLoginCard > p { margin-top: 28px; }

  .phpLoginCard > .phpLoginHelp { margin-bottom: 28px; }
}

.phpPermissionsHeader { margin-bottom: 10px; }

.phpPermissionsHeader > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.phpPermissionItem {
  display: grid !important;

  gap: 8px !important;
}

@media (max-width: 850px) {
  .phpLoginCard {
    width: min(520px,calc(100vw - 28px));
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .phpLoginBrand { min-height: 220px; padding: 30px; }
}

@media (max-width: 850px) {
  .phpUserBasicGrid,
    .phpPermissionGrid {
    grid-template-columns: 1fr;
  }
}

/* [15] Auditoria */

.phpAuditList { flex-direction: column; }

.phpAuditRow { min-height: 110px; }

.phpAuditRow:hover { border-color: var(--global-color-neutral-300); background: var(--global-color-neutral-100); }

.phpAuditHeading > strong { color: var(--global-color-primary-600); font-size: var(--global-font-xs); }

.phpAuditHeading > span {
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.phpAuditWho strong { font-size: var(--global-font-min); }

.phpAuditWho span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.phpAuditWho small { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpAuditDetails {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.phpAuditDetails > span {
  max-width: 220px;
  padding: 5px 7px;
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 6px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
}

.phpAuditDetails small { color: var(--global-color-neutral-500); font-weight: 850; }

.phpAuditDetails strong {
  overflow: hidden;
  color: var(--global-color-icon-shadow);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phpAuditNoDetail {
  display: block;
  margin-top: 9px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.phpAuditSide > span,
.phpAuditSide > small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

@media (max-width: 1200px) {
  .phpAuditToolbar { grid-template-columns: 1fr 1fr; }

  .phpAuditRow { grid-template-columns: 42px minmax(0,1fr); }

  .phpAuditSide { grid-column: 2; }
}

/* [08] Inscrições */

.phpPrintBody {
  margin: 0;
  background: var(--global-color-neutral-100);
  color: var(--global-color-neutral-900);
}

.sumulaPage { min-height: 100vh; }

.sumulaToolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  flex-wrap: wrap;

  backdrop-filter: blur(10px);
}

.sumulaToolbarTitle { margin-right: auto; }

.sumulaToolbarTitle h1 {
  margin: 2px 0 0;
  color: var(--global-color-neutral-900);
  font-size: 20px;
}

.sumulaToolbar label {
  min-width: 130px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 800;
}

.sumulaToolbar select,
.sumulaToolbar input {
  height: 36px;
  min-width: 130px;
}

.sumulaDocument {
  width: min(1120px, calc(100vw - 40px));

}

.sumulaHeaderPrint {
  justify-content: space-between;
}

.sumulaHeaderPrint small { font-size: var(--global-font-min); }

.sumulaHeaderPrint h1 { margin: 3px 0 4px; font: 700 25px/1.1 Georgia, serif; }

.sumulaHeaderPrint p {
  margin: 0;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
}

.sumulaHeaderMeta {
  flex-direction: column;
  justify-content: center;
  text-align: right;
}

.sumulaHeaderMeta strong { color: var(--global-color-primary-600); font-size: 15px; }

.sumulaHeaderMeta span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.sumulaTable {
  width: 100%;
  margin-top: 18px;
  border-collapse: collapse;
  font-size: var(--global-font-min);
}

.sumulaTable th,
.sumulaTable td {
  padding: 8px 7px;
  border: 1px solid var(--global-color-neutral-100);
  vertical-align: top;
}

.sumulaTableCompact { font-size: var(--global-font-min); }

.sumulaTableCompact th,
.sumulaTableCompact td {
  padding: 6px 5px;
}

.sumulaMembers {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sumulaResult {
  min-width: 18px;
  min-height: 18px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  font-size: var(--global-font-min);
}

.sumulaBlankCell { min-width: 70px; }

.sumulaLegend {
  display: flex;
  gap: 16px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
}

.sumulaResultBlock h2 { margin: 0 0 8px; }

.sumulaChampion {
  margin-bottom: 10px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--global-color-warning-600);

  color: var(--global-color-primary-900);
  font-size: var(--global-font-min);
}

.sumulaPendingResult,
.sumulaLoading,
.sumulaError,
.sumulaEmpty {
  margin-top: 20px;
  padding: 16px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-neutral-100);
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-xs);
}

.sumulaError {
  color: var(--global-color-danger-700);
  border-color: var(--global-color-neutral-300);
  background: var(--global-color-danger-050);
}

@page {
  size: A4;
  margin: 12mm;
}

@media print {
  .no-print { display: none !important; }

  .phpPrintBody { background: var(--global-color-surface); }
}

.phpClosureCard { overflow: hidden; border-color: var(--global-color-neutral-100); }

.phpClosureStatus.pending {
  color: var(--global-color-warning-700);
  border-color: var(--global-color-primary-200);
  background: var(--global-color-warning-050);
}

.phpClosureStatus.ready {
  color: var(--global-color-primary-900);
  border-color: var(--global-color-neutral-300);
  background: var(--global-color-primary-200);
}

.phpClosureModules article.done { 
    border-color: var(--global-color-secondary-800);
    background: var(--global-color-secondary-700); }

.phpClosureModules article.pending { 
    border-color: var(--global-color-primary-200); 
    background: var(--global-color-neutral-100); }

.phpClosureModules article.ignored { opacity: .66; }

.phpClosureModules article > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.phpClosureModules article > span {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.phpClosureActions .phpButton[disabled] { opacity: .5; cursor: not-allowed; }

.phpSyncBadge.offline > span {
  background: var(--global-color-danger-600);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--global-color-danger-600) 10%, transparent);
}

.phpSyncBadge.warning > span {
  background: var(--global-color-warning-600);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--global-color-warning-600) 10%, transparent);
}

.phpOfflineQueueList article.pending { border-color: var(--global-color-primary-200); background: var(--global-color-neutral-100); }

.phpOfflineQueueList article.conflict { border-color: var(--global-color-danger-600); background: var(--global-color-danger-050); }

.phpOfflineQueueList article>div:first-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

body {
  min-width: 0;
  color: var(--global-color-text);

  margin: 0;
}

.menu.active { box-shadow: 0 7px 18px color-mix(in srgb, var(--global-color-primary-600) 18%, transparent); }

input,
select,
textarea {
  border-color: var(--global-color-neutral-100) !important;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

/*.phpButton.danger { box-shadow: 0 5px 13px color-mix(in srgb, var(--global-color-danger-600) 9%, transparent); }*/

thead th {
  position: sticky;
  top: 84px;
  z-index: 3;
  background: var(--global-color-success-050);
  box-shadow: inset 0 -1px 0 var(--global-color-neutral-100);
}

@media (max-width: 900px) {
  thead th { top: 72px; }
}

thead th { padding: 13px 14px; font-size: var(--global-font-xs) !important; }

tbody tr { transition: background 120ms ease; }

tbody tr:hover { background: var(--global-color-neutral-100); }

button { -webkit-tap-highlight-color: transparent; }

input,
select {
  padding: 0 var(--global-control-padding-x);
}

textarea { padding: 10px var(--global-control-padding-x); resize: vertical; }

label { font-size: var(--global-font-sm) !important; }

input,
select,
textarea {
  font-size: var(--global-font-base) !important;
}

table { font-size: var(--global-font-md) !important; }

.phpMessage > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media print {
  .sumulaDocument { width: auto; }

  .sumulaTable { font-size: 8pt; }

  .sumulaTable th,
    .sumulaTable td {
    padding: 4px 3px;
  }

  .sumulaResultBlock { page-break-inside: avoid; }
}
@media (max-width: 760px) {
  .phpSumulasAccessCard { flex-direction: column; }
}

.phpSumulasAccessCard > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (max-width: 760px) {
  .phpSumulasAccessCard .phpButton { width: 100%; }
}

.sumulaEmpty {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.sumulaEmpty strong { color: var(--global-color-primary-600); font-size: var(--global-font-md); }

.sumulaEmpty span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.reportsPage .phpCard { box-shadow: 0 4px 14px color-mix(in srgb, var(--global-color-neutral-900) 4%, transparent); }

.sumulaDocument .sumulaTable thead,
.sumulaDocument .sumulaTable tbody,
.sumulaDocument .sumulaTable tfoot {
  position: static !important;
}

.sumulaDocument .sumulaTable thead { display: table-header-group !important; }

.sumulaDocument .sumulaTable tbody { display: table-row-group !important; }

.sumulaDocument .sumulaTable tfoot { display: table-footer-group !important; }

.sumulaDocument .sumulaTable tr { break-inside: avoid; page-break-inside: avoid; }

@media print {
  .sumulaDocument .sumulaTable tr { page-break-inside: avoid; }
}

.sumulaDocument .sumulaTable thead tr { break-after: avoid; page-break-after: avoid; }

@media print {
  .sumulaDocument .sumulaTable thead,
    .sumulaDocument .sumulaTable tbody,
    .sumulaDocument .sumulaTable tfoot {
    position: static !important;
  }

  .sumulaDocument .sumulaTable thead { display: table-header-group !important; }

  .sumulaDocument .sumulaTable tbody { display: table-row-group !important; }

  .sumulaOfficialFooter { break-inside: avoid; page-break-inside: avoid; }

  .sumulaObservationBox,
    .sumulaSignatureGrid {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

.reportsPage .phpSumulasAccessCard .phpButton {
  min-height: 42px !important;
  padding: 0 17px !important;
  font-size: var(--global-font-md) !important;
}

.reportsPage .reportFilters .phpButton {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 15px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.reportsPage .reportSummaryGrid article div span { font-size: var(--global-font-sm) !important; }

.reportsPage .reportSummaryGrid article div b { font-size: var(--global-font-base) !important; }

.reportsPage .phpInternalContent > .phpCard, .reportsPage .phpInternalContent > .reportFilters, .reportsPage .phpInternalContent > .reportStats, .reportsPage .phpInternalContent > .reportOperationalSummary {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.reportsPage table thead { display: table-header-group !important; }

.reportsPage table tbody { display: table-row-group !important; }

.reportsPage table tfoot { display: table-footer-group !important; }

.reportsPage table thead,
.reportsPage .reportTable thead {
  position: static !important;
  top: auto !important;
  transform: none !important;
  order: -1 !important;
}

.reportsPage .phpCard table { display: table !important; }

.reportsPage .phpCard table > thead { display: table-header-group !important; }

.reportsPage .phpCard table > tbody { display: table-row-group !important; }

.reportsPage .reportTable thead { display: table-header-group !important; }

.reportsPage .reportTable tbody { display: table-row-group !important; }

.reportsPage .reportTable tr { display: table-row !important; }

.reportsPage .reportTable th,
.reportsPage .reportTable td {
  display: table-cell !important;
}

.phpInternalShell.reportsPage > .phpInternalMain {
  position: static !important;
  left: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.reportsPage .phpInternalContent > .phpCard, .reportsPage .phpInternalContent > .reportStats, .reportsPage .phpInternalContent > .reportOperationalSummary {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.phpClosureEyebrow {
  color: var(--global-color-secondary-900) !important;
  font-size: var(--global-font-min) !important;
  font-weight: 900;
  letter-spacing: .8px;
}

.phpClosureStatus {
  padding: 7px 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 999px;
  white-space: nowrap;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .35px;
}

@media (max-width: 760px) {
  .phpClosureStatus { white-space: normal; }
}

.phpClosureModules {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
  gap: 8px;
}

.phpClosureModules article {
  min-height: 72px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
}

.phpClosureModules strong { color: var(--global-color-primary-600); font-size: var(--global-font-xs); }

.phpClosureModules small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.phpClosurePending {
  margin-top: 14px;
  padding: 13px 15px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
}

.phpClosurePending strong { color: var(--global-color-primary-600); font-size: var(--global-font-min); }

.phpClosurePending ul { margin: 7px 0 0 17px; padding: 0; }

.phpClosurePending li {
  margin: 4px 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.phpClosureReady {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: 10px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-min);
  font-weight: 800;
}

.phpClosureChampions {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.phpClosureChampions h3 {
  margin: 0;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-base);
}

.phpClosureChampionGrid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
  gap: 9px;
}

.phpClosureChampionGrid article {
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--global-color-warning-600);
  border-radius: 10px;
  background: radial-gradient(circle at 90% 15%,color-mix(in srgb, var(--global-color-secondary-800) 18%, transparent),transparent 32%),
    var(--global-color-secondary-700);
}

.phpClosureChampionGrid small {
  color: var(--global-color-primary-600)!important;
  font-size: var(--global-font-min);
  font-weight: 850;
}

.phpClosureChampionGrid strong { color: var(--global-color-secondary-900); font-size: var(--global-font-sm); }

.phpClosureChampionGrid span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.phpClosureActions {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

@media (max-width: 760px) {
  .phpClosureActions { flex-direction: column; }

  .phpClosureActions .phpButton { width: 100%; }
}

.phpSyncBadge {
  padding: 7px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
}

.phpSyncBadge > span {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: var(--global-color-primary-600);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--global-color-primary-600) 12%, transparent);
}

.phpSyncBadge > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.phpSyncBadge strong {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  letter-spacing: .35px;
}

.phpSyncBadge small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  white-space: nowrap;
}

.phpOfflineQueueActions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.phpOfflineQueueList {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.phpOfflineQueueList article {
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-neutral-100);
}

@media(max-width:760px) {
  .phpOfflineQueueList article { align-items: flex-start; flex-direction: column; }
}

.phpOfflineQueueList strong { color: var(--global-color-primary-600); font-size: var(--global-font-min); }

.phpOfflineQueueList small { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpOfflineQueueList article>span,.phpOfflineConflictActions>span { font-size: var(--global-font-min); font-weight: 900; }

.phpOfflineConflictActions {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media(max-width:760px) {
  .phpOfflineQueueActions,.phpOfflineConflictActions { width: 100%; flex-wrap: wrap; }
}

.app { grid-template-columns: 236px minmax(0, 1fr); }

@media (max-width: 900px) {
  .app { display: block; }
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--global-color-primary-600) !important;
  background: var(--global-color-surface);
}

@media (max-width: 640px) {
  .phpCardTitleRow { align-items: flex-start; flex-direction: column; }
}

.phpClosureStatus.finalized {
  color: var(--global-color-white);
  border-color: var(--global-color-primary-900);
  background: var(--global-color-primary-900);
}

.phpSyncBadge.offline { border-color: var(--global-color-neutral-300); background: var(--global-color-neutral-100); }

.phpSyncBadge.warning { border-color: var(--global-color-primary-200); background: var(--global-color-warning-050); }

.phpOfflineQueueList .positive { color: var(--global-color-primary-900); }

.phpOfflineQueueList .negative { color: var(--global-color-danger-700); }

.menu:hover { background: var(--global-color-neutral-100); transform: translateX(1px); }

.card:hover,
.phpCard:hover {
  border-color: var(--global-color-neutral-300);
}

.phpTelaoOfflineBadge {
  position: absolute;
  z-index: 30;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 18%, transparent);
  border-radius: 999px;
  color: var(--global-color-warning-050);
  backdrop-filter: blur(8px);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .4px;
}

.phpOfflineQueueCard { border-color: var(--global-color-primary-200); background: var(--global-color-surface); }

.phpOfflineEyebrow {
  color: var(--global-color-primary-600)!important;
  font-size: var(--global-font-min)!important;
  font-weight: 900;
  letter-spacing: .75px;
}

.phpOfflineCounter {
  padding: 6px 9px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.menu {
  min-height: 46px;
  padding: 0 13px;
  border-radius: 9px;
  font-size: var(--global-font-md);
}

.main > section,
.main > .content,
.content {
  max-width: 1540px;
}

.card,
.phpCard {
  border-color: var(--global-color-border);
}

.phpButton,
button.phpButton {
  border-radius: 8px;
  font-weight: 800;
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

.reactRemoveButton {
  color: var(--global-color-warning-700)!important;
  border-color: var(--global-color-primary-200)!important;
  background: var(--global-color-warning-050)!important;
  box-shadow: 0 5px 13px color-mix(in srgb, var(--global-color-primary-600) 14%, transparent);
}

.phpCanchaChampion { border-radius: 11px; box-shadow: 0 4px 14px color-mix(in srgb, var(--global-color-neutral-900) 4%, transparent); }

.phpSyncBadge { min-width: 145px; border-radius: 8px; }

.phpOfflineQueueCard { border-left: 4px solid var(--global-color-warning-600); }

.phpOfflineQueueList article { border-radius: 8px; }

@media (max-width: 1180px) {
  .app { grid-template-columns: 208px minmax(0, 1fr); }
}

@media (max-width: 900px) {
  .menu {
    width: auto;
    min-width: max-content;
    min-height: 40px;
  }
}

.phpCanchaChampion {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-300);
  background: radial-gradient(
      circle at 90% 10%,
      color-mix(in srgb, var(--global-color-primary-600) 19%, transparent),
      transparent 34%
    ),
    linear-gradient(135deg,var(--global-color-success-050),var(--global-color-primary-200));
}

.phpCanchaChampion::after {
  content: "CAMPEÃO";
  position: absolute;
  top: 10px;
  right: 12px;
  color: var(--global-color-primary-900);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .8px;
}

.phpCanchaChampion strong { color: var(--global-color-primary-600); }

.phpTelaoOfflineBadge {
  top: 14px;
  right: 14px;
  border-color: color-mix(in srgb, var(--global-color-warning-600) 24%, transparent);
  background: color-mix(in srgb, var(--global-color-warning-700) 68%, transparent);
}

/* [06] Laçadores */
.reactLacadoresPage { max-width: 1450px; }

.reactLacadoresIntro>div:first-child>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.1px;
}

.reactLacadoresBadges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.reactLacadorBadge {
  padding: 8px 13px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-success-050);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.reactLacadorBadge.general {
  color: var(--global-color-info-600);
  border-color: var(--global-color-neutral-100);
  background: var(--global-color-info-050);
}

.reactLacadorCard { margin-bottom: 14px; padding: 18px 20px; }

.reactLacadorCard>h2 {
  margin: 0 0 16px;
  color: var(--global-color-neutral-900);
  font-size: 17px;
  letter-spacing: -.2px;
}

.reactLacadorSearch.participants { margin-bottom: 0; }

.reactLacadorParticipantFilters {
  display: grid;
  grid-template-columns: minmax(280px,1fr) repeat(3,minmax(145px,.34fr));
  align-items: end;
  gap: 10px;
  margin-bottom: 14px;
}

.reactLacadorFilterField { display: grid; gap: 5px; }
.reactLacadorFilterField > span {
  color: var(--global-color-neutral-700);
  font-size: var(--global-font-xs);
  font-weight: var(--global-weight-bold);
}
.reactLacadorFilterField select { min-height: 42px; }

.reactLacadorSearch input:focus { border: 0 !important; box-shadow: none !important; }

.reactLacadorFormActions .phpButton { min-height: 42px; }

.reactLacadorActions .phpButton {
  min-height: 30px;
  padding: 0 9px;
  font-size: var(--global-font-min);
  line-height: 1;
}

.reactLacadoresHeaderActions > .phpButton {
  min-height: 38px;
  padding-inline: 13px;
  font-size: var(--global-font-min);
}

.reactDatabaseIntro { margin-bottom: 13px; }

.reactDatabaseIntro strong { display: block; color: var(--global-color-primary-600); }

.reactDatabaseIntro p {
  margin: 5px 0 0;
  color: var(--global-color-neutral-500);
  line-height: 1.55;
}

.reactSearchButton { flex: 0 0 auto; }

.reactDatabaseResultRow:last-child { border-bottom: 0; }

.reactModalClose:hover { background: var(--global-color-neutral-100); }

.reactPagination > .phpButton {
  min-height: 34px;
  padding: 0 10px;
  font-size: var(--global-font-min);
}

.reactPageButton:hover { border-color: var(--global-color-neutral-300); background: var(--global-color-success-050); }

.reactPageButton.active {
  color: var(--global-color-white);
  border-color: var(--global-color-primary-600);
  background: var(--global-color-primary-600);
}

.reactLacadorSearch {
  min-height: 46px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}

.reactLacadorSearch>span {
  flex: 0 0 auto;
  color: var(--global-color-primary-900);
  font-size: 20px;
}

.reactLacadorSearch input {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0!important;
  box-shadow: none!important;
  background: transparent;
  font-size: var(--global-font-base);
  font-weight: 500;
}

.reactDatabaseResults {
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}

.reactDatabaseResultRow {
  min-height: 65px;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.reactDatabaseResultRow strong {
  display: block;
  color: var(--global-color-primary-600);
  font-size: var(--global-font-sm);
}

.reactDatabaseResultRow small {
  display: block;
  margin-top: 4px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.reactAlreadyLinked {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.reactCompactButton {
  min-height: 46px!important;
  padding: 0 11px!important;
  flex: 0 0 auto;
  font-size: var(--global-font-min)!important;
}

.reactLacadorNotice,.reactLacadorEditNotice {
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-success-050);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

.reactLacadorEditNotice {
  border-color: var(--global-color-neutral-100);
  color: var(--global-color-icon-shadow);
  background: var(--global-color-info-050);
}

.reactLacadorFormGrid {
  display: grid;
  grid-template-columns: repeat(2,minmax(190px,1fr));
  gap: 16px 18px;
  padding: 22px 26px 26px;
}

.reactLacadorFormGrid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-xs);
  font-weight: 800;
}

.reactLacadorFormGrid input {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--global-color-neutral-100)!important;
  border-radius: 8px;
  color: var(--global-color-neutral-900);
  background: var(--global-color-surface);
}

.reactLacadorFormActions {
  grid-column: 1/-1;
  display: flex;
  gap: 8px;
  margin-top: 2px;
}

.reactLacadorCards { display: flex; flex-direction: column; gap: 16px; }
.reactLacadorIdentity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.reactLacadorIndex {
  flex: 0 0 32px;
  display: grid;
  padding-right: 8px;
  border-right: 1px solid var(--global-color-neutral-300);
  place-items: center;
  color: var(--global-color-primary-900);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.reactLacadorName {
  display: inline-block;
  color: var(--global-color-neutral-900);
  font-size: 14.5px;
  line-height: 1.1;
  font-weight: 800;
}

.reactLacadorIdentityDivider {
  width: 1px;
  height: 18px;
  flex: 0 0 1px;
  background: var(--global-color-neutral-300);
}

.reactLacadorNickname {
  color: var(--global-color-neutral-700);
  font-size: var(--global-font-xs);
  font-weight: var(--global-weight-regular);
  line-height: 1.1;
}

.reactLacadorPaymentBadge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: var(--global-font-min);
  font-weight: var(--global-weight-bold);
  line-height: 1;
  white-space: nowrap;
}
.reactLacadorPaymentBadge.cortesia {
  border-color: color-mix(in srgb,var(--global-color-info-600) 35%,transparent);
  background: var(--global-color-info-050);
  color: var(--global-color-info-600);
}
.reactLacadorPaymentBadge.pendente {
  border-color: color-mix(in srgb,var(--global-color-danger-600) 35%,transparent);
  background: var(--global-color-danger-050);
  color: var(--global-color-danger-700);
}
.reactLacadorPaymentBadge.em-dia {
  border-color: color-mix(in srgb,var(--global-color-success-600) 35%,transparent);
  background: var(--global-color-success-050);
  color: var(--global-color-success-700);
}

@media (max-width: 1050px) {
  .reactLacadorParticipantFilters { grid-template-columns: 1fr 1fr; }
}
.reactLacadorDetails {
  --lacador-details-columns: 1.15fr 1fr .85fr .62fr 1.15fr .82fr .58fr;
}

.reactLacadorDetailsHead,
.reactLacadorDetailsValues {
  display: grid;
  grid-template-columns: var(--lacador-details-columns);
}

.reactLacadorDetailsHead>span,
.reactLacadorDetailsValues>strong {
  min-width: 0;
  padding: 5px 10px;
  border-right: 1px solid var(--global-color-neutral-100);
}

.reactLacadorDetailsHead>span:last-child,
.reactLacadorDetailsValues>strong:last-child { border-right: 0; }

.reactLacadorDetailsHead>span {
  color: var(--global-color-neutral-500);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: .5px;
}

.reactLacadorDetailsValues>strong {
  min-height: 28px;
  display: flex;
  align-items: center;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  font-size: 11.5px;
  line-height: 1.15;
  font-weight: 750;
}

@media(max-width:1100px) {
  .reactLacadorDetails { overflow-x: auto; }
  .reactLacadorDetailsHead,
  .reactLacadorDetailsValues { min-width: 900px; }
}

.reactLacadorEmpty {
  min-height: 62px;
  display: grid;
  place-items: center;
}

@media(max-width:760px) {
  .reactLacadoresIntro,.reactLacadorParticipantTop,.reactDatabaseResultRow { align-items: flex-start; flex-direction: column; }

  .reactLacadoresBadges,.reactLacadorActions { width: 100%; }

  .reactLacadorFormGrid { grid-template-columns: 1fr; }

  .reactLacadorDetails { grid-template-columns: repeat(2,minmax(120px,1fr)); }
}

@media(max-width:480px) {
  .reactLacadorDetails { grid-template-columns: 1fr; }
}

@media(max-width:760px) {
  .reactLacadorSearch {
    flex-wrap: wrap;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .reactLacadorSearch input { flex: 1 1 220px; }
}

@media(max-width:480px) {
  .reactLacadorCard { padding: 15px; }
}

.reactLacadoresHeaderActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.reactParticipantHeader {
  margin-bottom: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.reactParticipantHeader h2 {
  margin: 0;
  color: var(--global-color-neutral-900);
  font-size: 17px;
}

.reactParticipantHeader small {
  display: block;
  margin-top: 5px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.25;
}


.lacadorInscricoesCount {
  min-width: 42px;
  padding: 4px 10px;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: 999px;
  background: var(--global-color-neutral-050);
  color: var(--global-color-primary-900);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.lacadorInscricoesCount:hover,
.lacadorInscricoesCount:focus-visible {
  border-color: var(--global-color-primary-700);
}

.lacadorInscricoesModal {
  width: min(1180px, calc(100% - 32px));
}

.lacadorInscricoesModal .reactLacadorModalHeader p {
  margin: 5px 0 0;
  color: var(--global-color-neutral-600);
  font-size: var(--global-font-size-sm);
}

.lacadorInscricoesTitleDivider {
  color: var(--global-color-neutral-400);
  font-weight: 500;
}

.lacadorInscricoesModalBody {
  padding: 18px;
  overflow-y: auto;
  max-height: 72vh;
}

.lacadorInscricoesList {
  display: grid;
  gap: 10px;
}

.lacadorInscricaoDesiredCard {
  margin: 0;
}

.lacadorInscricaoMemberHighlighted {
  box-shadow: inset 4px 0 0 var(--global-color-primary-700);
  background: var(--global-color-primary-050);
}

.lacadorInscricaoSearchBadge {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--global-color-primary-900);
  color: var(--global-color-white);
  font-size: 8px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.reactLacadorModalHeader p {
  margin: 5px 0 0;
  color: var(--global-color-neutral-600);
  font-size: var(--global-font-size-sm);
}

.lacadorInscricoesTitleDivider {
  color: var(--global-color-neutral-400);
  font-weight: 500;
}

.lacadorInscricoesModalBody {
  padding: 18px;
  overflow-y: auto;
  max-height: 68vh;
}

.lacadorInscricoesList {
  display: grid;
  gap: 10px;
}

.lacadorInscricaoItem {
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: var(--global-radius-md);
  background: var(--global-color-neutral-050);
}

.lacadorInscricaoItemHead {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  background: var(--global-color-neutral-100);
}

.lacadorInscricaoItemHead > strong {
  color: var(--global-color-primary-900);
}

.lacadorInscricaoItemHead > span {
  min-width: 0;
  font-weight: 800;
}

.lacadorInscricaoStatus {
  font-size: var(--global-font-size-xs);
  font-weight: 800;
  text-transform: uppercase;
}

.lacadorInscricaoItemGrid {
  display: grid;
  grid-template-columns: .8fr 1.8fr 1fr .6fr;
  gap: 12px;
  padding: 11px 12px;
}

.lacadorInscricaoItemGrid > div {
  min-width: 0;
}

.lacadorInscricaoItemGrid span {
  display: block;
  margin-bottom: 3px;
  color: var(--global-color-neutral-600);
  font-size: var(--global-font-size-xs);
  font-weight: 700;
}

.lacadorInscricaoItemGrid strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: var(--global-font-size-sm);
}

@media (max-width: 760px) {
  .lacadorInscricaoItemHead,
  .lacadorInscricaoItemGrid {
    grid-template-columns: 1fr;
  }
}

.reactLacadorModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  padding: 24px;
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--global-color-neutral-950) 52%, transparent);
  backdrop-filter: blur(4px);
  overflow-y: auto;
}

.reactLacadorModal {
  width: min(1120px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 22px 24px 24px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 15px;
  background: var(--global-color-surface);
  box-shadow: 0 28px 80px color-mix(in srgb, var(--global-color-neutral-950) 24%, transparent);
}

.reactLacadorModalHeader {
  margin-bottom: 0;
  padding: 22px 26px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.reactLacadorModalHeader small {
  color: var(--global-color-secondary-900);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .9px;
}

.reactLacadorModalHeader h2 {
  margin: 4px 0 0;
  color: var(--global-color-neutral-900);
  font-size: 21px;
  letter-spacing: -.35px;
}

.reactModalClose {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  font-size: var(--global-font-2xl);
  line-height: 1;
}

.reactPagination {
  margin-top: 16px;
  padding-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.reactPaginationPages {
  display: flex;
  align-items: center;
  gap: 5px;
}

.reactPageButton {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  cursor: pointer;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.reactPaginationDots {
  padding: 0 2px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-xs);
}

@media (max-width: 760px) {
  .reactLacadoresHeaderActions {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }

  .reactLacadorModalBackdrop { padding: 10px; align-items: start; }

  .reactLacadorModal { max-height: calc(100vh - 20px); padding: 18px; }
}

@media (max-width: 760px) {
  .reactPagination { flex-wrap: wrap; }
}

/* [07] Modalidades */
.reactModalidadesPage { max-width: 1450px; }

.reactModalidadesIntro>div>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.15px;
}

.reactModalidadesHeaderActions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; }
.reactModalidadesHeaderActions>.phpButton { min-height:38px; padding-inline:13px; font-size:var(--global-font-min); }
.reactModalidadeBadge { padding:9px 14px; border:1px solid var(--global-color-primary-200); border-radius:999px; color:var(--global-color-primary-900); background:var(--global-color-success-050); font-size:var(--global-font-min); font-weight:900; }

.reactModalidadesListCard { padding:20px; }
.reactModalidadesListCard>h2 { margin:0 0 14px; color:var(--global-color-neutral-900); font-size:var(--global-font-xl); letter-spacing:-.25px; }
.reactModalidadeNotice { margin-bottom:18px; padding:15px 16px; border:1px solid var(--global-color-primary-200); border-radius:9px; color:var(--global-color-icon-shadow); background:var(--global-color-success-050); font-size:var(--global-font-sm); line-height:1.55; }

.reactModalidadeGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:16px; }


.reactModalidadeCardForm { width:100%; min-width:0; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(74px,.55fr) minmax(150px,1fr); gap:9px; box-sizing:border-box; }
.reactModalidadeCardForm label,.reactModalidadeAdvanced label { min-width:0; max-width:100%; display:flex; flex-direction:column; gap:5px; color:var(--global-color-icon-shadow); font-size:var(--global-font-sm); font-weight:850; box-sizing:border-box; }
.reactModalidadeCardForm input,.reactModalidadeCardForm select,.reactModalidadeAdvanced select,.reactModalidadeManualForces input,.phpForceAdd input { width:100%; max-width:100%; min-width:0; min-height:38px; padding:0 11px; border:1px solid var(--global-color-neutral-100); border-radius:8px; color:var(--global-color-neutral-900); background:var(--global-color-surface); font-size:var(--global-font-md); font-weight:700; box-sizing:border-box; text-overflow:ellipsis; }
.reactModalidadeCardForm input:disabled { color:var(--global-color-icon-shadow); background:var(--global-color-neutral-100); }
.reactModalidadeCardForm.saving { opacity:.6; pointer-events:none; }
.reactModalidadeCardForm > label:only-of-type { grid-column:1/-1; max-width:260px; }

.reactModalidadeLockedHelp { display:block; margin-top:5px; color:var(--global-color-neutral-500); font-size:var(--global-font-min); }
.reactModalidadeInfo { width:100%; margin-top:10px; padding:0; display:flex; align-items:center; flex-wrap:wrap; gap:5px 14px; color:var(--global-color-neutral-600); background:transparent; font-size:var(--global-font-min); box-sizing:border-box; }
.reactModalidadeInfo span { position:relative; }
.reactModalidadeInfo strong { color:var(--global-color-primary-600); }

.reactModalidadePremiosAction { margin-top:11px; display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.reactModalidadeAdvanced { min-width:0; max-width:100%; margin-top:10px; border-top:1px solid var(--global-color-neutral-100); border-right:0; border-bottom:0; border-left:0; border-radius:0; background:transparent; box-sizing:border-box; }
.reactModalidadeAdvanced>summary { padding:10px 0 0; color:var(--global-color-icon-shadow); cursor:pointer; font-size:var(--global-font-min); font-weight:850; list-style-position:inside; }
.reactModalidadeAdvanced[open]>summary { border-bottom:0; }
.reactModalidadeAdvancedBody { min-width:0; max-width:100%; padding:10px 0 0; display:grid; gap:12px; box-sizing:border-box; }
.reactModalidadeAdvancedBody select { min-height:39px; }
.reactModalidadeAdvancedHelp { color:var(--global-color-neutral-500); font-size:var(--global-font-min); line-height:1.5; }
.reactModalidadeManualForces { min-width:0; max-width:100%; display:grid; gap:9px; box-sizing:border-box; }
.reactModalidadeManualForces>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.reactModalidadeManualForces strong { color:var(--global-color-icon-shadow); font-size:var(--global-font-min); }
.reactModalidadeManualForces small { color:var(--global-color-neutral-500); font-size:var(--global-font-min); }
.phpForceAdd { min-width:0; max-width:100%; display:grid; box-sizing:border-box; }
.phpForceAdd .phpButton { white-space:nowrap; }

.reactModalidadeActions { margin-top:10px; padding-top:10px; display:flex; flex-wrap:wrap; gap:8px; border-top:1px solid var(--global-color-neutral-100); }
.reactModalidadeActions .phpButton { min-height:34px; padding:0 11px; font-size:var(--global-font-min); }

@media(max-width:1050px) { .reactModalidadeGrid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .reactModalidadeGrid { grid-template-columns:1fr; } }
@media(max-width:760px) {
  .reactModalidadeBadge { align-self:flex-start; }
  .reactModalidadesHeaderActions { width:100%; justify-content:flex-start; }
  .reactModalidadeCard { padding:16px; }
  .reactModalidadeCardForm { grid-template-columns:1fr; }
  .reactModalidadeCardForm > label:only-of-type { max-width:none; }
}

.reactModalidadeModalHeader small {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .9px;
}

.reactModalidadeModalHeader h2 {
  margin: 4px 0 0;
  color: var(--global-color-neutral-900);
  font-size: 21px;
  letter-spacing: -.35px;
}

@media(max-width:1100px) { .reactModalidadeModalForm { grid-template-columns:repeat(2,minmax(0,1fr)); } .reactModalidadeSpan2 { grid-column:span 2; } }

@media(max-width:920px) {
  .reactModalidadeCardForm label:last-of-type { grid-column: 1/-1; }
}

@media(max-width:760px) {
  .reactModalidadeCardForm label:last-of-type { grid-column: auto; }
}

.reactModalidadeCardForm input,
.reactModalidadeCardForm select,
.reactModalidadeAdvanced select,
.reactModalidadeManualForces input,
.phpForceAdd input {
  width: 100%;
  max-width: 100%;
  min-width: 0!important;
  box-sizing: border-box;
}

.phpForceAdd {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
}

.reactModalidadeModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1100;
  padding: 24px;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 52%, transparent);
  backdrop-filter: blur(4px);
}

.reactModalidadeModal {
  width: min(1320px,100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 0;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 15px;
  background: var(--global-color-surface);
  box-shadow: 0 28px 80px color-mix(in srgb, var(--global-color-neutral-950) 24%, transparent);
}

.reactModalidadeModalHeader {
  margin-bottom: 0;
  padding: 22px 26px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.reactModalidadeModalForm {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px 14px;
  padding: 16px 22px 22px;
}

.reactModalidadeModalForm label {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.reactModalidadeModalForm input,
.reactModalidadeModalForm select {
  width: 100%;
  min-width: 0;
  min-height: 43px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid var(--global-color-neutral-100)!important;
  border-radius: 8px;
  color: var(--global-color-neutral-900);
  background: var(--global-color-surface);
  font-size: var(--global-font-xs);
  font-weight: 700;
}


.reactModalidadeModalHeader small { color:var(--global-color-primary-600);font-size:10px;font-weight:900;letter-spacing:.12em; }
.reactModalidadeModalHeader h2 { margin:5px 0 0;color:var(--global-color-primary-900);font-size:26px;line-height:1.1;letter-spacing:-.02em; }
.reactModalidadeNotice { margin:0;padding:13px 26px;border:0;border-top:1px solid var(--global-color-neutral-100);border-bottom:1px solid var(--global-color-neutral-100);border-radius:0;background:var(--global-color-neutral-100);color:var(--global-color-neutral-600);font-size:12px;line-height:1.5; }
.reactModalidadeModalForm textarea { width:100%;min-width:0;min-height:82px;padding:11px 12px;resize:vertical;box-sizing:border-box;border:1px solid var(--global-color-neutral-100);border-radius:8px;background:var(--global-color-surface);color:var(--global-color-neutral-900);font:700 var(--global-font-xs) var(--global-font-family);line-height:1.45; }
.reactModalidadeModalSection { grid-column:1/-1;display:flex;align-items:baseline;gap:9px;margin-top:4px;padding:15px 0 2px;border-top:1px solid var(--global-color-neutral-100); }
.reactModalidadeModalSection:first-of-type { margin-top:0; }
.reactModalidadeModalSection b { color:var(--global-color-primary-900);font-size:14px; }
.reactModalidadeModalSection small { color:var(--global-color-neutral-500);font-size:11px; }
.reactModalidadeModalForm input:focus,.reactModalidadeModalForm select:focus,.reactModalidadeModalForm textarea:focus { outline:0;border-color:var(--global-color-primary-500)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--global-color-primary-600) 14%,transparent); }

.reactModalidadeModalFull { grid-column:1/-1; }
.reactModalidadeSpan2 { grid-column:span 2; }
.reactModalidadeModalSectionFirst { border-top:0; padding-top:2px; }
.reactModalidadeFormRow { grid-column:1/-1;display:grid;gap:12px 14px;align-items:start;min-width:0; }
.reactModalidadeFormRow4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.reactModalidadeFormRowDisputa { grid-template-columns:repeat(4,minmax(0,1fr)); }
.reactModalidadeFormRowRegras { grid-template-columns:repeat(3,minmax(0,1fr)); }
.reactModalidadeFormRowPublico { grid-template-columns:repeat(4,minmax(0,1fr)); }
.reactModalidadePublicTextRow { grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;width:100%;min-width:0; }
.reactModalidadePublicTextRow > label { min-width:0; }
.reactModalidadeFormRow > label { min-width:0; }
.reactModalidadeForcasBuilder { padding:14px;border:1px solid var(--global-color-neutral-100);border-radius:10px;background:var(--global-color-neutral-050); }
.reactModalidadeForcasBuilder[hidden] { display:none; }
.reactModalidadeForcasBuilderHeader { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px; }
.reactModalidadeForcasBuilderHeader>div { display:grid;gap:3px; }
.reactModalidadeForcasBuilderHeader b { color:var(--global-color-primary-900);font-size:13px; }
.reactModalidadeForcasBuilderHeader small { color:var(--global-color-neutral-500);font-size:11px; }
.reactModalidadeForcasRows { display:grid;gap:7px; }
.reactModalidadeForcaRow { display:grid;grid-template-columns:26px minmax(220px,.7fr) minmax(0,2fr) auto 24px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--global-color-neutral-100);border-radius:9px;background:var(--global-color-surface); }
.reactModalidadeForcaRow>span:first-child { 
    display:grid;place-items:center;
    width:24px;
    height:24px;
    border-radius:6px;
    background:var(--global-color-white);
    color:var(--global-color-neutral-950);
    font-size:10px;font-weight:900; }
.reactModalidadeForcaRegra { color:var(--global-color-neutral-500);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }
.reactModalidadeForcaRow>label { display:grid;gap:5px; }
.reactModalidadeForcaRow small { color:var(--global-color-neutral-500);font-size:10px;font-weight:800; }
.reactModalidadeForcaPremios { display:grid;grid-template-rows:auto auto;align-self:stretch;gap:5px;min-width:0; }
.reactModalidadeForcaPremiosHeader { display:flex;align-items:center;min-height:14px;white-space:nowrap; }
.reactModalidadeForcaPremiosLine { display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap; }
.reactModalidadeForcaPremios [data-premios-lista] { display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap; }
.reactModalidadePremioItem { position:relative;display:grid!important;grid-template-columns:18px minmax(110px,150px) 30px;gap:6px!important;align-items:center;min-width:0; }
.reactModalidadePremioItem small { grid-column:auto;display:grid;place-items:center;font-size:11px;font-weight:900; }
.reactModalidadePremioItem input { min-height:36px!important; }
.reactModalidadeAddColocacao { align-self:end;min-height:36px;padding:0 12px;font-size:10px;white-space:nowrap; }
.reactModalidadeForcaPremios .phpIconButton, .reactModalidadeForcaRemove { border:0;background:transparent;box-shadow:none;padding:0;width:24px;min-width:24px;height:24px;min-height:24px;border-radius:0; }
.reactModalidadeForcaPremios .phpIconButton:hover, .reactModalidadeForcaRemove:hover { border:0;background:transparent;box-shadow:none; }
.reactModalidadeForcaRemove { margin-top:0;align-self:end; }
@media(max-width:1100px){.reactModalidadeForcaRow{grid-template-columns:26px minmax(180px,.7fr) minmax(0,1.3fr) auto 24px}.reactModalidadeForcaPremios [data-premios-lista]{display:flex;flex-wrap:wrap}}
@media(max-width:1100px){.reactModalidadeFormRow4,.reactModalidadeFormRowDisputa,.reactModalidadeFormRowRegras,.reactModalidadeFormRowPublico,.reactModalidadePublicTextRow{grid-template-columns:repeat(2,minmax(0,1fr))}.reactModalidadeFormRow .reactModalidadeSpan2{grid-column:span 2}}
@media(max-width:760px){.reactModalidadeForcaRow{grid-template-columns:26px 1fr auto 24px;align-items:start}.reactModalidadeForcaPremios{grid-column:2/5}.reactModalidadeForcaPremios [data-premios-lista]{display:grid;grid-template-columns:1fr}.reactModalidadePremioItem{grid-template-columns:18px minmax(0,1fr) 30px}.reactModalidadeAddColocacao{grid-column:3;grid-row:1}.reactModalidadeForcaRemove{grid-column:4;grid-row:1}}


.reactModalidadeModalActions {
  grid-column: 1/-1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
}

@media(max-width:920px) {
  .reactModalidadeCardForm { grid-template-columns: minmax(0,1fr) 74px; }
}

@media(max-width:760px) {
  .reactModalidadesHeaderActions {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }

  .reactModalidadeModalBackdrop { padding: 10px; align-items: start; }

  .reactModalidadeModal { max-height: calc(100vh - 20px); padding: 18px; }

  .reactModalidadeModalForm,
    .reactModalidadeCardForm {
    grid-template-columns: 1fr;
  }

  .reactModalidadeModalFull,.reactModalidadeSpan2 { grid-column: auto; }
  .reactModalidadeFormRow4,.reactModalidadeFormRowDisputa,.reactModalidadeFormRowRegras,.reactModalidadeFormRowPublico,.reactModalidadePublicTextRow { grid-template-columns:1fr; }
  .reactModalidadeFormRow .reactModalidadeSpan2 { grid-column:auto; }

  .reactModalidadeModalActions { grid-column: auto; flex-direction: column-reverse; }
}

@media(max-width:760px) {
  .phpForceAdd { grid-template-columns: 1fr; }
}

.inscriptionsReactMain {
  min-width: 0;
  background: radial-gradient(
      circle at 90% 15%,
      color-mix(in srgb, var(--global-color-primary-600) 4.5%, transparent),
      transparent 27%
    ),
    var(--global-color-neutral-100);
}

.inscriptionsWorkspace { display: grid; grid-template-columns: 278px minmax(0,1fr); }

.inscriptionsModalityItem { grid-template-columns: 34px minmax(0,1fr) 34px; }

.inscriptionsModalityItem.active { background: var(--global-color-primary-600); }

.inscriptionsContentColumn { min-width: 0; }

.inscriptionsSectionIntro > div > span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.15px;
}

.inscriptionsSectionIntro h2 { font-size: clamp(24px,2.1vw,31px); }

.inscriptionsListCard h2 {
  margin: 0 0 18px;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-xl);
  letter-spacing: -.25px;
}

.inscriptionsNewForm {
  display: grid;
  grid-template-columns: minmax(220px,1fr)
    minmax(220px,1fr);
  gap: 16px;
}

.inscriptionsNewForm > label {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.inscriptionsNewForm input,
.inscriptionsNewForm select,
.inscriptionsNewForm textarea {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 0 12px;
  border: 1px solid var(--global-color-neutral-100) !important;
  border-radius: 9px;
  background: var(--global-color-surface);
  color: var(--global-color-primary-600);
  font-family: inherit;
  font-size: var(--global-font-xs);
  font-weight: 700;
}

.inscriptionsNewForm textarea { padding-top: 11px; resize: vertical; }

.inscriptionsSelectedModality small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .7px;
}

.inscriptionsSelectedModality strong { color: var(--global-color-primary-600); font-size: var(--global-font-base); }

.inscriptionsMembersBlock .phpMembersSection {
  padding: 0;
  border: 0;
  background: transparent;
}

.inscriptionsMembersBlock .phpMembersTitle { display: none; }

.inscriptionsMembersBlock .phpMemberPickers {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(220px,1fr)
  );
  gap: 12px;
}

.inscriptionsMembersBlock label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.inscriptionsFormActions .phpButton { min-height: 46px; padding-inline: 17px; }

.inscriptionsDesiredTitle h2 {
  margin: 0;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-xl);
}

.inscriptionsDesiredSearch span { color: var(--global-color-primary-900); font-size: 20px; }

.inscriptionsDesiredSearch input {
  width: 100%;
  min-width: 0;
  border: 0!important;
  box-shadow: none!important;
  background: transparent;
  font-size: var(--global-font-sm);
}

.inscriptionsDesiredFilters label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.inscriptionsDesiredFilters select {
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-surface);
  color: var(--global-color-neutral-900);
  font-weight: 800;
}

.inscriptionsShowing small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .8px;
}

.inscriptionsShowing strong {
  margin-top: 3px;
  color: var(--global-color-primary-600);
  font-size: var(--global-font-base);
}

.inscriptionsDesiredStats>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--global-color-neutral-100);
}

@media(max-width:1250px) {
  .inscriptionsDesiredStats>div { border-bottom: 1px solid var(--global-color-neutral-100); }
}

.inscriptionsDesiredStats>div:last-child { border-right: 0; }

.inscriptionsDesiredStats .number strong { color: var(--global-color-neutral-900); }

.inscriptionsDesiredStats .status { justify-content: center; }

.inscriptionsDesiredStats .status select {
  border: 1px solid var(--global-color-primary-200);
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-weight: 900;

  max-width: 100%;

  width: 100%;
  min-width: 0;
}

.inscriptionsDesiredStats .status select.cancelled {
  color: var(--global-color-danger-600);
  border-color: var(--global-color-neutral-300);
  background: var(--global-color-danger-050);
}

.inscriptionsPaymentStatus { align-items: flex-start; }

.paymentStatusBadge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: 999px;
  background: var(--global-color-neutral-050);
  color: var(--global-color-neutral-700);
  font-size: var(--global-font-xs);
  font-weight: var(--global-weight-bold);
  white-space: nowrap;
}

.paymentStatusBadge.paid {
  border-color: color-mix(in srgb, var(--global-color-success-600) 35%, transparent);
  background: var(--global-color-success-050);
  color: var(--global-color-success-700);
}

.paymentStatusBadge.analysis {
  border-color: color-mix(in srgb, var(--global-color-warning-600) 35%, transparent);
  background: var(--global-color-warning-050);
  color: var(--global-color-warning-700);
}

.paymentStatusBadge.refused {
  border-color: color-mix(in srgb, var(--global-color-danger-600) 35%, transparent);
  background: var(--global-color-danger-050);
  color: var(--global-color-danger-600);
}

.inscriptionsReceiptButton { text-decoration: none; }

.inscriptionsModalHeader span {
  color: var(--global-color-secondary-900);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1px;
}

.inscriptionsModalHeader h2 {
  margin: 5px 0 0;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-2xl);
}

@container (max-width: 1050px) {
  .inscriptionsDesiredStats .number { grid-column: span 2; }
}

.inscriptionsDesiredStats .number { grid-column: auto !important; background: var(--global-color-primary-200); }

@container (max-width: 1050px) {
  .inscriptionsDesiredStats .status { grid-column: span 2; }
}

.inscriptionsDesiredStats .status { grid-column: auto !important; align-items: stretch; }

@container (max-width: 650px) {
  .inscriptionsDesiredStats .number,
    .inscriptionsDesiredStats .status {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1450px) {
  .inscriptionsDesiredStats .number,
    .inscriptionsDesiredStats .status {
    grid-column: auto !important;
  }
}

.inscriptionsDesiredStats small { white-space: nowrap; }

.inscriptionsDesiredActions .phpButton { flex: 0 0 auto; }

@container (max-width: 820px) {
  .inscriptionsDesiredStats .number { grid-column: span 2 !important; }

  .inscriptionsDesiredStats .status { grid-column: span 2 !important; }
}

@container (max-width: 560px) {
  .inscriptionsDesiredStats .number,
    .inscriptionsDesiredStats .status {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  .inscriptionsDesiredStats .number { grid-column: span 2 !important; }

  .inscriptionsDesiredStats .status { grid-column: span 2 !important; }
}

@media (max-width: 620px) {
  .inscriptionsDesiredStats .number,
    .inscriptionsDesiredStats .status {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 430px) {
  .inscriptionsDesiredStats .number,
    .inscriptionsDesiredStats .status {
    grid-column: auto !important;
  }
}

.inscriptionsForceBadge {
  padding: 10px 14px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-success-050);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.classificationModalityItem.active { background: var(--global-color-primary-600); }

.classificationPageIntro>div>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.15px;
}

.classificationPageBadge.done {
  color: var(--global-color-success-700);
  border-color: var(--global-color-neutral-300);
  background: var(--global-color-success-050);
}

.classificationReactRound.active {
  border-color: var(--global-color-primary-600);
  background: var(--global-color-warning-050);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--global-color-primary-600) 12%, transparent);
}

/* ESTADOS FUNCIONAIS — CLASSIFICATÓRIAS E FINAIS
   Estas bordas são fixas nos dois temas e não devem ser sobrescritas por regras de tema. */
.classificationReactEntry.positive,
.finalsClassificationEntry.positive {
  border-left: 4px solid var(--global-color-success-600);
}

.classificationReactEntry.negative,
.finalsClassificationEntry.negative {
  border-left: 4px solid var(--global-color-danger-600);
}

.classificationReactResult.positive {
  color: var(--global-color-success-600);
  border: 1px solid var(--global-color-neutral-300);
  background: var(--global-color-surface);
}

.classificationReactResult.negative {
  color: var(--global-color-danger-600);
  border: 1px solid var(--global-color-neutral-300);
  background: var(--global-color-surface);
}

.classificationReactResult.positive.selected {
  color: var(--global-color-white);
  border-color: var(--global-color-success-600);
  background: var(--global-color-success-600);
}

.classificationReactResult.negative.selected {
  color: var(--global-color-white);
  border-color: var(--global-color-danger-600);
  background: var(--global-color-danger-600);
}

.classificationReactAdvancedBody>.phpCard {
  margin: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.forcasPageIntro>div>span {
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.15px;
}

.forcasRangeActions .phpButton {
  min-height: 36px;
  padding: 0 10px;
  font-size: var(--global-font-min);
}

.forcasAutomaticRow .positive { color: var(--global-color-primary-900); }

.forcasStatus.complete { color: var(--global-color-primary-900); background: var(--global-color-primary-200); }

.forcasStatus.pending { color: var(--global-color-warning-700); background: var(--global-color-warning-050); }

.inscriptionsListCard {
  margin-bottom: 18px;
  padding: 24px 26px;
}

.inscriptionsSelectedModality {
  min-height: 74px;
  padding: 14px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.inscriptionsMembersBlock { grid-column: 1 / -1; min-width: 0; }

.inscriptionsObservation { grid-column: 1 / -1; }

.inscriptionsFormActions {
  grid-column: 1 / -1;
  display: flex;
  gap: 8px;
}

@media (max-width: 1250px) {
  .inscriptionsWorkspace { grid-template-columns: 230px minmax(0,1fr); padding-inline: 16px; }
}

@media (max-width: 1050px) {
  .inscriptionsWorkspace { grid-template-columns: 1fr; }

  .inscriptionsModalityList { grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }

  .inscriptionsModalityRule { margin-top: 4px; }
}

@media (max-width: 760px) {
  .inscriptionsSectionIntro { flex-direction: column; }

  .inscriptionsNewForm { grid-template-columns: 1fr; }

  .inscriptionsObservation,
    .inscriptionsFormActions {
    grid-column: auto;
  }
}

.inscriptionsSectionActions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.inscriptionsListDesired { padding: 24px 26px; }

.inscriptionsDesiredTitle { margin-bottom: 18px; }

.inscriptionsDesiredFilters {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: minmax(280px,1.55fr) repeat(4,minmax(135px,.55fr)) 120px;
  gap: 12px;
  align-items: end;
}

.inscriptionsDesiredSearch {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-surface);
}

.inscriptionsShowing {
  min-height: 48px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-success-050);
}

.inscriptionsNumberStrip {
  margin: -4px 0 16px;
  min-width: 0;
  min-height: 52px;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 8px 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-neutral-050);
}
.inscriptionsNumberStripLabel {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
}
.inscriptionsNumberStripLabel strong { color: var(--global-color-neutral-900); font-size: 12px; }
.inscriptionsNumberStripLabel span { color: var(--global-color-neutral-500); font-size: 10px; font-weight: 700; }
.inscriptionsNumberStripScroller {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  padding: 2px 1px 4px;
  scrollbar-width: thin;
}
.inscriptionsNumberStripScroller button {
  flex: 0 0 38px;
  min-height: 32px;
  padding: 0 6px;
  border: 1px solid var(--global-color-white);
  border-radius: 8px;
  background: #e9edef;
  color: var(--global-color-primary-900);
  font: 800 11px var(--global-font-family);
  cursor: pointer;
}
.inscriptionsNumberStripScroller button:hover {
  border-color: #e0af67;
  background: #e0af67;
}
.inscriptionsNumberStripScroller button.is-selected { background: var(--global-color-primary-700); border-color: var(--global-color-primary-700); color: var(--global-color-neutral-000); }
.inscriptionsNumberStripEmpty { color: var(--global-color-neutral-500); font-size: 11px; font-weight: 700; }
html[data-theme="dark"] .inscriptionsNumberStrip { background: var(--global-color-primary-950); border-color: var(--global-color-primary-700); }
.inscriptionsDesiredActions { display: flex; flex-wrap: wrap; }

.inscriptionsModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1100;
  padding: 24px;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 52%, transparent);
  backdrop-filter: blur(4px);
}

.inscriptionsModal {
  width: min(980px,100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 24px 26px 26px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 15px;
  background: var(--global-color-surface);
  box-shadow: 0 28px 80px color-mix(in srgb, var(--global-color-neutral-950) 25%, transparent);
}

.inscriptionsModalHeader {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.inscriptionsModalClose {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  font-size: var(--global-font-2xl);
}

.inscriptionsModalForm { margin-top: 0; }

@media(max-width:1250px) {
  .inscriptionsDesiredFilters { grid-template-columns: 1fr repeat(2,minmax(160px,1fr)); }

  .inscriptionsShowing { grid-column: 1/-1; }

  .inscriptionsDesiredStats { grid-template-columns: 130px repeat(3,minmax(110px,1fr)); }
}

@media(max-width:760px) {
  .inscriptionsSectionActions {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .inscriptionsDesiredFilters { grid-template-columns: 1fr; }

  .inscriptionsShowing { grid-column: auto; }

  .inscriptionsDesiredStats { grid-template-columns: repeat(2,1fr); }

  .inscriptionsModalBackdrop { padding: 10px; align-items: start; }

  .inscriptionsModal { max-height: calc(100vh - 20px); padding: 18px; }
}

.globalEventTopbar {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid var(--global-color-neutral-100);
  background: color-mix(in srgb, var(--global-color-white) 97%, transparent);
  backdrop-filter: blur(14px);
}

@media (max-width: 640px) {
  .globalEventTopbar { position: relative; }
}

.globalEventTopbarPrimary {
  min-height: 104px;
  padding: 18px 28px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.globalEventHeading { min-width: 0; }

.globalEventHeadingRow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
}

.globalEventHeading h1 {
  margin: 0;
  min-width: 0;
  color: var(--global-color-neutral-900);
  font-size: clamp(24px,2vw,34px);
  line-height: 1;
  letter-spacing: -.85px;
}

.globalEventHeading p {
  margin: 8px 0 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
}

.globalEventEntityLogo {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.globalEventEntityLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0px;
}

.globalEventStatus {
  flex: 0 0 auto;
  padding: 8px 13px;
  border: 0;
  border-radius: 999px;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.globalEventStatus.planejamento {
  background: var(--global-color-warning-700);
  color: var(--global-color-warning-050);
}

.globalEventStatus.em-andamento {
  background: var(--global-color-success-700);
  color: var(--global-color-success-050);
}

.globalEventStatus.finalizado {
  background: var(--global-color-danger-700);
  color: var(--global-color-danger-050);
}

.globalEventActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 9px;
}

.globalEventTabs {
  min-height: 66px;
  padding: 0 28px;
  display: flex;
  align-items: stretch;
  gap: 5px;
  border-top: 1px solid var(--global-color-neutral-100);
  overflow-x: auto;
  scrollbar-width: thin;
}

.globalEventTabs > button:not(.tauraThemeToggle) {
  min-width: 122px;
  padding: 0 15px;
  flex: 0 0 auto;
  border: 0;
  border-bottom: 3px solid transparent;
  color: var(--global-color-secondary-900);
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--global-font-sm);
  font-weight: 850;
}

.globalEventTabs > button:not(.tauraThemeToggle):hover { color: var(--global-color-primary-600); background: var(--global-color-neutral-100); }

.globalEventTabs > button:not(.tauraThemeToggle).active { color: var(--global-color-neutral-900); border-bottom-color: var(--global-color-primary-600); }

.canchaTopSummary {
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(660px, 4fr);
  align-items: stretch;
  gap: 14px;
  padding: 9px 20px;
  border-top: 1px solid var(--global-color-neutral-200);
  background: var(--global-color-surface);
}

.canchaTopSummaryIdentity {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 16px;
  border-right: 1px solid var(--global-color-neutral-300);
}

.canchaTopSummaryIdentity small,
.canchaTopSummaryStats small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 900;
  letter-spacing: .6px;
}

.canchaTopSummaryIdentity > small { color: var(--global-color-primary-600); }

.canchaTopSummaryIdentity > strong {
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--global-color-text);
  font-size: 20px;
  font-weight: 950;
  line-height: 1.1;
}

.canchaTopSummaryIdentity > span {
  margin-top: 3px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.canchaTopSummaryStats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.canchaTopSummaryStats > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 7px 11px;
  border: 1px solid var(--global-color-border);
  border-radius: 9px;
  background: var(--global-color-surface-soft);
}

.canchaTopSummaryStats strong {
  margin-top: 2px;
  color: var(--global-color-text);
  font-size: 16px;
  font-weight: 900;
}

@media (max-width: 1100px) {
  .canchaTopSummary { grid-template-columns: 1fr; }
  .canchaTopSummaryIdentity { padding-right: 0; padding-bottom: 8px; border-right: 0; border-bottom: 1px solid var(--global-color-neutral-300); }
}

@media (max-width: 760px) {
  .canchaTopSummaryStats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


@media (max-width: 640px) {
  .globalEventHeading h1 { font-size: 23px; }
}

table { border-collapse: separate; border-spacing: 0; }

.inscriptionsListDesired { min-width: 0; overflow: visible; }

.inscriptionsDesiredList,
.inscriptionsDesiredCard,
.inscriptionsDesiredStats,
.inscriptionsDesiredActions {
  min-width: 0;
}

@container (max-width: 1050px) {
  .inscriptionsDesiredStats { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@container (max-width: 650px) {
  .inscriptionsDesiredStats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  .inscriptionsDesiredStats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

.inscriptionsDesiredStats strong,
.inscriptionsDesiredStats small {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.inscriptionsDesiredActions { min-width: 0; }

@media (max-width: 980px) {
  .inscriptionsDesiredFilters { grid-template-columns: 1fr 1fr; }

  .inscriptionsDesiredSearch,
    .inscriptionsShowing {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .inscriptionsDesiredFilters { grid-template-columns: 1fr; }

  .inscriptionsDesiredSearch,
    .inscriptionsShowing {
    grid-column: auto;
  }

  .inscriptionsDesiredStats { grid-template-columns: 1fr; }

  .inscriptionsDesiredStats > div:last-child { border-bottom: 0; }
}

.inscriptionsDesiredStats > div:last-child { border-right: 0; }

@media (max-width: 980px) {
  .globalEventTopbarPrimary {
    align-items: flex-start;
    flex-direction: column;
    padding: 14px 18px;
  }
}

@media (max-width: 980px) {
  .globalEventActions { width: 100%; justify-content: flex-start; }

  .globalEventTabs { min-height: 55px; padding-inline: 10px; }
}

@media (max-width: 640px) {
  .globalEventTabs { min-height: 50px; }
}

@media (max-width: 980px) {
  .globalEventTabs > button:not(.tauraThemeToggle) { min-width: max-content; padding-inline: 13px; }
}

@media (max-width: 640px) {
  .globalEventHeadingRow { align-items: flex-start; flex-direction: column; }

  .globalEventActions { align-items: stretch; flex-direction: column; }
}

@media (max-width: 640px) {
  .globalEventTopbarPrimary { padding: 12px; }
}

.inscriptionsDesiredCard {
  width: 100%;
  min-width: 0;
  container-type: inline-size;
}

.inscriptionsDesiredStats {
  width: 100%;
  min-width: 0;
}

@media (max-width: 1450px) {
  .inscriptionsDesiredStats {
    grid-template-columns: minmax(120px, .95fr)
        minmax(100px, .95fr)
        minmax(90px, .8fr)
        minmax(90px, .8fr)
        minmax(90px, .8fr)
        minmax(100px, .9fr)
        minmax(125px, 1fr)
        minmax(145px, 1.05fr);
  }
}

@container (max-width: 820px) {
  .inscriptionsDesiredStats { grid-template-columns: minmax(170px, 1.05fr) minmax(170px, 1fr) minmax(160px, .9fr) minmax(180px, 1fr) minmax(210px, 1.2fr); }
}

@container (max-width: 560px) {
  .inscriptionsDesiredStats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .inscriptionsDesiredStats { grid-template-columns: minmax(190px, 1.15fr) minmax(170px, 1fr) minmax(170px, 1fr) minmax(170px, 1fr) minmax(190px, 1.1fr); }

  .classificationEntryBadges { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .finalsMemberActions { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .inscriptionsDesiredStats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 430px) {
  .inscriptionsDesiredStats { grid-template-columns: 1fr; }
}

.inscriptionsDesiredStats > div {
  min-width: 0;
  min-height: 72px;
  padding: 12px 13px;
  justify-content: center;
  border-right: 1px solid var(--global-color-neutral-100);
  border-bottom: 0;
  background: var(--global-color-surface);
}

@container (max-width: 820px) {
  .inscriptionsDesiredStats > div { border-bottom: 1px solid var(--global-color-neutral-100); }
}

@media (max-width: 900px) {
  .inscriptionsDesiredStats > div { border-bottom: 1px solid var(--global-color-neutral-100); }
}

@media (max-width: 430px) {
  .inscriptionsDesiredStats > div { border-right: 0; }
}

.classificationWorkspace { display: grid; grid-template-columns: 278px minmax(0,1fr); }

.classificationModalityItem { grid-template-columns: 34px minmax(0,1fr) 34px; }

.classificationContentColumn { min-width: 0; }

.classificationPageIntro h1 { font-size: clamp(24px,2.1vw,31px); }

.classificationPageBadge {
  padding: 10px 14px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-success-050);
  font-weight: 900;
}

.classificationHeaderStatus {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}

.classificationHeaderAlert {
  min-height: 32px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  font-size: var(--global-font-min);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: help;
}

.classificationHeaderAlert.info {
  color: var(--global-color-primary-900);
  background: var(--global-color-success-050);
}

.classificationHeaderAlert.warning {
  color: var(--global-color-warning-700);
  background: var(--global-color-warning-050);
}

.classificationReactCard { padding: 24px 26px; }

.classificationReactCardHeader h2 {
  margin: 0 0 18px;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-xl);
}

.classificationRoundControlRow {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(245px,.52fr);
  align-items: stretch;
  gap: 10px;
}

.classificationReactRounds {
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  gap: 10px;
}

.classificationReactRound {
  min-height: 42px;
  padding: 14px 15px;
  font-size: var(--global-font-sm);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  cursor: pointer;
  font-family: inherit;
}

.classificationReactRound strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-xs); }

.classificationReactRound span {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .55px;
}

.classificationReactRound small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.classificationReactRound.active strong,
.classificationReactRound.active span { color: var(--global-color-primary-900); }

.classificationViewingBar {
  margin-bottom: 0;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.classificationViewingBar>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.classificationViewingBar small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .7px;
}

.classificationViewingBar strong { color: var(--global-color-primary-600); font-size: var(--global-font-sm); }

.classificationViewingBar span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.classificationReactEntries { display: grid; }

.classificationReactEntry {
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 11px;
  background: var(--global-color-surface);
}
.classificationEntryIdentity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.classificationEntryIdentity strong {
  color: var(--global-color-neutral-900);
  font-weight: 900;
}

.classificationEntryIdentity span {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 500;
  padding-left: 9px;
  border-left: 1px solid var(--global-color-neutral-300);
}

.classificationEntryBadges { display: grid; grid-template-columns: repeat(3,minmax(118px,1fr)); gap: 7px; }

.classificationEntryBadges>div {
  min-width: 0;
  min-height: 44px;
  padding: 7px 9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-radius: 8px;
  background: var(--global-color-neutral-100);
}

.classificationEntryBadges small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); font-weight: 900; letter-spacing: .45px; }

.classificationEntryBadges strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-md); }

.classificationReactEntryBottom {
  padding: 9px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.classificationLacadorInfo {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.classificationLacadorInfo .classificationLacadorPosition {
  color: var(--global-color-neutral-900);
  font-weight: 900;
}

.classificationLacadorInfo strong { color: var(--global-color-neutral-900); }

.classificationLacadorInfo .classificationIdentityDivider,
.canchaReactPendingInlineItem .classificationIdentityDivider,
.canchaReactCurrentIdentity .classificationIdentityDivider,
.canchaReactQueueIdentity .classificationIdentityDivider,
.canchaReactPendingInlineHeader .classificationIdentityDivider {
  width: 1px;
  height: 18px;
  flex: 0 0 1px;
  background: var(--global-color-neutral-300);
}

.classificationLacadorInfo .classificationLacadorNickname {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 500;
}
.classificationReactResult {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: var(--global-font-sm);
  cursor: pointer;
  font-family: inherit;
  font-weight: 900;
}

.classificationReactFinish {
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.classificationReactFinish>div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.classificationReactFinish small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.classificationReactFinish strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-xs); }

.classificationReactAdvanced {
  margin-top: 18px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.classificationReactAdvanced>summary {
  padding: 11px 13px;
  cursor: pointer;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.classificationReactAdvancedBody { padding: 12px; border-top: 1px solid var(--global-color-neutral-100); }

.classificationReactDanger {
  margin-top: 12px;
  padding: 12px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.classificationReactDanger>div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.classificationReactDanger strong { color: var(--global-color-danger-700); font-size: var(--global-font-min); }

.classificationReactDanger span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

@media(max-width:1120px) {
  .classificationWorkspace { grid-template-columns: 230px minmax(0,1fr); padding-inline: 16px; }

  .classificationEntryBadges { grid-template-columns: repeat(3,minmax(90px,1fr)); }
}

@media(max-width:920px) {
  .classificationModalityList { grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }

  .classificationReactEntryTop,
    .classificationReactEntryBottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .classificationEntryBadges,
    .classificationReactActions {
    width: 100%;
  }
}

@media(max-width:620px) {
  .classificationEntryBadges,
    .classificationReactActions {
    grid-template-columns: 1fr;
  }

  .classificationPageIntro { flex-direction: column; }

  .classificationRoundControlRow { grid-template-columns: 1fr; }

  .classificationHeaderStatus { justify-content: flex-start; }

  .classificationReactFinish,
    .classificationReactDanger,
    .classificationViewingBar {
    align-items: flex-start;
    flex-direction: column;
  }
}

.forcasWorkspace { display: grid; grid-template-columns: 278px minmax(0,1fr); }

.forcasModalityItem { grid-template-columns: 34px minmax(0,1fr) 34px; }

.forcasContentColumn { min-width: 0; }

.forcasPageIntro h1 { font-size: clamp(24px,2.1vw,31px); }

.forcasPageBadge { padding: 10px 14px; }

.forcasConfigCard,
.forcasAutomaticSummary {
  margin-bottom: 18px;
}

.forcasConfigCard>h2,
.forcasAutomaticSummary>h2 {
  margin: 0 0 18px;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-xl);
}

.forcasRuleBox {
  margin-bottom: 18px;
  padding: 15px 16px;
  display: grid;
  grid-template-columns: minmax(220px,.75fr) minmax(260px,1.25fr);
  align-items: center;
  gap: 18px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 10px;    
}

.forcasRuleBox>div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.forcasRuleBox small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .7px;
}

.forcasRuleBox strong { color: var(--global-color-primary-900); font-size: var(--global-font-sm); }

.forcasRuleBox>span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.forcasConfigGrid {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.forcasSelectedModality,
.forcasConfigGrid label {
  min-height: 72px;
  padding: 13px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.forcasSelectedModality small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .7px;
}

.forcasSelectedModality strong { color: var(--global-color-primary-600); font-size: var(--global-font-base); }

.forcasConfigGrid label { background: var(--global-color-surface); }

.forcasConfigGrid input { padding: 0 10px; font-weight: 800; }

.forcasPossibleBox {
  margin-bottom: 18px;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  border: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
}

.forcasPossibleBox b { color: var(--global-color-neutral-500); }

.forcasPossibleBox strong {
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
}

.forcasRangesTable { border-top: 1px solid var(--global-color-neutral-100); }

.forcasRangesHeader,
.forcasRangeRow {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr 160px;
  gap: 14px;
  align-items: center;
}

.forcasRangesHeader {
  padding: 12px 10px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.forcasRangeRow { border-top: 1px solid var(--global-color-neutral-100); }

.forcasRangeRow input {
  min-width: 0;
  padding: 0 11px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-primary-600);
  background: var(--global-color-surface);
}

.forcasRangeActions { display: flex; gap: 7px; }

.forcasCoverageOk,
.forcasCoverageWarning {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: var(--global-font-min);
}

.forcasCoverageOk {
  color: var(--global-color-primary-900);
  border: 1px solid var(--global-color-neutral-300);
  background: var(--global-color-neutral-100);
}

.forcasCoverageWarning {
  color: var(--global-color-warning-700);
  border: 1px solid var(--global-color-primary-200);
  background: var(--global-color-warning-050);
}

.forcasNewRange {
  margin-top: 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.forcasNewRange>summary {
  padding: 11px 13px;
  color: var(--global-color-icon-shadow);
  cursor: pointer;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.forcasNewRangeForm {
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.forcasNewRangeForm label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-weight: 850;
}

.forcasNewRangeForm input {
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
}

.forcasNewRangeActions {
  grid-column: 1/-1;
  display: flex;
  gap: 8px;
}

.forcasSummaryStats {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(5,minmax(100px,1fr));
}

.forcasSummaryStats>div {
  min-height: 80px;
  padding: 12px 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-surface);
}

.forcasSummaryStats small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .7px;
}

.forcasSummaryStats strong {
  margin-top: 5px;
  color: var(--global-color-primary-600);
  font-size: 17px;
}

.forcasAutomaticTable {
  margin-bottom: 16px;
  overflow-x: auto;
  border-top: 1px solid var(--global-color-neutral-100);
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.forcasAutomaticHeader,
.forcasAutomaticRow {
  min-width: 900px;
  display: grid;
  grid-template-columns: 90px 1.5fr 110px 105px 105px 150px 110px;
  gap: 14px;
  align-items: center;
}

.forcasAutomaticHeader { color: var(--global-color-icon-shadow); font-weight: 900; }

.forcasAutomaticRow { border-top: 1px solid var(--global-color-neutral-100); color: var(--global-color-icon-shadow); }

.forcasAutomaticRow>strong:first-child { color: var(--global-color-neutral-900); }

.forcasStatus {
  width: max-content;
  border-radius: 999px;
  font-weight: 900;
}

.forcasDistributionGrid {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap: 10px;
}

.forcasDistributionGrid>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.forcasDistributionGrid small { color: var(--global-color-neutral-500); font-weight: 900; }

.forcasDistributionGrid strong { margin-top: 5px; color: var(--global-color-primary-900); }

.forcasDistributionGrid span {
  margin-top: 3px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.forcasAutoWaiting,
.forcasAutoDone,
.forcasAutoWarning {
  padding: 11px 13px;
  border-radius: 8px;
}

.forcasAutoWaiting {
  color: var(--global-color-warning-700);
  border: 1px solid var(--global-color-primary-200);
  background: var(--global-color-warning-050);
}

.forcasAutoDone {
  color: var(--global-color-primary-900);
  border: 1px solid var(--global-color-neutral-300);
  background: var(--global-color-neutral-100);
}

.forcasAutoWarning {
  color: var(--global-color-danger-700);
  border: 1px solid var(--global-color-neutral-300);
  background: var(--global-color-danger-050);
}

/* ETAPA 73.13 — gerenciamento das forças definidas na inscrição */
.forcasManualManageRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--global-color-neutral-200);border-radius:10px}.forcasManualManageRow>div:first-child{display:flex;flex-direction:column;gap:3px}.forcasManualManageActions{display:flex;align-items:center;gap:8px}.forcasManualPremios{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;align-items:end}.forcasManualPremios>strong{grid-column:1/-1}.forcasManualPremios label{display:flex;flex-direction:column;gap:5px}

.forcasManualList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.forcasManualList span {
  padding: 8px 11px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-success-050);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.forcasManualHint {
  margin: 14px 0 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

@media(max-width:1120px) {
  .forcasWorkspace { grid-template-columns: 230px minmax(0,1fr); padding-inline: 16px; }

  .forcasRangesHeader,
    .forcasRangeRow {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .forcasRangeActions { grid-column: 1/-1; }
}

@media(max-width:920px) {
  .forcasModalityList { grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }

  .forcasRuleBox,
    .forcasConfigGrid {
    grid-template-columns: 1fr;
  }

  .forcasSummaryStats { grid-template-columns: repeat(3,minmax(100px,1fr)); }
}

@media(max-width:620px) {
  .forcasPageIntro { flex-direction: column; }

  .forcasRangesHeader { display: none; }

  .forcasRangeRow { grid-template-columns: 1fr; }

  .forcasNewRangeForm,
    .forcasSummaryStats {
    grid-template-columns: 1fr;
  }

  .forcasNewRangeActions { grid-column: auto; }
}

.loginProfessionalPage {
  min-height: 100vh;
  padding: 28px;
  display: grid;
  place-items: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #071722;
}

/* Fundo do login com o mesmo tratamento visual do site institucional. */
.loginProfessionalPage::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background: url(images/site-rodeio-hero.png) center center / cover no-repeat;
  filter: saturate(.82) contrast(1.06) brightness(.62);
  transform: scale(1.01);
}

.loginProfessionalPage::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(2,15,25,.82) 0%,rgba(3,20,31,.58) 36%,rgba(3,18,28,.40) 64%,rgba(2,12,20,.68) 100%),
    linear-gradient(0deg,rgba(2,12,21,.72) 0%,rgba(2,14,24,.18) 48%,rgba(2,14,24,.48) 100%);
}

.loginProfessionalShell {
  width: min(1120px,100%);
  min-height: 650px;
  display: grid;
  grid-template-columns: minmax(360px,.9fr) minmax(420px,1.1fr);
  overflow: hidden;
  background: var(--global-color-surface);
}

.loginProfessionalBrand {
  position: relative;
  padding: 42px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--global-color-white);
  background: radial-gradient(circle at 80% 18%,color-mix(in srgb, var(--global-color-primary-600) 26%, transparent),transparent 30%),linear-gradient(150deg,var(--global-color-neutral-950),var(--global-color-neutral-950) 58%,var(--global-color-neutral-950));
}

.loginProfessionalBrandTop {
  display: flex;
  align-items: center;
  gap: 14px;
}

.loginProfessionalLogo {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 22%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--global-color-white) 6%, transparent);
  font-size: var(--global-font-3xl);
}

.loginProfessionalBrandTop>div:last-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.loginProfessionalBrandTop small {
  color: var(--global-color-neutral-300);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.2px;
}

.loginProfessionalBrandTop strong { font-size: 24px; color: var(--global-color-secondary-800); }

.loginProfessionalBrandHero>span {
  color: var(--global-color-secondary-800);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.5px;
}

.loginProfessionalBrandHero h1 {
  margin: 12px 0 16px;
  color: var(--global-color-white);
  font-size: clamp(32px,3.1vw,48px);
  line-height: 1.03;
  letter-spacing: -1.3px;
}

.loginProfessionalBrandHero p {
  max-width: 390px;
  margin: 0;
  color: var(--global-color-neutral-300);
  font-size: var(--global-font-md);
  line-height: 1.65;
}

.loginProfessionalBrandFooter {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.loginProfessionalBrandFooter span {
  color: var(--global-color-secondary-800);
  font-size: var(--global-font-min);
  font-weight: 950;
}

.loginProfessionalBrandFooter small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.loginProfessionalPanel {
  padding: 42px 56px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--global-color-surface);
}

.loginProfessionalFormWrap { width: min(430px,100%); margin: auto; }

.loginProfessionalHeading>span {
  color: var(--global-color-secondary-900);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.2px;
}

.loginProfessionalHeading h2 {
  margin: 8px 0 6px;
  color: var(--global-color-neutral-900);
  font-size: 34px;
}

.loginProfessionalHeading p {
  margin: 0 0 24px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  line-height: 1.55;
}

.loginProfessionalForm { display: grid; gap: 16px; }

.loginProfessionalForm>label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.loginProfessionalInput {
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-neutral-100);
}

.loginProfessionalInput:focus-within {
  border-color: var(--global-color-primary-600);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-color-primary-600) 11%, transparent);
}

.loginProfessionalInput>span { color: var(--global-color-primary-600); }

.loginProfessionalInput input {
  width: 100%;
  border: 0!important;
  outline: 0;
  background: transparent!important;
  box-shadow: none!important;
}

.loginProfessionalButton {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.loginProfessionalSecurity {
  margin-top: 22px;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
}

.loginProfessionalSecurity>div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.loginProfessionalSecurity strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.loginProfessionalSecurity small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.loginProfessionalVersion {
  margin-top: auto;
  padding-top: 22px;
  color: var(--global-color-neutral-500);
  text-align: center;
  font-size: var(--global-font-min);
}

.rodeioPortalActions .phpButton { padding: 0 11px; }

.rodeiosPortalHero { margin-top: 22px !important; }

@media(max-width:650px) {
  .rodeiosPortalHero { margin-top: 14px !important; }
}

.finalsWorkspace { display: grid; grid-template-columns: 278px minmax(0,1fr); }

.finalsModalityItem { grid-template-columns: 34px minmax(0,1fr) 34px; }

.finalsContentColumn { min-width: 0; }

.finalsPageIntro>div>span {
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.15px;
}

.finalsPageIntro h1 { font-size: clamp(24px,2.1vw,31px); }

.finalsPageBadge { padding: 10px 14px; }

.finalsSelectors {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: minmax(220px,1fr) 315px;
  gap: 14px;
}

.finalsSelectors label { display: flex; flex-direction: column; }

.finalsSelectors select { padding: 0 12px; }

.finalsMainCard { margin-bottom: 18px; }

.finalsMainCard>h2 {
  margin: 0 0 18px;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-xl);
}

.finalsNotice {
  margin-bottom: 18px;
  padding: 15px 16px;
  border: 1px solid var(--global-color-primary-200);
  color: var(--global-color-icon-shadow);
  background: var(--global-color-success-050);
}

.finalsStats {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(4,minmax(120px,1fr));
}

.finalsStats>div {
  min-height: 80px;
  padding: 12px 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-surface);
}

.finalsStats small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.finalsStats strong {
  margin-top: 5px;
  color: var(--global-color-primary-600);
  font-size: 17px;
}

.finalsRuleBox {
  margin-bottom: 18px;
  padding: 13px 15px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 10px;
}

.finalsRuleBox strong { color: var(--global-color-primary-900); font-size: var(--global-font-min); }

.finalsRuleBox span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.finalsParticipants { display: grid; }

.finalsMemberActions {
  grid-template-columns: repeat(2,minmax(120px,1fr));
}

.finalsResultButton { min-height: 38px; cursor: pointer; font-family: inherit; font-size: var(--global-font-sm); }

.finalsFinishBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.finalsFinishActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.finalsFlow {
  margin-bottom: 18px;
  padding: 16px;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 14px 24px;
  align-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  background: var(--global-color-neutral-100);
}

.finalsFlow.ready { border-color: var(--global-color-neutral-300); background: var(--global-color-success-050); }

.finalsFlowSteps {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.finalsFlowSteps span {
  min-height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-neutral-500);
  background: var(--global-color-surface);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.finalsFlowSteps span.done {
  color: var(--global-color-primary-900);
  border-color: var(--global-color-neutral-300);
  background: var(--global-color-neutral-100);
}

.finalsFlow p {
  grid-column: 1/-1;
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.finalsChampion {
  min-height: 330px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 14px;
  text-align: center;
  background: radial-gradient(circle at 50% 30%,color-mix(in srgb, var(--global-color-primary-600) 18%, transparent),transparent 34%),linear-gradient(180deg,var(--global-color-warning-050),var(--global-color-primary-200));
}

.finalsChampionIcon { font-size: 58px; }

.finalsChampionNumber {
  margin-top: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-surface);
  font-size: var(--global-font-md);
  font-weight: 950;
}

.finalsChampion h2 {
  margin: 14px 0 5px;
  color: var(--global-color-primary-600);
  font-size: var(--global-font-3xl);
}

.finalsAdvanced {
  margin-top: 18px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-surface);
}

.finalsAdvanced>summary {
  padding: 12px 14px;
  color: var(--global-color-icon-shadow);
  cursor: pointer;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.finalsAdvancedBody { padding: 14px; border-top: 1px solid var(--global-color-neutral-100); }

.finalsDangerZone {
  margin-top: 16px;
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

/* Telão — paleta própria e independente do tema global.
   A visualização interna e o telão em tela cheia usam exatamente os mesmos tokens. */
.phpTelaoBody,
.phpTelaoMainHeader,
.phpTelaoMainHero,
.phpTelaoMainQueue {
  --global-color-neutral-950:#03131e;/*#151d39;*/
  --global-color-neutral-900:#133b5b;
  --global-color-neutral-500:#061b29;/*#596978;*/
  --global-color-neutral-300:#c3cfd5;
  --global-color-neutral-100:#e9edef;
  --global-color-white:#ffffff;
  --global-color-primary-900:#09283a;/*#021e32;*/
  --global-color-primary-600:#294252;/*#2e6f9e;*/
  --global-color-primary-200:#c0d4e5;
  --global-color-secondary-900:#a26c36;
  --global-color-secondary-800:#dfb171;
  --global-color-secondary-700:#f7daa0;
  --global-color-success-700:#397347;
  --global-color-success-600:#4f8149;
  --global-color-success-050:#f3f8f2;
  --global-color-danger-700:#8f3c3c;
  --global-color-danger-600:#ad5151;
  --global-color-danger-050:#fff0f0;
  --global-color-warning-700:#8d6a27;
  --global-color-warning-600:#b88a35;
  --global-color-warning-050:#fff8e5;
  --global-color-info-700:#1f567c;
  --global-color-info-600:#2e6f9e;
  --global-color-info-050:#f3f8fb;
  --global-color-primary:var(--global-color-primary-600);
  --global-color-primary-dark:var(--global-color-primary-600);
  --global-color-bg:var(--global-color-neutral-100);
  --global-color-surface:var(--global-color-white);
  --global-color-surface-soft:var(--global-color-neutral-100);
  --global-color-text:var(--global-color-neutral-900);
  --global-color-text-secondary:var(--global-color-icon-shadow);
  --global-color-muted:var(--global-color-neutral-500);
  --global-color-border:var(--global-color-neutral-100);
  --laco-bg:var(--global-color-neutral-100);
  --laco-green:var(--global-color-primary-600);
  --laco-green-2:var(--global-color-primary-600);
}

.phpTelaoBody {
  margin: 0;
  min-height: 100vh;
  overflow: hidden;

}

.phpTelaoPage {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  font-family: var(--global-font-family);
}

.scoreboardLive,.scoreboardChampion,.scoreboardWaiting {
  width: 100%;
  box-sizing: border-box;
  color: var(--global-color-neutral-100);
}

.scoreboardWaiting {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 8%, transparent);
  border-radius: 24px;
  text-align: center;
  background: radial-gradient(circle at 50% 40%,color-mix(in srgb, var(--global-color-primary-600) 11%, transparent),transparent 30%),var(--global-color-neutral-900);
}

.scoreboardWaitingLogo {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 12%, transparent);
  border-radius: 20px;
  font-size: 34px;

}

.scoreboardWaiting>small {
  margin-top: 18px;
  font-size: var(--global-font-min);
  font-weight: 950;
}

.scoreboardWaiting h1 {
  margin: 10px 0 6px;
  color: var(--global-color-white);
  font-size: clamp(34px,4vw,62px);
}

.scoreboardWaiting p {
  max-width: 580px;
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-base);
  line-height: 1.6;
}

.scoreboardChampion {
  display: grid;

}

.scoreboardChampionHeader,.scoreboardChampionFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.scoreboardBrand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.scoreboardBrand>span {
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 14%, transparent);

  font-size: var(--global-font-2xl);
}

.scoreboardBrand>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.scoreboardBrand small { font-weight: 900; }

.scoreboardChampionContext {
  border: 1px solid color-mix(in srgb, var(--global-color-primary-600) 22%, transparent);
  border-radius: 999px;
  font-weight: 900;
}

.scoreboardChampionBody {
  position: relative;
  z-index: 1;
  text-align: center;
}

.scoreboardChampionFooter {

  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.scoreboardLive { display: grid;  }

.scoreboardLiveHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

}

.scoreboardLiveMeta { display: flex; align-items: center; }

.scoreboardLiveMeta>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-radius: 10px;
}

.scoreboardLiveMeta small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.scoreboardLiveMeta strong { color: var(--global-color-white); }

.scoreboardLiveBadge {

  font-size: var(--global-font-min);
}

.scoreboardLastResult {
  display: grid;
  align-items: center;
  gap: 14px;

}

.scoreboardLiveHero { min-height: 0; display: grid; }

.scoreboardCurrent,.scoreboardNext { min-height: 0; }

.scoreboardCurrent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

}

.scoreboardSectionLabel { font-weight: 950; }

.scoreboardCurrentNumber { border-radius: 999px; font-weight: 950; }

.scoreboardCurrent h1 { line-height: .95; }

.scoreboardCurrent p { color: var(--global-color-icon-shadow); }

.scoreboardCurrentResult,.scoreboardPending { border-radius: 999px; font-weight: 1000; }

.scoreboardNext {
  display: flex;
  flex-direction: column;
  color: var(--global-color-white);

}

.scoreboardQueue {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0,1fr);

  overflow: hidden;
}

.scoreboardQueueHeader {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.scoreboardQueueList { min-height: 0; display: grid; }

.scoreboardQueueDetailedStatus.positive .icon { background: color-mix(in srgb, var(--global-color-success-600) 32%, transparent); }

.scoreboardQueueDetailedStatus.negative .icon { background: color-mix(in srgb, var(--global-color-danger-600) 32%, transparent); }

.scoreboardQueueDetailedStatus.pending .icon { background: color-mix(in srgb, var(--global-color-white) 9%, transparent); }

.scoreboardQueueDetailedStatus.late .icon { background: color-mix(in srgb, var(--global-color-warning-600) 30%, transparent); }

@media(max-width:920px) {
  .loginProfessionalShell { grid-template-columns: 1fr; }

  .loginProfessionalBrand { min-height: 300px; }
}

@media(max-width:640px) {
  .loginProfessionalPage { padding: 12px; }

  .loginProfessionalBrand { padding: 28px; }

  .loginProfessionalPanel { padding: 28px 22px; }
}

@media(max-width:920px) {
  .finalsSelectors,.finalsStats { grid-template-columns: 1fr 1fr; }
}

@media(max-width:640px) {
  .finalsFinishBar { align-items: flex-start; flex-direction: column; }
}

@media(max-width:920px) {
  .scoreboardLiveHero { grid-template-columns: 1fr; }
}

@media(max-width:640px) {
  .finalsSelectors,.finalsStats,.finalsMemberActions,.finalsFlowSteps { grid-template-columns: 1fr; }
}

.canchaReactWorkspace { display: grid; grid-template-columns: 278px minmax(0,1fr); }

.canchaReactModalityItem { grid-template-columns: 34px minmax(0,1fr) 34px; }

.canchaReactModalityCount {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 50%;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.canchaReactModalityItem.active .canchaReactModalityCount {
  color: var(--global-color-primary-900);
  border-color: color-mix(in srgb, var(--global-color-white) 55%, transparent);
}

/* Controle da Cancha — cores operacionais fixas nos dois temas.
   O tema altera apenas o fundo estrutural da página. */
.canchaReactContent {
  min-width: 0;
  --cancha-fixed-surface:#ffffff;
  --cancha-fixed-surface-soft:#e9edef;
  --cancha-fixed-border:#dadfe3;
  --cancha-fixed-text:#133b5b;
  --cancha-fixed-text-secondary:#000000;
  --cancha-fixed-primary:#2e6f9e;
  --cancha-fixed-primary-dark:#2b2624;
  --cancha-fixed-primary-soft:#c0d4e5;
  --cancha-fixed-positive-bg:#f3f8f2;
  --cancha-fixed-positive:#4f8149;
  --cancha-fixed-positive-border:#397347;
  --cancha-fixed-negative-bg:#fff0f0;
  --cancha-fixed-negative:#ad5151;
  --cancha-fixed-negative-border:#8f3c3c;
  --cancha-fixed-late-bg:#fff8e5;
  --cancha-fixed-late:#8d6a27;
}

.canchaReactPanel,
.canchaReactCard {
  color:var(--global-color-text);
  border:1px solid var(--global-color-border);
  background:var(--global-color-surface);
}


.canchaReactIntro>div>span {
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.15px;
}

.canchaReactIntro h1 { font-size: clamp(24px,2.1vw,31px); }

.canchaReactIntroTitle {
  min-width: 0;
}

.canchaReactTitleLine {
  display: flex;
  align-items: center;
  gap: 12px;
}

.canchaReactTitleLine h1 {
  margin: 0;
}

.canchaReactTitleLine .phpSyncBadge {
  flex: 0 0 auto;
}

.canchaReactModeBadge { padding: 10px 14px; }

.canchaReactSessionBar {
  margin-bottom: 12px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--cancha-fixed-primary-soft);
  border-radius: 10px;
  background: var(--cancha-fixed-positive-bg);
}

.canchaReactSessionInfo {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.canchaReactSessionIdentity {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.canchaReactSessionBar small {
  color: var(--cancha-fixed-primary);
  font-size: var(--global-font-min);
  font-weight: 950;
}

.canchaReactSessionIdentity strong {
  color: var(--cancha-fixed-text);
  font-size: var(--global-font-lg);
  font-weight: 900;
  line-height: 1.1;
}

.canchaReactSessionDescription {
  max-width: 430px;
  padding-left: 16px;
  border-left: 1px solid var(--global-color-neutral-300);
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.3;
}

.canchaReactSessionActions {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.canchaReactStartedButton {
  min-height: 43px;
  padding: 0 15px;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: 9px;
  color: var(--cancha-fixed-primary-dark);
  background: var(--cancha-fixed-primary-soft);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.canchaReactStats { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); }

@media(min-width:1121px) {
  .canchaReactStats { grid-template-columns: repeat(6,minmax(0,1fr)); }
}

.canchaReactStats>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-border);
  border-radius: 9px;
  background: var(--global-color-surface);
}

.canchaReactStats small { color: var(--global-color-muted); font-weight: 900; }

.canchaReactStats strong { color: var(--global-color-text); }

.canchaReactOperationGrid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(500px,1fr);
  align-items:stretch;
  gap:12px;
  margin-top:4px;
  margin-bottom:10px;
}

.canchaReactPanel>h2 { margin: 0 0 18px; color: var(--global-color-text); }

.canchaReactCurrent {
  gap: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  padding: 15px 18px;
  border: 1px solid #dadfe3 !important;
  border-radius: 14px;
  box-shadow:inset 3px 0 0 #a26c36 !important;
  background:radial-gradient(circle at 50% 12%,rgba(247,218,160,.20),transparent 34%),
             linear-gradient(145deg,#ffffff,#e9edef) !important;
}

.canchaReactCurrent>span,
.canchaReactNext>span {
  margin-bottom: 26px;    
  color: var(--global-color-secondary-900);
  padding: 5px;
  border-bottom: 1px solid #a26c36;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.canchaReactCurrent h3 {
  margin: 0;
  color: var(--global-color-primary-600);
  font-size: 30px;
  font-weight: 900;
  line-height: 1.05;
}

.canchaReactCurrentNumber {
  margin-top: 8px;
  padding: 8px 8px;
  color: #f3f8f2;
  align-self: flex-start;
  background: var(--global-color-primary-600);
  border: 1px solid var(--global-color-primary-600);
  border-radius: 12px;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.05;
}

.canchaReactCurrentIdentity {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-top: 6px;
}

.canchaReactCurrentIdentity small {
  color: var(--global-color-primary-600);
  font-size: 16px;
}

.canchaReactCurrentEntity {
  margin: 5px 0 0;
  color: var(--cancha-fixed-text-secondary);
  font-size: 16px;
  font-weight: var(--global-weight-normal);
}

.canchaReactCurrent p {
  margin: 7px 0 0;
  color: var(--global-color-primary-600);
  font-size: 16px;
}

.canchaReactCurrentMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.canchaReactCurrentMeta span {
  padding: 6px 9px;
  border-radius: 7px;
  color: var(--global-color-primary-600);
  background: #dadfe3;
  font-size: var(--global-font-sm);
  font-weight: 700;
}

.canchaReactLateBadge {
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid var(--cancha-fixed-primary-soft);
  border-radius: 8px;
  color: var(--cancha-fixed-late);
  background: var(--cancha-fixed-late-bg);
  font-weight: 900;
}

.canchaReactExistingResult {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: var(--global-font-min);
}

.canchaReactExistingResult.positive { color: var(--cancha-fixed-positive); background: var(--cancha-fixed-positive-bg); }

.canchaReactExistingResult.negative { color: var(--cancha-fixed-negative); background: var(--cancha-fixed-negative-bg); }

.canchaReactResultControl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.canchaReactResultControl button {
  border-radius: 11px;
  font-family: inherit;
  font-weight: 950;
  cursor: pointer;
}

.canchaReactOperationalActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.canchaReactOperationalCloseButton {
  margin-left: auto;
  min-height: 38px;
  white-space: nowrap;
}

.canchaReactNext {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--cancha-fixed-border);
  border-radius: 11px;
  background: var(--cancha-fixed-surface-soft);
}

.canchaReactNext strong { margin-top: 1px; color: var(--global-color-secondary-900); font-size: 14px; }

.canchaReactNext p {
  margin: 1px 0 0;
  color: var(--cancha-fixed-text-secondary);
  font-size: 18px;
}

.canchaReactCard {
  margin-bottom:16px;
  border:1px solid var(--global-color-border);
  border-radius:12px;
}

.canchaReactCardHeader {
  margin-bottom: 0;
  padding: 0px 10px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.canchaReactCardHeader h2 {
  margin: 0;
  color: var(--global-color-text);
  font-size: 17px;
}

.canchaReactCardHeader small {
  display: block;
  margin-top: 4px;
  color: var(--global-color-muted);
  font-size: var(--global-font-min);
}

.canchaReactOrderHeader { align-items: center; }

.canchaReactOrderHeading {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}

.canchaReactOrderHeading h2,
.canchaReactOrderHeading small { margin: 0; }
.canchaReactOrderHeading small { white-space: nowrap; }
.canchaReactOrderSeparator { flex:0 0 auto; font-weight:800; color:var(--global-color-neutral-500); }

.canchaReactOrderActions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.canchaReactOrderMode {
  padding: 6px 9px;
  border-radius: 999px;
  color: var(--cancha-fixed-primary-dark);
  background: var(--cancha-fixed-primary-soft);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.canchaReactOrderMode.manual { color: var(--cancha-fixed-late); background: var(--cancha-fixed-late-bg); }

.canchaReactQueue { display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); }

.canchaReactQueueItem {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--cancha-fixed-border);
  border-radius: 9px;
  color: var(--cancha-fixed-text);
  background: var(--cancha-fixed-surface);
}

.canchaReactQueueItem[draggable="true"] { cursor: grab; transition: transform .18s cubic-bezier(.2,.8,.2,1), opacity .18s ease, box-shadow .18s ease; will-change: transform; }
.canchaReactQueueItem[draggable="true"]:active { cursor: grabbing; }
.canchaReactQueueItem.dragging { opacity: .72; cursor: grabbing; transform: scale(.975); z-index: 5; box-shadow: 0 10px 24px color-mix(in srgb, var(--cancha-fixed-text) 14%, transparent); }
.canchaReactQueueItem.dragBefore::before,
.canchaReactQueueItem.dragAfter::after { content:""; position:absolute; z-index:3; left:4px; right:4px; height:3px; border-radius:3px; background:var(--cancha-fixed-primary); }
.canchaReactQueueItem.dragBefore::before { top:0; }
.canchaReactQueueItem.dragAfter::after { bottom:0; }

.canchaReactQueueItem.active {
  border-color: var(--cancha-fixed-primary);
  box-shadow: inset 3px 0 0 var(--cancha-fixed-primary);
  background: var(--cancha-fixed-surface-soft);
}

.canchaReactQueueItem.positive { border-color: var(--cancha-fixed-positive-border); background: var(--cancha-fixed-positive-bg);  box-shadow: inset 3px 0 0 var(--cancha-fixed-positive-border);}

.canchaReactQueueItem.negative { border-color: var(--cancha-fixed-negative-border); background: var(--cancha-fixed-negative-bg); box-shadow: inset 3px 0 0 var(--cancha-fixed-negative-border);}

.canchaReactQueueItem.late { border-color: var(--cancha-fixed-late); background: var(--cancha-fixed-late-bg); box-shadow: inset 3px 0 0 var(--cancha-fixed-late); }

.canchaReactQueueSelect {
  width: 100%;
  min-height: 66px;
  padding: 9px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}

.canchaReactQueueStatus {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 900;
}

.canchaReactQueueIdentity {
  width: 100%;
  margin-top: 5px;
  display: flex;
  align-items: center;
  color: var(--global-color-primary-600);
  gap: 7px;
  min-width: 0;
  white-space: nowrap;
}

.canchaReactQueueIdentity strong,
.canchaReactQueueIdentity b {
  flex: 0 0 auto;
  font-size: var(--global-font-sm);
  font-weight: 900;
}

.canchaReactQueueIdentity b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.canchaReactQueueIdentity small {
  min-width: 0;
  overflow: hidden;
  color: var(--cancha-fixed-text-secondary);
  font-size: var(--global-font-min);
  text-overflow: ellipsis;
}

.canchaReactQueueEntity {
  display:block;
  width:100%;
  margin-top:4px;
  overflow:hidden;
  color:var(--cancha-fixed-text-secondary);
  font-size:var(--global-font-min);
  font-weight:700;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.canchaReactQueueSelect>em {
  margin-top: 5px;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: var(--global-font-min);
  font-style: normal;
  font-weight: 900;
}

.canchaReactQueueItem.positive em { color: var(--cancha-fixed-positive); background: var(--cancha-fixed-border);}

.canchaReactQueueItem.negative em { color: var(--cancha-fixed-negative); background: var(--cancha-fixed-border);}

.canchaReactQueueTools {
  padding: 7px 8px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  border-top: 1px solid var(--cancha-fixed-border);
}

.canchaReactQueueTools button {
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid var(--cancha-fixed-border);
  border-radius: 6px;
  color: var(--cancha-fixed-text-secondary);
  background: var(--cancha-fixed-surface);
  cursor: pointer;
  font-size: var(--global-font-min);
  font-weight: 850;
}

.canchaReactQueueTools .next {
  margin-left: auto;
  color: var(--cancha-fixed-primary-dark);
  border-color: var(--cancha-fixed-primary-soft);
  background: var(--cancha-fixed-positive-bg);
}

.canchaReactSyncNotice {
  padding: 12px 14px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 9px;
  background: var(--global-color-success-050);
}

.canchaReactSyncNotice strong { font-size: var(--global-font-min); }

.canchaReactSyncNotice span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.canchaReactEmptySession {
  padding: 22px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  color: var(--global-color-neutral-500);
  background: var(--global-color-surface);
  text-align: center;
  font-size: var(--global-font-min);
}

.canchaReactChampion {
  margin-bottom: 16px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 14px;
  text-align: center;
  background: linear-gradient(180deg,var(--global-color-warning-050),var(--global-color-primary-200));
}

.canchaReactChampion small {
  color: var(--global-color-primary-900);
  font-size: var(--global-font-min);
  font-weight: 950;
}

.canchaReactChampion>strong {
  margin-top: 9px;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-surface);
  font-size: var(--global-font-sm);
}

.canchaReactChampion h2 {
  margin: 12px 0 3px;
  color: var(--global-color-primary-600);
  font-size: 25px;
}

.canchaReactChampion span,
.canchaReactChampion p {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
}

.canchaReactDivisionWinners {
  width: min(720px,100%);
  margin: 14px auto 10px;
  display: grid;
  gap: 8px;
}

.canchaReactDivisionWinner {
  min-height: 48px;
  display: grid;
  grid-template-columns: 64px minmax(0,1fr);
  align-items: center;
  border: 1px solid var(--global-color-neutral-200);
  border-radius: 10px;
  overflow: hidden;
  background: var(--global-color-surface);
  text-align: left;
}

.canchaReactDivisionWinner strong {
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--global-color-white);
  background: var(--global-color-primary-600);
  font-size: 18px;
  font-weight: 950;
}

.canchaReactDivisionWinner span {
  padding: 0 14px;
  color: var(--global-color-primary-600);
  font-size: 16px;
  font-weight: 850;
}

.phpButton,
.phpButton.primary,
.phpButton.secondary,
.phpButton.danger,
.phpButton.warning,
.reactCompactButton,
.reactSearchButton,
.reactRemoveButton,
.rodeioPortalDelete,
.finalsResultButton,
.canchaReactPositive,
.canchaReactNegative {
  letter-spacing: 0;
}

.scoreboardQueueDetailed {
  min-width: 0;
  display: grid;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 8%, transparent);

}

.scoreboardQueuePosition span {
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--global-color-neutral-100);
  background: color-mix(in srgb, var(--global-color-white) 8%, transparent);
  font-weight: 950;
}

.scoreboardQueueDetailedNumber,
.scoreboardQueueDetailedName {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.scoreboardQueueDetailed small { font-weight: 900; }

.scoreboardQueueDetailedName strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scoreboardQueueDetailedName span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--global-font-min);
}

.scoreboardQueueDetailedStatus {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  align-items: center;
  gap: 6px;
  background: color-mix(in srgb, var(--global-color-white) 6%, transparent);
}

.scoreboardQueueDetailedStatus .icon {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: var(--global-font-sm);
  font-weight: 950;
}

.scoreboardQueueDetailedStatus>div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.scoreboardQueueDetailedStatus strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--global-font-min);
}

.scoreboardQueueDetailedStatus.positive {
  color: var(--global-color-neutral-300);
  background: color-mix(in srgb, var(--global-color-success-600) 20%, transparent);
}

.scoreboardQueueDetailedStatus.negative {
  color: var(--global-color-white);
  background: color-mix(in srgb, var(--global-color-danger-600) 20%, transparent);
}

.scoreboardQueueDetailedStatus.current{color: #2e6f9e}
.scoreboardQueueDetailedStatus.current .icon{background:rgba(46,111,158,.24)}

.scoreboardQueueDetailedStatus.pending {
  color: var(--global-color-neutral-300);
  background: color-mix(in srgb, var(--global-color-white) 6.5%, transparent);
}

.scoreboardQueueDetailedStatus.late {
  color: var(--global-color-white);
  background: color-mix(in srgb, var(--global-color-warning-600) 20%, transparent);
}

.scoreboardChampionHeader .scoreboardBrand strong { color: var(--global-color-success-050); }

.scoreboardChampionTrophy {

  font-size: 62px;
  filter: drop-shadow(0 10px 22px color-mix(in srgb, var(--global-color-warning-600) 16%, transparent));
}

@media(max-width:640px) {
  .scoreboardChampionTrophy { font-size: 52px; }
}

.scoreboardChampionBody h1 { max-width: 1100px; text-wrap: balance; }

.scoreboardChampionFooter span:last-child { color: var(--global-color-primary-600); }

.scoreboardLegend span {
  padding: 0;
  background: transparent !important;
  border-radius: 0;
  font-size: var(--global-font-min);
  font-weight: 850;
}

.scoreboardLegend span i {
  font-style: normal;
  font-size: var(--global-font-min);
  line-height: 1;
}

.scoreboardLegend .positive { color: var(--global-color-success-600); }

.scoreboardLegend .negative { color: var(--global-color-danger-600); }

.scoreboardLegend .pending { color: var(--global-color-neutral-300); }

.scoreboardLegend .late { color: var(--global-color-warning-600); }

@media(max-width:640px) {
  .scoreboardChampionBody h1 { font-size: clamp(34px,10vw,52px); }
}

@media(max-width:1120px) {
  .canchaReactWorkspace { grid-template-columns: 230px minmax(0,1fr); padding-inline: 16px; }

  .canchaReactStats { grid-template-columns: repeat(3,minmax(110px,1fr)); }
}

@media(max-width:920px) {
  .canchaReactModalityList { grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }

  .canchaReactOperationGrid { grid-template-columns: 1fr; }
}

@media(max-width:620px) {
  .canchaReactIntro,
  .canchaReactSessionBar,
  .canchaReactStats,
  .canchaReactResultControl {
    grid-template-columns: 1fr;
  }

  .canchaReactSessionActions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .canchaReactSyncNotice { grid-template-columns: 1fr; }
}

@media(max-width:620px) {
  .scoreboardQueueDetailed { grid-template-columns: 34px 76px minmax(90px,1fr); }

  .scoreboardQueueDetailedStatus { grid-column: 2/-1; }
}

.scoreboardChampionHeader { min-height: 78px; }

.scoreboardChampionFooter { min-height: 50px; color: var(--global-color-neutral-500); }

.scoreboardQueueList {
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-auto-rows: 43px !important;
  align-content: start !important;
  align-items: start !important;
  overflow-y: auto;
}

@media(max-width:920px) {
  .scoreboardQueueList { grid-auto-rows: 43px !important; }
}

.scoreboardQueueDetailed {
  height: 43px;
  max-height: 43px;
  box-sizing: border-box;
}

@media(max-width:920px) {
  .scoreboardQueueDetailed { height: 43px; max-height: 43px; }
}

.scoreboardLegend { justify-content: flex-end; flex-wrap: wrap; }

@media(max-width:640px) {
  .scoreboardLegend { justify-content: flex-start; }

  .scoreboardQueueHeader { flex-direction: column; }
}

.rodeiosPortal {
  min-height: 100vh;
  padding: 42px clamp(18px,4vw,64px) 60px;
  color: var(--global-color-neutral-900);
  background: radial-gradient(
      circle at 90% 6%,
      color-mix(in srgb, var(--global-color-primary-600) 10%, transparent),
      transparent 23%
    ),
    var(--global-color-neutral-100);

  padding-top: 0 !important;
}

.rodeiosPortalHero {
  max-width: 1500px;
  margin: 0 auto 22px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-white);

}

.rodeiosPortalHeroContent>span {
  color: var(--global-color-secondary-800);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.4px;
}

.rodeiosPortalHeroContent h1 {
  margin: 10px 0 8px;
  color: var(--global-color-white);
  font-family: var(--global-font-family-display);
  line-height: 1;
  letter-spacing: -1px;
}

.rodeiosPortalHeroContent p { margin: 0; line-height: 1.65; }

.rodeiosNewButton {
  flex: 0 0 auto;
  padding-inline: 20px;
}

.rodeiosPortalSection {
  max-width: 1500px;
  margin: 0 auto;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
}

.rodeiosPortalSectionHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.rodeiosPortalSectionHeader>div>span {
  color: var(--global-color-secondary-900);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1px;
}

.rodeiosPortalSectionHeader h2 { margin: 6px 0 0; color: var(--global-color-neutral-900); }

.rodeiosPortalSectionHeader>small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.rodeiosCardsGrid { display: grid; }

.rodeioPortalCard {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
  transition: transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease;
}

.rodeioPortalCard:hover { border-color: var(--global-color-neutral-300); transform: translateY(-3px); }

.rodeioPortalCover {
  width: 100%;
  padding: 0;
  border: 0;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}

.rodeioPortalCover.no-cover {
  background: radial-gradient(
      circle at 80% 15%,
      color-mix(in srgb, var(--global-color-primary-600) 26%, transparent),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      var(--global-color-neutral-900),
      var(--global-color-primary-600)
    );
}

.rodeioPortalCoverFallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: color-mix(in srgb, var(--global-color-white) 72%, transparent);
}

.rodeioPortalCoverFallback span { font-size: 46px; }

.rodeioPortalCoverFallback small {
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1.2px;
}

.rodeioPortalCoverText {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  color: var(--global-color-white);

}

.rodeioPortalCoverText strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rodeioPortalMeta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.rodeioPortalMeta>div {
  min-width: 0;
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 8px;
  background: var(--global-color-success-050);
}

.rodeioPortalMeta small { color: var(--global-color-neutral-500); font-weight: 900; }

.rodeioPortalMeta strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--global-color-icon-shadow);
}

.rodeioPortalActions { display: grid; }

.rodeioPortalActions select {
  min-width: 0;
  padding: 0 8px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  font-size: var(--global-font-min);
  font-weight: 800;
}

.rodeioPortalDelete {
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  cursor: pointer;
}

.rodeiosPortalEmpty {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px dashed var(--global-color-neutral-100);
  border-radius: 12px;
  background: var(--global-color-neutral-100);
}

.rodeiosPortalEmpty>span { font-size: 44px; }

.rodeiosPortalEmpty h3 {
  margin: 10px 0 5px;
  color: var(--global-color-primary-600);
  font-size: var(--global-font-xl);
}

.rodeiosPortalEmpty p {
  margin: 0 0 14px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.rodeiosModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1300;
  padding: 24px;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 58%, transparent);
  backdrop-filter: blur(6px);
}

.rodeiosModal {
  width: min(860px,100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 24px;
  background: var(--global-color-surface);
}

.rodeiosModalHeader {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.rodeiosModalHeader>div>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.1px;
}

.rodeiosModalHeader h2 {
  margin: 5px 0 5px;
  color: var(--global-color-neutral-900);
  font-size: 23px;
}

.rodeiosModalHeader p {
  max-width: 620px;
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.55;
}

.rodeiosModalClose {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  font-size: 21px;
}

.rodeiosModalForm { display: grid; }

.rodeiosCoverUpload { min-width: 0; }

.rodeiosCoverPreview {
  height: 210px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px dashed var(--global-color-neutral-500);
  border-radius: 12px;
  background: radial-gradient(
      circle at 80% 20%,
      color-mix(in srgb, var(--global-color-primary-600) 15%, transparent),
      transparent 30%
    ),
    var(--global-color-success-050);
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

.rodeiosCoverPreview>div {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.rodeiosCoverPreview.has-preview>div {
  border-radius: 10px;
  color: var(--global-color-white);
  background: color-mix(in srgb, var(--global-color-neutral-950) 58%, transparent);
  backdrop-filter: blur(5px);
}

.rodeiosCoverPreview span { font-size: 30px; }

.rodeiosCoverPreview strong {
  margin-top: 7px;
  color: var(--global-color-primary-900);
  font-size: var(--global-font-sm);
}

.rodeiosCoverPreview.has-preview strong { color: var(--global-color-white); }

.rodeiosCoverPreview small {
  margin-top: 3px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.rodeiosCoverPreview.has-preview small { color: var(--global-color-neutral-300); }

.rodeiosModalGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}

.rodeiosModalGrid label { display: flex; flex-direction: column; }

.rodeiosModalGrid input { padding: 0 11px; }

.rodeiosModalActions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

@media(max-width:1180px) {
  .rodeioPortalActions { grid-template-columns: 1fr 1fr; }
}

@media(max-width:760px) {
  .rodeiosPortal { padding: 18px 12px 36px; }

  .rodeiosPortalHero { flex-direction: column; }

  .rodeiosPortalSectionHeader { align-items: flex-start; flex-direction: column; }

  .rodeiosModalBackdrop { padding: 10px; align-items: start; }

  .rodeiosModal { max-height: calc(100vh - 20px); padding: 18px; }

  .rodeiosModalGrid { grid-template-columns: 1fr; }

  .rodeiosModalActions { flex-direction: column-reverse; }

  .rodeiosModalActions .phpButton { width: 100%; }
}

.rodeiosPortalHero {
  min-height: 168px;
  margin-bottom: 18px;
  padding: 28px 32px;
  align-items: center;
  border-radius: 16px;
  background: radial-gradient(circle at 82% 16%,color-mix(in srgb, var(--global-color-primary-600) 28%, transparent),transparent 28%),
    linear-gradient(135deg,var(--global-color-neutral-950) 0%,var(--global-color-neutral-900) 58%,var(--global-color-primary-600) 100%);
}

.rodeiosPortalHeroContent { max-width: 760px; }

.rodeiosPortalHeroContent h1 { margin-top: 8px; font-size: clamp(31px,3.4vw,46px); }

.rodeiosPortalHeroContent p {
  max-width: 690px;
  color: var(--global-color-neutral-300);
  font-size: var(--global-font-xs);
}

.rodeiosNewButton { min-width: 150px; }

.rodeiosPortalSection { padding: 24px; }

.rodeiosPortalSectionHeader {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.rodeiosPortalSectionHeader h2 { font-size: 21px; }

.rodeiosCardsGrid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }

.rodeioPortalCard { border-radius: 16px; }

.rodeioPortalCover { height: 232px; }

.rodeioPortalCardBody { padding: 16px; }

.rodeioPortalMeta { margin-bottom: 15px; }

@media(max-width:1180px) {
  .rodeiosCardsGrid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media(max-width:760px) {
  .rodeiosCardsGrid { grid-template-columns: 1fr; }

  .rodeiosPortalHero {
    min-height: auto;
    padding: 24px;
    align-items: flex-start;
  }

  .rodeiosNewButton { width: 100%; }

  .rodeiosPortalSection { padding: 15px; }

  .rodeiosPortalSectionHeader { padding-bottom: 12px; }

  .rodeioPortalActions { grid-template-columns: 1fr 1fr; }
}

/* Botões de criação usam a base global de botões; seletores específicos removidos por redundância. */
body:not(.phpTelaoBody) {
  background: radial-gradient(circle at 95% 0,color-mix(in srgb, var(--global-color-primary-600) 6%, transparent),transparent 27%),
    var(--global-color-bg);
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--global-color-primary-600) 20%, transparent);
  outline-offset: 2px;
}

.phpCard { margin-bottom: 10px; }

.phpCard:hover { border-color: var(--global-color-neutral-100); }

.phpButton svg,
.phpButton img {
  flex: 0 0 auto;
}

.phpInternalMain,
.phpAppShell {
  background: radial-gradient(circle at 100% 0,color-mix(in srgb, var(--global-color-primary-600) 5%, transparent),transparent 28%),
    var(--global-color-bg);
}

.phpInternalMain > .phpTopbar,
.phpInternalMain > .topbar {
  box-shadow: none;
}

.phpTopbar {
  min-height: 96px;
  border-bottom: 1px solid var(--global-color-border);
  background: color-mix(in srgb, var(--global-color-white) 97%, transparent);
  backdrop-filter: blur(10px);
}

.phpTopbar h1 {
  color: var(--global-color-text);
  font-weight: 850;
  letter-spacing: -.6px;
}

.phpTopbar p {
  color: var(--global-color-muted);
}

.phpSidebarNav { gap: 7px; }

.phpSidebarNav a,
.phpSidebarNav button,
.phpMenuItem {
  min-height: 48px;
  border-radius: 10px;
  transition: background .15s ease,
    color .15s ease,
    transform .15s ease,
    box-shadow .15s ease;
}

.phpSidebarNav a:hover,
.phpSidebarNav button:hover,
.phpMenuItem:hover {
  background: var(--global-color-neutral-100);
  transform: translateX(2px);
}

.phpSidebarNav a.active,
.phpSidebarNav button.active,
.phpMenuItem.active {
  color: var(--global-color-white);
  background: linear-gradient(135deg,var(--global-color-primary),var(--global-color-primary-600));
  box-shadow: 0 9px 22px color-mix(in srgb, var(--global-color-primary-600) 18%, transparent);
}

@media(max-width:650px) {
  .phpTopbar { min-height: 76px !important; padding: 0 14px !important; }
}

.phpInternalContent {
  padding-top: 24px;
  padding-bottom: 40px;
}

.dashboardExecutiveStats article>div:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.dashboardExecutiveSideColumn>.phpCard,
.dashboardExecutiveMainColumn>.phpCard {
  margin-bottom: 0;
}

.dashboardExecutiveMainColumn>.phpCard h2,
.dashboardExecutiveSideColumn>.phpCard h2 {
  font-size: var(--global-font-xl) !important;
  line-height: 1.25;
}

.dashboardExecutiveMainColumn>.phpCard>p,
.dashboardExecutiveSideColumn>.phpCard>p {
  font-size: var(--global-font-sm) !important;
  line-height: 1.5;
}

.phpCard,
.finalsMainCard,
.forcasConfigCard,
.forcasAutomaticSummary {
  border: 1px solid var(--global-color-border);
  border-radius: var(--global-card-radius);
  background: var(--global-color-surface);
  box-shadow: var(--global-card-shadow);
}

.phpForm input:hover,
.phpForm select:hover,
.phpForm textarea:hover,
.rodeiosModalGrid input:hover,
.finalsSelectors select:hover {
  border-color: var(--global-color-neutral-300);
}

.phpForm input:focus,
.phpForm select:focus,
.phpForm textarea:focus,
.rodeiosModalGrid input:focus,
.finalsSelectors select:focus,
.forcasConfigGrid input:focus {
  border-color: var(--global-color-primary-600);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-color-primary-600) 10%, transparent);
}

.phpCardTitleRow { gap: 16px; margin-bottom: 16px; }

.phpCard h2,
.phpCardTitleRow h2 {
  margin-top: 0;
  color: var(--global-color-text);
  font-size: var(--global-font-xl);
  font-weight: 850;
  letter-spacing: -.2px;
}

.phpCardTitleRow small,
.phpCard small {
  color: var(--global-color-muted);
}

@media(max-width:760px) {
  .phpCard { margin-bottom: 0; }
}

.phpForm,
.rodeiosModalForm {
  gap: 16px;
}

.phpForm label,
.rodeiosModalGrid label,
.finalsSelectors label,
.forcasConfigGrid label {
  gap: 7px;
  color: var(--global-color-text-secondary);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.phpForm input,
.phpForm select,
.phpForm textarea,
.rodeiosModalGrid input,
.finalsSelectors select,
.forcasConfigGrid input,
.reportFilters select,
.reportFilters input {
  min-height: 44px;
  border: 1px solid var(--global-color-border);
  border-radius: var(--global-control-radius);
  color: var(--global-color-text);
  background: var(--global-color-surface);
  box-shadow: none;
  transition: border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.phpButton,
.phpButton.primary,
.reactCompactButton,
.reactSearchButton {
  min-height: var(--global-button-height);
  padding: 0 var(--global-button-padding-x);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0px solid var(--global-color-primary);
  border-radius: var(--global-button-radius);
  color: var(--global-color-white);
  background: var(--global-color-primary-600);
  box-shadow: 0 0px 0px color-mix(in srgb, var(--global-color-primary-600) 14%, transparent);
  cursor: pointer;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  line-height: 1;
  text-decoration: none;
  transition: background .15s ease,
    border-color .15s ease,
    transform .15s ease,
    box-shadow .15s ease,
    opacity .15s ease;
}

.phpButton:hover,
.phpButton.primary:hover,
.reactCompactButton:hover,
.reactSearchButton:hover {
  border-color: var(--global-color-primary-600);
  background: var(--global-color-primary-600);
  box-shadow: 0 8px 18px color-mix(in srgb, var(--global-color-primary-600) 18%, transparent);
  transform: translateY(-1px);
}

.phpButton:active,
.phpButton.primary:active,
.reactCompactButton:active,
.reactSearchButton:active {
  transform: translateY(0);
}

.phpButton.secondary,
.reactSearchButton.phpButton.secondary {
  color: var(--global-color-text-secondary);
  border-color: var(--global-color-border);
  background: var(--global-color-surface);
  
}

.phpButton.secondary:hover,
.reactSearchButton.phpButton.secondary:hover {
  color: var(--global-color-white);
  border-color: var(--global-color-primary-600);
  background: var(--global-color-primary-600);
}

.phpButton.danger,
.reactRemoveButton {
  color: var(--global-color-danger-600);
  border-color: var(--global-color-danger-050);
  background: var(--global-color-danger-050);
  box-shadow: 0 0px 0px color-mix(in srgb, var(--global-color-primary-600) 14%, transparent);
}

.phpButton.danger:hover,
.reactRemoveButton:hover {
  color: var(--global-color-danger-050);
  border-color: var(--global-color-danger-700);
  background: var(--global-color-danger-700);
  box-shadow: 0 7px 16px color-mix(in srgb, var(--global-color-danger-600) 13%, transparent);
}

.phpButton.reactRemoveButton:hover {
  color: var(--global-color-warning-050) !important;
  border-color: var(--global-color-warning-600)!important;
  background: var(--global-color-warning-600)!important;
  box-shadow: 0 7px 16px color-mix(in srgb, var(--global-color-warning-600) 13%, transparent)!important;
}

.phpButton.warning {
  color: var(--global-color-warning-700);
  background: var(--global-color-warning-050);
border: 1px solid var(--global-color-warning-700)
    
}

.phpButton.warning:hover {
  color: var(--global-color-warning-050);
  border-color: var(--global-color-warning-600);
  background: var(--global-color-warning-600);
}

.phpButton.small,
.phpTinyButton {
  border-radius: 7px;
}

.phpButton,
.reactCompactButton,
.reactSearchButton,
.reactRemoveButton {
  white-space: nowrap;
}

.phpButton:disabled,
.phpButton[disabled],
.finalsResultButton:disabled,
.canchaReactResultControl button:disabled {
  opacity: .48;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.finalsStats,
.forcasSummaryStats,
.canchaReactStats,
.finalsParticipants,
.canchaReactQueue {
  gap: 10px;
}


.rodeioPortalActions { gap: 8px; }

.phpButton.create:hover,
.phpButton[data-create]:hover,
#novo-rodeio:hover,
#novo-rodeio-vazio:hover,
button[id*="novo-"]:not(.secondary):not(.danger):not(.warning):hover,
button[id*="criar-"]:not(.secondary):not(.danger):not(.warning):hover,
button[id*="adicionar-"]:not(.secondary):not(.danger):not(.warning):hover,
button[id*="cadastrar-"]:not(.secondary):not(.danger):not(.warning):hover,
button[id*="realizar-"]:not(.secondary):not(.danger):not(.warning):hover {
  color:#102b3b!important;
  border-color:#27688f!important;
  background:linear-gradient(135deg, #e4b56d,#e4b56d)!important;
  box-shadow:0 10px 20px rgba(23,77,108,.20)!important;
  transform:translateY(-1px)!important;
}

body:has(.rodeiosPortal) > header,
body:has(.rodeiosPortal) .portalTopbar,
body:has(.rodeiosPortal) .rodeiosTopbar,
body:has(.rodeiosPortal) .topbarPortal,
body:has(.rodeiosPortal) .topbar.portal,
body:has(.rodeiosPortal) header.topbar {
  background: var(--global-color-white) !important;
  color: var(--global-color-neutral-900) !important;
  border-top: 3px solid var(--global-color-neutral-900) !important;
  border-bottom: 1px solid var(--global-color-neutral-100) !important;
  box-shadow: 0 4px 18px color-mix(in srgb, var(--global-color-neutral-900) 5.5%, transparent) !important;
}

body:has(.rodeiosPortal) > header small,
body:has(.rodeiosPortal) > header span,
body:has(.rodeiosPortal) .portalTopbar small,
body:has(.rodeiosPortal) .portalTopbar span,
body:has(.rodeiosPortal) .rodeiosTopbar small,
body:has(.rodeiosPortal) .rodeiosTopbar span {
  color: var(--global-color-icon-shadow) !important;
}


.phpPortalBrandRow {
  display: flex;
  align-items: center;
  gap: 11px;
}

.phpPortalBrandRow strong { color: var(--global-color-neutral-900) !important; line-height: 1; }

.rodeioPortalCover.has-cover::after {
  background: linear-gradient(to top,color-mix(in srgb, var(--global-color-neutral-950) 88%, transparent) 0%,color-mix(in srgb, var(--global-color-neutral-950) 56%, transparent) 24%,color-mix(in srgb, var(--global-color-neutral-950) 0%, transparent) 62%) !important;
}

.finalsResultButton,
.canchaReactPositive,
.canchaReactNegative {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 9px;
  box-shadow: none;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  transition: background .15s ease,
    border-color .15s ease,
    color .15s ease,
    transform .15s ease;
}

.finalsResultButton.positive,
.canchaReactPositive {
  color: var(--global-color-success-600)!important;
  border: 1px solid var(--global-color-success-600)!important;
  background: var(--global-color-success-050)!important;
}

.finalsResultButton.negative,
.canchaReactNegative {
  color: var(--global-color-danger-600)!important;
  border: 1px solid var(--global-color-danger-600)!important;
  background: var(--global-color-danger-050)!important;
}

.finalsResultButton.positive:hover,
.canchaReactPositive:hover {
  color: var(--global-color-white)!important;
  border-color: var(--global-color-success-600)!important;
  background: var(--global-color-success-600)!important;
}

.finalsResultButton.negative:hover,
.canchaReactNegative:hover {
  color: var(--global-color-white)!important;
  border-color: var(--global-color-danger-600)!important;
  background: var(--global-color-danger-600)!important;
}

.finalsResultButton.positive.selected,
.canchaReactPositive.active {
  color: var(--global-color-white);
  border-color: var(--global-color-success-600);
  background: var(--global-color-success-600);
}

.finalsResultButton.negative.selected,
.canchaReactNegative.active {
  color: var(--global-color-white);
  border-color: var(--global-color-danger-600);
  background: var(--global-color-danger-600);
}

.forcasPageBadge,
.finalsPageBadge,
.canchaReactModeBadge {
  border-radius: 999px;
  font-weight: 900;
}

.forcasPageBadge,
.finalsPageBadge,
.canchaReactModeBadge {
  color: var(--global-color-primary-900);
  border: 1px solid var(--global-color-primary-200);
  background: var(--global-color-success-050);
}

.finalsNotice,
.finalsRuleBox,
.forcasRuleBox,
..canchaReactSessionBar,
.forcasPossibleBox {
  border-radius: 11px;
}

.finalsRuleBox,
.forcasRuleBox,
..canchaReactSessionBar {
  border-color: var(--global-color-primary-200);
  background: var(--global-color-success-050);
}

.forcasModalityItem,
.finalsModalityItem,
.canchaReactModalityItem {
  transition: all .15s ease;
}

.forcasModalityItem.active,
.finalsModalityItem.active,
.canchaReactModalityItem.active {
  background: var(--global-color-primary);
}

.forcasPageIntro>div>span,
.finalsPageIntro>div>span,
.canchaReactIntro>div>span,
.phpEyebrow {
  color: var(--global-color-secondary-900);
}

.forcasConfigCard,
.forcasAutomaticSummary,
.finalsMainCard,
.canchaReactPanel,
.canchaReactCard {
  padding: 22px;
}

.phpEmpty { background: var(--global-color-neutral-100); }

.phpTinyButton:hover { border-color: var(--global-color-neutral-300); background: var(--global-color-success-050); }

.phpTable,
.reportTable {
  overflow: hidden;
  border: 1px solid var(--global-color-border);
  border-radius: 11px;
}

.phpTable th,
.reportTable th {
  color: var(--global-color-icon-shadow);
  background: var(--global-color-success-050);
}

.phpTable td,
.reportTable td {
  border-color: var(--global-color-neutral-100);
}

.sumulaDocument .sumulaTable thead th {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
  transform: none !important;
}

@media print {
  .sumulaDocument .sumulaTable thead th {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
  }
}

.sumulaDocument .sumulaTable {
  overflow: visible !important;
  table-layout: auto;
  border-collapse: collapse !important;
}

.reportsPage .phpCard { border-radius: 13px !important; }

.reportsPage .reportTable thead th,
.reportsPage .phpTable thead th,
.reportsPage table thead th {
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  box-shadow: inset 0 -1px 0 var(--global-color-neutral-100) !important;

  position: static !important;
  top: auto !important;
  z-index: auto !important;
  transform: none !important;
}

.reportsPage .reportTable { display: table !important; }

.phpInternalShell.reportsPage > .phpInternalMain > .phpInternalContent {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 24px
    28px
    40px
    28px !important;
}

@media(max-width:900px) {
  .phpInternalShell.reportsPage > .phpInternalMain > .phpInternalContent {
    padding: 14px
        14px
        28px
        14px !important;
  }
}

.forcasModalitySidebar,
.finalsModalitySidebar,
.canchaReactSidebar {
  border: 1px solid var(--global-color-border);
  border-radius: 15px;
  box-shadow: 0 5px 16px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent);
}

.rodeiosModal {
  border: 1px solid var(--global-color-border);
  border-radius: 16px;
  box-shadow: 0 28px 80px color-mix(in srgb, var(--global-color-neutral-950) 25%, transparent);
}

.rodeiosModalHeader {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.rodeiosModalActions {
  padding-top: 14px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.loginProfessionalShell {
  border-radius: 22px;
  box-shadow: 0 30px 80px color-mix(in srgb, var(--global-color-neutral-950) 28%, transparent);
}

.loginProfessionalInput,
.loginProfessionalButton { min-height: 48px; border-radius: 9px; }

.rodeiosPortalHero { box-shadow: 0 10px 28px color-mix(in srgb, var(--global-color-neutral-900) 7%, transparent); }

.rodeiosPortalSection { border-radius: 16px; box-shadow: 0 5px 16px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent); }

.rodeioPortalCard {
  border-color: var(--global-color-border);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent);
}

.rodeioPortalCard:hover { box-shadow: 0 14px 34px color-mix(in srgb, var(--global-color-neutral-900) 11%, transparent); }

.rodeioPortalActions .phpButton,
.rodeioPortalActions select {
  min-height: 42px;
}

.rodeiosPortal::before {
  content: "";
  display: block;
  height: 0;
}

body:has(.rodeiosPortal) > header *,
body:has(.rodeiosPortal) .portalTopbar *,
body:has(.rodeiosPortal) .rodeiosTopbar *,
body:has(.rodeiosPortal) .topbarPortal *,
body:has(.rodeiosPortal) .topbar.portal *,
body:has(.rodeiosPortal) header.topbar * {
  color: inherit;
}

.phpPortalBrandIcon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  border-radius: 11px;
  color: var(--global-color-neutral-900);
  font-size: 21px;
}

.phpPortalBrandRow>div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

@media(max-width:760px) {
  .phpInternalContent {
    padding-top: 16px;
    padding-bottom: 28px;
  }
}

.phpTopbar { background: var(--global-color-white) !important; color: var(--global-color-neutral-900) !important; }

.phpPortalBrandRow span:not(.phpPortalBrandIcon) { color: var(--global-color-white) !important; }

.phpPortalUserInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

@media(max-width:650px) {
  .phpPortalUserInfo { display: none; }
}

.phpPortalUserInfo strong {
  color: var(--global-color-secondary-800);
  font-size: var(--global-font-sm);
  line-height: 1;
}

.phpPortalUserInfo span {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1;
}

.phpUserBasicGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}

.phpUserBasicGrid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--global-color-icon-shadow);
  font-weight: 850;
}

.phpUserBasicGrid input,
.phpUserBasicGrid select {
  padding: 0 11px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.phpPermissionsHeader {
  margin-top: 18px;
  padding-top: 17px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.phpPermissionsHeader>div:first-child {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.phpPermissionsHeader strong { color: var(--global-color-primary-600); }

.phpPermissionsHeader span { color: var(--global-color-neutral-500); }

.phpPermissionItem input {
  width: 15px;
  height: 15px;
  accent-color: var(--global-color-primary-600);
}

.phpPermissionItem>span:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.phpPermissionItem strong { color: var(--global-color-primary-600); }

.phpPermissionItem small { color: var(--global-color-neutral-500); }

.globalEventUserMenuToggle:active { transform: translateY(1px); }

.globalEventUser.menu-open .globalEventUserChevron { transform: translateY(2px) rotate(225deg); }

.globalEventUser.menu-open .globalEventUserMenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

@media(max-width:650px) {
  .phpPortalBrandIcon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }
}

.phpPermissionActions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.phpPermissionGrid {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.phpTinyButton {
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 7px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  cursor: pointer;
  font-weight: 850;
}

input::placeholder,
textarea::placeholder {
  color: var(--global-color-neutral-500);
  font-weight: 400;
}

thead th { font-weight: 850; line-height: 1.25; }

tbody td {
  line-height: 1.4;

  padding-top: 13px;
  padding-bottom: 13px;
  font-size: var(--global-font-md);
}

.phpPermissionItem {
  padding: 10px 11px;
  display: grid;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.phpPermissionItem:has(input:checked) { border-color: var(--global-color-neutral-300); background: var(--global-color-neutral-100); }

.phpPermissionIcon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-base);
}

.phpUserAvatar {
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-weight: 900;
}

.phpProfileBadge,
.phpStatusBadge {
  padding: 4px 7px;
  border-radius: 999px;
  font-weight: 900;
}

.phpProfileBadge { color: var(--global-color-primary-900); background: var(--global-color-primary-200); }

.phpStatusBadge.active { color: var(--global-color-success-600); background: var(--global-color-neutral-100); }

.phpStatusBadge.inactive { color: var(--global-color-danger-600); background: var(--global-color-danger-050); }

.phpAuditToolbar {
  display: grid;
  grid-template-columns: minmax(240px,1.4fr) minmax(170px,.8fr) minmax(170px,.8fr) auto;
  gap: 10px;
  align-items: end;
}

.phpAuditToolbar label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-weight: 850;
}

.phpAuditToolbar input,
.phpAuditToolbar select {
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.phpAuditStats {
  margin: 0 0 18px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}

@media(max-width:900px) {
  .phpAuditToolbar label:first-child { grid-column: 1/-1; }
}

@media(max-width:650px) {
  .phpAuditToolbar label:first-child { grid-column: auto; }
}

.phpAuditStats .phpStatCard span { font-size: var(--global-font-xs) !important; }

.phpAuditStats .phpStatCard strong { font-size: var(--global-font-2xl) !important; }

.phpStatCard {
  min-height: 82px;
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}

.phpStatCard span {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .7px;
}

.phpStatCard strong {
  margin-top: 4px;
  color: var(--global-color-primary-600);
  font-size: 20px;
}

.phpAuditList { display: grid; gap: 8px; }

.phpAuditRow {
  padding: 13px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 165px;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}

.phpAuditIcon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-lg);
}

.phpAuditMain { min-width: 0; }

.phpAuditHeading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.phpAuditHeading strong { color: var(--global-color-primary-600); }

.phpAuditHeading span {
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-weight: 850;
}

.phpAuditWho {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--global-color-neutral-500);
}

.phpAuditWho strong { color: var(--global-color-icon-shadow); }

.phpAuditWho small {
  padding: 3px 6px;
  border-radius: 999px;
  background: var(--global-color-neutral-100);
}

.phpAuditSide {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  color: var(--global-color-neutral-500);
  text-align: right;
}

.phpAuditSide>strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpSumulasAccessCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-color: var(--global-color-primary-200);
  background: radial-gradient(circle at 90% 30%,color-mix(in srgb, var(--global-color-primary-600) 8%, transparent),transparent 28%),
    var(--global-color-neutral-100);
}

.phpSumulasAccessCard>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.phpSumulasAccessCard small {
  color: var(--global-color-primary-600);
  font-weight: 950;
  letter-spacing: .8px;
}

.phpSumulasAccessCard strong { color: var(--global-color-primary-600); }

.phpSumulasAccessCard p { margin: 2px 0 0; color: var(--global-color-neutral-500); }

.reportFilters {
  display: grid;
  grid-template-columns: repeat(3,minmax(150px,1fr)) auto;
  align-items: end;
}

.reportFilters label {
  display: flex;
  flex-direction: column;
  color: var(--global-color-icon-shadow);
  font-weight: 850;
}

.reportFilters select,
.reportFilters input {
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.reportStats { display: grid; grid-template-columns: repeat(6,minmax(100px,1fr)); align-items:start; }

.reportStats>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}

.reportStats small { color: var(--global-color-neutral-500); font-weight: 900; }

.reportStats strong { color: var(--global-color-primary-600); }

.reportOperationalSummary { display: grid; grid-template-columns: 1fr 1fr; align-items:start; }

.reportOperationalSummary>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  background: var(--global-color-success-050);
}

.reportOperationalSummary small { color: var(--global-color-neutral-500); font-weight: 900; }

.reportOperationalSummary strong { color: var(--global-color-primary-600); }

.reportChampions {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 10px;
}

.reportChampions article {
  min-height: 145px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 11px;
  background: radial-gradient(circle at 80% 20%,color-mix(in srgb, var(--global-color-primary-600) 12%, transparent),transparent 30%),
    var(--global-color-success-050);
}

.reportChampions small {
  color: var(--global-color-primary-900);
  font-size: var(--global-font-min);
  font-weight: 950;
}

.reportChampions strong {
  margin-top: 6px;
  color: var(--global-color-primary-900);
  font-size: var(--global-font-sm);
}

.reportChampions h3 {
  margin: 7px 0 3px;
  color: var(--global-color-primary-600);
  font-size: 17px;
}

.reportChampions span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.reportSummaryGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
  gap: 9px;
}

.reportSummaryGrid article {
  padding: 13px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.reportSummaryGrid article>strong {
  display: block;
  margin-bottom: 8px;
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
}

.reportSummaryGrid article>div {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--global-color-neutral-100);
}

.reportSummaryGrid span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.reportSummaryGrid b { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.reportFinancialModalityGrid .reportFinancialResult {
  margin-top: 4px;
  padding-top: 8px;
  border-top-color: var(--global-color-neutral-300);
}

.reportFinancialModalityGrid .reportFinancialResult.positive b { color: var(--global-color-success-600); }

.reportFinancialModalityGrid .reportFinancialResult.negative b { color: var(--global-color-danger-600); }

.reportStatus {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-weight: 900;
}

@media(max-width:1180px) {
  .reportStats { grid-template-columns: repeat(3,1fr); }
}

@media(max-width:900px) {
  .phpSumulasAccessCard { align-items: flex-start; flex-direction: column; }
}

.sumulaProfessionalHero>div:first-child>span {
  color: var(--global-color-secondary-900);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.1px;
}

.sumulaResult.positive { color: var(--global-color-success-600); background: var(--global-color-success-050); }

.sumulaResult.negative { color: var(--global-color-danger-600); background: var(--global-color-danger-050); }

@media(max-width:760px) {
  .reportsPage .phpHero h1 { font-size: 25px !important; }
}

.reportsPage .phpSumulasAccessCard small {
  font-size: var(--global-font-sm) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.reportsPage .phpSumulasAccessCard strong {
  font-size: var(--global-font-lg) !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.reportsPage .phpSumulasAccessCard p {
  margin: 4px 0 0 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

.reportsPage .reportFilters label {
  gap: 6px !important;
  font-size: var(--global-font-md) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.reportsPage .reportFilters select,
.reportsPage .reportFilters input {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 12px !important;
  font-size: var(--global-font-base) !important;
  font-weight: 550 !important;
}

.reportsPage .reportStats small {
  font-size: var(--global-font-sm) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: .45px !important;
}

.reportsPage .reportStats strong {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.reportsPage .reportOperationalSummary small { font-size: 11.5px !important; font-weight: 850 !important; }

.reportsPage .reportOperationalSummary strong {
  margin-top: 4px !important;
  font-size: var(--global-font-base) !important;
  font-weight: 800 !important;
}

.reportsPage .phpCardTitleRow h2 { font-size: var(--global-font-xl) !important; line-height: 1.2 !important; }

.reportsPage .phpCardTitleRow small { font-size: var(--global-font-sm) !important; line-height: 1.4 !important; }

.reportsPage .phpCard > h2,
.reportsPage .phpCard > h3 {
  margin-bottom: 8px !important;
}

.reportsPage .phpCard > p { margin-top: 0 !important; margin-bottom: 14px !important; }

.reportsPage .phpCard table { margin-top: 0 !important; }

@media(max-width:900px) {
  .phpAuditToolbar { grid-template-columns: 1fr 1fr; }
}

@media(max-width:900px) {
  .reportFilters { grid-template-columns: 1fr 1fr; }
}

@media(max-width:650px) {
  .phpUserBasicGrid,
    .phpPermissionGrid,
    .phpAuditStats,
    .reportStats,
    .reportOperationalSummary,
    .reportFilters {
    grid-template-columns: 1fr;
  }
}

@media(max-width:650px) {
  .phpHero { padding: 20px; }
}

.usersProfessionalHero>div:first-child>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.1px;
}

.customFieldStatus.active { color: var(--global-color-success-600); background: var(--global-color-neutral-100); }

.customFieldStatus.inactive { color: var(--global-color-danger-600); background: var(--global-color-danger-050); }

@media(max-width:650px) {
  .phpAuditToolbar { grid-template-columns: 1fr; }

  .phpAuditRow { grid-template-columns: 34px 1fr; }

  .phpAuditSide {
    grid-column: 2;
    align-items: flex-start;
    text-align: left;
  }
}

.dashboardExecutiveHero {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 16px;
  background: radial-gradient(circle at 85% 20%,color-mix(in srgb, var(--global-color-primary-600) 20%, transparent),transparent 28%),
    linear-gradient(135deg,var(--global-color-neutral-950),var(--global-color-primary-600));
  box-shadow: 0 14px 34px color-mix(in srgb, var(--global-color-neutral-950) 8%, transparent);
}

.dashboardExecutiveHeroMain>span {
  color: var(--global-color-secondary-800);
  font-weight: 950;
  letter-spacing: 1.2px;
}

.dashboardExecutiveHeroMain h1 { color: var(--global-color-white); letter-spacing: -.8px; }

.dashboardExecutiveHeroMain p {
  max-width: 690px;
  margin: 0;
  color: var(--global-color-neutral-300);
}

.dashboardExecutiveHeroMeta {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dashboardExecutiveHeroMeta>span {
  display: inline-flex;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 10%, transparent);
  border-radius: 999px;
  color: var(--global-color-neutral-300);
  background: color-mix(in srgb, var(--global-color-white) 5%, transparent);
  font-weight: 850;
}

.dashboardExecutiveHeroActions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dashboardExecutiveHeroActions .phpButton.secondary {
  color: var(--global-color-white);
  border-color: color-mix(in srgb, var(--global-color-white) 22%, transparent);
  background: color-mix(in srgb, var(--global-color-white) 6%, transparent);
}

.dashboardExecutiveHeroActions .phpButton.secondary:hover {
  border-color: color-mix(in srgb, var(--global-color-white) 35%, transparent);
  background: color-mix(in srgb, var(--global-color-white) 11%, transparent);
}

.dashboardExecutiveStats { display: grid;  }

.dashboardExecutiveStats article {
  display: grid;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  background: var(--global-color-surface);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--global-color-neutral-900) 4%, transparent);
}

.dashboardStatIcon {
  display: grid;
  place-items: center;
  color: var(--global-color-primary-900);
  font-weight: 950;
}

.dashboardExecutiveStats small { color: var(--global-color-neutral-500); font-weight: 950; }

.dashboardExecutiveStats strong { color: var(--global-color-primary-600); }

.dashboardExecutiveStats span { color: var(--global-color-neutral-500); }

.dashboardExecutiveStats article.positive .dashboardStatIcon {
  color: var(--global-color-success-600);
  background: var(--global-color-neutral-100);
}

.dashboardExecutiveStats article.negative .dashboardStatIcon {
  color: var(--global-color-danger-600);
  background: var(--global-color-danger-050);
}

.dashboardExecutiveGrid { display: grid; gap: 18px; }

.dashboardExecutiveMainColumn {
  min-width: 0;
  display: grid;
  gap: 18px;
}

.dashboardFlowCard { padding: 22px; }

.dashboardExecutiveFlow { display: grid; }

.dashboardExecutiveFlow button {
  display: grid;

  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: all .15s ease;
}

.dashboardExecutiveFlow button:hover {
  border-color: var(--global-color-neutral-300);
  background: var(--global-color-neutral-100);
  transform: translateY(-1px);
  box-shadow: 0 7px 16px color-mix(in srgb, var(--global-color-neutral-900) 5%, transparent);
}

.dashboardExecutiveFlow button>span {
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-weight: 950;
}

.dashboardExecutiveFlow button>div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.dashboardExecutiveFlow button strong { color: var(--global-color-primary-600); }

.dashboardExecutiveFlow button small,
.dashboardExecutiveFlow button b { color: var(--global-color-neutral-500); }

@media(max-width:1320px) {
  .dashboardExecutiveGrid { grid-template-columns: 1fr; }
}

@media(max-width:1050px) {
  .dashboardExecutiveFlow { grid-template-columns: repeat(2,minmax(0,1fr)); }

  .dashboardExecutiveFlow button:last-child { grid-column: 1/-1; }
}

@media(max-width:760px) {
  .dashboardExecutiveHero { align-items: flex-start; flex-direction: column; }

  .dashboardExecutiveHeroActions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .dashboardExecutiveFlow {
    grid-template-columns: 1fr;
  }

  .dashboardExecutiveFlow button:last-child {
    grid-column: auto;
  }
}

@media(max-width:480px) {
  .dashboardExecutiveStats { grid-template-columns: 1fr; }
}

.dashboardExecutiveGrid { grid-template-columns: minmax(0,1.55fr) minmax(300px,.45fr); align-items: stretch; }

.dashboardExecutiveWideSection { width: 100%; }

.dashboardExecutiveWideSection>.phpCard {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.dashboardExecutiveWideSection .phpClosureModules { grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); }

.dashboardExecutiveWideSection .phpClosureChampionGrid { grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 10px; }

.dashboardExecutiveWideSection .phpClosureChampions { margin-top: 18px; }

.dashboardExecutiveWideSection .phpClosureActions { margin-top: 18px; justify-content: flex-end; }

.dashboardBackupLauncher {
  min-height: 112px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-color: var(--global-color-primary-200);
  background: radial-gradient(
      circle at 92% 18%,
      color-mix(in srgb, var(--global-color-primary-600) 8%, transparent),
      transparent 28%
    ),
    var(--global-color-neutral-100);
}

.dashboardBackupLauncherMain {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.dashboardBackupLauncherIcon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 12px;
  background: var(--global-color-primary-200);
  font-size: 21px;
}

.dashboardBackupLauncher h2 {
  color: var(--global-color-primary-600);
}

.dashboardBackupLauncher p {
  margin: 0;
  color: var(--global-color-neutral-500);
}

.dashboardExecutiveStatus.finalizado { color: var(--global-color-neutral-300) !important; }

.dashboardExecutiveStatus.planejamento { color: var(--global-color-warning-600) !important; }

.backupModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1500;
  padding: 24px;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 64%, transparent);
  backdrop-filter: blur(7px);
}

.backupModal {
  width: min(980px,100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 17px;
  background: var(--global-color-surface);
  box-shadow: 0 32px 90px color-mix(in srgb, var(--global-color-neutral-950) 34%, transparent);
}

.backupModalHeader {
  padding: 24px 26px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.backupModalHeader>div>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.1px;
}

.backupModalHeader h2 {
  margin: 6px 0 5px;
  color: var(--global-color-neutral-900);
  font-size: 23px;
}

.backupModalHeader p {
  max-width: 680px;
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.55;
}

.backupModalClose {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  font-size: 21px;
}

.backupModalBody { padding: 20px 26px; }

.backupModalFeatured {
  min-height: 125px;
  padding: 18px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 12px;
  background: radial-gradient(
      circle at 90% 25%,
      color-mix(in srgb, var(--global-color-primary-600) 10%, transparent),
      transparent 26%
    ),
    var(--global-color-neutral-100);
}

.backupModalFeatured>div:nth-child(2),
.backupModalGrid article>div:nth-child(2) {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.backupModalFeatured small,
.backupModalGrid small {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: .7px;
}

.backupModalFeatured strong,
.backupModalGrid strong {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-xs);
}

.backupModalFeatured p,
.backupModalGrid p {
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

.backupModalIcon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-size: 20px;
  font-weight: 900;
}

.backupModalGrid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.backupModalGrid article {
  min-height: 165px;
  padding: 16px;
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  grid-template-rows: 1fr auto;
  gap: 11px 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 11px;
  background: var(--global-color-neutral-100);
}

.backupModalGrid article>.phpButton { grid-column: 1/-1; justify-self: flex-start; }

@media(max-width:760px) {
  .backupModalGrid article>.phpButton { width: 100%; }
}

.backupModalNotice {
  margin-top: 12px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 9px;
  color: var(--global-color-warning-700);
  background: var(--global-color-warning-050);
}

.backupModalNotice strong,
.backupModalNotice span { font-size: var(--global-font-min); }

.backupModalFooter {
  padding: 15px 26px 20px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--global-color-neutral-100);
}

@media(max-width:760px) {
  .backupModal { max-height: calc(100vh - 20px); }

  .backupModalFeatured { grid-template-columns: 44px 1fr; }

  .backupModalGrid { grid-template-columns: 1fr; }
}

.usersProfessionalRow:hover {
  border-color: var(--global-color-neutral-300);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent);
}

.usersModalHeader>div>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1px;
}

.customFieldInfo>div:first-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.customFieldsModalHeader>div>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1px;
}

.customFieldsOptions.is-hidden { display: none; }

label {
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-weight: 750;
  line-height: 1.35;
}

input,
select,
textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: var(--global-control-radius);
  outline: 0;
  color: var(--global-color-primary-600);
  background: var(--global-color-surface);
  font-weight: 500;
  line-height: 1.35;
}

html { font-size: var(--global-font-lg); }

body { font-size: var(--global-font-base); line-height: 1.45; }

input,
select {
  min-height: 46px;
}

textarea { min-height: 100px; }

@media(max-width:760px) {
  .dashboardBackupLauncher { align-items: flex-start; flex-direction: column; }

  .dashboardBackupLauncher>.phpButton { width: 100%; }
}

@media(max-width:760px) {
  .backupModalBackdrop { padding: 10px; align-items: start; }

  .backupModalHeader,
    .backupModalBody,
    .backupModalFooter {
    padding-left: 18px;
    padding-right: 18px;
  }

  .backupModalFeatured>.phpButton { grid-column: 1/-1; width: 100%; }
}

.sumulaProfessionalPage {
  min-height: 100vh;
  padding: 26px clamp(14px,3vw,38px) 50px;
  background: radial-gradient(circle at 95% 0,color-mix(in srgb, var(--global-color-primary-600) 6%, transparent),transparent 28%),
    var(--global-color-neutral-100);
}

.sumulaProfessionalHero {
  max-width: 1500px;
  margin: 0 auto 18px;
  padding: 26px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 15px;
  background: radial-gradient(circle at 88% 18%,color-mix(in srgb, var(--global-color-primary-600) 13%, transparent),transparent 28%),
    var(--global-color-white);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent);
}

.sumulaProfessionalHero h1 {
  margin: 7px 0 5px;
  color: var(--global-color-neutral-900);
  font-size: clamp(26px,2.5vw,36px);
  letter-spacing: -.7px;
}

.sumulaProfessionalHero p {
  max-width: 720px;
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  line-height: 1.55;
}

.sumulaProfessionalHeroActions {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
}

.sumulaToolbar {
  max-width: 1500px;
  margin: 0 auto 18px;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 250px minmax(0,1fr) auto;
  align-items: end;
  gap: 18px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 14px;
  background: var(--global-color-surface);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--global-color-neutral-900) 4%, transparent);
}

.sumulaToolbarTitle {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sumulaToolbarTitle small {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: .8px;
}

.sumulaToolbarTitle h2 {
  margin: 2px 0;
  color: var(--global-color-primary-600);
  font-size: 17px;
}

.sumulaToolbarTitle span {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.45;
}

.sumulaToolbarFields {
  display: grid;
  grid-template-columns: repeat(5,minmax(120px,1fr));
  gap: 10px;
}

.sumulaToolbarFields label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.sumulaToolbarFields select,
.sumulaToolbarFields input {
  width: 100%;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-primary-600);
  background: var(--global-color-surface);
}

.sumulaToolbarFields select:focus,
.sumulaToolbarFields input:focus {
  border-color: var(--global-color-primary-600);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-color-primary-600) 10%, transparent);
}

.sumulaToolbarActions { display: flex; justify-content: flex-end; }

.sumulaToolbarActions .phpButton { min-width: 140px; }

.sumulaDocumentShell {
  max-width: 1500px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 15px;
  background: var(--global-color-neutral-100);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--global-color-neutral-900) 6%, transparent);
}

.sumulaDocumentShellHeader {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sumulaDocumentShellHeader>div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sumulaDocumentShellHeader small {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: .8px;
}

.sumulaDocumentShellHeader strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.sumulaDocumentShellHeader>span {
  padding: 5px 8px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 999px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.sumulaDocument {
  min-height: 900px;
  margin: 0 auto;
  padding: 34px 38px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 4px;
  background: var(--global-color-surface);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--global-color-neutral-950) 8%, transparent);
}

.sumulaHeaderPrint {
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--global-color-neutral-900);
}

.sumulaHeaderPrint small {
  color: var(--global-color-secondary-900);
  font-weight: 950;
  letter-spacing: .8px;
}

.sumulaHeaderPrint h1 {
  color: var(--global-color-neutral-900);
  font-size: 26px;
  letter-spacing: -.5px;
}

.sumulaHeaderMeta>div {
  padding: 9px 11px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-neutral-100);
}

.sumulaTable {
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
}

.sumulaTable th {
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: .35px;

  text-transform: uppercase;
}

.sumulaTable td { color: var(--global-color-icon-shadow); border-color: var(--global-color-neutral-100); }

.sumulaResult { border-radius: 999px; font-weight: 900; }

.sumulaChampion {
  border-color: var(--global-color-primary-200);
  border-radius: 11px;
  background: radial-gradient(circle at 86% 22%,color-mix(in srgb, var(--global-color-primary-600) 10%, transparent),transparent 28%),
    var(--global-color-neutral-100);
}

.sumulaResultBlock { margin-top: 18px; }

.sumulaResultBlock h2 { color: var(--global-color-primary-600); font-size: 17px; }

.sumulaLegend {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-neutral-100);
}

.sumulaLoading,
.sumulaError,
.sumulaEmpty {
  min-height: 260px;
  border-radius: 10px;
}

@media(max-width:1150px) {
  .sumulaToolbar { grid-template-columns: 1fr; }

  .sumulaToolbarFields { grid-template-columns: repeat(3,minmax(130px,1fr)); }
}

@media(max-width:760px) {
  .sumulaToolbarFields { grid-template-columns: 1fr; }
}

@media(max-width:1150px) {
  .sumulaToolbarActions { justify-content: flex-start; }
}

@media(max-width:760px) {
  .sumulaProfessionalPage { padding: 14px 10px 30px; }

  .sumulaProfessionalHero {
    padding: 20px;
    align-items: flex-start;
    flex-direction: column;
  }

  .sumulaProfessionalHeroActions { width: 100%; flex-direction: column; }

  .sumulaProfessionalHeroActions .phpButton { width: 100%; }

  .sumulaToolbarActions .phpButton { width: 100%; }

  .sumulaDocumentShell { padding: 8px; }

  .sumulaDocument { padding: 22px 16px; }
}

@media print {
  .sumulaProfessionalPage { padding: 0; background: var(--global-color-surface); }

  .sumulaDocumentShell {
    padding: 0;
    border: 0;
    background: var(--global-color-surface);
    box-shadow: none;
  }

  .sumulaDocument {
    min-height: auto;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}

.sumulaDocument .sumulaTable th,
.sumulaDocument .sumulaTable td {
  box-sizing: border-box;
}

.sumulaOfficialFooter {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.sumulaObservationBox { margin-bottom: 42px; }

.sumulaObservationBox>strong {
  display: block;
  margin-bottom: 10px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  text-transform: uppercase;
  letter-spacing: .5px;
}

.sumulaObservationBox>div { height: 24px; border-bottom: 1px solid var(--global-color-neutral-100); }

.sumulaSignatureGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  margin-top: 28px;
}

.sumulaSignatureGrid>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.sumulaSignatureGrid span {
  width: 100%;
  height: 34px;
  border-bottom: 1px solid var(--global-color-icon-shadow);
}

.sumulaSignatureGrid strong {
  margin-top: 7px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 800;
}

.sumulaOfficialFooterMeta {
  margin-top: 32px;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

@media(max-width:640px) {
  .sumulaSignatureGrid { grid-template-columns: 1fr; gap: 24px; }
}

.reportsPage .reportStats>div {
  min-height: 78px !important;
  padding: 12px 15px !important;
  gap: 5px !important;
  justify-content: center;
}

.reportsPage .reportOperationalSummary>div {
  min-height: 62px !important;
  padding: 10px 13px !important;
  justify-content: center;
}

.reportsPage .reportChampions article { padding: 15px !important; }

.reportsPage .reportSummaryGrid article { padding: 14px !important; }

.phpPermissionLevelLegend {
  margin-top: 12px;
  padding: 10px 11px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.phpPermissionLevelLegend span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.phpPermissionLevelLegend b { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.phpPermissionLevelGrid { grid-template-columns: 1fr; }

.phpPermissionLevelItem {
  min-height: 64px;
  grid-template-columns: 30px minmax(0,1fr) 135px;
  cursor: default;
}

.phpPermissionLevelInfo {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.phpPermissionLevelItem select {
  padding: 0 9px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  font-weight: 850;
}

@media(max-width:650px) {
  .phpPermissionLevelItem select { grid-column: 1/-1; width: 100%; }
}

.phpPermissionLevelItem select:focus {
  border-color: var(--global-color-primary-600);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-color-primary-600) 10%, transparent);
}

.phpPermissionLevelItem select:disabled {
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  opacity: 1;
}

@media(max-width:650px) {
  .phpPermissionLevelLegend { grid-template-columns: 1fr; }

  .phpPermissionLevelItem { grid-template-columns: 30px 1fr; }
}

.usersProfessionalPage { max-width: 1660px; margin: 0 auto; }

.usersProfessionalHero {
  margin-bottom: 18px;
  padding: 27px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 15px;
  background: radial-gradient(circle at 88% 18%,color-mix(in srgb, var(--global-color-primary-600) 12%, transparent),transparent 28%),
    var(--global-color-white);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent);
}
.usersProfessionalStats article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 11px;
  background: var(--global-color-surface);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--global-color-neutral-900) 3.5%, transparent);
}

.usersProfessionalStats small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: .6px;
}

.usersProfessionalStats strong {
  margin-top: 4px;
  color: var(--global-color-primary-600);
  font-size: 20px;
}

.usersProfessionalStats span {
  margin-top: 2px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.usersProfessionalToolbar h2 { margin: 5px 0 0; font-size: var(--global-font-xl); }

.usersProfessionalFilters select {
  padding: 0 9px;
  color: var(--global-color-icon-shadow);
  font-weight: 800;
}

.usersSearchField>span { color: var(--global-color-primary-600); font-size: var(--global-font-base); }

.usersProfessionalActions .phpButton {
  min-height: 36px;
  padding-inline: 10px;
  font-size: var(--global-font-min);
}

.usersProfessionalPagination .phpButton {
  width: 36px;
  min-height: 34px;
  padding: 0;
}

.customFieldsEntityTabs button.active {
  color: var(--global-color-white);
  border-color: var(--global-color-primary-600);
  background: linear-gradient(135deg,var(--global-color-primary-600),var(--global-color-primary-600));
}

.customDataFormGrid input:focus,
.customDataFormGrid select:focus,
.quickFixGrid input:focus {
  outline: none;
  border-color: var(--global-color-primary-600);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-color-primary-600) 9%, transparent);
}

.quickCreateGrid input:focus {
  border-color: var(--global-color-primary-600);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-color-primary-600) 10%, transparent);
}

.usersProfessionalRodeio {
  margin-top: 11px;
  min-height: 29px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.usersProfessionalHeroActions {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
}

.usersProfessionalStats {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
}

.usersProfessionalListCard { padding: 20px; }

.usersProfessionalToolbar {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.usersProfessionalFilters { display: grid; grid-template-columns: minmax(220px,1.4fr) 170px 150px; }

.usersProfessionalFilters select,
.usersSearchField {
  min-height: 42px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.usersSearchField {
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.usersSearchField input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: var(--global-font-min);
}

.usersProfessionalList { display: grid; gap: 8px; }

.usersProfessionalRow {
  min-height: 100px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 44px minmax(180px,.8fr) minmax(240px,1.2fr) auto;
  align-items: center;
  gap: 13px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
  transition: border-color .15s ease,box-shadow .15s ease;
}

.usersProfessionalIdentity {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.usersProfessionalNameRow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.usersProfessionalNameRow>strong { color: var(--global-color-primary-600); font-size: var(--global-font-xs); }

.usersProfessionalIdentity>span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.usersProfessionalMeta {
  margin-top: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.usersProfessionalMeta>span {
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
}

.usersProfessionalPermissions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
}

.usersProfessionalPermissions>span {
  padding: 5px 7px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 999px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
}

.usersProfessionalPermissions b { color: var(--global-color-primary-900); font-size: var(--global-font-min); }

.usersModalPermissions .phpPermissionLevelGrid {
  max-height: 340px;
  padding-right: 3px;
  overflow-y: auto;
}

.usersProfessionalActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.usersProfessionalPagination {
  margin-top: 16px;
  padding-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.usersProfessionalPagination>span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.usersProfessionalPagination>div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.usersProfessionalPagination strong { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.usersModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1600;
  padding: 20px;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 64%, transparent);
  backdrop-filter: blur(7px);
}

.usersModal {
  width: min(980px,100%);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 17px;
  background: var(--global-color-surface);
  box-shadow: 0 32px 90px color-mix(in srgb, var(--global-color-neutral-950) 34%, transparent);
}

.usersModalHeader {
  padding: 22px 24px 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.usersModalHeader h2 {
  margin: 5px 0;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-2xl);
}

.usersModalHeader p {
  max-width: 650px;
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

.usersModalClose {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  font-size: 21px;
}

.usersModalForm { padding: 20px 24px 22px; }

.usersModalBasic { margin-bottom: 18px; }

.usersModalSectionTitle {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.usersModalSectionTitle strong { color: var(--global-color-primary-600); font-size: var(--global-font-xs); }

.usersModalSectionTitle span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.usersLinkModal { width: min(720px,100%); }

.usersLinkFields label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.usersLinkFields select {
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

@media(max-width:900px) {
  .usersProfessionalFilters { width: 100%; }
}

@media(max-width:680px) {
  .usersProfessionalHeroActions .phpButton { width: 100%; }

  .usersModalFooter .phpButton { width: 100%; }
}

.customFieldsStats article {
  min-height: 88px;
  padding: 14px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 11px;
  background: var(--global-color-surface);
}

.customFieldsStats small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: .6px;
}

.customFieldsStats strong {
  margin-top: 4px;
  color: var(--global-color-primary-600);
  font-size: 20px;
}

.customFieldsStats span {
  margin-top: 2px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.customFieldsToolbar h2 { margin: 5px 0 0; font-size: var(--global-font-xl); }

.customFieldsEntityTabs button {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  cursor: pointer;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.customFieldInfo strong { color: var(--global-color-primary-600); font-size: var(--global-font-xs); }

.customFieldInfo>span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.customFieldOptionsPreview span {
  padding: 3px 6px;
  border-radius: 999px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-min);
}

.customFieldActions .phpButton {
  min-height: 36px;
  padding-inline: 10px;
  font-size: var(--global-font-min);
}

.customFieldsInfoBox strong { font-size: var(--global-font-min); }

.customFieldsInfoBox span { font-size: var(--global-font-min); line-height: 1.5; }

.customFieldsModalHeader h2 {
  margin: 5px 0;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-2xl);
}

.customFieldsModalHeader p {
  margin: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

.customFieldsFormGrid input,.customFieldsFormGrid select,.customFieldsOptions textarea {
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.customFieldsOptions textarea { padding: 10px; resize: vertical; }

.usersModalPermissions { padding-top: 2px; }

.usersModalFooter {
  margin-top: 18px;
  padding-top: 15px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.usersLinkFields {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 12px;
}

.usersLinkNotice {
  margin-top: 14px;
  padding: 11px 12px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-success-050);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

@media(max-width:1200px) {
  .usersProfessionalRow { grid-template-columns: 44px minmax(180px,1fr) minmax(220px,1fr); }

  .usersProfessionalActions { grid-column: 2/-1; justify-content: flex-start; }
}

@media(max-width:900px) {
  .usersProfessionalHero { align-items: flex-start; flex-direction: column; }

  .usersProfessionalStats { grid-template-columns: 1fr 1fr; }

  .usersProfessionalToolbar { align-items: flex-start; flex-direction: column; }

  .usersSearchField { grid-column: 1/-1; }
}

@media(max-width:680px) {
  .usersProfessionalHeroActions { width: 100%; flex-direction: column; }

  .usersProfessionalStats { grid-template-columns: 1fr; }

  .usersProfessionalFilters,
    .usersLinkFields {
    grid-template-columns: 1fr;
  }

  .usersSearchField { grid-column: auto; }

  .usersProfessionalRow { grid-template-columns: 40px 1fr; }

  .usersProfessionalPagination { align-items: flex-start; flex-direction: column; }

  .usersModalBackdrop { padding: 8px; align-items: start; }

  .usersModal { max-height: calc(100vh - 16px); }

  .usersModalHeader,
    .usersModalForm {
    padding-left: 16px;
    padding-right: 16px;
  }

  .usersModalFooter { flex-direction: column-reverse; }
}

@media(max-width:680px) {
  .usersProfessionalPermissions,
    .usersProfessionalActions {
    grid-column: 1/-1;
  }
}

.customFieldsRodeioBadge {
  margin-top: 11px;
  min-height: 29px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  color: var(--global-color-primary-900);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.customFieldsStats {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}

.customFieldsCard { padding: 20px; }

.customFieldsToolbar {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.customFieldsEntityTabs { display: flex; gap: 6px; }

.customFieldsList { display: grid; gap: 8px; }

.customFieldRow {
  min-height: 92px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}

.customFieldOrder {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--global-color-primary-900);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-min);
  font-weight: 950;
}

.customFieldInfo {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.customFieldStatus {
  padding: 4px 7px;
  border-radius: 999px;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.customFieldOptionsPreview {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.customFieldActions { display: flex; gap: 6px; }

.customFieldsInfoBox {
  margin-top: 16px;
  padding: 12px 13px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-success-050);
}

.customFieldsModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1650;
  padding: 20px;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 64%, transparent);
  backdrop-filter: blur(7px);
}

.customFieldsModal {
  width: min(820px,100%);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 17px;
  background: var(--global-color-surface);
  box-shadow: 0 32px 90px color-mix(in srgb, var(--global-color-neutral-950) 34%, transparent);
}

.customFieldsModalHeader {
  padding: 22px 24px 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.customFieldsModalClose {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  font-size: 21px;
}

.customFieldsModalForm { padding: 20px 24px 22px; }

.customFieldsFormGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.customFieldsFormGrid label,.customFieldsOptions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.customFieldsOptions { margin-top: 12px; }

.customFieldsOptions small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.customFieldsModalFooter {
  margin-top: 18px;
  padding-top: 15px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid var(--global-color-neutral-100);
}

@media(max-width:760px) {
  .customFieldsToolbar { align-items: flex-start; flex-direction: column; }

  .customFieldsStats,.customFieldsFormGrid { grid-template-columns: 1fr; }

  .customFieldsEntityTabs { width: 100%; }

  .customFieldsEntityTabs button { flex: 1; }

  .customFieldRow { grid-template-columns: 36px 1fr; }

  .customFieldActions { grid-column: 1/-1; }

  .customFieldsModalBackdrop { padding: 8px; align-items: start; }

  .customFieldsModal { max-height: calc(100vh - 16px); }

  .customFieldsModalFooter { flex-direction: column-reverse; }
}

.reactBirthAgePreview {
  margin-top: 4px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 700;
}

.customDataFormSection {
  grid-column: 1/-1;
  margin-top: 4px;
  padding: 15px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 11px;
  background: linear-gradient(
      180deg,
      var(--global-color-neutral-100) 0%,
      var(--global-color-success-050) 100%
    );
}

.customDataFormHeader {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.customDataFormHeader>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: .8px;
}

.customDataFormHeader>strong { color: var(--global-color-primary-600); font-size: var(--global-font-xs); }

.customDataFormHeader>small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 600;
}

.customDataFormGrid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .customDataFormGrid { grid-template-columns: 1fr; }
}

.customDataFormGrid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.customDataFormGrid input,
.customDataFormGrid select {
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-primary-600);
  background: var(--global-color-surface);
}

@media(max-width:760px) {
  .settingsProfessionalHero>.phpButton { width: 100%; }
}

.settingsProfessionalPage { max-width: 1600px; margin: 0 auto; }

.settingsProfessionalHero {
  margin-bottom: 16px;
  padding: 28px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 15px;
  background: radial-gradient(circle at 88% 20%,color-mix(in srgb, var(--global-color-primary-600) 13%, transparent),transparent 30%),
    var(--global-color-white);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent);
}

.settingsProfessionalHero>div:first-child>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1.1px;
}
.settingsProfessionalHeroStats { display: flex; gap: 8px; }

.settingsProfessionalHeroStats article {
  min-width: 110px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: color-mix(in srgb, var(--global-color-white) 80%, transparent);
}

.settingsProfessionalHeroStats strong { color: var(--global-color-primary-600); font-size: 19px; }

.settingsProfessionalHeroStats span {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 750;
}

.settingsProfessionalCardIcon { border: 1px solid var(--global-color-neutral-100); background: var(--global-color-neutral-100); }

.settingsProfessionalCardBody { min-width: 0; }

.settingsProfessionalCardBody>span { color: var(--global-color-secondary-900); font-weight: 950; }

.settingsProfessionalCardBody h2 { color: var(--global-color-primary-600); }

.settingsProfessionalCardBody>p { margin: 0; color: var(--global-color-neutral-500); }

.settingsProfessionalMetrics>div {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.settingsProfessionalMetrics strong { color: var(--global-color-icon-shadow); }

.settingsProfessionalMetrics small { color: var(--global-color-neutral-500); }

.settingsProfessionalTags span { color: var(--global-color-success-600); background: var(--global-color-neutral-100); }

.settingsProfessionalCard footer {
  grid-column: 1/-1;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--global-color-neutral-100);
}

.settingsModalityOverviewHeader p { margin: 0; color: var(--global-color-neutral-500); }

.settingsModalityOverviewList { display: grid; }

.settingsModalityOverviewRow {
  display: grid;
  align-items: center;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
}

.settingsModalityOverviewName { display: flex; flex-direction: column; }

.settingsModalityOverviewName strong { color: var(--global-color-primary-600); }

.settingsModalityOverviewName span { color: var(--global-color-neutral-500); }

.settingsModalityOverviewRules { display: flex; flex-wrap: wrap; }

.settingsModalityOverviewRules span {
  border-radius: 999px;
  color: var(--global-color-success-600);
  background: var(--global-color-neutral-100);
}

.settingsModalityOverviewRules span.muted { color: var(--global-color-neutral-500); background: var(--global-color-neutral-100); }

.settingsRuleModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1700;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 67%, transparent);
  backdrop-filter: blur(7px);
}

.settingsRuleModal {
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
  box-shadow: 0 32px 90px color-mix(in srgb, var(--global-color-neutral-950) 34%, transparent);
}

.settingsRuleModalHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.settingsRuleModalHeader>div>span { color: var(--global-color-primary-600); font-weight: 950; }

.settingsRuleModalHeader h2 { color: var(--global-color-neutral-900); }

.settingsRuleModalHeader p {
  max-width: 720px;
  margin: 0;
  color: var(--global-color-neutral-500);
}

.settingsRuleModalClose {
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
}

.settingsRuleModalIntro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-success-050);
}

.settingsRuleModalIntro>div:first-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.settingsRuleModalIntro strong,
.settingsRuleModalIntro span { color: var(--global-color-icon-shadow); }

.settingsRuleGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }

.settingsRuleOption {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-surface);
  cursor: pointer;
}

.settingsRuleOption.is-active { border-color: var(--global-color-primary-200); background: var(--global-color-neutral-100); }

.settingsRuleOption.is-locked { background: var(--global-color-neutral-100); cursor: default; }

.settingsRuleOptionIcon {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--global-color-primary-600);
  background: var(--global-color-neutral-100);
  font-size: var(--global-font-xs);
  font-weight: 950;
}

.settingsRuleOptionText {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.settingsRuleOptionText strong { color: var(--global-color-primary-600); font-size: var(--global-font-min); }

.settingsRuleOptionText small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.settingsRuleOption input {
  width: 18px;
  height: 18px;
  accent-color: var(--global-color-primary-600);
}

.settingsRuleModalFooter {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--global-color-neutral-100);
}

.settingsRuleModalitySelector {
  margin-bottom: 13px;
  padding: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
}

.settingsRuleModalitySelector label {
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.settingsRuleModalitySelector select {
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.settingsRuleModalitySummary {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.settingsRuleModalitySummary span {
  padding: 5px 8px;
  border-radius: 999px;
  color: var(--global-color-success-600);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.settingsAgeSection {
  margin-bottom: 12px;
  padding: 13px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 14px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 10px;
  background: var(--global-color-success-050);
}

.settingsAgeSection h3 {
  margin: 4px 0;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-sm);
}

.settingsAgeSection p {
  max-width: 600px;
  margin: 0;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

.settingsAgeInputs {
  display: grid;
  grid-template-columns: 140px 140px;
  gap: 8px;
}

.settingsAgeInputs label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.settingsAgeInputs input {
  min-height: 40px;
  padding: 0 9px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
}

.settingsRuleAgeNotice {
  margin-bottom: 12px;
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-left: 3px solid var(--global-color-primary-600);
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
}

.settingsRuleAgeNotice strong,
.settingsRuleAgeNotice span { font-size: var(--global-font-min); }

@media(max-width:900px) {
  .settingsProfessionalHeroStats article { flex: 1; }
}

@media(max-width:680px) {
  .settingsRuleModalitySelector label { min-width: 0; }
}

.settingsFieldStateSelect.state-oculto {
  color: var(--global-color-icon-shadow);
  border-color: var(--global-color-neutral-100);
  background: var(--global-color-neutral-100);
}

@media(max-width:760px) {
  .customFieldsModalFooter .phpButton { width: 100%; }

  
}

.eligibilityStatus.is-neutral { color: var(--global-color-neutral-500); background: var(--global-color-success-050); }

.eligibilityStatus.is-ok {
  color: var(--global-color-success-700);
  border-color: var(--global-color-neutral-100);
  background: var(--global-color-success-050);
}

.eligibilityStatus.is-warning {
  color: var(--global-color-warning-700);
  border-color: var(--global-color-primary-200);
  background: var(--global-color-warning-050);
}

.eligibilityQuickFixButton:hover { background: var(--global-color-warning-050); }

.quickFixPendingBox.is-error {
  border-color: var(--global-color-neutral-300);
  border-left-color: var(--global-color-danger-600);
  color: var(--global-color-danger-700);
  background: var(--global-color-danger-050);
}

.inscriptionRulesSummary {
  margin: 2px 0 12px;
  padding: 11px 12px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 9px;
  background: var(--global-color-success-050);
}

.inscriptionRulesSummaryIcon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: var(--global-button-radius);
  color: var(--global-color-white);
  background: linear-gradient(135deg,var(--global-color-primary-600),var(--global-color-primary-600));
  font-size: var(--global-font-xs);
  font-weight: 950;
}

.inscriptionRulesSummary>div:last-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.inscriptionRulesSummary strong,
.inscriptionRulesSummary>div>span { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.inscriptionRulesSummary>div>div {
  margin-top: 3px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.inscriptionRulesSummary small {
  padding: 3px 6px;
  border-radius: 999px;
  color: var(--global-color-success-600);
  background: var(--global-color-primary-200);
  font-size: var(--global-font-min);
}

.inscriptionEligibilityCounters small {
  padding: 4px 7px;
  border-radius: 999px;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.inscriptionEligibilityCounters small.is-ok { color: var(--global-color-success-600); background: var(--global-color-success-050); }

.inscriptionEligibilityCounters small.is-warning { color: var(--global-color-warning-700); background: var(--global-color-warning-050); }

.inscriptionCorrectionToast.is-success { border-left: 4px solid var(--global-color-primary-600); }

.inscriptionCorrectionToast.is-warning { border-left: 4px solid var(--global-color-warning-600); }

.inscriptionsDesiredCard { border-radius: 10px !important; }

@media(max-width:900px) {
  .settingsProfessionalHero { align-items: flex-start; flex-direction: column; }

  .settingsProfessionalHeroStats { width: 100%; }
}

@media(max-width:680px) {
  .settingsProfessionalHeroStats { flex-direction: column; }
}

@media(max-width:900px) {
  .settingsModalityOverviewRow { grid-template-columns: 1fr auto; }

  .settingsModalityOverviewRules { grid-column: 1/-1; grid-row: 2; }

  .settingsAgeSection { grid-template-columns: 1fr; }

  .settingsAgeInputs { grid-template-columns: 1fr 1fr; }
}

@media(max-width:680px) {
  .settingsRuleModalBackdrop { align-items: start; }

  .settingsRuleModal { max-height: calc(100vh - 16px); }

  .settingsRuleModalHeader,
    .settingsRuleModalForm {
    padding-left: 16px;
    padding-right: 16px;
  }

  .settingsRuleGrid { grid-template-columns: 1fr; }

  .settingsRuleModalitySelector { align-items: stretch; flex-direction: column; }

  .settingsRuleModalitySummary { justify-content: flex-start; }

  .settingsAgeInputs { grid-template-columns: 1fr; }

  .settingsRuleModalFooter { flex-direction: column-reverse; }

  .settingsRuleModalFooter .phpButton { width: 100%; }

  .settingsModalityOverviewRow { grid-template-columns: 1fr; }

  .settingsModalityOverviewRules { grid-column: auto; grid-row: auto; }

  .settingsModalityOverviewRow .phpButton { width: 100%; }
}

.settingsFieldStateList { display: grid; }

.settingsFieldStateRow {
  display: grid;
  align-items: center;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
}

.settingsFieldStateName {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.settingsFieldStateName strong { color: var(--global-color-primary-600); }

.settingsFieldStateName small { color: var(--global-color-neutral-500); }

.settingsFieldStateSelect {
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-surface);
  font-weight: 850;
}

.inscriptionEligibilityCounters {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.eligibilityPicker {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eligibilityStatus {
  min-height: 42px;
  padding: 8px 9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  font-size: var(--global-font-min);
  line-height: 1.45;
}

.eligibilityStatus strong,
.eligibilityStatus span { font-size: var(--global-font-min); }

.quickFixHeader>div>span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 950;
  letter-spacing: 1px;
}

@media(max-width:680px) {
  .quickFixFooter .phpButton { width: 100%; }

  .quickCreateFooter .phpButton { width: 100%; }
}

.settingsRuleConflictNotice {
  margin-bottom: 12px;
  padding: 11px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid var(--global-color-primary-200);
  border-left: 3px solid var(--global-color-warning-600);
  border-radius: 8px;
  color: var(--global-color-warning-700);
  background: var(--global-color-warning-050);
}

.settingsRuleConflictNotice strong { font-size: var(--global-font-min); }

.settingsRuleConflictNotice span { font-size: var(--global-font-min); line-height: 1.5; }

.eligibilityFilterBar {
  grid-column: 1/-1;
  margin: 2px 0 8px;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.eligibilityFilterText {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.eligibilityFilterText strong,
.eligibilityFilterText small { color: var(--global-color-icon-shadow); font-size: var(--global-font-min); }

.eligibilityFilterButton {
  flex: 0 0 auto;
  padding-inline: 10px;
  font-size: var(--global-font-min);
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .eligibilityFilterButton { width: 100%; }

  .eligibilityFilterBar { align-items: stretch; flex-direction: column; }
}

.eligibilityQuickFixButton {
  margin-top: 5px;
  align-self: flex-start;
  min-height: 29px;
  padding: 0 8px;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: 7px;
  color: var(--global-color-warning-700);
  background: var(--global-color-surface);
  cursor: pointer;
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
}

.quickFixBackdrop {
  position: fixed;
  inset: 0;
  z-index: 2200;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: color-mix(in srgb, var(--global-color-neutral-950) 70%, transparent);
  backdrop-filter: blur(7px);
}

.quickFixModal { overflow-y: auto; box-shadow: 0 30px 90px color-mix(in srgb, var(--global-color-neutral-950) 36%, transparent); }

.quickFixClose { flex: 0 0 35px; }

.quickFixLacadorInfo {
  margin: 16px 22px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-neutral-100);
}

.quickFixLacadorInfo strong { color: var(--global-color-primary-600); }

.quickFixLacadorInfo span {
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--global-color-success-600);
  background: var(--global-color-primary-200);
  font-weight: 850;
}

.quickCreateLacadorButton:hover { text-decoration: underline; }

.quickFixPendingBox {
  margin: 9px 22px 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid var(--global-color-primary-200);
  border-left: 3px solid var(--global-color-warning-600);
  color: var(--global-color-warning-700);
  background: var(--global-color-warning-050);
}

.quickFixGrid { display: grid; grid-template-columns: 1fr 1fr; }

.quickFixGrid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.quickFixGrid input {
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  color: var(--global-color-primary-600);
  background: var(--global-color-surface);
}

.quickFixNotice {
  margin-top: 12px;
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 8px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-success-050);
}

.quickFixNotice strong { font-size: var(--global-font-min); }

.quickFixNotice span { font-size: var(--global-font-min); line-height: 1.5; }

.quickFixFooter { margin-top: 15px; padding-top: 14px; }

@media(max-width:680px) {
  .quickFixFooter { flex-direction: column-reverse; }

  .quickFixGrid { grid-template-columns: 1fr; }

  .quickCreateFooter { flex-direction: column-reverse; }
}

.inscriptionCorrectionToast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 2600;
  width: min(390px,calc(100vw - 32px));
  padding: 12px 12px 12px 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 11px;
  background: var(--global-color-surface);
  box-shadow: 0 18px 48px color-mix(in srgb, var(--global-color-neutral-900) 18%, transparent);
}

@media(max-width:680px) {
  .inscriptionCorrectionToast { right: 16px; bottom: 16px; }
}

.inscriptionCorrectionToast>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.inscriptionCorrectionToast strong { color: var(--global-color-primary-600); font-size: var(--global-font-min); }

.inscriptionCorrectionToast span {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

.inscriptionCorrectionToast button {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 7px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-neutral-100);
  cursor: pointer;
  font-size: var(--global-font-lg);
}

.quickCreateLacadorButton {
  align-self: flex-start;
  border: 0;
  padding: 2px 0;
  background: transparent;
  color: var(--global-color-primary-900);
  font-size: var(--global-font-min);
  font-weight: 700;
  cursor: pointer;
}

.quickCreateBackdrop {
  position: fixed;
  inset: 0;
  z-index: 2750;
  display: flex;
  background: color-mix(in srgb, var(--global-color-neutral-900) 58%, transparent);
  backdrop-filter: blur(3px);
}

.quickCreateModal { box-shadow: 0 26px 80px color-mix(in srgb, var(--global-color-neutral-950) 28%, transparent); }

.quickCreateHeader {
  position: sticky;
  top: 0;
  z-index: 2;
  background: color-mix(in srgb, var(--global-color-white) 97%, transparent);
}

.quickCreateHeader small {
  display: block;
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  font-weight: 800;
  letter-spacing: .12em;
}

.quickCreateHeader span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.quickCreateNotice {
  margin: 18px 22px 0;
  padding: 11px 13px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-success-050);
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  line-height: 1.5;
}

.quickCreateGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }

@media(max-width:680px) {
  .quickCreateGrid { grid-template-columns: 1fr; }
}

.quickCreateGrid label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 700;
}

.quickCreateGrid input {
  min-height: 40px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  padding: 0 11px;
  background: var(--global-color-surface);
  color: var(--global-color-neutral-900);
  outline: none;
}

.quickCreateAgeHint {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 500;
}

.quickCreateError {
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid var(--global-color-danger-600);
  border-radius: 9px;
  background: var(--global-color-danger-050);
  color: var(--global-color-danger-600);
  font-size: var(--global-font-min);
}

.quickCreateFooter { margin-top: 18px; padding-top: 16px; }

input:focus,
select:focus,
textarea:focus {
  border-color: var(--global-color-primary-600);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-color-primary-600) 12%, transparent);
}

.inscriptionsWorkspace,
.classificationWorkspace,
.forcasWorkspace,
.finalsWorkspace,
.canchaReactWorkspace {
  grid-template-columns: var(--module-sidebar-width) minmax(0,1fr);
  gap: 22px;
  align-items: start;
}

.inscriptionsModalitySidebar,
.classificationModalitySidebar,
.forcasModalitySidebar,
.finalsModalitySidebar,
.canchaReactSidebar {
  width: 100%;
  box-sizing: border-box;
  position: sticky;
  top: var(--module-sidebar-sticky-top);
  align-self: start;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: var(--module-sidebar-radius);
  background: var(--global-color-surface);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--global-color-neutral-900) 5.5%, transparent);
}

.inscriptionsModalitySidebarHeader,
.classificationModalitySidebarHeader,
.forcasModalitySidebarHeader,
.finalsModalitySidebarHeader,
.canchaReactSidebarHeader {
  box-sizing: border-box;
  min-height: 75px;
  padding: var(--module-sidebar-header-top)
    var(--module-sidebar-header-x)
    var(--module-sidebar-header-bottom);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.inscriptionsModalitySidebarHeader strong,
.classificationModalitySidebarHeader strong,
.forcasModalitySidebarHeader strong,
.finalsModalitySidebarHeader strong,
.canchaReactSidebarHeader strong {
  margin: 0;
  color: var(--global-color-primary-600);
  font-family: inherit;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .3px;
}

.inscriptionsModalitySidebarHeader span,
.classificationModalitySidebarHeader span,
.forcasModalitySidebarHeader span,
.finalsModalitySidebarHeader span,
.canchaReactSidebarHeader span {
  margin: 0;
  color: var(--global-color-neutral-500);
  font-family: inherit;
  font-weight: 500;
  line-height: 1.35;
}

.inscriptionsModalityList,
.classificationModalityList,
.forcasModalityList,
.finalsModalityList,
.canchaReactModalityList {
  box-sizing: border-box;
  padding: var(--module-sidebar-list-padding);
  display: grid;
  gap: var(--module-sidebar-list-gap);
}

.inscriptionsModalityItem,
.classificationModalityItem,
.forcasModalityItem,
.finalsModalityItem,
.canchaReactModalityItem {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 var(--module-sidebar-item-x);
  display: grid;
  grid-template-columns: var(--module-sidebar-icon-width)
    minmax(0,1fr)
    var(--module-sidebar-count-size);
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: var(--module-sidebar-item-radius);
  background: var(--global-color-surface-soft);
  color: var(--global-color-primary-600);
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  line-height: 1.2;
}

.inscriptionsModalityItem:hover,
.classificationModalityItem:hover,
.forcasModalityItem:hover,
.finalsModalityItem:hover,
.canchaReactModalityItem:hover {
  background: var(--global-color-neutral-100);
}

.inscriptionsModalityItem.active,
.classificationModalityItem.active,
.forcasModalityItem.active,
.finalsModalityItem.active,
.canchaReactModalityItem.active {
  color: var(--global-color-white);
  background: linear-gradient(135deg,var(--global-color-primary-600) 0%,var(--global-color-primary-600) 100%);
  box-shadow: 0 8px 18px color-mix(in srgb, var(--global-color-primary-600) 18%, transparent);
}

.inscriptionsModalityIcon,
.classificationModalityIcon,
.forcasModalityIcon,
.finalsModalityIcon,
.canchaReactModalityIcon {
  width: var(--module-sidebar-icon-width);
  min-width: var(--module-sidebar-icon-width);
  overflow: hidden;
  color: inherit;
  font-family: inherit;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.inscriptionsModalityName,
.classificationModalityName,
.forcasModalityName,
.finalsModalityName,
.canchaReactModalityName {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: inherit;
  font-family: inherit;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inscriptionsModalityTotal,
.classificationModalityTotal,
.forcasModalityTotal,
.finalsModalityTotal {
  width: var(--module-sidebar-count-size);
  min-width: var(--module-sidebar-count-size);
  height: var(--module-sidebar-count-size);
  box-sizing: border-box;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 50%;
  background: var(--global-color-surface);
  color: var(--global-color-icon-shadow);
  font-family: inherit;
  font-weight: 900;
  line-height: 1;
}

.inscriptionsModalityItem.active .inscriptionsModalityTotal,
.classificationModalityItem.active .classificationModalityTotal,
.forcasModalityItem.active .forcasModalityTotal,
.finalsModalityItem.active .finalsModalityTotal,
.canchaReactModalityItem.active .canchaReactModalityTotal {
  color: var(--global-color-primary-900);
  border-color: color-mix(in srgb, var(--global-color-white) 58%, transparent);
  background: var(--global-color-surface);
}

.inscriptionsModalityRule,
.classificationModalityRule,
.forcasModalityRule,
.finalsModalityRule,
.canchaReactSidebarRule {
  box-sizing: border-box;
  margin: 0 12px 12px;
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-radius: 10px;
  background: var(--global-color-neutral-100);
}

.inscriptionsModalityRule strong,
.classificationModalityRule strong,
.forcasModalityRule strong,
.finalsModalityRule strong,
.canchaReactSidebarRule strong {
  margin: 0;
  color: var(--global-color-icon-shadow);
  font-family: inherit;
  font-weight: 800;
  line-height: 1.3;
}

.inscriptionsModalityRule span,
.classificationModalityRule span,
.forcasModalityRule span,
.finalsModalityRule span,
.canchaReactSidebarRule span {
  margin: 0;
  color: var(--global-color-neutral-500);
  font-family: inherit;
  font-weight: 400;
  line-height: 1.5;
}

.inscriptionsReactMain button,
.forcasReactMain button,
.finalsReactMain button,
.canchaReactMain button,
.inscriptionsReactMain input,
.forcasReactMain input,
.finalsReactMain input,
.canchaReactMain input,
.inscriptionsReactMain select,
.forcasReactMain select,
.finalsReactMain select,
.canchaReactMain select {
  font-family: inherit;
}

@media(max-width:920px) {
  .inscriptionsWorkspace,
    .classificationWorkspace,
    .forcasWorkspace,
    .finalsWorkspace,
    .canchaReactWorkspace {
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .inscriptionsModalitySidebar,
    .classificationModalitySidebar,
    .forcasModalitySidebar,
    .finalsModalitySidebar,
    .canchaReactSidebar {
    position: static;
    top: auto;
  }
}

.card {
  border-color: var(--global-color-neutral-100);
  border-radius: var(--global-card-radius);
  box-shadow: 0 7px 24px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent);
}

.card { padding: var(--global-card-padding); }

.status {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 11px;
  font-size: var(--global-font-xs);
  line-height: 1;
}

.quickFixBackdrop,
.quickCreateBackdrop {
  padding: 24px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.modal,
.quickFixModal,
.quickCreateModal {
  width: min(720px,100%);
  max-height: calc(100vh - 48px);
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 16px;
  background: var(--global-color-surface);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--global-color-neutral-900) 20%, transparent);
}

.quickFixHeader,
.quickCreateHeader {
  min-height: 72px;
  box-sizing: border-box;
  padding: 17px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
}

.quickFixHeader > div,
.quickCreateHeader > div {
  min-width: 0;
}

.quickFixHeader h2,
.quickFixHeader h3,
.quickCreateHeader h2,
.quickCreateHeader h3 {
  margin: 0;
  color: var(--global-color-neutral-900);
  font-family: var(--global-font-family);
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: -.15px;
}

.quickFixHeader p,
.quickCreateHeader p {
  margin: 4px 0 0;
  color: var(--global-color-neutral-500);
  font-family: var(--global-font-family);
  font-weight: 500;
  line-height: 1.4;
}

.quickFixClose {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  color: var(--global-color-icon-shadow);
  background: var(--global-color-success-050);
  font-family: var(--global-font-family);
  font-size: var(--global-font-xl);
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

.quickFixClose:hover {
  color: var(--global-color-primary-600);
  background: var(--global-color-neutral-100);
}

.quickFixForm,
.quickCreateForm {
  box-sizing: border-box;
  padding: 20px 22px;
  overflow-y: auto;
}

.quickFixGrid,
.quickCreateGrid {
  gap: 14px;
}

.quickFixFooter,
.quickCreateFooter {
  min-height: 68px;
  box-sizing: border-box;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-neutral-100);
}

.quickFixFooter button,
.quickCreateFooter button {
  padding: 0 15px;
  border-radius: 9px;
  font-family: var(--global-font-family);
  font-weight: 800;
  line-height: 1;
}

@media(max-width:680px) {
  .quickFixFooter button,
  .quickCreateFooter button {
    flex: 1 1 140px;
  }
}

.rodeioPortalCover.has-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,color-mix(in srgb, var(--global-color-neutral-950) 5%, transparent),color-mix(in srgb, var(--global-color-neutral-950) 68%, transparent));
}

.quickFixLacadorInfo,
.quickFixPendingBox {
  border-radius: 10px;
  font-family: var(--global-font-family);
}

.quickFixLacadorInfo {
  margin-bottom: 14px;
  padding: 12px 14px;
}

.quickFixLacadorInfo strong,
.quickFixPendingBox strong {
  font-size: var(--global-font-xs);
  line-height: 1.35;
}

.quickFixLacadorInfo span,
.quickFixPendingBox span {
  font-size: var(--global-font-min);
  line-height: 1.45;
}

.quickFixPendingBox {
  margin-bottom: 14px;
  padding: 11px 13px;
}

.modal input,
.modal select,
.modal textarea,
.quickFixModal input,
.quickFixModal select,
.quickFixModal textarea,
.quickCreateModal input,
.quickCreateModal select,
.quickCreateModal textarea {
  font-family: var(--global-font-family);
  font-size: var(--global-font-md);
}

@media(max-width:680px) {
  .quickFixBackdrop,
  .quickCreateBackdrop {
    padding: 10px;
    align-items: flex-end;
  }

  .modal,
  .quickFixModal,
  .quickCreateModal,
  .modal.wide {
    width: 100%;
    max-height: calc(100vh - 20px);
    border-radius: 15px 15px 10px 10px;
  }

  .quickFixHeader,
  .quickCreateHeader {
    min-height: 64px;
    padding: 14px 16px;
  }

  .quickFixForm,
  .quickCreateForm {
    padding: 16px;
  }

  .quickFixFooter,
  .quickCreateFooter {
    padding: 12px 16px;
    flex-wrap: wrap;
  }
}

.forcasReactMain,
.finalsReactMain,
.canchaReactMain {
  box-sizing: border-box;
}

.inscriptionsWorkspace,
.classificationWorkspace,
.forcasWorkspace,
.finalsWorkspace,
.canchaReactWorkspace {
  width: 100%;
  max-width: var(--page-content-max);
  margin: 0 auto;
  padding: var(--page-content-y) var(--page-content-x) 42px;
}

.phpSidebar nav a,
.phpSidebar .menuItem {
  min-height: 48px;
  font-size: var(--global-font-md) !important;
  line-height: 1.25;
}

.phpSidebar nav a svg,
.phpSidebar .menuItem svg {
  width: 18px;
  height: 18px;
  min-width: 18px;
}

.phpSidebar nav a .icon,
.sidebar nav a .icon,
.phpSidebar .menuIcon {
  width: 22px;
  min-width: 22px;
  font-size: var(--global-font-lg) !important;
  line-height: 1;
}

.phpTopbar h1 {
  font-size: var(--global-font-3xl) !important;
  line-height: 1.1;
}

.phpTopbar p {
  font-size: var(--global-font-sm) !important;
}

.phpTopbar button,
.phpTopbar .eventPill,
.phpTopbar .runningNow {
  min-height: 42px;
  font-size: var(--global-font-sm) !important;
  padding-left: 14px;
  padding-right: 14px;
}

.phpTopbar .phpButton.secondary:hover { border-color: var(--global-color-neutral-300); background: var(--global-color-neutral-300); }

.dashboardExecutiveFlow button>span {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  font-size: var(--global-font-xs) !important;
}

.dashboardExecutiveFlow button small { margin-top: 4px; }

.dashboardExecutiveFlow button b { font-size: var(--global-font-lg) !important; }

.dashboardExecutiveFlow button > span {
  width: 34px;
  height: 34px;
  font-size: var(--global-font-min);
}

.dashboardExecutiveFlow button > div {
  min-width: 0;
  justify-content: center;
  gap: 4px;
}

.dashboardExecutiveFlow button strong { line-height: 1.2; }

.dashboardExecutiveFlow button small { line-height: 1.3; }

.dashboardExecutiveFlow button b {
  justify-self: end;
  font-size: var(--global-font-lg);
  line-height: 1;
}

.card p {
  font-size: var(--global-font-md);
  line-height: 1.5;
}

.usersProfessionalStats article small {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .45px !important;
  line-height: 1.2 !important;
}

.usersProfessionalStats article strong {
  margin-top: 4px !important;
  font-size: var(--global-font-2xl) !important;
  line-height: 1 !important;
}

.usersProfessionalStats article span {
  margin-top: 5px !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}

.usersProfessionalFilters input::placeholder { font-size: 12.5px !important; }

.inscriptionsModalitySidebarHeader strong,
.classificationModalitySidebarHeader strong,
.forcasModalitySidebarHeader strong,
.finalsModalitySidebarHeader strong,
.canchaReactSidebarHeader strong {
  font-size: var(--global-font-base) !important;
}

.inscriptionsModalitySidebarHeader span,
.classificationModalitySidebarHeader span,
.forcasModalitySidebarHeader span,
.finalsModalitySidebarHeader span,
.canchaReactSidebarHeader span {
  font-size: var(--global-font-sm) !important;
}

.inscriptionsModalityItem,
.classificationModalityItem,
.forcasModalityItem,
.finalsModalityItem,
.canchaReactModalityItem {
  min-height: 60px;
}

.inscriptionsModalityIcon,
.classificationModalityIcon,
.forcasModalityIcon,
.finalsModalityIcon,
.canchaReactModalityIcon {
  font-size: var(--global-font-base) !important;
}

.inscriptionsModalityName,
.classificationModalityName,
.forcasModalityName,
.finalsModalityName,
.canchaReactModalityName {
  font-size: var(--global-font-md) !important;
}

.inscriptionsModalityTotal,
.classificationModalityTotal,
.forcasModalityTotal,
.finalsModalityTotal,
.inscriptionsModalityRule strong,
.classificationModalityRule strong,
.forcasModalityRule strong,
.finalsModalityRule strong,
.canchaReactSidebarRule strong {
  font-size: var(--global-font-xs) !important;
}

.inscriptionsModalityRule span,
.classificationModalityRule span,
.forcasModalityRule span,
.finalsModalityRule span,
.canchaReactSidebarRule span {
  font-size: 10.5px !important;
}

.phpSumulasAccessCard .phpButton {
  min-height: 44px;
  padding: 0 18px;
  font-size: var(--global-font-md) !important;
}

.reportFilters .phpButton {
  min-height: 46px !important;
  font-size: var(--global-font-sm) !important;
  padding: 0 16px !important;
}

.reportsPage .reportChampions article small { font-size: var(--global-font-xs) !important; }

.reportsPage .reportChampions article strong { font-size: var(--global-font-lg) !important; }

.reportsPage .reportChampions article h3 { font-size: 17px !important; line-height: 1.25 !important; }

.reportsPage .reportChampions article span { font-size: var(--global-font-sm) !important; }

.reportsPage .reportSummaryGrid article>strong { font-size: 15px !important; }

.reportsPage table thead th,
.reportsPage .reportTable thead th {
  background: var(--global-color-neutral-100) !important;
  color: var(--global-color-icon-shadow) !important;
  font-size: var(--global-font-sm) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  padding: 11px 12px !important;
  border-bottom: 1px solid var(--global-color-neutral-100) !important;
  vertical-align: middle !important;
  white-space: nowrap;
}

.reportsPage table tbody td,
.reportsPage .reportTable tbody td {
  padding: 11px 12px !important;
  font-size: var(--global-font-md) !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

.reportsPage .reportTableWrap,
.reportsPage .tableWrap,
.reportsPage .phpTableWrap {
  overflow-x: auto;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
}

.reportsPage .reportTable thead th {
  padding: 10px 12px !important;
  color: var(--global-color-icon-shadow) !important;
  background: var(--global-color-neutral-100) !important;
  font-size: var(--global-font-sm) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  vertical-align: middle !important;
}

.reportsPage .reportTable tbody td {
  padding: 10px 12px !important;
  font-size: var(--global-font-md) !important;
  line-height: 1.3 !important;
}

.quickFixHeader h2,
.quickFixHeader h3,
.quickCreateHeader h2,
.quickCreateHeader h3 {
  font-size: var(--global-font-xl) !important;
}

.quickFixHeader p,
.quickCreateHeader p {
  font-size: var(--global-font-sm) !important;
}

.quickFixFooter button,
.quickCreateFooter button {
  min-height: 44px;
  font-size: var(--global-font-md) !important;
}

@media(max-width:920px) {
  .phpTopbar h1 {
    font-size: 24px !important;
  }
}

.phpInternalContent {
  width: 100%;
  max-width: 1680px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--global-page-section-gap);
  padding: var(--global-page-y) var(--global-page-x) 40px !important;
}

/* Espaçamento estrutural global: a distância entre os blocos diretos de cada página
   é controlada exclusivamente por --global-page-section-gap no container acima. */
.phpInternalContent > * {
  margin-top: 0;
  margin-bottom: 0;
}

.dashboardExecutivePage {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.dashboardExecutivePage > *,
.reportsPage .phpInternalContent > * {
  box-sizing: border-box;
}

.phpSumulasAccessCard { padding: 18px 20px !important; }
.phpSumulasAccessCard strong { font-size: 15px !important; line-height: 1.35; }

.phpSumulasAccessCard p {
  margin-top: 5px !important;
}

.reportFilters {
  min-height: 98px;
  padding: 16px 18px !important;
  gap: 12px !important;
}

.reportFilters label {
  gap: 7px !important;
  font-size: var(--global-font-sm) !important;
  line-height: 1.25;
}

.reportFilters select,
.reportFilters input {
  min-height: 46px !important;
  font-size: var(--global-font-base) !important;
  padding: 0 12px !important;
}

.reportStats { gap: 10px !important; }

.reportStats>div {
  min-height: 96px !important;
  padding: 16px 17px !important;
  gap: 6px !important;
}

.reportStats small {
  font-size: var(--global-font-xs) !important;
  line-height: 1.2;
  letter-spacing: .55px;
}

.reportStats strong {
  margin-top: 2px !important;
  font-size: 23px !important;
  line-height: 1.1;
}

.reportOperationalSummary { gap: 10px !important; }

.reportOperationalSummary>div { padding: 14px 15px !important; }
.reportOperationalSummary strong {
  margin-top: 5px !important;
  font-size: var(--global-font-base) !important;
  line-height: 1.3;
}

.reportStatus {
  font-size: var(--global-font-min) !important;
}

.dashboardExecutiveHero { padding: 30px 32px !important; }

.dashboardExecutiveHeroMain>span { font-size: var(--global-font-xs) !important; line-height: 1.2; }

.dashboardExecutiveHeroMain h1 { margin-top: 8px !important; font-size: var(--global-font-4xl) !important; }

.dashboardExecutiveHeroMain p { margin-top: 7px !important; font-size: var(--global-font-md) !important; }

.dashboardExecutiveHeroMeta>span {
  min-height: 28px;
  padding: 0 10px;
  font-size: var(--global-font-min) !important;
}

.dashboardExecutiveHeroActions .phpButton {
  min-height: 44px;
  padding: 0 17px;
  font-size: var(--global-font-sm) !important;
}

.dashboardExecutiveStats { gap: 10px !important; }

.dashboardExecutiveMainColumn>.phpCard,
.dashboardExecutiveSideColumn>.phpCard {
  padding: 20px !important;
}

.dashboardExecutiveFlow button { padding: 15px 14px !important; }

.dashboardExecutiveStats article { padding: 12px 14px !important; }

.dashboardExecutiveStats article > div:last-child {
  min-height: 58px;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

.phpTopbar h1 {
  font-size: var(--global-font-3xl) !important;
}


@media(max-width:1100px) {
  .phpInternalContent { padding-left: 20px !important; padding-right: 20px !important; }
}

@media(max-width:760px) {
  .phpInternalContent { padding-left: 14px !important; padding-right: 14px !important; }
}

.phpCard small { font-size: var(--global-font-xs) !important; line-height: 1.35; }

.phpCard p { font-size: var(--global-font-md) !important; line-height: 1.5; }

.phpCard h2 { font-size: var(--global-font-xl) !important; line-height: 1.25; }

.phpCard h3 { font-size: var(--global-font-lg) !important; line-height: 1.3; }

.phpUserBasicGrid label,
.phpAuditToolbar label,
.phpPermissionsHeader strong,
.phpPermissionItem strong,
.phpAuditHeading strong {
  font-size: var(--global-font-sm) !important;
}

.phpPermissionsHeader span,
.phpPermissionItem small,
.phpAuditWho,
.phpAuditSide,
.phpTinyButton,
.phpProfileBadge,
.phpStatusBadge,
.phpAuditHeading span,
.usersProfessionalPermissions span small {
  font-size: var(--global-font-min) !important;
}

.globalEventUserMenuToggle:hover,
.globalEventUser.menu-open .globalEventUserMenuToggle {
  border-color: var(--global-color-neutral-100);
  background: var(--global-color-neutral-100);
}

.globalEventUserMenuItem:hover { background: var(--global-color-info-050); }

.globalEventUserMenuItem>span:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.globalEventUserMenuItem.is-danger { color: var(--global-color-danger-700); }

.globalEventUserMenuItem.is-danger:hover { background: var(--global-color-danger-050); }

.globalEventUserMenuItem.is-danger .globalEventUserMenuIcon {
  background: var(--global-color-danger-050);
  color: var(--global-color-danger-700);
}

@media(max-width:1100px) {
  .reportStats { grid-template-columns: repeat(3,1fr) !important; }
}

@media(max-width:760px) {
  .reportStats { grid-template-columns: 1fr !important; }

  .reportsPage .phpHero { padding: 22px 20px !important; }
}

.reportsPage .phpSumulasAccessCard, .reportsPage .reportFilters, .reportsPage .reportStats, .reportsPage .reportOperationalSummary, .reportsPage > main .phpInternalContent > .phpCard {
  width: 100%;
  box-sizing: border-box;
}

.reportsPage .phpSumulasAccessCard {
  min-height: 76px !important;
}

.reportsPage .reportFilters {
  min-height: 82px !important;
  gap: var(--global-page-section-gap) !important;
}

.reportsPage .reportStats { gap: var(--global-page-section-gap) !important; }

.reportsPage .reportOperationalSummary {
  min-height: 0 !important;
  gap: var(--global-page-section-gap) !important;
}

.reportsPage .phpCardTitleRow { margin-bottom: 14px !important; }

.reportsPage .reportTable { font-size: var(--global-font-md) !important; }

@media(max-width:1100px) {
  .reportsPage .reportStats { grid-template-columns: repeat(3,1fr) !important; }
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .reportsPage .reportStats { grid-template-columns: 1fr !important; }
}

.reportsPage .phpInternalContent > * { margin-left: 0 !important; margin-right: 0 !important; }

.phpMenuItem {
  min-height: 49px !important;
  padding: 0 14px !important;
  gap: 10px;
  font-size: 13.5px !important;
}

.phpMenuItem .phpMenuIcon,
.phpMenuItem>span:first-child {
  width: 24px !important;
  min-width: 24px !important;
  font-size: var(--global-font-xl) !important;
}

.phpInternalContent label,
.modal label {
  font-size: var(--global-font-md) !important;
}

.phpInternalContent input,
.phpInternalContent select,
.phpInternalContent textarea,
.modal input,
.modal select,
.modal textarea {
  font-size: var(--global-font-base) !important;
}

.phpTopbar .phpButton.secondary {
  min-height: 40px;
  padding: 0 15px;
  color: var(--global-color-white);
  border-color: color-mix(in srgb, var(--global-color-white) 22%, transparent);
  background: color-mix(in srgb, var(--global-color-white) 6%, transparent);
}

.phpTopbar .phpButton.secondary:hover{
  color: var(--global-color-white);
  border-color: color-mix(in srgb, var(--global-color-white) 40%, transparent);
  background: color-mix(in srgb, var(--global-color-white) 15%, transparent);
}

.dashboardStatIcon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  font-size: 19px !important;
}

@media(max-width:1120px) {
  .dashboardExecutiveFlow button:last-child { grid-column: auto; }
}

.phpInternalContent .phpButton,
.modal .phpButton {
  font-size: var(--global-font-sm) !important;
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .reportsPage .phpHero { min-height: 0 !important; padding: 18px !important; }

  .reportsPage .phpHero h1 { font-size: 25px !important; }
}

.inscricaoIntegrantes {
  min-height: 54px !important;
  padding: 8px 16px !important;
}

.inscricaoIntegrantes article {
  min-height: 38px !important;
}

.inscricaoIntegrantes strong {
  font-size: var(--global-font-md) !important;
}

.inscricaoIntegrantes small {
  font-size: var(--global-font-xs) !important;
}

.inscriptionsDesiredStats {
  grid-template-columns: minmax(118px,.95fr)
    minmax(105px,.95fr)
    minmax(88px,.8fr)
    minmax(88px,.8fr)
    minmax(88px,.8fr)
    minmax(105px,.9fr)
    minmax(118px,.95fr)
    minmax(145px,1.05fr) !important;
}

.inscriptionsDesiredStats>div {
  min-height: 52px !important;
  height: auto !important;
  padding: 7px 12px !important;
}

.inscriptionsDesiredStats .number strong { font-size: 12.5px !important; }

.inscriptionsDesiredStats .status { min-height: 52px !important; padding: 6px 10px !important; }

.inscriptionsDesiredStats .status select {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
}

.inscriptionsDesiredActions {
  min-height: 40px !important;
  padding: 5px 14px !important;
}

@media (max-width:900px) {
  .inscriptionsDesiredActions { padding: 5px 10px !important; }
}

.inscriptionsDesiredActions .phpButton {
  border-radius: 7px !important;
  line-height: 1 !important;
}

@media (min-width:901px) {
  .inscriptionsDesiredStats {
    grid-template-columns: minmax(118px,.95fr)
        minmax(105px,.95fr)
        minmax(88px,.8fr)
        minmax(88px,.8fr)
        minmax(88px,.8fr)
        minmax(105px,.9fr)
        minmax(118px,.95fr)
        minmax(145px,1.05fr) !important;
  }

  .inscriptionsDesiredStats .number,
    .inscriptionsDesiredStats .status {
    grid-column: auto !important;
  }
}

@media (max-width:900px) {
  .inscriptionsDesiredStats>div { min-height: 48px !important; padding: 7px 9px !important; }
}

.reportsPage .reportTable,
.reportsPage table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto;
}

.reportsPage .phpCard { padding: 16px 18px !important; }

.reportsPage .phpTableWrap { padding: 0 !important; }

.reactDatabaseIntro strong { font-size: var(--global-font-base) !important; }

.reactDatabaseIntro p { font-size: var(--global-font-sm) !important; }

.phpButton.secondary {
  background: var(--global-color-neutral-100);
  color: var(--global-color-icon-shadow);
  border: 0px solid var(--global-color-primary-200);
}

.phpButton.tertiary {
  background: var(--global-color-white)!important;
  color: var(--global-color-primary-600)!important;
  border: 0px solid var(--global-color-primary-600)!important;
}

.phpButton.tertiary:hover {
  background: var(--global-color-primary-600)!important;
  color: var(--global-color-white)!important!important;
  border: 0px solid var(--global-color-primary-200)!important;
}

.phpButton.quarternary {
    align-self: end;
    min-height: var(--global-control-height);
    padding: 0 10px;
    border: 0;
    border-radius: 9px;
    background: var(--global-color-primary-600);
    color: var(--global-color-white);
    font-size: var(--global-font-min);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.phpButton.quarternary:hover {
  background: var(--global-color-neutral-100)!important;
  color: var(--global-color-primary-600)!important;
  border: 0px solid var(--global-color-primary-600)!important;
}


.phpError .phpMessageDot { background: var(--global-color-danger-600); }


.forcasAutomaticHeader { padding: 10px !important; font-size: var(--global-font-xs) !important; }

.forcasAutomaticRow { padding: 10px !important; font-size: var(--global-font-sm) !important; }

.forcasStatus { padding: 5px 9px !important; font-size: var(--global-font-min) !important; }

.forcasDistributionGrid>div { min-height: 68px !important; padding: 10px 12px !important; }

.forcasDistributionGrid small { font-size: var(--global-font-min) !important; }

.forcasDistributionGrid strong { font-size: var(--global-font-xl) !important; }

.forcasRangeRow { min-height: 48px !important; padding: 8px 10px !important; }

.forcasRangeRow label,
.forcasNewRangeForm label {
  font-size: var(--global-font-sm) !important;
}

.forcasRangeRow input,
.forcasNewRangeForm input,
.forcasNewRangeForm select {
  min-height: 40px !important;
  font-size: var(--global-font-md) !important;
}

.canchaReactCurrentMeta small,
.canchaReactNext small {
  font-size: var(--global-font-xs) !important;
}

.canchaReactResultControl button { min-height: 42px !important; font-size: var(--global-font-md) !important; }

.classificationNotice,
.finalsNotice,
.forcasAutoWarning,
.forcasAutoWaiting,
.forcasAutoDone,
.canchaReactSyncNotice,
..finalsRuleBox,
.forcasRuleBox {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
}

.classificationPageBadge,
.finalsPageBadge,
.forcasPageBadge,
.canchaReactModeBadge,
.canchaReactLateBadge {
  font-size: var(--global-font-min) !important;
}

.usersProfessionalStats { gap: 12px !important; }

.usersProfessionalStats article { padding: 14px 16px !important; }

.usersProfessionalFilters { gap: 10px !important; }

.usersProfessionalFilters input,
.usersProfessionalFilters select {
  min-height: 42px !important;
  height: 42px !important;
  font-size: 13.5px !important;
}

.phpUserAvatar {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  font-size: 17px !important;
}

.phpProfileBadge {
  min-height: 24px !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

.usersProfessionalPermissions {
  gap: 5px !important;
}

.usersProfessionalPermissions span {
  min-height: 24px !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.usersProfessionalActions button {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 12px !important;
  font-size: var(--global-font-sm) !important;
}

.usersProfessionalPagination {
  font-size: var(--global-font-xs) !important;
}

.usersProfessionalPagination button {
  min-width: 34px !important;
  min-height: 34px !important;
  font-size: var(--global-font-sm) !important;
}

.phpPermissionsHeader strong,
.phpPermissionItem strong {
  font-size: 12.5px !important;
}

.phpPermissionsHeader span,
.phpPermissionItem small {
  font-size: 10.5px !important;
}

.usersProfessionalPage .eyebrow,
.settingsProfessionalPage .eyebrow,
.usersProfessionalPage .fieldHelp,
.settingsProfessionalPage .fieldHelp {
  font-size: var(--global-font-xs) !important;
}

@media(max-width:900px) {
  .settingsProfessionalGrid { grid-template-columns: 1fr !important; }
}

.settingsProfessionalGrid { display: grid !important; }

.settingsProfessionalPage { padding-top: 22px !important; padding-bottom: 34px !important; }

.settingsProfessionalCard {
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid var(--global-color-neutral-100) !important;
  background: var(--global-color-white) !important;
  box-shadow: 0 7px 22px color-mix(in srgb, var(--global-color-neutral-900) 4.5%, transparent) !important;
}

.settingsProfessionalCardBody {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.settingsProfessionalCard .settingsProfessionalCardTop,
.settingsProfessionalCard > header,
.settingsProfessionalCardBody > header {
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

.settingsProfessionalCardIcon {
  min-width: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
}

.settingsProfessionalPage .customFieldsCard { border-radius: 13px !important; }

.settingsRuleModalHeader>div>span { font-size: 10.5px !important; letter-spacing: .9px !important; }

.phpPermissionItem select { min-height: 40px !important; font-size: var(--global-font-md) !important; }

.phpUserBasicGrid label { font-size: 12.5px !important; }

.phpUserBasicGrid input,
.phpUserBasicGrid select {
  min-height: 42px !important;
  font-size: 13.5px !important;
}

@media(max-width:900px) {
  .usersProfessionalFilters { grid-template-columns: 1fr !important; }
}

.primeiroAcessoPage .box {
  width: min(460px,100%);
  padding: 26px;
  border-radius: 16px;
  background: var(--global-color-surface);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--global-color-neutral-950) 25%, transparent);
}

.primeiroAcessoPage .msg {
  margin-top: 13px;
  padding: 10px;
  border-radius: 8px;
  background: var(--global-color-primary-200);
  color: var(--global-color-primary-900);
  font-size: var(--global-font-sm);
}

.primeiroAcessoPage .erro { background: var(--global-color-danger-050); color: var(--global-color-danger-600); }

.settingsProfessionalCard small,
.settingsProfessionalCard .eyebrow {
  font-size: var(--global-font-xs) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.settingsProfessionalCard h2,
.settingsProfessionalCard h3 {
  margin-top: 4px !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.settingsProfessionalCard p {
  margin-top: 7px !important;
  font-size: var(--global-font-sm) !important;
  line-height: 1.45 !important;
}

.settingsProfessionalMetrics { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }

.settingsProfessionalMetrics > div {
  min-height: 66px !important;
  padding: 11px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border: 1px solid var(--global-color-neutral-100) !important;
  border-radius: 10px !important;
  background: var(--global-color-neutral-100) !important;
}

.settingsProfessionalMetrics strong {
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.settingsProfessionalMetrics span,
.settingsProfessionalMetrics small {
  margin-top: 5px !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}

.settingsProfessionalTags span { border-radius: 999px !important; font-weight: 800 !important; }

@media(max-width:1180px) {
  .settingsProfessionalGrid { grid-template-columns: 1fr 1fr !important; }
}

@media(max-width:760px) {
  .settingsProfessionalGrid { grid-template-columns: 1fr !important; }

  .settingsProfessionalMetrics { grid-template-columns: 1fr 1fr !important; }
}

.settingsProfessionalGrid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px !important; }

.settingsProfessionalCard {
  min-height: 270px !important;
  padding: 18px !important;
  grid-template-columns: 48px minmax(0,1fr) !important;
  grid-template-rows: 1fr auto !important;
  gap: 14px !important;
  border-radius: 13px !important;
}

.settingsProfessionalCardIcon {
  width: 46px !important;
  height: 46px !important;
  font-size: 21px !important;
}

.settingsProfessionalCardBody>span {
  font-size: 10.5px !important;
  letter-spacing: .7px !important;
  line-height: 1.2 !important;
}

.settingsProfessionalCardBody h2 {
  margin: 5px 0 7px !important;
  font-size: var(--global-font-xl) !important;
  line-height: 1.15 !important;
}

.settingsProfessionalCardBody>p { font-size: 11.5px !important; line-height: 1.45 !important; }

.settingsProfessionalMetrics { margin-top: 14px !important; gap: 9px !important; }

.settingsProfessionalMetrics>div { min-height: 62px !important; padding: 10px 12px !important; }

.settingsProfessionalMetrics strong { font-size: 19px !important; line-height: 1 !important; }

.settingsProfessionalMetrics small {
  margin-top: 5px !important;
  font-size: var(--global-font-min) !important;
  line-height: 1.25 !important;
}

.settingsProfessionalTags { margin-top: 11px !important; gap: 6px !important; 
  display: flex !important; flex-wrap: wrap !important;
}

.settingsProfessionalTags span {
  min-height: 22px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--global-font-min) !important;
  line-height: 1 !important;
}

.settingsProfessionalCard footer { padding-top: 14px !important; }

.settingsProfessionalCard footer .phpButton {
  min-height: 40px !important;
  padding: 0 15px !important;
  font-size: 12.5px !important;
}

.settingsModalityOverview {
  padding: 18px !important;
  border-radius: 13px !important;
}

.settingsModalityOverviewHeader { margin-bottom: 14px !important; }

.settingsModalityOverviewHeader .phpEyebrow { font-size: 10.5px !important; }

.settingsModalityOverviewHeader h2 {
  margin: 5px 0 5px !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
}

.settingsModalityOverviewHeader p { font-size: var(--global-font-sm) !important; line-height: 1.45 !important; }

.settingsModalityOverviewList { gap: 8px !important; }

.settingsModalityOverviewRow {
  min-height: 62px !important;
  padding: 10px 12px !important;
  grid-template-columns: minmax(190px,.9fr) minmax(260px,1.4fr) auto !important;
  gap: 14px !important;
  border-radius: 9px !important;
}

.settingsModalityOverviewName { gap: 4px !important; }

.settingsModalityOverviewName strong { font-size: 12.5px !important; line-height: 1.2 !important; }

.settingsModalityOverviewName span { font-size: var(--global-font-min) !important; line-height: 1.3 !important; }

.settingsModalityOverviewRules { gap: 6px !important; }

.settingsModalityOverviewRules span {
  min-height: 22px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--global-font-min) !important;
  line-height: 1 !important;
}

.settingsModalityOverviewRow>.phpButton {
  min-height: 38px !important;
  padding: 0 13px !important;
  font-size: var(--global-font-sm) !important;
}

.settingsRuleModalBackdrop { padding: 18px !important; }

.settingsRuleModal { width: min(900px,100%) !important; border-radius: 15px !important; }

.settingsRuleModalWide { width: min(1040px,100%) !important; }

.settingsRuleModalHeader { padding: 20px 22px 16px !important; gap: 16px !important; }

.settingsRuleModalHeader h2 {
  margin: 5px 0 6px !important;
  font-size: 23px !important;
  line-height: 1.15 !important;
}

.settingsRuleModalHeader p { font-size: 11.5px !important; line-height: 1.45 !important; }

.settingsRuleModalClose {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  font-size: 20px !important;
}

.settingsRuleModalForm { padding: 18px 22px 20px !important; }

.settingsRuleModalIntro {
  margin-bottom: 12px !important;
  padding: 11px 13px !important;
  border-radius: 9px !important;
}

.settingsRuleModalIntro strong { font-size: 11.5px !important; line-height: 1.25 !important; }

.settingsRuleModalIntro span { font-size: var(--global-font-min) !important; line-height: 1.4 !important; }

.settingsFieldStateList { gap: 7px !important; }

.settingsFieldStateRow {
  min-height: 58px !important;
  padding: 9px 12px !important;
  grid-template-columns: minmax(0,1fr) 180px !important;
  gap: 12px !important;
  border-radius: 8px !important;
}

.settingsFieldStateName { gap: 4px !important; }

.settingsFieldStateName strong { font-size: 12.5px !important; line-height: 1.2 !important; }

.settingsFieldStateName small { font-size: var(--global-font-min) !important; line-height: 1.3 !important; }

.settingsFieldStateSelect {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  font-size: 12.5px !important;
}

.settingsRuleGrid { gap: 8px !important; }

.settingsRuleOption { min-height: 62px !important; padding: 10px 11px !important; }

.settingsRuleOption strong { font-size: var(--global-font-sm) !important; }

.settingsRuleOption small { font-size: var(--global-font-min) !important; }

.settingsRuleModalFooter {
  margin-top: 14px !important;
  padding-top: 14px !important;
  gap: 9px !important;
}

.settingsRuleModalFooter .phpButton {
  min-height: 40px !important;
  padding: 0 15px !important;
  font-size: 12.5px !important;
}

@media(max-width:1100px) {
  .settingsProfessionalGrid { grid-template-columns: 1fr 1fr !important; }
}

@media(max-width:760px) {
  .settingsModalityOverviewRow { grid-template-columns: 1fr !important; }

  .settingsFieldStateRow { grid-template-columns: 1fr !important; }

  .settingsFieldStateSelect { width: 100% !important; }
}

/* [05] Financeiro */
.financeiroHero {
  min-height: 145px;
  padding: 24px 26px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(135deg,var(--global-color-neutral-950) 0%,var(--global-color-primary-600) 100%) !important;
  color: var(--global-color-white) !important;
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .financeiroHero { align-items: flex-start; flex-direction: column; }
}

.financeiroHero .phpEyebrow { color: var(--global-color-secondary-800) !important; }

.financeiroHero h1 {
  margin: 5px 0 7px;
  color: var(--global-color-white);
  font-size: 30px;
}

.financeiroHero p {
  margin: 0;
  max-width: 620px;
  color: var(--global-color-neutral-100);
  font-size: var(--global-font-md);
  line-height: 1.45;
}

.financeiroHeroValue {
  min-width: 220px;
  padding: 16px 20px;
  border: 1px solid color-mix(in srgb, var(--global-color-success-700) 40%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, #294252 50%, transparent);
  text-align: right;
}

.financeiroHeroValue small {
  display: block;
  color: var(--global-color-secondary-800);
  font-size: var(--global-font-min);
  font-weight: 800;
  letter-spacing: .8px;
}

.financeiroHeroValue strong {
  display: block;
  margin-top: 5px;
  color: var(--global-color-white);
  font-size: 26px;
  line-height: 1;
}

.financeiroTableCard { padding: 18px !important; }

.financeiroTableWrap {
  margin-top: 16px;
  overflow: auto;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
}

.financeiroTableWrap table { width: 100%; border-collapse: collapse; }

.financeiroTableWrap thead { display: table-header-group !important; }

.financeiroTableWrap th {
  position: static !important;
  top: auto !important;
  padding: 12px 14px;
  background: var(--global-color-neutral-100);
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-xs);
  text-align: left;
  white-space: nowrap;
}

.financeiroTableWrap td {
  padding: 12px 14px;
  border-top: 1px solid var(--global-color-neutral-100);
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-sm);
}

.financeiroTableWrap tbody tr:hover { background: var(--global-color-neutral-100); }

.financeiroEmpty {
  padding: 28px !important;
  color: var(--global-color-neutral-500) !important;
  text-align: center;
}

@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px) {
  .financeiroHeroValue {
    width: 100%;
    min-width: 0;
    text-align: left;
  }
}

.finKpi.receita:before,.finKpi.resultadoPositivo:before { background: var(--global-color-success-600); }

.finKpi.despesa:before,.finKpi.resultadoNegativo:before { background: var(--global-color-danger-600); }

.finDreRow.positive strong { color: var(--global-color-success-600); }

.finDreRow.negative strong { color: var(--global-color-danger-600); }

.finDreRow.subtotal { background: var(--global-color-info-050); font-weight: 800; }

.finDreRow.total {
  background: var(--global-color-info-050);
  font-weight: 900;
  font-size: 15px;
}

.finCashMetric progress::-webkit-progress-bar { background: var(--global-color-info-050); border-radius: 999px; }

.finCashMetric.income progress::-webkit-progress-value { background: var(--global-color-info-600); border-radius: 999px; }

.finCashMetric.expense progress::-webkit-progress-value { background: var(--global-color-danger-600); border-radius: 999px; }

.finCashMetric.income progress::-moz-progress-bar { background: var(--global-color-info-600); border-radius: 999px; }

.finCashMetric.expense progress::-moz-progress-bar { background: var(--global-color-danger-600); border-radius: 999px; }

.finFormGrid.two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}

.globalEventMeta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  min-width: 0;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-sm);
  white-space: nowrap;
}

.globalEventMeta>span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.globalEventMetaDot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--global-color-success-700);
}

.globalEventMetaLocal,
.globalEventMetaCalendar {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.globalEventAvatar {
  color: var(--global-color-neutral-900);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--global-color-neutral-100);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sidebarIcon {
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.positiveText { color: var(--global-color-success-700) !important; }

.negativeText { color: var(--global-color-danger-700) !important; }

.phpButton.small {
  padding: 7px 9px;
  min-height: 0;
  font-size: var(--global-font-sm);
}

.globalEventUser {
  position: relative;
  min-width: 164px;
  min-height: 58px;
  padding: 0 4px 0 15px;
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) 24px;
  align-items: center;
  gap: 10px;
  border-left: 1px solid var(--global-color-neutral-100);
}

.globalEventUserText {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.globalEventUserText strong {
  overflow: hidden;
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-sm);
  font-weight: 800;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalEventUserText span {
  overflow: hidden;
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalEventUserMenuToggle {
  width: 30px;
  height: 34px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--global-color-primary-600);
  cursor: pointer;
  transition: background .16s ease,border-color .16s ease,transform .16s ease;
}

.globalEventUserChevron {
  width: 8px;
  height: 8px;
  display: block;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}

.globalEventUserMenu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 2500;
  width: 260px;
  padding: 8px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 14px;
  background: var(--global-color-surface);
  box-shadow: 0 18px 45px color-mix(in srgb, var(--global-color-neutral-900) 16%, transparent);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px);
  pointer-events: none;
  transition: opacity .16s ease,transform .16s ease,visibility .16s ease;
}

.globalEventUserMenuHeader {
  padding: 10px 11px 11px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.globalEventUserMenuHeader strong {
  color: var(--global-color-neutral-900);
  font-size: var(--global-font-sm);
  line-height: 1.25;
}

.globalEventUserMenuHeader span {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-min);
  line-height: 1.25;
}

.globalEventUserMenuDivider {
  height: 1px;
  margin: 5px 4px;
  background: var(--global-color-neutral-100);
}

.globalEventUserMenuItem {
  width: 100%;
  min-height: 54px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--global-color-primary-600);
  cursor: pointer;
  text-align: left;
  transition: background .15s ease,color .15s ease;
}

.globalEventUserMenuIcon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: var(--global-color-info-050);
  color: var(--global-color-info-700);
  font-size: 17px;
  font-weight: 800;
}

.globalEventUserMenuItem strong {
  color: inherit;
  font-size: var(--global-font-xs);
  font-weight: 800;
  line-height: 1.25;
}

.globalEventUserMenuItem small {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 500;
  line-height: 1.25;
}

@media(max-width:760px) {
  .globalEventUser {
    min-width: auto;
    padding-left: 10px;
    grid-template-columns: 36px 30px;
  }
}

@media(max-width:1180px) {
  .globalEventMeta { display: none; }
}

.systemIcon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  vertical-align: middle;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.inlineSystemIcon,
.buttonSystemIcon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  vertical-align: middle;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.phpBrand strong {
  color: var(--global-color-neutral-900);
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -.2px;
}

.phpBrand span {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  opacity: 1;
  letter-spacing: .8px;
  font-weight: 700;
}

.phpCard h2 { margin: 0 0 14px; font-size: var(--global-font-xl); }

.phpForm label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: var(--global-font-sm);
  font-weight: 700;
}

.phpForm input, .phpForm select {
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  font-size: var(--global-font-base);
}

.primeiroAcessoPage h1 { margin: 0 0 8px; font-size: 25px; }

.primeiroAcessoPage p {
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-md);
  line-height: 1.5;
}

.primeiroAcessoPage label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 12px;
  font-size: var(--global-font-sm);
  font-weight: 800;
}

.primeiroAcessoPage input {
  min-height: 43px;
  padding: 0 11px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
}

.primeiroAcessoPage button,.primeiroAcessoPage a {
  width: 100%;
  min-height: 44px;
  margin-top: 16px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: var(--global-color-primary-600);
  color: var(--global-color-white);
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.primeiroAcessoPage code {
  display: block;
  margin-top: 6px;
  padding: 8px;
  background: var(--global-color-neutral-100);
  border-radius: 6px;
}

@media(max-width:760px) {
  .globalEventUserText { display: none; }
}

.dashboardStatIcon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.dashboardStatIcon img {
  width: 50px !important;
  height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.loginSystemIcon {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.portalSystemIcon {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.rodeioPortalCoverText {
  padding: 180px 18px 16px !important;
  gap: 5px !important;
  background: transparent !important;
}

.rodeioPortalCoverText small {
  color: var(--global-color-white) !important;
  font-size: var(--global-font-min) !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  opacity: .90;
}

.rodeioPortalCoverText strong {
  font-size: var(--global-font-xl) !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: -.15px !important;
}

.rodeioPortalCardStatus {
  min-height: 25px !important;
  padding: 5px 9px !important;
  font-size: var(--global-font-min) !important;
}

.rodeioPortalMeta small {
  font-size: var(--global-font-min) !important;
  line-height: 1.1 !important;
  letter-spacing: .5px !important;
}

.rodeioPortalMeta strong {
  font-size: var(--global-font-xs) !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
}

.rodeioPortalActions .phpButton {
  font-size: var(--global-font-min) !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

@media (max-width:720px) {
  .rodeioPortalCoverText strong { font-size: 17px !important; }
}

.phpMenuItem .sidebarIcon { width: 30px !important; height: 30px !important; }

.phpAppShell {
  min-height: 100vh;
  background: var(--global-color-neutral-100);
  color: var(--global-color-neutral-900);
  font-family: var(--global-font-family-screen);
}

.phpTopbar {
    min-height: 70px !important;
    gap: 16px;
    backdrop-filter: blur(20px) saturate(125%);
    top: -1px;
    padding: 0 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--global-color-neutral-100);
    background: url(images/faixa-pampa-hor.png) 0px -6px no-repeat, 
     radial-gradient(circle at 82% 16%, 
     color-mix(in srgb, #294252 28%, transparent), transparent 28%), 
     linear-gradient(135deg, #03131e 0%, #061b29 58%, #294252 100%) !important;
    background-position: 0px top;
    box-sizing: border-box;
    position: relative;
    z-index: 20;
    height: 68px;
    border-bottom-color: rgba(227, 170, 85, .42);
  
}

.phpBrand {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.phpCard {
  padding: 18px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 14px;
  background: var(--global-color-surface);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--global-color-neutral-950) 4%, transparent);
}

.phpTopUser {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-min);
  font-weight: 700;
}

.phpForm {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.phpButton {
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  border-color: var(--global-color-primary-600);
  background: var(--global-color-primary-600);
  color: var(--global-color-white);
  font-weight: 800;
  cursor: pointer;
}

.phpGlobalNotices {
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 0;
}

.phpMessage {
  margin: 0;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  max-width: min(520px, 100%);
  min-height: 30px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  background: var(--global-color-primary-200);
  color: var(--global-color-primary-900);
  font-size: var(--global-font-min);
  font-weight: 750;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
  cursor: help;
}

.phpMessageDot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--global-color-info-600);
}

.phpError {
  border-color: var(--global-color-danger-600);
  background: var(--global-color-danger-050);
  color: var(--global-color-danger-600);
}

@media (max-width: 700px) {
  .phpGlobalNotices { align-items: stretch; }

  .phpMessage { max-width: 100%; }
}

.phpEmpty {
  padding: 22px;
  color: var(--global-color-neutral-500);
  text-align: center;
  border: 1px dashed var(--global-color-neutral-100);
  border-radius: 10px;
}

.primeiroAcessoPage * { box-sizing: border-box; }

.primeiroAcessoPage {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 20px;
  background: var(--global-color-neutral-900);
  font-family: var(--global-font-family-screen);
  color: var(--global-color-neutral-900);
}

.rodeioPortalCover { position: relative; overflow: hidden; }

.rodeioPortalCoverImage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.rodeioPortalCover > *:not(.rodeioPortalCoverImage) { position: relative; z-index: 2; }

#preview-capa-rodeio { position: relative; overflow: hidden; }

.rodeioCoverPreviewImage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.rodeioCoverPreviewOverlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,color-mix(in srgb, var(--global-color-neutral-950) 5%, transparent),color-mix(in srgb, var(--global-color-neutral-950) 48%, transparent));
}

.rodeioCoverPreviewContent { position: relative; z-index: 2; }

.rodeioPortalCardStatus {
  display: inline-flex;
  align-items: center;
  border: 0;
  border-radius: 999px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .25px;
  white-space: nowrap;
}

.rodeioPortalCoverStatus {
  position: absolute !important;
  top: 14px;
  left: 14px;
  z-index: 3 !important;
  margin: 0 !important;
}

.rodeioPortalCardStatus.planejamento {
  background: var(--global-color-warning-700);
  color: var(--global-color-warning-050);
}

.rodeioPortalCardStatus.finalizado {
  background: var(--global-color-danger-700);
  color: var(--global-color-danger-050);
}

.rodeioPortalActions { grid-template-columns: minmax(0,1fr) auto; }

.settingsEventGrid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}

.settingsEventCard {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 22px;
}

.settingsEventCardHeader h2 { margin: 5px 0 6px; color: var(--global-color-neutral-900); }

.settingsEventCardHeader p {
  margin: 0;
  color: var(--global-color-icon-shadow);
  line-height: 1.55;
}

.settingsEventCoverPreview {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 14px;
  background: var(--global-color-neutral-100);
}

.settingsEventCoverPreview>img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.settingsEventCoverEmpty {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 24px;
  text-align: center;
  color: var(--global-color-icon-shadow);
}

.settingsEventCoverEmpty img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.settingsEventCoverEmpty strong { color: var(--global-color-neutral-900); }

.settingsEventCoverEmpty small { max-width: 300px; line-height: 1.45; }

.settingsEventCoverButton { align-self: flex-start; cursor: pointer; }

.settingsEventStatusField {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--global-color-neutral-900);
  font-weight: 800;
}

.settingsEventStatusField select,
.settingsEventStatusField input {
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
  color: var(--global-color-neutral-900);
  font: inherit;
}

.settingsEntityNameRow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.settingsEntityNameRow .phpButton {
  flex: 0 0 auto;
  min-height: 46px;
}

.settingsEventStatusPreview {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  background: var(--global-color-neutral-100);
}

.settingsEventStatusPreview small { color: var(--global-color-icon-shadow); }

@media (max-width:900px) {
  .settingsEventGrid { grid-template-columns: 1fr; }
}

.rodeiosModalFieldFull { grid-column: 1 / -1; }

@media (max-width:720px) {
  .rodeiosModalFieldFull { grid-column: auto; }
}

.finHeroV2 { margin-bottom: 0; }

.finKpiGrid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

.finKpi {
  position: relative;
  overflow: hidden;
  padding: 19px 20px;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.finKpi:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--global-color-neutral-300);
}

.finKpi>span {
  font-size: var(--global-font-sm);
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--global-color-icon-shadow);
}

.finKpi>strong {
  font-size: 27px;
  line-height: 1.15;
  color: var(--global-color-neutral-900);
}

.finKpi>small { color: var(--global-color-icon-shadow); font-size: var(--global-font-sm); }

.finMainGrid {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(340px,.7fr);
  gap: 14px;
  align-items: start;
}

.finDreCard,.finGadoCard,.finExpensesCard,.finCashCard { overflow: hidden; }

.finDreRows { margin: 16px -18px -18px; }

.finDreRow {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 18px;
  border-top: 1px solid var(--global-color-neutral-100);
  font-size: var(--global-font-base);
}

.finDreRow span { color: var(--global-color-primary-600); }

.finDreRow strong { white-space: nowrap; }

.finGadoNumbers {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-top: 14px;
}

.finGadoNumbers>div {
  min-width: 0;
  background: var(--global-color-info-050);
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.finGadoNumbers span {
  min-width: 0;
  font-size: var(--global-font-xs);
  color: var(--global-color-icon-shadow);
  text-transform: uppercase;
  font-weight: 800;
  white-space: nowrap;
}

.finGadoNumbers strong {
  min-width: 0;
  font-size: 15px;
  color: var(--global-color-neutral-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.finGadoTropasResumo {
  margin-top: 10px;
  padding: 14px 16px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: var(--global-radius-md);
  background: var(--global-color-neutral-075,var(--global-color-neutral-100));
  display: grid;
  gap: 7px;
}

.finGadoTropasResumo>div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.finGadoTropasResumo span {
  min-width: 0;
  color: var(--global-color-neutral-700);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finGadoTropasResumo strong {
  color: var(--global-color-neutral-900);
  white-space: nowrap;
}

.finHelpText {
  margin: 13px 0 0;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-sm);
  line-height: 1.5;
}

.finTitleActions { align-items: center; }

.finExpenseSummary {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  margin: 16px 0;
}

.finExpenseSummary>div {
  background: var(--global-color-info-050);
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.finExpenseSummary span {
  font-size: var(--global-font-xs);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--global-color-icon-shadow);
}

.finExpenseSummary strong { font-size: 17px; color: var(--global-color-neutral-900); }

.finBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: var(--global-font-xs);
  font-weight: 800;
  border: 1px solid transparent;
}

.finBadge.fixed {
  background: var(--global-color-info-050);
  color: var(--global-color-info-600);
  border-color: var(--global-color-info-050);
}

.finBadge.variable {
  background: var(--global-color-warning-050);
  color: var(--global-color-warning-700);
  border-color: var(--global-color-warning-050);
}

.finBadge.paid {
  background: var(--global-color-success-050);
  color: var(--global-color-success-700);
  border-color: var(--global-color-neutral-100);
}

.finBadge.planned {
  background: var(--global-color-info-050);
  color: var(--global-color-icon-shadow);
  border-color: var(--global-color-neutral-100);
}

.finTableSub {
  display: block;
  margin-top: 3px;
  max-width: 360px;
  color: var(--global-color-icon-shadow);
  font-weight: 400;
  white-space: normal;
}

.finTableActions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  min-width: 155px;
}

.finCashNotice {
  margin: 14px 0;
  background: var(--global-color-info-050);
  border: 1px solid var(--global-color-info-050);
  border-radius: 11px;
  padding: 11px 13px;
  color: var(--global-color-icon-shadow);
  line-height: 1.45;
}

.finCashChart {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin: 16px 0 20px;
}

.finCashBarRow {
  display: grid;
  grid-template-columns: 90px minmax(0,1fr);
  align-items: center;
  gap: 12px;
}

.finCashBarRow>span { color: var(--global-color-icon-shadow); }

.finCashBars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.finCashMetric {
  display: grid;
  grid-template-columns: minmax(80px,1fr) auto;
  gap: 8px;
  align-items: center;
}

.finCashMetric progress {
  width: 100%;
  height: 9px;
  border: 0;
  border-radius: 999px;
  overflow: hidden;
  background: var(--global-color-info-050);
}

.finCashMetric b {
  min-width: 82px;
  text-align: right;
  color: var(--global-color-primary-600);
  font-weight: 750;
}

.finCashTable { margin-top: 8px; }

.finModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1600;
  background: color-mix(in srgb, var(--global-color-neutral-950) 48%, transparent);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.finModal {
  width: min(760px,100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  background: var(--global-color-surface);
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 18px;
  box-shadow: 0 25px 65px color-mix(in srgb, var(--global-color-neutral-950) 22%, transparent);
}

.finModalHeader {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.finModalHeader h2 { margin: 4px 0; font-size: var(--global-font-2xl); }

.finModalHeader p {
  margin: 0;
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-md);
}

.finModalClose {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-surface);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: var(--global-color-icon-shadow);
}

.finExpenseForm {
  padding: 20px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.finFieldWide { grid-column: 1/-1; }

.finExpenseForm textarea { resize: vertical; min-height: 82px; }

.finModalActions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--global-color-neutral-100);
}

.finMigrationWarning {
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-color: var(--global-color-warning-600);
  background: var(--global-color-warning-050);
}

.finMigrationWarning strong,
.finMigrationWarning span { color: var(--global-color-warning-700); }

.finMigrationWarning code { font-weight: 800; }

@media(max-width:1180px) {
  .finKpiGrid { grid-template-columns: repeat(2,1fr); }

  .finMainGrid { grid-template-columns: 1fr; }

  .finExpenseSummary { grid-template-columns: repeat(2,1fr); }
}

@media(max-width:720px) {
  .finKpiGrid,.finExpenseSummary,.finGadoNumbers { grid-template-columns: 1fr; }

  .finGadoForm,.finFormGrid.two { grid-template-columns: 1fr; }

  .finFieldWide { grid-column: auto; }

  .finCashBarRow { grid-template-columns: 1fr; }

  .finCashBars { grid-template-columns: 1fr; }

  .finTitleActions { align-items: flex-start; }

  .finTitleActions .phpButton { width: 100%; justify-content: center; }

  .finModalBackdrop { padding: 10px; }

  .finModalHeader,.finExpenseForm { padding-left: 16px; padding-right: 16px; }

  .finTableActions { min-width: 0; flex-direction: column; }
}

.phpButton.danger {
  background: var(--global-color-danger-050);
  border-color: var(--global-color-danger-050);
  color: var(--global-color-danger-600);
}

.dashboardExecutiveGrid.dashboardExecutiveGridSingle { display: block; width: 100%; }

.dashboardExecutiveGridSingle .dashboardExecutiveMainColumn { width: 100%; display: block; }

.dashboardExecutiveGridSingle .dashboardFlowCard {
  width: 100%;
  margin: 0;
  padding: 24px 26px;
  box-sizing: border-box;
}

@media(max-width:760px) {
  .dashboardExecutiveGridSingle .dashboardFlowCard { padding: 20px; }
}

.dashboardFlowTitleRow { margin-bottom: 18px; }

.dashboardFlowTitleRow > div { width: 100%; }

.dashboardFlowTitleRow .phpEyebrow,
.dashboardExecutiveHeroMain > span {
  font-size: var(--global-font-min);
  line-height: 1.2;
  letter-spacing: 1.05px;
}

.dashboardFlowTitleRow h2 { margin: 5px 0 5px; line-height: 1.2; }

.dashboardFlowTitleRow small { display: block; line-height: 1.45; }

.dashboardExecutiveHero { min-height: 138px; padding: 26px 30px; }

.dashboardExecutiveHeroMain h1 {
  margin: 7px 0 7px;
  font-size: clamp(28px,2.35vw,38px);
  line-height: 1.08;
}

.dashboardExecutiveHeroMain p { font-size: var(--global-font-sm); line-height: 1.5; }

.dashboardExecutiveHeroMeta > span {
  min-height: 28px;
  padding: 0 10px;
  font-size: var(--global-font-min);
  line-height: 1;
}

.dashboardExecutiveStats {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
}

.dashboardExecutiveStats article {
  min-height: 100px;
  padding: 14px 16px;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 13px;
  align-items: center;
}

.dashboardStatIcon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 12px;
}

.dashboardStatIcon img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.dashboardExecutiveStats small { line-height: 1.15; letter-spacing: .45px; }

.dashboardExecutiveStats strong { margin-top: 4px; line-height: 1.05; }

.dashboardExecutiveStats span { margin-top: 5px; line-height: 1.3; }

.dashboardExecutiveFlow { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }

.dashboardExecutiveFlow button {
  min-height: 102px;
  padding: 15px 14px;
  grid-template-columns: 34px minmax(0,1fr) 18px;
  gap: 10px;
  align-items: center;
}

@media(max-width:1320px) {
  .dashboardExecutiveStats { grid-template-columns: repeat(5,minmax(0,1fr)); }
}

@media(max-width:1120px) {
  .dashboardExecutiveStats { grid-template-columns: repeat(3,minmax(0,1fr)); }

  .dashboardExecutiveFlow { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media(max-width:760px) {
  .dashboardExecutiveHero { min-height: 0; padding: 22px; }

  .dashboardExecutiveStats { grid-template-columns: repeat(2,minmax(0,1fr)); }

  .dashboardExecutiveFlow { grid-template-columns: 1fr 1fr; }
}

@media(max-width:520px) {
  .dashboardExecutiveStats,
    .dashboardExecutiveFlow {
    grid-template-columns: 1fr;
  }

  .dashboardExecutiveStats article { min-height: 90px; }
}

body:not(.phpTelaoBody) {
  font-family: var(--global-font-family);
  font-size: var(--global-font-base);
  line-height: var(--global-line-height);
  color: var(--global-color-text);
}

body:not(.phpTelaoBody) button,
body:not(.phpTelaoBody) input,
body:not(.phpTelaoBody) select,
body:not(.phpTelaoBody) textarea {
  font-family: var(--global-font-family);
}

body:not(.phpTelaoBody) .phpTopbar h1,
body:not(.phpTelaoBody) .topbar h1,
body:not(.phpTelaoBody) .phpTopbarHeading h1,
body:not(.phpTelaoBody) .topbarHeading h1,
body:not(.phpTelaoBody) .pageHeader h1,
body:not(.phpTelaoBody) .sectionHeader h1,
body:not(.phpTelaoBody) .dashboardHeader h1,
body:not(.phpTelaoBody) .lacadoresHeader h1,
body:not(.phpTelaoBody) .modalidadesHeader h1,
body:not(.phpTelaoBody) .inscriptionsHeader h1,
body:not(.phpTelaoBody) .classificationHeader h1,
body:not(.phpTelaoBody) .forcasHeader h1,
body:not(.phpTelaoBody) .finalsHeader h1,
body:not(.phpTelaoBody) .canchaReactHeader h1,
body:not(.phpTelaoBody) .configuracoesHeader h1,
body:not(.phpTelaoBody) .usuariosHeader h1,
body:not(.phpTelaoBody) .auditoriaHeader h1,
body:not(.phpTelaoBody) .relatoriosHeader h1 {
  font-size: var(--global-font-2xl) !important;
  line-height: 1.2 !important;
  font-weight: var(--global-weight-bold) !important;
  letter-spacing: -.35px;
}

body:not(.phpTelaoBody) .phpCard h2,
body:not(.phpTelaoBody) .phpCardTitleRow h2,
body:not(.phpTelaoBody) .sectionTitle,
body:not(.phpTelaoBody) .panelTitle {
  font-size: var(--global-font-xl) !important;
  line-height: 1.25 !important;
  font-weight: var(--global-weight-bold) !important;
}

body:not(.phpTelaoBody) .phpEyebrow,
body:not(.phpTelaoBody) .sectionEyebrow {
  font-size: var(--global-font-xs) !important;
  line-height: 1.25 !important;
  letter-spacing: .8px;
}

body:not(.phpTelaoBody) label,
body:not(.phpTelaoBody) .phpForm label,
body:not(.phpTelaoBody) .rodeiosModalGrid label,
body:not(.phpTelaoBody) .finalsSelectors label,
body:not(.phpTelaoBody) .canchaReactFilters label,
body:not(.phpTelaoBody) .forcasConfigGrid label {
  font-size: var(--global-font-sm) !important;
  line-height: 1.35 !important;
  font-weight: var(--global-weight-semibold) !important;
}

body:not(.phpTelaoBody) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body:not(.phpTelaoBody) select,
body:not(.phpTelaoBody) textarea,
body:not(.phpTelaoBody) .phpInput,
body:not(.phpTelaoBody) .phpSelect {
  min-height: var(--global-control-height) !important;
  border-radius: var(--global-control-radius) !important;
  font-size: var(--global-font-md) !important;
  line-height: 1.35;
}

body:not(.phpTelaoBody) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body:not(.phpTelaoBody) select,
body:not(.phpTelaoBody) .phpInput,
body:not(.phpTelaoBody) .phpSelect {
  padding-left: var(--global-control-padding-x) !important;
  padding-right: var(--global-control-padding-x) !important;
}

body:not(.phpTelaoBody) textarea { min-height: 96px !important; padding: 11px var(--global-control-padding-x) !important; }

body:not(.phpTelaoBody) input:focus,
body:not(.phpTelaoBody) select:focus,
body:not(.phpTelaoBody) textarea:focus {
  border-color: var(--global-color-primary) !important;
  box-shadow: 0 0 0 3px var(--global-color-focus) !important;
}

body:not(.phpTelaoBody) .phpButton,
body:not(.phpTelaoBody) .reactCompactButton,
body:not(.phpTelaoBody) .reactSearchButton {
  min-height: var(--global-button-height);
  border-radius: var(--global-button-radius);
  padding-left: var(--global-button-padding-x);
  padding-right: var(--global-button-padding-x);
  font-size: var(--global-font-sm);
  line-height: 1.1;
  font-weight: var(--global-weight-bold);
}

body:not(.phpTelaoBody) .phpButton.small,
body:not(.phpTelaoBody) .phpTinyButton {
  min-height: 34px;
  font-size: var(--global-font-sm) !important;
}

body:not(.phpTelaoBody) .phpCard,
body:not(.phpTelaoBody) .reactCard,
body:not(.phpTelaoBody) .dashboardCard,
body:not(.phpTelaoBody) .inscriptionCard,
body:not(.phpTelaoBody) .finalsMainCard,
body:not(.phpTelaoBody) .canchaReactPanel,
body:not(.phpTelaoBody) .canchaReactCard,
body:not(.phpTelaoBody) .forcasConfigCard,
body:not(.phpTelaoBody) .forcasAutomaticSummary,
body:not(.phpTelaoBody) .dashboardFlowCard,
body:not(.phpTelaoBody) .finCard {
  border-radius: var(--global-card-radius);
}

body:not(.phpTelaoBody) .phpCard { padding: var(--global-card-padding); }

body:not(.phpTelaoBody) table { font-size: var(--global-font-md); }

body:not(.phpTelaoBody) th { font-size: var(--global-font-sm); font-weight: var(--global-weight-bold); }

body:not(.phpTelaoBody) td { font-size: var(--global-font-md); }

body:not(.phpTelaoBody) .phpSidebarNav a,
body:not(.phpTelaoBody) .phpSidebarNav button,
body:not(.phpTelaoBody) .phpMenuItem,
body:not(.phpTelaoBody) .sidebar nav a,
body:not(.phpTelaoBody) .sidebar .menuItem,
body:not(.phpTelaoBody) .phpTopTabs button,
body:not(.phpTelaoBody) .topTabs button,
body:not(.phpTelaoBody) .phpSectionTabs button {
  font-size: var(--global-font-md) !important;
}

@media(max-width:920px) {
  .scoreboardLiveMeta>div { flex: 1 1 110px; }
}

.dashboardExecutiveStats small { font-size: var(--global-font-xs) !important; }

.dashboardExecutiveStats strong { font-size: var(--global-font-2xl) !important; }

.dashboardExecutiveStats span { font-size: var(--global-font-xs) !important; }

.dashboardExecutiveFlow button strong { font-size: var(--global-font-md) !important; }

.dashboardExecutiveFlow button small { font-size: var(--global-font-xs) !important; }

.dashboardFlowTitleRow h2 { font-size: var(--global-font-xl) !important; }

.dashboardFlowTitleRow small { font-size: var(--global-font-sm) !important; }

.finCashNotice,
.finCashBarRow>span,
.finTableSub {
  font-size: var(--global-font-sm) !important;
}

.finCashMetric { font-size: var(--global-font-xs) !important; }

.inlineSystemIcon,.buttonSystemIcon,.contentSystemIcon,.badgeSystemIcon,.tabSystemIcon,.metaSystemIcon,.smallSystemIcon,.loginInlineIcon,.settingsProfessionalCardImage,.finalsChampionImage {
  display: inline-block;
  object-fit: contain;
  vertical-align: middle;
  flex: 0 0 auto;
}

.inlineSystemIcon { width: 18px; height: 18px; }

.buttonSystemIcon {
  width: 20px;
  height: 20px;
  margin-right: 7px;
}

.contentSystemIcon { width: 18px; height: 18px; object-fit: contain; }

.badgeSystemIcon {
  width: 17px;
  height: 17px;
  margin-right: 6px;
}

.tabSystemIcon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.metaSystemIcon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.smallSystemIcon {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.inlineUiIcon,.buttonSystemSvg,.auditActionIcon,.coverUploadIcon {
  display: inline-block;
  vertical-align: middle;
  fill: none;
  flex: 0 0 auto;
}

.loginInlineIcon { width: 22px; height: 22px; }

.settingsProfessionalCardImage { width: 28px; height: 28px; }

.settingsProfessionalCardIcon { display: grid; place-items: center; }

.settingsProfessionalCardIcon .settingsProfessionalCardImage { margin: 0; }

.finalsChampionImage { width: 64px; height: 64px; }

.customFieldsEntityTabs button,
.finalsChampion small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.inlineUiIcon { width: 18px; height: 18px; }

.buttonSystemSvg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.auditActionIcon { width: 21px; height: 21px; }

.coverUploadIcon { width: 30px; height: 30px; }

.scoreboardNativeIcon {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.scoreboardChampionIcon {
  display: block;
  margin: 0 auto;

  object-fit: contain;
}

.scoreboardLastResult small { display: none; }

@media (min-width: 901px) {
  .phpSidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    isolation: isolate;
    background: transparent;
    border-right: 1px solid color-mix(in srgb, var(--global-color-white) 12%, transparent);
    box-shadow: 8px 0 28px color-mix(in srgb, var(--global-color-neutral-950) 18%, transparent);
  }

  .phpSidebarBackdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("images/faixa-pampa.png");
    background-position: 0px top;
    background-repeat: no-repeat;
    background-size: 155px auto, cover;
    background-color: var(--global-color-neutral-950);
  }

  .phpSidebarBrand,
    .phpSidebarNav {
    position: relative;
    z-index: 1;
    background: transparent;
  }

  .phpSidebarBrand {
    flex: 0 0 auto;
    color: var(--global-color-white);
    border: 0;
    box-shadow: none;
  }

  .phpSidebarNav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: color-mix(in srgb, var(--global-color-white) 18%, transparent) transparent;
  }

  .phpSidebarNav::-webkit-scrollbar { width: 3px; }

  .phpSidebarNav::-webkit-scrollbar-track { background: transparent; }

  .phpSidebarNav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--global-color-white) 18%, transparent);
  }

  .phpMenuItem { background: transparent; }
}

@media (min-width: 901px) {
  .phpSidebarBrand strong,
    .phpSidebarBrand span,
    .phpMenuItem,
    body:not(.phpTelaoBody) .phpSidebarNav button,
    body:not(.phpTelaoBody) .phpSidebarNav a {
    gap: 20px !important;    
    color: var(--global-color-white);
    text-align: center;
    text-shadow: 0 1px 5px color-mix(in srgb, var(--global-color-neutral-950) 50%, transparent);
  }
}

.scoreboardBrand>span {
  width: 42px;
  height: 42px;
  border-radius: 11px;
}

.scoreboardLiveMeta>div {
  min-width: 92px;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb,var(--global-color-white) 6%,transparent);

}

.scoreboardNext::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
}

.scoreboardChampionBody p span { color: var(--global-color-warning-600); }

@media (min-width: 901px) {
  .phpSidebarBrand strong {
    color: #dfb171;
    font-size: 23px;
    letter-spacing: -.5px;
  }

  .phpMenuItem:hover,
    .phpSidebarNav button:hover,
    .phpSidebarNav a:hover {
    background: color-mix(in srgb, var(--global-color-primary-600) 46%, transparent);
    color: var(--global-color-white);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--global-color-white) 9%, transparent);
  }

  .phpMenuItem.active,
    .phpSidebarNav button.active,
    .phpSidebarNav a.active {
    color: var(--global-color-white);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, #dfb171 94%, transparent),
        color-mix(in srgb, #a26c36 88%, transparent)
      );
    box-shadow: 0 8px 20px color-mix(in srgb, var(--global-color-neutral-950) 24%, transparent);
    text-shadow: 0 1px 4px color-mix(in srgb, var(--global-color-neutral-950) 34%, transparent);
  }
}

.canchaReactModalityGroup {
  display: grid;
  gap: 6px;
  border-radius: var(--module-sidebar-item-radius);
}

[data-modalidade-order][draggable="true"] { cursor:grab; position:relative; will-change:transform; transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease,box-shadow .18s ease; }
[data-modalidade-order][draggable="true"]:active { cursor:grabbing; }
[data-modalidade-order].modalityOrderDragging { opacity:.68; transform:scale(.98); z-index:6; box-shadow:0 10px 24px color-mix(in srgb,var(--global-color-neutral-950) 16%,transparent); }
[data-modalidade-order].modalityOrderBefore::before,[data-modalidade-order].modalityOrderAfter::after { content:""; position:absolute; left:8px; right:8px; height:3px; border-radius:999px; background:var(--global-color-primary-600); z-index:8; pointer-events:none; }
[data-modalidade-order].modalityOrderBefore::before { top:-5px; }
[data-modalidade-order].modalityOrderAfter::after { bottom:-5px; }
.canchaReactModalityGroup[draggable="true"] { cursor: grab; position: relative; transition: transform .18s cubic-bezier(.2,.8,.2,1), opacity .18s ease, box-shadow .18s ease; will-change: transform; }
.canchaReactModalityGroup[draggable="true"]:active { cursor: grabbing; }
.canchaReactModalityGroup.dragging { opacity: .72; transform: scale(.975); z-index: 5; box-shadow: 0 10px 24px color-mix(in srgb, var(--global-color-neutral-950) 16%, transparent); }
.canchaReactModalityGroup.drag-over::before,
.canchaReactModalityGroup.drag-over::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  height: 3px;
  border-radius: 999px;
  background: var(--global-color-primary-500);
  pointer-events: none;
}
.canchaReactModalityGroup.drag-before::before { top: -5px; }
.canchaReactModalityGroup.drag-after::after { bottom: -5px; }

.canchaReactModalitySubmenu {
  margin: 0 4px 4px;
  padding: 10px;
  display: grid;
  gap: 8px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.canchaReactSubmenuTitle {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-xs);
  font-weight: var(--global-weight-bold);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .55px;
}

.canchaReactSubmenuTitleForce { margin-top: 2px; }

.canchaReactSubmenuButtons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.canchaReactSubmenuButton,
.canchaReactForceButton {
  min-height: 34px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 7px;
  background: var(--global-color-surface);
  color: var(--global-color-icon-shadow);
  font-size: var(--global-font-xs);
  font-weight: var(--global-weight-semibold);
  line-height: 1.15;
}

.canchaReactSubmenuButton:hover,
.canchaReactForceButton:hover {
  border-color: var(--global-color-primary-600);
  background: var(--global-color-primary-200);
  color: var(--global-color-primary-900);
}

.canchaReactSubmenuButton.active,
.canchaReactForceButton.active {
  border-color: var(--global-color-primary-600);
  background: var(--global-color-primary-600);
  color: var(--global-color-white);
  box-shadow: 0 5px 12px color-mix(in srgb, var(--global-color-primary-600) 15%, transparent);
}

.canchaReactForceMenu {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.canchaReactForceButton { min-width: 44px; padding: 0 10px; }

.canchaReactSubmenuHint,
.canchaReactForceEmpty {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-xs);
  font-weight: var(--global-weight-regular);
  line-height: 1.4;
}

.phpTelaoPage { padding: 12px; }

.scoreboardLive,
.scoreboardChampion,
.scoreboardWaiting {
  height: calc(100vh - 24px);
}

.scoreboardLive { grid-template-rows: auto minmax(250px,42vh) minmax(0,1fr); gap: 12px; }

.scoreboardLiveHeader {
  min-height: 72px;
  padding: 11px 16px;
  border-radius: 14px;

  box-shadow: 0 10px 28px color-mix(in srgb,var(--global-color-neutral-950) 18%,transparent);
}

.scoreboardBrand small { font-size: var(--global-font-min); letter-spacing: 1.05px; }

.scoreboardBrand strong { font-size: 20px; letter-spacing: -.2px; }

.scoreboardLiveMeta { gap: 8px; }

.scoreboardLiveMeta strong { font-size: var(--global-font-md); }

.scoreboardLiveBadge {

  border: 1px solid color-mix(in srgb,var(--global-color-success-600) 28%,transparent);
}

.scoreboardLastResult {
  position: absolute;
  left: 50%;
  top: 21px;
  z-index: 3;
  transform: translateX(-50%);
  min-height: 0;
  padding: 7px 12px;
  grid-template-columns: auto auto auto;
  border: 1px solid color-mix(in srgb,var(--global-color-white) 8%,transparent);
  border-radius: 999px;
  background: color-mix(in srgb,var(--global-color-neutral-950) 82%,transparent);
  backdrop-filter: blur(8px);
  font-size: var(--global-font-min);
}

.scoreboardLastResult strong { color: var(--global-color-neutral-100); font-size: var(--global-font-min); }

.scoreboardLastResult span { font-size: var(--global-font-min); font-weight: 950; }

.scoreboardLastResult.positive span { color: var(--global-color-success-600); }

.scoreboardLastResult.negative span { color: var(--global-color-danger-600); }

.scoreboardLiveHero { grid-template-columns: minmax(0,3.15fr) minmax(240px,.85fr); gap: 12px; }

.scoreboardCurrent,
.scoreboardNext {
  border: 1px solid color-mix(in srgb,var(--global-color-white) 7%,transparent);
  border-radius: 16px;
  box-shadow: 0 12px 30px color-mix(in srgb,var(--global-color-neutral-950) 15%,transparent);
}

.scoreboardCurrent {
  position: relative;
  padding: 26px 28px;

}

.scoreboardSectionLabel { font-size: var(--global-font-min); letter-spacing: 1.2px; }

.scoreboardCurrentNumber {
  margin-top: 12px;
  padding: 6px 17px;
  font-size: 24px;

}

.scoreboardCurrent h1 {
  margin: 14px 0 4px;
  font-size: clamp(44px,5.4vw,82px);
  letter-spacing: -1.6px;
}

.scoreboardCurrent p { margin: 0; font-size: 15px; }

.scoreboardCurrentResult,
.scoreboardPending {
  margin-top: 20px;
  min-width: 250px;
  padding: 10px 20px;
  border: 1px solid transparent;
  font-size: var(--global-font-xl);
  letter-spacing: .3px;
}

.scoreboardCurrentResult.positive {
  color: var(--global-color-success-700);
  background: color-mix(in srgb,var(--global-color-success-600) 10%,var(--global-color-white));
  border-color: color-mix(in srgb,var(--global-color-success-600) 22%,transparent);
}

.scoreboardCurrentResult.negative {
  color: var(--global-color-danger-700);
  background: var(--global-color-danger-050);
  border-color: color-mix(in srgb,var(--global-color-danger-600) 18%,transparent);
}

.scoreboardNext {
  position: relative;
  padding: 26px 24px;
  justify-content: center;
  overflow: hidden;

}

.scoreboardNext>small {
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1px;
}

.scoreboardNext>strong {
  margin-top: 12px;
  font-size: 42px;
  line-height: 1;
}

.scoreboardNext h2 {
  margin: 10px 0 2px;
  font-size: 30px;
  line-height: 1.05;
}

.scoreboardNext>span { color: var(--global-color-neutral-300); font-size: var(--global-font-md); }

.scoreboardQueue {
  padding: 12px;
  border-radius: 16px;

}

.scoreboardQueueHeader { padding: 0 2px 10px; align-items: center; }

.scoreboardQueueHeader small {
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: 1px;
}

.scoreboardQueueHeader strong {
  margin-left: 4px;
  color: var(--global-color-white);
  font-size: var(--global-font-sm);
}

.scoreboardLegend {
  display: flex;
  align-items: center;
  font-size: var(--global-font-min);
  font-weight: 800;
}

.scoreboardQueueList { gap: 8px; padding-right: 2px; }

.scoreboardQueueDetailed {
  min-height: 64px;
  padding: 8px 10px;
  grid-template-columns: 38px 94px minmax(130px,1fr) 138px;
  gap: 10px;
  border-radius: 11px;
  transition: border-color .18s ease,background .18s ease,transform .18s ease;
}

.scoreboardQueuePosition span {
  width: 31px;
  height: 31px;
  font-size: var(--global-font-xs);
}

.scoreboardQueueDetailed small { font-size: var(--global-font-min); letter-spacing: .7px; }

.scoreboardQueueDetailedNumber strong,
.scoreboardQueueDetailedName strong {
  font-size: var(--global-font-sm);
}

.scoreboardQueueDetailedStatus {
  min-height: 30px;
  padding: 6px 8px;
  border-radius: 9px;
}

.scoreboardChampionTrophy {
  display: grid;
  place-items: center;

}

@media(max-width:1100px) {
  .scoreboardLiveMeta>div { min-width: 78px; }

  .scoreboardLiveHero { grid-template-columns: minmax(0,2.5fr) minmax(220px,.8fr); }

  .scoreboardQueueDetailed { grid-template-columns: 34px 82px minmax(110px,1fr) 120px; }
}

@media(max-width:1100px) {
  .scoreboardQueueDetailed{grid-template-columns:26px 62px minmax(88px,1fr) minmax(62px,.7fr) minmax(88px,.9fr) 86px;gap:5px}
}

@media(max-width:920px) {
  .phpTelaoBody { overflow: auto; }

  .phpTelaoPage { height: auto; min-height: 100vh; }
}

@media(max-width:640px) {
  .phpTelaoPage { padding: 8px; }
}

@media(max-width:920px) {
  .scoreboardLive,.scoreboardChampion,.scoreboardWaiting { height: auto; min-height: calc(100vh - 24px); }

  .scoreboardLive { grid-template-rows: auto auto auto; }

  .scoreboardLiveHeader { align-items: flex-start; flex-direction: column; }

  .scoreboardLiveMeta { width: 100%; flex-wrap: wrap; }

  .scoreboardLastResult {
    position: static;
    transform: none;
    margin: -2px 0 0;
    display: flex;
    justify-content: center;
  }

  .scoreboardNext { display: flex; }

  .scoreboardQueueList {
    grid-template-columns: 1fr;
    max-height: none;
    overflow: visible;
  }
}

@media(max-width:640px) {
  .scoreboardLive,.scoreboardChampion,.scoreboardWaiting { min-height: calc(100vh - 16px); }

  .scoreboardCurrent { padding: 22px 14px; }

  .scoreboardCurrent h1 { font-size: 42px; }

  .scoreboardCurrentResult,.scoreboardPending {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .scoreboardQueueDetailed { grid-template-columns: 34px 1fr 105px; }

  .scoreboardQueueDetailedNumber { display: none; }
}

.scoreboardChampion {
  position: relative;
  isolation: isolate;
  grid-template-rows: auto minmax(0,1fr) auto;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--global-color-primary-600) 42%,transparent);
  border-radius: 22px;

}

.scoreboardChampionBackdrop {
  position: absolute;
  inset: 0;
  z-index: -3;

  filter: saturate(.92) contrast(1.04) brightness(.76);
  transform: scale(1.015);
}

.scoreboardChampionShade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(90deg,
      color-mix(in srgb,var(--global-color-neutral-950) 40%,transparent) 0%,
      color-mix(in srgb,var(--global-color-neutral-950) 20%,transparent) 27%,
      color-mix(in srgb,var(--global-color-neutral-950) 70%,transparent) 43%,
      color-mix(in srgb,var(--global-color-neutral-950) 76%,transparent) 58%,
      color-mix(in srgb,var(--global-color-neutral-950) 22%,transparent) 76%,
      color-mix(in srgb,var(--global-color-neutral-950) 48%,transparent) 100%),
    linear-gradient(180deg,
      color-mix(in srgb,var(--global-color-neutral-950) 22%,transparent),
      transparent 28%,
      color-mix(in srgb,var(--global-color-neutral-950) 15%,transparent) 68%,
      color-mix(in srgb,var(--global-color-neutral-950) 68%,transparent));
}

.scoreboardChampionHeader {
  position: relative;
  z-index: 3;
  padding: 22px 26px;
  border-bottom: 1px solid color-mix(in srgb,var(--global-color-primary-600) 18%,transparent);
  background: linear-gradient(180deg,color-mix(in srgb,var(--global-color-neutral-950) 58%,transparent),transparent);
}

.scoreboardChampionHeader .scoreboardBrand>span { background: color-mix(in srgb,var(--global-color-neutral-950) 38%,transparent); }

.scoreboardChampionHeader .scoreboardBrand small { color: var(--global-color-neutral-300); letter-spacing: 1.6px; }

.scoreboardChampionHeader .scoreboardBrand strong { font-size: 24px; letter-spacing: .2px; }

.scoreboardChampionContext {
  padding: 10px 16px;
  border-color: var(--global-color-primary-600);
  color: var(--global-color-primary-600);
  background: color-mix(in srgb,var(--global-color-neutral-950) 56%,transparent);
  font-size: var(--global-font-xs);
  box-shadow: 0 10px 30px color-mix(in srgb,var(--global-color-neutral-950) 24%,transparent);
}

.scoreboardChampionStage {
  position: relative;
  z-index: 2;
  place-items: center;
}

.scoreboardChampionBody {
  margin: 0;
  border: 0;
  border-radius: 24px;

  box-shadow: 0 24px 80px color-mix(in srgb,var(--global-color-neutral-950) 42%,transparent);
  backdrop-filter: blur(2px);
}

.scoreboardChampionTrophy {
  border: 0;
  border-radius: 50%;

  box-shadow: 0 0 48px color-mix(in srgb,var(--global-color-warning-600) 28%,transparent);
}

.scoreboardChampionIcon { filter: drop-shadow(0 8px 16px color-mix(in srgb,var(--global-color-neutral-950) 48%,transparent)); }

.scoreboardChampionEyebrow {
  display: block;
  margin-top: 0;
  font-weight: 950;
  letter-spacing: 2px;
  text-shadow: 0 5px 24px color-mix(in srgb,var(--global-color-neutral-950) 60%,transparent);
}

.scoreboardChampionNumber {
  margin: 13px auto 0;
  display: table;
  border: 1px solid color-mix(in srgb,var(--global-color-neutral-900) 22%,transparent);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
  font-weight: 950;
  box-shadow: 0 8px 24px color-mix(in srgb,var(--global-color-neutral-950) 32%,transparent);
}

.scoreboardChampionBody h1 {
  margin: 16px 0 2px;
  color: var(--global-color-white);
  font-size: clamp(54px,6.4vw,104px);
  line-height: .92;
  letter-spacing: -2px;
  text-shadow: 0 8px 30px color-mix(in srgb,var(--global-color-neutral-950) 72%,transparent);
}

.scoreboardDivisionWinners {
  width: min(1120px,92vw);
  margin: 18px auto 12px;
  display: grid;
  gap: 10px;
}

.scoreboardDivisionWinner {
  min-height: 58px;
  display: grid;
  grid-template-columns: 86px minmax(0,1fr);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--global-color-white) 22%,transparent);
  border-radius: 10px;
  background: color-mix(in srgb,var(--global-color-neutral-950) 62%,transparent);
  box-shadow: 0 8px 22px color-mix(in srgb,var(--global-color-neutral-950) 26%,transparent);
  text-align: left;
}

.scoreboardDivisionWinner>strong {
  display: grid;
  place-items: center;
  color: var(--global-color-white);
  background: color-mix(in srgb,var(--global-color-primary-900) 92%,transparent);
  font-size: clamp(22px,2vw,32px);
  font-weight: 950;
}

.scoreboardDivisionWinnerPeople {
  min-width: 0;
  display: grid;
}

.scoreboardDivisionWinnerPerson {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(220px,1fr) minmax(90px,.38fr) minmax(180px,.72fr);
  align-items: center;
  gap: 14px;
  padding: 0 18px;
}

.scoreboardDivisionWinnerPerson + .scoreboardDivisionWinnerPerson {
  border-top: 1px solid color-mix(in srgb,var(--global-color-white) 12%,transparent);
}

.scoreboardDivisionWinnerPerson b {
  overflow: hidden;
  color: var(--global-color-white);
  font-size: clamp(18px,1.65vw,26px);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scoreboardDivisionWinnerPerson small {
  overflow: hidden;
  color: var(--global-color-neutral-300);
  font-size: clamp(13px,1.05vw,17px);
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scoreboardDivisionWinnerPerson em {
  overflow: hidden;
  color: var(--global-color-neutral-100);
  font-size: clamp(13px,1.05vw,17px);
  font-style: normal;
  font-weight: 750;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scoreboardChampionBody p { color: var(--global-color-neutral-100); font-weight: 650; }

.scoreboardChampionMotto {
  font-family: var(--global-font-family-display);
  font-style: italic;
  letter-spacing: .3px;
}

.scoreboardChampionNote {
  margin: 17px auto 0;
  width: max-content;
  max-width: 92%;
  border: 1px solid color-mix(in srgb,var(--global-color-primary-600) 32%,transparent);
  border-radius: 999px;
  color: var(--global-color-neutral-100);
  background: color-mix(in srgb,var(--global-color-neutral-950) 58%,transparent);

}

.scoreboardChampionFooter {
  position: relative;
  z-index: 3;
  padding: 12px 18px;
  border-top: 1px solid color-mix(in srgb,var(--global-color-primary-600) 20%,transparent);
  background: color-mix(in srgb,var(--global-color-neutral-950) 68%,transparent);
  backdrop-filter: blur(3px);
}

.scoreboardChampionSync {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--global-color-neutral-100)!important;
}

.scoreboardChampionSync i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--global-color-success-600);
  box-shadow: 0 0 14px color-mix(in srgb,var(--global-color-success-600) 65%,transparent);
}

.scoreboardChampionLive,
.scoreboardLiveBadge {
  appearance: none;
  border: 1px solid color-mix(in srgb,var(--global-color-danger-600) 75%,transparent)!important;
  border-radius: 999px;
  color: var(--global-color-white)!important;
  background: color-mix(in srgb,var(--global-color-danger-600) 88%,var(--global-color-neutral-950))!important;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
  letter-spacing: .4px;
  box-shadow: 0 0 22px color-mix(in srgb,var(--global-color-danger-600) 38%,transparent);
  transition: transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.scoreboardChampionLive {
  padding: 9px 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.scoreboardLiveBadge {
  min-height: 38px;
  padding: 8px 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.scoreboardChampionLive:hover,
.scoreboardLiveBadge:hover {
  transform: translateY(-1px) scale(1.025);
  filter: brightness(1.08);
  box-shadow: 0 0 30px color-mix(in srgb,var(--global-color-danger-600) 58%,transparent);
}

.scoreboardChampionLive:active,
.scoreboardLiveBadge:active {
  transform: scale(.98);
}

.scoreboardChampionLive i,
.scoreboardLiveBadge i {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--global-color-surface);
  box-shadow: 0 0 0 0 color-mix(in srgb,var(--global-color-white) 55%,transparent);
  animation: telaoLivePulse 1.45s infinite;
}

@keyframes telaoLivePulse{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--global-color-white) 55%,transparent)}
  70%{box-shadow:0 0 0 9px transparent}
  100%{box-shadow:0 0 0 0 transparent}
}

@media(max-width:920px) {
  .scoreboardChampionBody { width: min(760px,94vw); }
}

@media(max-width:640px) {
  .scoreboardChampionHeader { padding: 14px; align-items: flex-start; }

  .scoreboardChampionContext { font-size: var(--global-font-min); }

  .scoreboardChampionNote { font-size: var(--global-font-min); }
}

.scoreboardNativeIcon { filter: drop-shadow(3px 3px 3px var(--global-color-icon-shadow)); }

.finalsMainCard { padding: 24px 26px; }

.finalsClassificationViewingBar {
  margin-bottom: 16px;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-neutral-100);
}

.finalsClassificationViewingBar>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.finalsClassificationViewingBar small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .7px;
}

.finalsClassificationViewingBar strong { color: var(--global-color-primary-600); font-size: var(--global-font-sm); }

.finalsClassificationViewingBar span { color: var(--global-color-neutral-500); font-size: var(--global-font-min); }

.finalsClassificationStatus {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid var(--global-color-primary-200);
  border-radius: 999px;
  color: var(--global-color-primary-900) !important;
  background: var(--global-color-success-050);
  font-size: var(--global-font-min) !important;
  font-weight: 900;
  letter-spacing: .35px;
}

.finalsClassificationStats {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}

@media(max-width:1100px) {
  .finalsClassificationStats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media(max-width:760px) {
  .finalsClassificationStats { grid-template-columns: 1fr 1fr; }
}

@media(max-width:520px) {
  .finalsClassificationStats { grid-template-columns: 1fr; }
}

.finalsClassificationStats>div {
  min-height: 68px;
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px;
  background: var(--global-color-surface);
}

.finalsClassificationStats small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-sm);
  font-weight: var(--global-weight-bold);
  letter-spacing: .45px;
}

.finalsClassificationStats strong {
  color: var(--global-color-primary-600);
  font-size: var(--global-font-xl);
  line-height: 1;
}

.finalsRuleBoxCompact { margin-bottom: 16px; }

.finalsParticipantsClassification { display: grid; }

.finalsClassificationEntry { margin: 0; }

.finalsClassificationMembers { display: grid; }

.finalsClassificationMemberRow + .finalsClassificationMemberRow { border-top: 1px solid var(--global-color-neutral-100); }

.finalsClassificationMemberRow .finalsMemberActions { min-width: 260px; }

@media(max-width:760px) {
  .finalsClassificationMemberRow .finalsMemberActions { width: 100%; min-width: 0; }
}

.finalsClassificationMemberRow .finalsResultButton {
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: var(--global-font-sm) !important;
}


@media(max-width:760px) {
  .finalsClassificationViewingBar { align-items: flex-start; flex-direction: column; }

  .finalsClassificationMemberRow { align-items: flex-start; flex-direction: column; }
}

.finalsClassificationMembers .systemUnifiedListBody + .systemUnifiedListBody { border-top: 1px solid var(--global-color-neutral-100); }

.canchaReactPendingInlineHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.canchaReactPendingInlineHeader>div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.canchaReactPendingInlineHeader strong {
  display: block;
  color: var(--global-color-neutral-900);
  font-size: 14px;
  line-height: 1.2;
}

.canchaReactPendingInlineHeader small {
  display: inline-block;
  margin-top: 0;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  line-height: 1.25;
}


.canchaReactPendingInlineList {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 44px;
  gap: 4px;
  max-height: 356px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

.canchaReactPendingInlineItem {
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 8px;
  background: var(--global-color-surface);
  color: var(--global-color-primary-600);
  cursor: pointer;
}

.canchaReactPendingInlineItem:hover { background: var(--global-color-primary-200); }

.canchaReactPendingInlineItem>strong {
  flex: 0 0 auto;
  font-size: 14px;
  white-space: nowrap;
}

.canchaReactPendingInlineItem>b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--global-color-icon-shadow);
  font-size: 14px;
}

.canchaReactPendingInlineItem>small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--global-color-neutral-500);
  font-size: 12px;
}

.canchaReactPendingEntity {
  min-width: 0;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--global-color-neutral-600);
  font-size: 14px;
  font-weight: var(--global-weight-semibold);
}

.canchaReactPendingInlineItem.late { border-color: var(--global-color-warning-600); background: var(--global-color-warning-050); }

.canchaReactPendingInline.empty {
  padding: 10px 11px;
  border: 1px dashed var(--global-color-success-600);
  border-radius: 9px;
  background: var(--global-color-success-050);
}

.canchaReactPendingInline.empty .canchaReactPendingInlineHeader { margin-bottom: 0; }

.canchaReactPendingInline.empty .canchaReactPendingInlineHeader strong { color: var(--global-color-success-700); }

.canchaReactStats { gap: 8px; }

@media(max-width:900px) {
  .canchaReactStats { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media(max-width:560px) {
  .canchaReactStats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

.canchaReactStats>div { padding: 9px 11px; }

.canchaReactStats small { font-size: var(--global-font-min); letter-spacing: .6px; }

.canchaReactStats strong { margin-top: 3px; font-size: 15px; }

.canchaReactPanel {
  min-height: 0;
  height: auto;
  align-self: start;
  padding: 14px 16px;
}

.canchaReactPanel>h2 { margin-bottom: 9px; font-size: var(--global-font-lg); }

.canchaReactCurrentMeta { margin-top: 9px; }

.canchaReactResultControl { margin-top: 8px; }

.canchaReactOperationalActions { margin-top: 6px; }

.canchaReactNext { min-height: 0; padding: 10px 14px; }

.canchaReactPendingInline { margin-top: 7px;
  padding-top: 2px;
}

.canchaReactPanel .phpEmpty { min-height: 0; padding: 18px 14px; }

@media (min-width:921px) {
  .canchaReactOperationGrid > .canchaReactPanel { height: 100%; align-self: stretch; }
}

.canchaReactStats { margin-top: 12px; margin-bottom: 12px; }

.phpInternalMain > .phpGlobalNotices,
.canchaReactContent > .phpGlobalNotices,
.reactPage > .phpGlobalNotices {
  align-self: flex-start;
}

.phpNoticeHeaderHost {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.phpNoticeHeaderMeta {
  margin-left: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

@media(max-width:900px) {
  .phpNoticeHeaderMeta {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}

@media(max-width:560px) {
  .phpNoticeHeaderMeta { align-items: stretch; }
}

.phpNoticeHeaderMeta>.phpGlobalNotices {
  width: auto;
  max-width: min(54vw,620px);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}

.phpNoticeHeaderMeta .phpMessageCompact {
  width: auto;
  max-width: 420px;
  min-height: 30px;
  margin: 0;
  padding: 6px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media(max-width:900px) {
  .phpNoticeHeaderHost { flex-wrap: wrap; }

  .phpNoticeHeaderMeta>.phpGlobalNotices { max-width: 100%; justify-content: flex-start; }

  .phpNoticeHeaderMeta .phpMessageCompact { max-width: min(100%,520px); }
}

@media(max-width:560px) {
  .phpNoticeHeaderMeta>.phpGlobalNotices { width: 100%; }

  .phpNoticeHeaderMeta .phpMessageCompact { width: 100%; white-space: normal; }
}

.systemUnifiedListCard {
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
  box-shadow: none;
}

.systemUnifiedListHead {
  min-height: 48px!important;
  padding: 7px 12px!important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-neutral-100)!important;
}

.systemUnifiedListBody {
  min-height: 46px!important;
  padding: 6px 12px!important;
  background: var(--global-color-surface)!important;
}

.systemUnifiedListMeta { gap: 6px !important; }

.systemUnifiedListMeta small,
.systemUnifiedListMetaStrip small {
  color: var(--global-color-neutral-500)!important;
  font-size: var(--global-font-min)!important;
  line-height: 1.05!important;
  font-weight: 900!important;
  letter-spacing: .5px!important;
}

.systemUnifiedListMeta strong,
.systemUnifiedListMetaStrip strong {
  color: var(--global-color-icon-shadow)!important;
  font-size: 11.5px!important;
  line-height: 1.15!important;
  font-weight: 750!important;
}

.systemUnifiedListActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px!important;
}

.systemUnifiedListActions .phpButton,
.systemUnifiedListActions button {
  min-height: 32px!important;
  padding: 0 10px!important;
  font-size: var(--global-font-min)!important;
  line-height: 1!important;
}

@media(max-width:760px) {
  .systemUnifiedListHead { align-items: flex-start; flex-direction: column; }

  .systemUnifiedListActions { width: 100%; justify-content: flex-start; }

  .reactLacadorParticipantTop.systemUnifiedListHead {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin-left: 10px;
  }

  .reactLacadorParticipantTop .reactLacadorActions {
    width: 100%;
    flex-wrap: wrap;
  }
}

.phpNoticeHeaderMeta .classificationPageBadge,
.phpNoticeHeaderMeta .finalsPageBadge,
.phpNoticeHeaderMeta .canchaReactModeBadge,
.phpNoticeHeaderMeta .forcasPageBadge,
.phpNoticeHeaderMeta .reactModalidadeBadge {
  flex: 0 0 auto;
}


/* Laçadores — cabeçalho compacto conectado ao quadro de dados */
.reactLacadorParticipantCard.systemUnifiedListCard {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.reactLacadorParticipantTop.systemUnifiedListHead {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: max-content;
  max-width: calc(100% - 24px);
  min-height: 38px!important;
  margin: 0 0 -1px 0;
  padding: 4px 8px!important;
  justify-content: flex-start;
  gap: 12px;
  border: 1px solid var(--global-color-neutral-200);
  border-bottom-color: var(--global-color-neutral-100);
  border-radius: 11px 11px 0 0;
  box-sizing: border-box;
}

.reactLacadorParticipantTop .reactLacadorActions {
  width: auto;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 4px!important;
}

.reactLacadorParticipantTop .reactLacadorActions .phpButton {
  min-height: 26px!important;
  padding: 0 8px!important;
  font-size: 9.5px!important;
}

.reactLacadorDetails.systemUnifiedListBody {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 0!important;
  padding: 0!important;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 0 11px 11px 11px;
  background: var(--global-color-surface)!important;
  box-sizing: border-box;
}

.inscriptionsDesiredList { gap: 14px !important; }

.inscriptionsDesiredCard.systemUnifiedListCard { padding: 0 !important; }

.inscriptionsDesiredStats.systemUnifiedListHead {
  display: grid!important;
  align-items: center!important;
  background: var(--global-color-neutral-100)!important;
}

.inscriptionsDesiredStats.systemUnifiedListHead>div {
  min-width: 0;
  padding: 0!important;
  border: 0!important;
  background: transparent!important;
}

.inscriptionsDesiredIdentityMeta {
  display: flex!important;
  flex-direction: column!important;
  align-items: flex-start!important;
  justify-content: center!important;
  gap: 3px!important;
}

.inscriptionsDesiredIdentityMeta strong {
  line-height: 1!important;
  color: var(--global-color-neutral-900)!important;
  font-weight: 800!important;
}

.inscriptionsDesiredIdentityMeta small {
  font-size: var(--global-font-min)!important;
  line-height: 1.1!important;
  color: var(--global-color-icon-shadow)!important;
  font-weight: 500!important;
  letter-spacing: 0!important;
  text-transform: none!important;
}

.inscriptionsDesiredStats small {
  display: block!important;
  margin: 0 0 2px!important;
  line-height: 1!important;
  font-weight: 900!important;
  letter-spacing: .55px!important;
  color: var(--global-color-neutral-500)!important;
}

.inscriptionsDesiredStats strong {
  display: block!important;
  line-height: 1.1!important;
  color: var(--global-color-icon-shadow)!important;
  font-weight: 700!important;
}

.inscriptionsDesiredSituation select {
  min-height: 28px!important;
  padding: 0 26px 0 8px!important;
  border: 1px solid var(--global-color-neutral-100)!important;
  border-radius: 7px!important;
  background-color: var(--global-color-surface)!important;
  color: var(--global-color-icon-shadow)!important;
  font-size: var(--global-font-min)!important;
  font-weight: 800!important;
  box-shadow: none!important;
}

.inscriptionsDesiredActions.systemUnifiedListActions {
  flex: 0 0 auto!important;
  border: 0!important;
}

.inscriptionsDesiredActions.systemUnifiedListActions .phpButton {
  white-space: nowrap!important;
}

@media (max-width:820px) {
  .inscriptionsDesiredStats.systemUnifiedListHead { row-gap: 10px !important; }
}

.inscriptionsDesiredStats.systemUnifiedListHead {
  grid-template-columns: minmax(185px,1.5fr) minmax(92px,.72fr) repeat(3,minmax(76px,.6fr)) minmax(105px,.76fr) minmax(122px,.92fr) minmax(122px,.92fr)!important;
  column-gap: 22px!important;
}

@media(max-width:1280px) {
  .inscriptionsDesiredStats.systemUnifiedListHead {
    grid-template-columns: minmax(155px,1.35fr) minmax(78px,.68fr) repeat(3,minmax(66px,.56fr)) minmax(92px,.72fr) minmax(108px,.88fr) minmax(110px,.9fr)!important;
    column-gap: 12px!important;
  }
}

@media(max-width:820px) {
  .inscriptionsDesiredStats.systemUnifiedListHead { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width:1280px) {
  

  .inscriptionsDesiredActions.systemUnifiedListActions {
    width: 100%!important;
    justify-content: flex-start!important;
    flex-wrap: wrap!important;
  }
}

@media (max-width:820px) {
  .inscriptionsDesiredIdentityMeta { grid-column: 1/-1 !important; }
}

.inscriptionsDesiredSituation { justify-self: end !important; width: 112px !important; 
  display: block !important;
}

.inscriptionsDesiredSituation select {
  width: 112px!important;
  min-width: 112px!important;
  height: 30px!important;
}

@media(max-width:820px) {
  .inscriptionsDesiredSituation select { width: 100% !important; }
}

@media(max-width:820px) {
  .inscriptionsDesiredSituation { justify-self: stretch !important; width: 100% !important; }
}

.classificationReactEntries,
.finalsParticipantsClassification {
  gap: 16px!important;
}

.classificationReactEntry.systemUnifiedListCard { border-radius: 10px !important; }

.classificationReactEntryTop.systemUnifiedListHead { min-height: 48px !important; }

.classificationEntryIdentity strong { font-size: 14.5px !important; line-height: 1.1 !important; }

.classificationEntryIdentity span { font-size: var(--global-font-min) !important; }

.classificationEntryBadges.systemUnifiedListMeta { grid-template-columns: repeat(3,minmax(110px,1fr)); }

.classificationEntryBadges.systemUnifiedListMeta>div {
  min-height: 32px!important;
  padding: 3px 7px!important;
  background: transparent!important;
}

.classificationReactEntryBottom.systemUnifiedListBody { min-height: 46px !important; }

.classificationLacadorInfo small,
.classificationLacadorInfo span { font-size: var(--global-font-min) !important; }

.classificationReactActions.systemUnifiedListActions { display: grid; grid-template-columns: repeat(2,minmax(108px,1fr)); }

.classificationReactActions.systemUnifiedListActions button { min-width: 108px; }

.classificationLacadorInfo strong {
  font-size: 14.5px!important;
  line-height: 1.1!important;
  font-weight: 800!important;
}

@media(max-width:1100px) {
  .inscriptionsDesiredStats.systemUnifiedListHead { grid-template-columns: repeat(4,minmax(100px,1fr)); }
}

.inscriptionsDesiredStats.systemUnifiedListHead>div {
  display: flex!important;
  flex-direction: column!important;
  justify-content: center!important;
  min-height: 34px!important;
}

 .inscriptionsDesiredIdentityMeta strong { font-size: 16px !important; }

.inscriptionsDesiredStats small { font-size: 11px !important; margin-bottom: 4px !important; }

.inscriptionsDesiredStats strong { font-size: 14px !important; line-height: 1.2 !important; }

@media(max-width:1100px) {
  .classificationEntryBadges.systemUnifiedListMeta { grid-template-columns: repeat(3,minmax(90px,1fr)); }
}

@media(max-width:760px) {
  .inscriptionsDesiredStats.systemUnifiedListHead { grid-template-columns: repeat(2,minmax(110px,1fr)); }
}

@media(max-width:760px) {
  .classificationEntryBadges.systemUnifiedListMeta { width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media(max-width:760px) {
  .reactLacadorDetails.systemUnifiedListBody { grid-template-columns: repeat(2,minmax(120px,1fr)); }
}

body:not(.phpTelaoBody) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  .phpInput,
  .phpSelect
) {
  color: var(--global-color-text)!important;
  background-color: var(--global-color-surface)!important;
  border-color: var(--global-color-border)!important;
  box-shadow: none;
}

body:not(.phpTelaoBody) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  .phpInput,
  .phpSelect
):focus {
  outline: none!important;
  border-color: var(--global-color-primary)!important;
  box-shadow: 0 0 0 3px var(--global-color-focus)!important;
}

body:not(.phpTelaoBody) :where(input,select,textarea):disabled {
  color: var(--global-color-muted)!important;
  background-color: var(--global-color-surface-soft)!important;
}

body:not(.phpTelaoBody) :where(input,textarea)::placeholder { color: var(--global-color-muted) !important; opacity: 1; }

.scoreboardQueueDetailedNumber strong,
.scoreboardQueueDetailedName strong{
  color: var(--global-color-neutral-100) !important;
}

.scoreboardQueueDetailedName span { color: var(--global-color-neutral-300) !important; }

.scoreboardLegend { gap: 14px !important; }

.scoreboardLegend span img {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: 0 0 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.scoreboardLegend .late img {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  flex-basis: 18px !important;
}

.scoreboardLiveHeader .scoreboardBrand>span {
  width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  overflow: hidden;
}

.scoreboardChampionHeader .scoreboardBrand>span {
  width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
}

:where(.finTabs,.customFieldsEntityTabs) {
  display: flex;
  align-items: center;
  gap: var(--global-gap-sm);
  padding: 5px;
  border: 1px solid var(--global-color-border);
  border-radius: var(--global-control-radius);
  background: var(--global-color-surface-soft);
}

:where(.finTabs,.customFieldsEntityTabs) button {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: calc(var(--global-control-radius) - 2px);
  color: var(--global-color-text-secondary);
  background: transparent;
  font-weight: var(--global-weight-semibold);
}

:where(.finTabs,.customFieldsEntityTabs) button:hover { color: var(--global-color-text); background: var(--global-color-surface); }

:where(.finTabs,.customFieldsEntityTabs) button.active {
  color: var(--global-color-white);
  border-color: var(--global-color-primary);
  background: var(--global-color-primary);
  box-shadow: none;
}

.canchaReactSubmenuButton {
  border-color: var(--global-color-border)!important;
  background: var(--global-color-surface)!important;
  color: var(--global-color-text-secondary)!important;
}

.canchaReactSubmenuButton:hover {
  border-color: var(--global-color-primary-200)!important;
  color: var(--global-color-primary-900)!important;
}

.canchaReactSubmenuButton.active {
  border-color: var(--global-color-primary)!important;
  color: var(--global-color-white)!important;
  background: var(--global-color-primary)!important;
}

.settingsProfessionalNav {
  width: 100%;
  margin: 0 0 18px;
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 14px;
  background: var(--global-color-surface);
  box-shadow: 0 7px 22px color-mix(in srgb,var(--global-color-neutral-900) 5%,transparent);
}

@media(max-width:900px) {
  .settingsProfessionalNav { grid-template-columns: 1fr; }
}

.settingsProfessionalNav button {
  width: 100%;
  min-width: 0;
  min-height: 66px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--global-color-surface);
  color: var(--global-color-icon-shadow);
  cursor: pointer;
  text-align: left;
  transition: background .16s ease,border-color .16s ease,box-shadow .16s ease;
}

@media(max-width:900px) {
  .settingsProfessionalNav button { min-height: 60px; }
}

.settingsProfessionalNav button:hover { border-color: var(--global-color-neutral-100); background: var(--global-color-neutral-100); }

.settingsProfessionalNav button:focus-visible { outline: 2px solid var(--global-color-primary-600); outline-offset: 2px; }

.settingsProfessionalNav .settingsNavIcon {
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 5px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--global-color-neutral-100);
  box-sizing: border-box;
}

.settingsProfessionalNav .settingsNavIcon .systemIcon {
  width: 32px;
  height: 32px;
  display: block;
  object-fit: contain;
}

.settingsProfessionalNav button>div {
  min-width: 0;
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}

.settingsProfessionalNav button strong {
  display: block;
  color: inherit;
  font-size: var(--global-font-md);
  font-weight: 850;
  line-height: 1.2;
}

.settingsProfessionalNav button small {
  display: block;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 600;
  line-height: 1.3;
}

.settingsProfessionalNav button.active {
  border-color: var(--global-color-primary-600);
  background: var(--global-color-primary-600);
  color: var(--global-color-white);
  box-shadow: 0 7px 18px color-mix(in srgb,var(--global-color-primary-600) 18%,transparent);
}

.settingsProfessionalNav button.active .settingsNavIcon { background: color-mix(in srgb,var(--global-color-white) 16%,transparent); }

.settingsProfessionalNav button.active small { color: color-mix(in srgb,var(--global-color-white) 78%,transparent); }

.settingsSectionPage {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 22px !important;
  padding-bottom: 34px !important;
}

.settingsSectionPage .settingsProfessionalHero {
  min-height: 176px;
  margin-bottom: 0;
  padding: 28px 30px;
  box-sizing: border-box;
}

.settingsSectionPage .settingsProfessionalHero>div:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.settingsSectionPage .settingsProfessionalHero>div:first-child>span {
  min-height: 12px;
  display: flex;
  align-items: center;
  font-size: var(--global-font-min);
  font-weight: 950;
  line-height: 1;
  letter-spacing: 1.1px;
}

.settingsSectionPage .settingsProfessionalHero h1 {
  margin: 7px 0 5px;
  font-size: clamp(25px,2.1vw,32px);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -.6px;
}

.settingsSectionPage .settingsProfessionalHero p {
  min-height: 28px;
  margin: 0;
  font-size: var(--global-font-min);
  line-height: 1.55;
}

.settingsSectionPage .customFieldsRodeioBadge {
  margin-top: 11px;
  min-height: 29px;
  padding: 0 9px;
  gap: 5px;
  font-size: var(--global-font-min);
  line-height: 1;
}

.settingsSectionPage .customFieldsRodeioBadge .systemIcon,
.settingsSectionPage .customFieldsRodeioBadge .badgeSystemIcon {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.settingsSectionPage .settingsProfessionalHero>.phpButton {
  min-height: var(--global-button-height);
  padding: 0 var(--global-button-padding-x);
  border-radius: 9px;
  font-size: var(--global-font-xs);
  font-weight: 850;
  flex: 0 0 auto;
}

.settingsSectionPage .settingsProfessionalHeroStats { align-items: start; }

.settingsSectionPage .settingsProfessionalHeroStats article {
  min-width: 110px;
  min-height: 58px;
  box-sizing: border-box;
}

@media(max-width:900px) {
  .settingsSectionPage .settingsProfessionalHeroStats article { flex: 1; }
}

.settingsSectionPage .settingsProfessionalNav { margin-top: 0; margin-bottom: 0; }

.settingsSectionPage .settingsProfessionalNav button { min-height: 66px; }

.settingsSectionPage :where(input,select,textarea) {
  font-family: var(--global-font-family-screen);
  font-size: var(--global-font-sm) !important;
  line-height: 1.3;
}

.settingsSectionPage :where(input,select) { min-height: 42px; }

.settingsSectionPage textarea { min-height: 86px; }

.settingsSectionPage :where(.phpButton,.customFieldsEntityTabs button) { font-family: var(--global-font-family-screen); }

.settingsSectionPage .customFieldsStats { margin-bottom: 18px; }
@media(max-width:900px) {
  .settingsSectionPage .settingsProfessionalHero {
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
  }

  .settingsSectionPage .settingsProfessionalHeroStats { width: 100%; }
}

.systemExecutiveHero .settingsProfessionalHeroStats strong { color: var(--global-color-white); }

.systemExecutiveHero .settingsProfessionalHeroStats span { color: var(--global-color-neutral-300); }

html, body, button, input, select, textarea { font-family: var(--global-font-family); }

.reactLacadoresIntro,
.reactModalidadesIntro,
.inscriptionsSectionIntro,
.classificationPageIntro,
.forcasPageIntro,
.finalsPageIntro,
.canchaReactIntro {
  min-height: 74px;
  padding: 3px 2px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  text-align: left;
}

.reactLacadoresIntro > div:first-child,
.reactModalidadesIntro > div:first-child,
.inscriptionsSectionIntro > div:first-child,
.classificationPageIntro > div:first-child,
.forcasPageIntro > div:first-child,
.finalsPageIntro > div:first-child,
.canchaReactIntro > div:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

.reactLacadoresIntro > div:first-child > span,
.reactModalidadesIntro > div:first-child > span,
.inscriptionsSectionIntro > div:first-child > span,
.classificationPageIntro > div:first-child > span,
.forcasPageIntro > div:first-child > span,
.finalsPageIntro > div:first-child > span,
.canchaReactIntro > div:first-child > span {
  margin: 0;
  color: var(--global-color-secondary-900);
  font-size: var(--global-font-min);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
  text-align: left;
}

.reactLacadoresIntro h1,
.reactModalidadesIntro h1,
.inscriptionsSectionIntro h2,
.classificationPageIntro h1,
.forcasPageIntro h1,
.finalsPageIntro h1,
.canchaReactIntro h1 {
  margin: 7px 0 0;
  color: var(--global-color-text);
  font-size: var(--global-font-3xl);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -.6px;
  text-align: left;
}

@media (min-width:921px) {
  .inscriptionsModalityList::-webkit-scrollbar-thumb,
    .classificationModalityList::-webkit-scrollbar-thumb,
    .forcasModalityList::-webkit-scrollbar-thumb,
    .finalsModalityList::-webkit-scrollbar-thumb,
    .canchaReactModalityList::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--global-color-neutral-500) 48%, transparent);
    border-radius: 999px;
  }

  .inscriptionsModalityList::-webkit-scrollbar-track,
    .classificationModalityList::-webkit-scrollbar-track,
    .forcasModalityList::-webkit-scrollbar-track,
    .finalsModalityList::-webkit-scrollbar-track,
    .canchaReactModalityList::-webkit-scrollbar-track {
    background: transparent;
  }
}

.systemExecutiveHero,
.phpHero.systemExecutiveHero,
.usersProfessionalHero.systemExecutiveHero,
.settingsProfessionalHero.systemExecutiveHero,
.customFieldsHero.systemExecutiveHero,
.reportsPage .phpHero.systemExecutiveHero {
  width: 100%;
  height: 180px;
  min-height: 180px;
  max-height: 180px;
  padding: 28px 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 16px;
  color: var(--global-color-white);
  text-align: left;
  background: radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--global-color-primary-600) 20%,transparent),transparent 28%),
    linear-gradient(135deg,var(--global-color-neutral-950),var(--global-color-primary-600));
  box-shadow: 0 14px 34px color-mix(in srgb,var(--global-color-neutral-950) 8%,transparent);
}

.systemExecutiveHeroCopy,
.systemExecutiveHero > div:first-child,
.phpHero.systemExecutiveHero > div:first-child,
.reportsPage .phpHero.systemExecutiveHero > div:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

.systemExecutiveHero .phpEyebrow,
.systemExecutiveHeroCopy > span,
.systemExecutiveHero > div:first-child > span {
  width: auto;
  margin: 0;
  color: var(--global-color-secondary-800);
  font-size: var(--global-font-min);
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: 1.2px;
  text-align: left;
  text-transform: uppercase;
}

.systemExecutiveHero h1 {
  margin: 8px 0 6px;
  color: var(--global-color-white);
  font-size: var(--global-font-4xl);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -.8px;
  text-align: left;
}

.systemExecutiveHero p {
  max-width: 760px;
  margin: 0;
  color: var(--global-color-neutral-300);
  font-size: var(--global-font-md);
  line-height: 1.5;
  text-align: left;
}

.systemExecutiveHero .phpButton.secondary,
.systemExecutiveHero .usersProfessionalHeroActions .phpButton.secondary {
  color: var(--global-color-white);
  border-color: color-mix(in srgb,var(--global-color-white) 22%,transparent);
  background: color-mix(in srgb,var(--global-color-white) 6%,transparent);
}

.systemExecutiveHero .usersProfessionalRodeio,
.systemExecutiveHero .customFieldsRodeioBadge {
  margin-top: 14px;
  min-height: 27px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid color-mix(in srgb,var(--global-color-white) 14%,transparent);
  border-radius: 999px;
  color: var(--global-color-neutral-300);
  background: color-mix(in srgb,var(--global-color-white) 6%,transparent);
  font-size: var(--global-font-min);
  font-weight: 850;
}

.systemExecutiveHero .usersProfessionalHeroActions,
.systemExecutiveHero .dashboardExecutiveHeroActions,
.systemExecutiveHero .settingsProfessionalHeroStats {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sidebarIcon,
.systemIcon,
.inlineSystemIcon,
.buttonSystemIcon,
.loginSystemIcon,
.portalSystemIcon,
.contentSystemIcon,
.badgeSystemIcon,
.dashboardStatIcon img,
img[src*="icons-gauchos/"] {
  -webkit-filter: drop-shadow(2px 2px 2px var(--global-color-icon-shadow)) !important;
  filter: drop-shadow(2px 2px 2px var(--global-color-icon-shadow)) !important;
}

.systemExecutiveHero .settingsProfessionalHeroStats article {
  min-width: 110px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb,var(--global-color-white) 14%,transparent);
  border-radius: 10px;
  background: color-mix(in srgb,var(--global-color-white) 7%,transparent);
}

@media(max-width:760px) {
  .reactLacadoresIntro,
    .reactModalidadesIntro,
    .inscriptionsSectionIntro,
    .classificationPageIntro,
    .forcasPageIntro,
    .finalsPageIntro,
    .canchaReactIntro {
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

@media (min-width:921px) {
  .inscriptionsModalityList::-webkit-scrollbar,
    .classificationModalityList::-webkit-scrollbar,
    .forcasModalityList::-webkit-scrollbar,
    .finalsModalityList::-webkit-scrollbar,
    .canchaReactModalityList::-webkit-scrollbar {
    width: 7px;
  }
}

.canchaReactPelotoes.active { border-color: color-mix(in srgb,var(--global-color-primary) 42%,var(--global-color-border)); }

.canchaReactPelotoesTitle small {
  font-size: var(--global-font-min);
  font-weight: 800;
  letter-spacing: .07em;
  color: var(--global-color-text-secondary);
}

.canchaReactPelotoesTitle strong {
  font-size: var(--global-font-lg);
  line-height: 1.15;
  color: var(--global-color-text);
}

.canchaReactPelotaoSizes>span {
  margin: 0 4px 0 2px;
  font-size: var(--global-font-xs);
  font-weight: 800;
  letter-spacing: .07em;
  color: var(--global-color-text-secondary);
  white-space: nowrap;
}

.canchaReactPelotaoSizes>small {
  margin-left: 2px;
  font-size: var(--global-font-xs);
  color: var(--global-color-muted);
  white-space: nowrap;
}

.canchaReactPelotaoSize.active {
  background: var(--global-color-primary);
  color: var(--global-color-surface);
  border-color: var(--global-color-primary);
}

.canchaReactPelotaoToggle.active {
  background: var(--global-color-success-050);
  border-color: var(--global-color-success-600);
  color: var(--global-color-success-700);
}

.canchaReactPelotaoTab>span {
  grid-column: 1 / -1;
  grid-row: 1;
  font-size: var(--global-font-min);
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1.15;
  white-space: nowrap;
}

.canchaReactPelotaoTab>strong {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  font-size: 14px;
  line-height: 1.15;
  white-space: nowrap;
}

.canchaReactPelotaoTab>small {
  grid-column: 1 / -1;
  grid-row: 2 / 4;
  padding-right: 34px;
  font-size: var(--global-font-min);
  line-height: 1.2;
  color: var(--global-color-muted);
  white-space: normal;
}

.canchaReactPelotaoTab.active {
  border-color: var(--global-color-primary);
  box-shadow: 0 0 0 1px var(--global-color-primary) inset;
  background: color-mix(in srgb,var(--global-color-primary) 7%,var(--global-color-surface));
}

@media(max-width:760px) {
  .systemExecutiveHero,
    .phpHero.systemExecutiveHero,
    .usersProfessionalHero.systemExecutiveHero,
    .settingsProfessionalHero.systemExecutiveHero,
    .customFieldsHero.systemExecutiveHero,
    .reportsPage .phpHero.systemExecutiveHero {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 24px;
    align-items: flex-start;
    flex-direction: column;
  }
}

@media(max-width:760px) {
  .systemExecutiveHero .usersProfessionalHeroActions,
    .systemExecutiveHero .settingsProfessionalHeroStats {
    width: 100%;
    flex-wrap: wrap;
  }
}

.settingsEntityLogoPreview img {
  display: block;
  width: auto;
  height: auto;
  max-width: 220px;
  max-height: 135px;
  object-fit: contain;
}

.classificationGroupedEntries,
.inscriptionsDesiredList {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.classificationGroupedEntries .classificationReactEntry,
.inscriptionsDesiredCard.systemUnifiedListCard {
  overflow: hidden;
  border-radius: 10px!important;
}

.classificationGroupedMembers,
.inscriptionsFinalStyleMembers {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--global-color-surface);
}

.classificationGroupedMembers .finalsClassificationMemberRow,
.inscriptionsFinalStyleMemberRow.finalsClassificationMemberRow {
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 16px!important;
  width: 100%!important;
  min-height: 54px!important;
  padding: 7px 12px!important;
  border: 0!important;
  background: var(--global-color-surface)!important;
}

.classificationGroupedMembers .finalsClassificationMemberRow + .finalsClassificationMemberRow,
.inscriptionsFinalStyleMemberRow + .inscriptionsFinalStyleMemberRow {
  border-top: 1px solid var(--global-color-neutral-100)!important;
}

.inscriptionsFinalStyleIdentity { min-width: 0; }

.inscriptionsFinalStyleIdentity strong,
.classificationGroupedMembers .classificationLacadorInfo strong {
  font-size: 15px!important;
  line-height: 1.15!important;
  font-weight: 800!important;
}

.inscriptionsFinalStyleIdentity small,
.inscriptionsFinalStyleIdentity span,
.classificationGroupedMembers .classificationLacadorInfo small,
.classificationGroupedMembers .classificationLacadorInfo span {
  font-size: var(--global-font-min)!important;
}

.inscriptionsFinalStyleActions.systemUnifiedListActions {
  display: flex!important;
  align-items: center!important;
  justify-content: flex-end!important;
  flex-wrap: wrap!important;
  gap: 5px!important;
  min-height: 40px!important;
  padding: 5px 12px!important;
  border-top: 1px solid var(--global-color-neutral-100)!important;
  background: var(--global-color-surface)!important;
}

.inscriptionsFinalStyleActions.systemUnifiedListActions .phpButton {
  min-height: 30px!important;
  height: 30px!important;
  padding: 0 9px!important;
  font-size: var(--global-font-min)!important;
}

@media(max-width:760px) {
  .classificationGroupedMembers .finalsClassificationMemberRow,
    .inscriptionsFinalStyleMemberRow.finalsClassificationMemberRow {
    align-items: flex-start!important;
    flex-direction: column!important;
  }

  .inscriptionsFinalStyleActions.systemUnifiedListActions { justify-content: flex-start !important; }
}

 .inscriptionsDesiredStats.systemUnifiedListHead { min-height: 66px !important; padding: 9px 14px !important; }

@media(max-width:760px) {
  .classificationGroupedMembers .finalsMemberActions { width: 100% !important; }
}

@media (min-width:921px) {
  .inscriptionsModalitySidebar,
    .classificationModalitySidebar,
    .forcasModalitySidebar,
    .finalsModalitySidebar,
    .canchaReactSidebar {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--module-sidebar-sticky-top) - 18px);
    overflow: hidden;
  }

  .inscriptionsModalitySidebarHeader,
    .classificationModalitySidebarHeader,
    .forcasModalitySidebarHeader,
    .finalsModalitySidebarHeader,
    .canchaReactSidebarHeader,
    .inscriptionsModalityRule,
    .classificationModalityRule,
    .forcasModalityRule,
    .finalsModalityRule,
    .canchaReactSidebarRule {
    flex: 0 0 auto;
  }

  .inscriptionsModalityList,
    .classificationModalityList,
    .forcasModalityList,
    .finalsModalityList,
    .canchaReactModalityList {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }
}

.canchaReactPelotoes {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-bottom: 12px;
  padding: 10px 14px;
  display: grid;
  gap: 7px;
  overflow: hidden;
  background: var(--global-color-surface);
  border: 1px solid var(--global-color-border);
  border-radius: var(--global-card-radius);
}

.canchaReactPelotoesHeader {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.canchaReactPelotoesHeading {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.canchaReactPelotoesTopline {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
}

.canchaReactPelotoesTitle {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.canchaReactPelotaoSizes {
  flex: 0 0 auto;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 3px 6px;
  min-height: 30px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  border: 1px solid var(--global-color-border);
  border-radius: 10px;
  background: var(--global-color-surface-soft);
}

.canchaReactPelotaoSize {
  min-width: 38px;
  height: 30px;
  border: 1px solid var(--global-color-border);
  border-radius: 8px;
  background: var(--global-color-surface);
  color: var(--global-color-text-secondary);
  font: inherit;
  font-size: var(--global-font-sm);
  font-weight: 800;
  cursor: pointer;
}

.canchaReactPelotoesDescription {
  width: 100%;
  margin: 0;
  font-size: var(--global-font-sm);
  line-height: 1.3;
  color: var(--global-color-muted);
}

.canchaReactPelotaoToggle {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--global-color-border);
  border-radius: 10px;
  background: var(--global-color-surface-soft);
  color: var(--global-color-text);
  font: inherit;
  font-size: var(--global-font-sm);
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

.canchaReactPelotoesControls {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  overflow: hidden;
}

.canchaReactPelotaoTabs {
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  display: flex;
  align-items: stretch;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding: 0 0 3px;
}

.canchaReactPelotaoTabs::-webkit-scrollbar { height: 5px; }
.canchaReactPelotaoTabs::-webkit-scrollbar-thumb { border-radius: 999px; }

.canchaReactPelotaoTab {
  flex: 0 0 132px;
  width: 132px;
  min-width: 132px;
  max-width: 132px;
  min-height: 64px;
  padding: 6px 8px;
  border: 1px solid var(--global-color-border);
  border-radius: 10px;
  background: var(--global-color-surface);
  color: var(--global-color-text);
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: auto auto 1fr;
  column-gap: 7px;
  row-gap: 2px;
  align-content: start;
  text-align: left;
  cursor: pointer;
}

.canchaReactPelotaoTab.done:not(.active) { border-color: var(--global-color-success-600); background: var(--global-color-success-050); }

.canchaReactPelotaoTab.warning,
.canchaReactPelotaoTab.warning.active,
.canchaReactPelotaoTab.warning:not(.active) {
  border-color: var(--global-color-warning-600);
  background: var(--global-color-warning-050);
  box-shadow: 0 0 0 1px var(--global-color-warning-600) inset;
}

.canchaReactPelotaoTab.warning small {
  color: var(--global-color-warning-700);
  font-weight: var(--global-weight-bold);
}

.canchaReactPelotaoDisabled {
  flex: 1 1 auto;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 10px;
  background: var(--global-color-surface-soft);
  color: var(--global-color-muted);
  font-size: var(--global-font-sm);
}

.canchaReactPelotaoRoundActions {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--global-gap-sm);
}

.canchaReactCloseRoundButton {
  min-width: 0;
  max-width: 220px;
  min-height: 42px;
  white-space: nowrap;
}

@media (max-width:1100px) {
  .canchaReactPelotoesControls { flex-wrap: wrap; }

  .canchaReactPelotaoTabs { flex: 1 1 100%; width: 100%; }

  .canchaReactPelotaoRoundActions { width: 100%; justify-content: flex-end; }
}

@media (max-width:760px) {
  .canchaReactPelotoesHeader { flex-direction: column; align-items: stretch; }

  .canchaReactPelotaoToggle { align-self: flex-start; }

  .canchaReactPelotoesTopline {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
  }

  .canchaReactPelotaoTab {
    flex-basis: 124px;
    width: 124px;
    min-width: 124px;
    max-width: 124px;
  }
}

@media (max-width:560px) {
  .canchaReactPelotoesTopline {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .canchaReactPelotaoSizes { max-width: 100%; overflow-x: auto; }

  .canchaReactPelotaoRoundActions { flex-direction: column; align-items: stretch; }

  .canchaReactCloseRoundButton { width: 100%; max-width: none; }
}

.phpTelaoBody {

  background: radial-gradient(circle at 15% -8%,color-mix(in srgb,var(--global-color-secondary-800) 14%,transparent),transparent 32%),
    radial-gradient(circle at 92% 0,color-mix(in srgb, #294252 10%,transparent),transparent 34%),
    color-mix(in srgb,#294252 86%,var(--global-color-white)) !important;
}

.scoreboardLiveHeader {
  border-color: rgba(223, 177, 113, .28) !important;
  background: linear-gradient(118deg, #03131e 0%, #294252 72%, #3c4850 100%) !important;
 
}

.scoreboardBrand>span {
  border-color: color-mix(in srgb,var(--global-color-secondary-800) 42%,transparent);
  background: color-mix(in srgb,var(--global-color-secondary-900) 16%,transparent);
}

.scoreboardBrand small { color: var(--global-color-secondary-800); }

.scoreboardBrand strong { color: var(--global-color-white); }

.scoreboardLiveMeta>div {
  border-color: color-mix(in srgb,var(--global-color-secondary-800) 18%,transparent);
  background: color-mix(in srgb,var(--global-color-neutral-950) 24%,transparent);
}

.scoreboardLiveMeta>div small { color: var(--global-color-secondary-800); }

.scoreboardLiveBadge {
  color: var(--global-color-white);
  border-color: color-mix(in srgb,var(--global-color-danger-600) 55%,transparent);
  background: var(--global-color-danger-600);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--global-color-danger-600) 12%,transparent);
}

.scoreboardCurrent {
  border-color: color-mix(in srgb,var(--global-color-secondary-800) 22%,var(--global-color-border));
  box-shadow: inset 3px 0 0 var(--global-color-secondary-900);
  background: radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--global-color-secondary-700) 20%,transparent),transparent 34%),
    linear-gradient(145deg,var(--global-color-white),var(--global-color-neutral-100));
}

.scoreboardSectionLabel { color: var(--global-color-secondary-900); }

.scoreboardCurrentNumber {
  color: var(--global-color-neutral-900);
  background: var(--global-color-secondary-700);
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--global-color-secondary-900) 24%,transparent);
}

.scoreboardCurrent h1 { color: var(--global-color-neutral-950); }

.scoreboardPending {
  color: var(--global-color-secondary-900);
  border-color: color-mix(in srgb,var(--global-color-secondary-900) 28%,transparent);
  background: color-mix(in srgb,var(--global-color-secondary-700) 34%,var(--global-color-white));
}

.scoreboardNext {
  border-color: rgba(223, 177, 113, .28) !important;
  background: radial-gradient(circle at 100% 0, rgba(162, 108, 54, .25), transparent 42%), #03131e !important;
}

.scoreboardNext::before { background: var(--global-color-secondary-800); }

.scoreboardNext>small,
.scoreboardNext>strong { color: var(--global-color-secondary-800); }

.scoreboardNext h2 { color: var(--global-color-white); }

.scoreboardQueue {
  border: 1px solid color-mix(in srgb,var(--global-color-secondary-800) 16%,transparent);
  border-color: rgba(223, 177, 113, .28) !important;
  background: linear-gradient(180deg, #03131e 12%, #294252 88%) !important;
}

.scoreboardQueueHeader small { color: var(--global-color-secondary-800); }

.scoreboardQueueDetailed.current {
  border-color: var(--global-color-secondary-900) !important;
  background: color-mix(in srgb,var(--global-color-icon-shadow) 50%,var(--global-color-primary-900)) !important;
  box-shadow: inset 3px 0 0 var(--global-color-secondary-900);
}

.scoreboardLastResult {
  border-color: color-mix(in srgb,var(--global-color-secondary-800) 30%,transparent);
  box-shadow: 0 6px 18px color-mix(in srgb,var(--global-color-neutral-950) 25%,transparent);
}

.scoreboardChampion {
  background: radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--global-color-secondary-900) 26%,transparent),transparent 30%),
    linear-gradient(145deg,var(--global-color-neutral-950),var(--global-color-neutral-900));
}

.scoreboardChampionHeader { border-bottom-color: color-mix(in srgb,var(--global-color-secondary-800) 22%,transparent); }

.scoreboardChampionBody {
  border-color: color-mix(in srgb,var(--global-color-secondary-800) 34%,transparent);
  background: color-mix(in srgb,var(--global-color-secondary-900) 7%,color-mix(in srgb,var(--global-color-white) 3%,transparent));
}

.scoreboardChampionTrophy {
  border-color: color-mix(in srgb,var(--global-color-secondary-800) 45%,transparent);
  background: color-mix(in srgb,var(--global-color-secondary-900) 16%,transparent);
}

.scoreboardChampionEyebrow,.scoreboardChampionNumber { color: var(--global-color-secondary-800); }

.scoreboardChampionMotto { color: var(--global-color-secondary-700); }

.scoreboardWaitingLogo {
  border-color: color-mix(in srgb,var(--global-color-secondary-800) 35%,transparent);
  background: color-mix(in srgb,var(--global-color-secondary-900) 12%,transparent);
}

.scoreboardWaiting>small { color: var(--global-color-secondary-800); }

.scoreboardQueueDetailed {
  min-width:0;
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:42px 110px minmax(260px,1.8fr) minmax(150px,.8fr) minmax(180px,.9fr) 150px;
  align-items:center;
  align-content:center;
  gap:12px;
  min-height:64px;
  height:64px;
  max-height:64px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:9px;
  background:rgba(255,255,255,.045) !important;
  color:#fff;
  box-shadow:none;
}
.scoreboardQueueDetailed.positive {
  border-color:var(--global-color-success-600) !important;
  background:color-mix(in srgb,var(--global-color-success-600) 12%,rgba(255,255,255,.045)) !important;
  box-shadow:inset 3px 0 0 var(--global-color-success-600)!important;
}
.scoreboardQueueDetailed.negative {
  border-color:var(--global-color-danger-600) !important;
  background:color-mix(in srgb,var(--global-color-danger-600) 12%,rgba(255,255,255,.045)) !important;
  box-shadow:inset 3px 0 0 var(--global-color-danger-600)!important;
}
.scoreboardQueueDetailed.late {
  border-color:var(--global-color-warning-600) !important;
  background:rgba(242,196,111,.10) !important;
  box-shadow:inset 3px 0 0 var(--global-color-warning-600)!important;
}
.scoreboardQueueDetailed.current {
  border-color:#2e6f9e !important;
  background:rgba(162,108,54,.12) !important;
  box-shadow:inset 3px 0 0 #2e6f9e !important;
}
.scoreboardQueuePosition span {width:32px;height:32px;font-size:13px}
.scoreboardQueueDetailedNumber,.scoreboardQueueDetailedName,.scoreboardQueueDetailedNickname,.scoreboardQueueDetailedEntity,.scoreboardQueueDetailedStatus{position:relative;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scoreboardQueueDetailedName,.scoreboardQueueDetailedNickname,.scoreboardQueueDetailedEntity{padding-left:10px}
.scoreboardQueueDetailedName::before,.scoreboardQueueDetailedNickname::before,.scoreboardQueueDetailedEntity::before{content:"|";position:absolute;left:0;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.30);font-weight:700}
.scoreboardQueueDetailedNumber{color:var(--global-color-secondary-800);font-size:20px}
.scoreboardQueueDetailedName{color:#fff;font-size:24px}
.scoreboardQueueDetailedNickname{color:rgba(255,255,255,.62);font-size:16px}
.scoreboardQueueDetailedEntity{color:rgba(255,255,255,.86);font-size:15px}
.scoreboardQueueDetailedStatus{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:rgba(255,255,255,.86);font-size:14px}
.scoreboardQueueDetailedStatus .icon{flex:0 0 28px;width:28px;height:28px;font-size:12px;background:rgba(255,255,255,.08)}
.scoreboardQueueDetailedStatus strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.scoreboardQueueDetailedStatus.positive{color:var(--global-color-success-600)}
.scoreboardQueueDetailedStatus.negative{color:var(--global-color-danger-600)}
.scoreboardQueueDetailedStatus.late{color:var(--global-color-warning-600)}
.scoreboardQueueDetailedStatus.current{color: #2e6f9e}
.scoreboardQueueDetailed.current .scoreboardQueuePosition span{color:#fff;background:#2e6f9e}
.scoreboardQueuePosition{justify-self:center;text-align:center}
.scoreboardQueueDetailedNumber,.scoreboardQueueDetailedName,.scoreboardQueueDetailedNickname{width: max-content;justify-self:stretch;text-align:left}
.scoreboardQueueDetailedEntity{justify-self:stretch;text-align:right}
.scoreboardQueueDetailedStatus{justify-self:end;width:150px;text-align:right}


.scoreboardLegend span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap;
}

.scoreboardLiveHeader .scoreboardBrand .scoreboardNativeIcon {
  width: 57px !important;
  height: 57px !important;
  max-width: 57px !important;
  max-height: 57px !important;
  display: block !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

.scoreboardChampionBackdrop {
  background-image: url("images/telao-campeao-bg.png?v=7122") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.scoreboardChampionStage {
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
}

.scoreboardChampionBody {
  width: min(760px,68vw) !important;
  max-width: calc(100vw - 80px) !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 12px 26px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.scoreboardChampionTrophy {
  width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  margin: 0 auto 2px !important;
}

.scoreboardChampionIcon { width: 62px !important; height: 62px !important; }

.scoreboardChampionEyebrow { font-size: clamp(25px,3vw,46px) !important; line-height: 1 !important; }

.scoreboardChampionNumber {
  margin-top: 7px !important;
  padding: 5px 14px !important;
  font-size: clamp(18px,1.7vw,26px) !important;
}

.scoreboardChampionNames {
  width: 100% !important;
  margin: 8px 0 2px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  line-height: .94 !important;
  text-align: center !important;
  overflow: hidden !important;
}

.scoreboardChampionNames span {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.scoreboardChampionBody--individual .scoreboardChampionNames { font-size: clamp(48px,6vw,94px) !important; }

.scoreboardChampionBody--dupla .scoreboardChampionNames { font-size: clamp(38px,4.7vw,70px) !important; }

.scoreboardChampionBody--trio .scoreboardChampionNames { font-size: clamp(31px,3.8vw,56px) !important; }

.scoreboardChampionBody--equipe .scoreboardChampionNames { font-size: clamp(25px,3vw,43px) !important; line-height: .92 !important; }

@media(max-height:760px) {
  .scoreboardChampionBody--equipe .scoreboardChampionNames { font-size: clamp(22px,2.65vw,36px) !important; }
}

.scoreboardChampionBody p { margin: 4px 0 0 !important; font-size: clamp(13px,1.2vw,18px) !important; }

.scoreboardChampionMotto { margin-top: 6px !important; font-size: clamp(12px,1.05vw,16px) !important; }

.scoreboardChampionNote {
  margin-top: 7px !important;
  padding: 5px 10px !important;
  font-size: clamp(10px,.9vw,13px) !important;
}

@media(max-height:760px) {
  .scoreboardChampionStage { padding: 6px 20px !important; }

  .scoreboardChampionBody { padding: 6px 22px 8px !important; }

  .scoreboardChampionTrophy {
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  .scoreboardChampionIcon { width: 46px !important; height: 46px !important; }

  .scoreboardChampionEyebrow { font-size: clamp(22px,2.6vw,36px) !important; }
}

.scoreboardChampionHeader .scoreboardBrand .scoreboardNativeIcon {
  width: 57px !important;
  height: 57px !important;
  max-width: 57px !important;
  max-height: 57px !important;
  display: block !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

.phpTelaoMainQueue .scoreboardQueueHeader { flex: 0 0 auto; }

.phpTelaoMainQueue .scoreboardLegend img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  vertical-align: middle;
}

.phpTelaoMainHero .scoreboardCurrent h1 { font-size: clamp(38px,4.7vw,72px); }

.phpSidebarBrand.phpSidebarBrandImageOnly {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 112px;
  padding: 0px 12px;
  padding-top:30px;
  box-sizing: border-box;
  overflow: hidden;
}

.phpSidebarBrandFullImage {
  display: block;
  width: 150px;
  max-width: 90%;
  height: 92px;
  max-height: 92px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  filter: drop-shadow(2px 2px 2px black);
}

.portalBrandNameImage {
  display: block !important;
  width: 82px !important;
  max-width: 82px !important;
  height: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  filter: drop-shadow(5px 0px 0px rgba(0, 0, 0, 0));
}

.loginBrandNameImage {
  display: block !important;
  width: 96px !important;
  max-width: 96px !important;
  height: 32px !important;
  max-height: 32px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  filter: drop-shadow(3px 0px 0px rgba(0, 0, 0, 0))!important;
}

.systemPagination { justify-content: space-between; flex-wrap: wrap; }

.systemPaginationInfo { color: var(--global-color-neutral-600); font-size: var(--global-font-sm); }

.systemPaginationInfo strong { color: var(--global-color-primary-600); }

.systemPaginationControls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

@media(max-width:760px) {
  .systemPaginationControls { justify-content: space-between; overflow-x: auto; }
}

.systemPaginationControls>.phpButton {
  min-height: 34px;
  padding: 0 10px;
  font-size: var(--global-font-min);
}

@media(max-width:760px) {
  .systemPagination,
    .systemPaginationControls {
    width: 100%;
  }
}

.pelotaoPagination { margin: 12px 0 12px; }

.pelotaoPaginationInfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 190px;
}

@media(max-width:760px) {
  .pelotaoPaginationInfo { min-width: 0; }
}

.pelotaoPaginationInfo span { color: var(--global-color-neutral-600); font-size: var(--global-font-sm); }

.phpTelaoMainQueue.scoreboardQueue {
  min-height: 420px;
  max-height: 620px;
  padding: 12px;
  border: 1px solid color-mix(in srgb,var(--global-color-secondary-800) 26%,transparent);
  border-radius: 16px;
  border-color: rgba(223, 177, 113, .28) !important;
  background: linear-gradient(180deg, #03131e 12%, #294252 88%) !important;
  overflow: hidden;
}

.phpTelaoMainQueueList.scoreboardQueueList {
  min-height: 0;
  width: 100%;
  height: 100%;
  max-height: 540px;
  grid-template-columns: minmax(0,1fr);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

@media(min-width:1600px) {
  .phpTelaoMainQueue.scoreboardQueue { max-height:none; }
  .phpTelaoMainQueueList.scoreboardQueueList { max-height:none; }
  .phpTelaoMainQueue .scoreboardQueueDetailed {
    grid-template-columns:48px 130px minmax(340px,2fr) minmax(190px,.8fr) minmax(220px,.9fr) 180px;
    min-height:76px;
    height:76px;
    max-height:76px;
    padding:10px 18px;
    gap:16px;
  }
  .phpTelaoMainQueue .scoreboardQueuePosition span { width:38px; height:38px; font-size:15px; }
  .phpTelaoMainQueue .scoreboardQueueDetailedNumber { font-size:23px; }
  .phpTelaoMainQueue .scoreboardQueueDetailedName { font-size:28px; }
  .phpTelaoMainQueue .scoreboardQueueDetailedNickname { font-size:18px; }
  .phpTelaoMainQueue .scoreboardQueueDetailedEntity { font-size:17px; }
  .phpTelaoMainQueue .scoreboardQueueDetailedStatus { width:180px; font-size:15px; }
  .phpTelaoMainQueue .scoreboardQueueDetailedStatus strong { font-size:13px; }
}

.phpTelaoMainHeader.scoreboardLiveHeader {
  min-height: 72px;
  padding: 10px 14px;
  box-sizing: border-box;
}

@media(max-width:980px) {
  .phpTelaoMainHeader.scoreboardLiveHeader { align-items: stretch; flex-direction: column; }
}

.phpTelaoMainHeader .scoreboardNativeIcon {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.phpTelaoMainHero.scoreboardLiveHero { min-height: 300px; grid-template-columns: minmax(0,2.3fr) minmax(280px,.7fr); }

.phpTelaoMainHero .scoreboardCurrent,
.phpTelaoMainHero .scoreboardNext {
  min-height: 300px;
}

@media(max-width:980px) {
  .phpTelaoMainHeader .scoreboardLiveMeta { flex-wrap: wrap; }

  .phpTelaoMainHero.scoreboardLiveHero { grid-template-columns: 1fr; min-height: 0; }

  .phpTelaoMainHero .scoreboardCurrent,.phpTelaoMainHero .scoreboardNext { min-height: 220px; }
}

.settingsEntityLogoPreview {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  background: var(--global-color-neutral-100);
}

.settingsEntityLogoEmpty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  text-align: center;
  color: var(--global-color-neutral-600);
}

.sumulaHeaderWithLogos {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr) minmax(220px,300px);
  align-items: center;
  gap: 18px;
}

.sumulaHeaderLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.sumulaHeaderLogo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.sumulaHeaderLogoSystem {
  width: 82px;
  height: 82px;
  padding: 6px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 12px;
  background: var(--global-color-neutral-100);
}

.sumulaHeaderLogoSystem img { max-height: 70px; }

.sumulaHeaderIdentity { min-width: 0; }

.sumulaHeaderMeta {
  display: grid;
  grid-template-columns: minmax(0,1fr) 86px;
  align-items: center;
  gap: 12px;
}

.sumulaHeaderMetaText {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  text-align: right;
}

.sumulaHeaderLogoEntity {
  width: 82px;
  height: 82px;
  padding: 5px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}

.sumulaHeaderLogoEntity img { max-height: 70px; }

.sumulaHeaderLogoEntity.is-empty span {
  color: var(--global-color-neutral-400);
  font-size: 8px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: .5px;
  text-align: center;
}

@media(max-width:760px) {
  .sumulaHeaderWithLogos { grid-template-columns: 70px 1fr; }

  .sumulaHeaderMeta { grid-column: 1/-1; grid-template-columns: 1fr 70px; }

  .sumulaHeaderLogoSystem,.sumulaHeaderLogoEntity { width: 64px; height: 64px; }
}

@media print {
  .sumulaHeaderLogoSystem,.sumulaHeaderLogoEntity {
    width: 68px;
    height: 68px;
    padding: 4px;
  }

  .sumulaHeaderWithLogos { grid-template-columns: 78px minmax(0,1fr) minmax(190px,260px); gap: 12px; }

  .sumulaHeaderLogoSystem img,.sumulaHeaderLogoEntity img { max-height: 60px; }
}

.finWorkspace { display: grid; align-items: start; }

.finSideMenu {

  display: flex;
  flex-direction: column;
}

.finWorkspaceContent {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--global-page-section-gap);
}

.finSideGroup button:hover { background: var(--global-color-neutral-100); }

.finSideGroup button.active {
  color: var(--global-color-white);
  background: var(--global-color-primary-600);
  box-shadow: 0 8px 18px color-mix(in srgb,var(--global-color-primary-600) 18%,transparent);
}

.finSideGroup button.active .finSideIcon { color: var(--global-color-white); }

.reactModalidadePremiacaoModal {
  width: min(560px, calc(100vw - 32px));
}

.reactModalidadePremiacaoBody {
  padding: 18px;
  display: grid;
  gap: 12px;
}

.reactModalidadePremiacaoHelp {
  margin: 0;
  color: var(--global-color-neutral-600);
  font-size: var(--global-font-sm);
}

.reactModalidadePremiacaoField {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(180px, 220px);
  align-items: center;
  gap: 4px 14px;
  padding: 12px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 9px ;
  background: var(--global-color-neutral-100);
}

.reactModalidadePremiacaoField strong { grid-row: 1 / span 2; }
.reactModalidadePremiacaoField span { color: var(--global-color-neutral-600); font-size: var(--global-font-xs); font-weight: 700; }
.reactModalidadePremiacaoField input { width: 100%; }

.reactModalidadePremiacaoFooter {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px 18px;
}

@media(max-width:900px) {
  .finSideMenu { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
}

.finSideMenuHeader strong {
  color: var(--global-color-primary-700);
  font-size: var(--global-font-md);
  font-weight: 900;
  letter-spacing: .35px;
}

.finSideMenuHeader span { color: var(--global-color-neutral-500); font-size: var(--global-font-sm); }

.finSideGroup>strong {
  padding: 8px 11px 2px;
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: 850;
  letter-spacing: .25px;
}

.finSideGroup button {
  min-height: 54px;
  padding: 0 12px;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--global-color-primary-600);
  text-align: left;
  font: inherit;
  font-size: var(--global-font-sm);
  font-weight: 850;
  cursor: pointer;
  box-shadow: none;
}

@media(max-width:900px) {
  .reactModalidadePremioRow { grid-template-columns: 1fr; }
}

@media(max-width:620px) {
  .finSideMenu { grid-template-columns: 1fr; }
}

.finWorkspace { grid-template-columns: 278px minmax(0,1fr); gap: 24px; }

.finSideMenu {
  position: sticky;
  top: 196px;
  align-self: start;
  overflow: hidden;
  padding: 0;
  gap: 0;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 14px;
  background: var(--global-color-surface);
  box-shadow: 0 10px 30px color-mix(in srgb,var(--global-color-neutral-900) 5%,transparent);
}

@media(max-width:900px) {
  .finSideMenu { position: static; }
}

.finSideMenuHeader {
  padding: 22px 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-bottom: 1px solid var(--global-color-neutral-100);
}

.finSideMenuBody {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - 310px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--global-color-neutral-300) transparent;
}

.finSideGroup {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.finSideIcon {
  display: grid;
  place-items: center;
  font-size: 17px;
  font-weight: 900;
}

@media(max-width:900px) {
  .finWorkspace { grid-template-columns: 1fr; gap: 16px; }

  .finSideMenuBody {
    max-height: none;
    overflow: visible;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media(max-width:620px) {
  .finSideMenuBody { grid-template-columns: 1fr; }
}

/*.reactRemoveButton:hover*/

@media (min-width: 901px) {
  .phpInternalShell { transition: grid-template-columns .22s ease; }

  .phpSidebar { overflow: visible !important; transition: padding .22s ease; }

  .phpMenuIconWrap {
    width: 34px;
    min-width: 34px;
    display: grid;
    place-items: center;
  }

  .phpSidebarCollapse {
    position: absolute;
    top: 50%;
    right: -14px;
    z-index: 80;
    width: 20px;
    min-width: 20px;
    height: 34px;
    min-height: 30px;
    padding: 0;
    margin: 0;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    place-items: center;
    cursor: pointer;
    border: 0px solid color-mix(in srgb, var(--global-color-neutral-950, #dfb171) 28%, transparent);
    border-radius: 999px;
    background: var(--global-color-neutral-950);
    box-shadow: 2px 3px 9px rgba(0, 0, 0, .20);
    color: var(--global-color-secondary-800, #dfb171);
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
  }
}

@media (max-width: 900px) {
  .phpSidebarCollapse { display: none !important; }
}

@media (min-width: 901px) {
  .phpSidebarCollapse:hover {
    background: var(--global-color-primary-600, #1b2850);
    border-color: color-mix(in srgb, var(--global-color-primary-600, #dfb171) 48%, transparent);
    box-shadow: 2px 4px 11px rgba(0, 0, 0, .24);
  }

  .phpSidebarCollapse:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--global-color-secondary-800, #dfb171) 62%, transparent);
    outline-offset: 2px;
  }

  .phpSidebarCollapseArrow {
    display: block;
    position: absolute;
    top: 14px;
    margin: 0;
    padding: 0;
    color: currentColor;
    font-size: 24px;
    font-weight: 600;
    line-height: 0;
    transform: none;
    transition: transform .22s ease, color .16s ease;
  }

  .phpSidebarCollapse:hover .phpSidebarCollapseArrow { color: var(--global-color-secondary-700, #f7daa0); }

  html.sidebar-collapsed .phpInternalShell { grid-template-columns: 76px minmax(0, 1fr) !important; }

  html.sidebar-collapsed .phpSidebar { padding-left: 0 !important; padding-right: 0 !important; }

  html.sidebar-collapsed .phpSidebarBrand.phpSidebarBrandImageOnly { min-height: 94px !important; padding: 6px !important; }

  html.sidebar-collapsed .phpSidebarBrandFullImage {
    margin: 0px;
    width: 80px !important;
    max-width: 80px !important;
    height: 80px !important;
    max-height: 80px !important;
    object-fit: contain !important;
  }

  html.sidebar-collapsed .phpSidebarCollapseArrow { transform: rotate(180deg); position: absolute; top: 20px !important;}

  html.sidebar-collapsed .phpSidebarNav {
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--global-color-white) 16%, transparent) transparent;
  }

  html.sidebar-collapsed .phpSidebarNav::-webkit-scrollbar { width: 2px; }
  html.sidebar-collapsed .phpSidebarNav::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--global-color-white) 16%, transparent);
  }

  html.sidebar-collapsed .phpMenuLabel { display: none !important; }

  
}

@media (min-width: 901px) {
  html.sidebar-collapsed .phpMenuItem,
    html.sidebar-collapsed body:not(.phpTelaoBody) .phpSidebarNav button,
    html.sidebar-collapsed body:not(.phpTelaoBody) .phpSidebarNav a {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 4px auto !important;
    gap: 0 !important;
    border-radius: 10px !important;
    box-sizing: border-box;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
  }
}

@media (min-width: 901px) {
  html.sidebar-collapsed .phpMenuIconWrap {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 auto !important;
    display: grid !important;
    place-items: center !important;
  }

  html.sidebar-collapsed .phpMenuItem .sidebarIcon {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
}


/* ETAPA 71.78 — Inscrição: força, pagamentos por integrante e relatório financeiro */
.inscriptionsForceInline { min-width: 0; }
.inscriptionsForceInline > label { margin: 0; }
.inscriptionsMemberPayment { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.7fr); gap: var(--global-space-2, 10px); margin-top: 8px; }
.inscriptionsMemberPayment label { margin: 0; }
.finPaymentCards { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 12px; }
.finPaymentCards > div { padding: 14px; border: 1px solid var(--global-color-neutral-100); border-radius: var(--global-radius-md, 10px); background: var(--global-color-neutral-100); display:flex; flex-direction:column; gap:4px; }
.finPaymentCards strong { font-size: var(--global-font-lg); }
.financeiroHeroActions { margin-left: auto; }
@media (max-width: 760px) { .inscriptionsMemberPayment { grid-template-columns: 1fr; } }
@media print {
  .phpSidebar, .phpInternalTopbar, .finSideMenu, .noPrint, .finModalBackdrop, button { display:none !important; }
  .phpInternalMain, .phpInternalContent, .financeiroPage, .finWorkspace, .finWorkspaceContent { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; display:block !important; }
  .phpCard { break-inside:avoid; box-shadow:none !important; }
  body { background:#fff !important; }
}


/* ETAPA 71.85 — Usuários: busca compacta e alinhada aos filtros */
.usersProfessionalFilters {
  grid-template-columns: 220px 170px 150px !important;
  align-items: center !important;
}

.usersSearchField {
  width: 220px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  align-self: center !important;
  box-sizing: border-box !important;
}

.usersSearchField > span {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.usersSearchField input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  line-height: 40px !important;
}

@media (max-width: 760px) {
  .usersProfessionalFilters {
    grid-template-columns: 1fr !important;
  }
  .usersSearchField {
    width: 100% !important;
  }
}

/* Cancha — seleção de gado alinhada ao cabeçalho operacional */
.canchaGadoAtual {
  min-width: 0;
  display: grid;
  grid-template-columns: 180px auto;
  grid-template-rows: auto 40px;
  gap: 3px 8px;
  align-items: end;
}
.canchaGadoAtual small {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  white-space: nowrap;
  color: var(--global-color-neutral-600);
  font-size: var(--global-font-min);
  font-weight: 800;
}
.canchaGadoAtual select {
  grid-column: 1;
  grid-row: 2;
  width: 180px;
  min-width: 180px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--global-color-neutral-300);
  border-radius: var(--global-radius-md);
  background: var(--global-color-neutral-100);
  color: var(--global-color-primary-900);
}
.canchaGadoAtual .phpButton {
  grid-column: 2;
  grid-row: 2;
  min-height: 40px;
  height: 40px;
  white-space: nowrap;
}
.finGadoManagedNotice{padding:14px 16px;border:1px solid var(--global-color-neutral-100);border-radius:var(--global-radius-md);background:var(--global-color-neutral-075,var(--global-color-neutral-100));display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.finGadoManagedNotice span{font-size:var(--global-font-sm);color:var(--global-color-neutral-600)}

@media(max-width:1100px) {
  .canchaReactSessionBar { align-items: flex-start; }
  .canchaReactSessionInfo { align-items: flex-start; }
  .canchaReactSessionActions { flex-wrap: wrap; }
}

@media(max-width:900px) {
  .canchaReactSessionBar,
  .canchaReactSessionInfo { flex-direction: column; }
  .canchaReactSessionDescription { max-width: none; padding-left: 0; border-left: 0; }
  .canchaGadoAtual { grid-template-columns: minmax(180px,1fr) auto; width: 100%; }
  .canchaGadoAtual select { width: 100%; }
}

/* Cards de resumo não esticam verticalmente; o espaçamento externo pertence aos containers. */
.finKpiGrid > .phpCard,
.dashboardExecutiveStats > .phpCard { align-self: start; }

/* ========================================================================== */
/* ETAPA 72.06.2 — STATUS DOS EVENTOS + RESPONSIVIDADE GLOBAL CONSOLIDADA    */
/* ========================================================================== */

/* Status da capa dos rodeios: todos os estados usam o mesmo componente. */
.rodeioPortalCardStatus.em-andamento {
  background: var(--global-color-success-700);
  color: var(--global-color-success-050);
}

/* Evita que grids/filhos imponham largura maior que a viewport. */
.phpInternalMain,
.phpInternalContent,
.dashboardExecutivePage,
.financeiroPage,
.finWorkspace,
.finWorkspaceContent,
.rodeiosPortal,
.rodeiosPortalSection,
.rodeiosCardsGrid,
.phpCard {
  min-width: 0;
}

img,
svg,
video,
canvas { max-width: 100%; }

/* Tablet / notebooks menores */
@media (max-width: 1180px) {
  .phpInternalContent {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .dashboardExecutiveHero,
  .systemExecutiveHero,
  .finHeroV2 {
    gap: 18px;
  }

  .dashboardExecutiveHeroActions,
  .dashboardExecutiveHeroMeta {
    flex-wrap: wrap;
  }

  .finSideMenu {
    position: static !important;
    top: auto !important;
    width: 100%;
  }

  .finSideMenuBody {
    max-height: none !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .finMainGrid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
  }

}

/* Tablet */
@media (max-width: 900px) {
  .phpInternalContent {
    padding: 16px 16px 30px !important;
    gap: 14px;
  }

  .dashboardExecutiveHero,
  .systemExecutiveHero,
  .finHeroV2 {
    min-height: 0 !important;
    padding: 22px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .dashboardExecutiveHeroMain,
  .dashboardExecutiveHeroActions,
  .dashboardExecutiveHeroMeta,
  .financeiroHeroValue {
    width: 100%;
    max-width: 100%;
  }

  .financeiroHeroValue { min-width: 0 !important; }

  .finMainGrid,
  .finKpiGrid,
  .finExpenseSummary {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .finMainGrid { grid-template-columns: 1fr; }

  .finSideMenuBody { grid-template-columns: repeat(2,minmax(0,1fr)); }


  .rodeiosPortalHero {
    min-height: 0;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .rodeiosNewButton { width: 100%; }
}

/* Celulares */
@media (max-width: 620px) {
  body:not(.phpTelaoBody) { overflow-x: hidden; }

  .phpInternalContent {
    padding: 12px 10px 24px !important;
    gap: 12px;
  }

  .phpCard { padding: 14px !important; }

  .dashboardExecutiveHero,
  .systemExecutiveHero,
  .finHeroV2 {
    padding: 18px 16px !important;
    border-radius: 12px;
  }

  .dashboardExecutiveHeroMain h1,
  .systemExecutiveHero h1 {
    font-size: clamp(25px, 8vw, 32px) !important;
    overflow-wrap: anywhere;
  }

  .dashboardExecutiveHeroActions {
    display: grid !important;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .dashboardExecutiveHeroActions .phpButton,
  .finTitleActions .phpButton { width: 100%; }

  .dashboardExecutiveStats,
  .dashboardExecutiveFlow,
  .finKpiGrid,
  .finExpenseSummary,
  .finGadoNumbers,
  .finSideMenuBody {
    grid-template-columns: 1fr !important;
  }

  .finKpi { min-height: 0; }
  .finKpi > strong { font-size: clamp(22px, 7vw, 27px); overflow-wrap: anywhere; }

  .finDreRow {
    gap: 8px;
    padding: 12px 14px;
    flex-direction: column;
    align-items: flex-start;
  }

  .finDreRow strong { white-space: normal; }


  .rodeiosPortal { padding: 12px 8px 28px; }
  .rodeiosPortalHero { padding: 20px 16px; border-radius: 12px; }
  .rodeiosPortalHeroContent h1 { font-size: clamp(28px,9vw,36px); }
  .rodeiosPortalSection { padding: 12px; border-radius: 12px; }
  .rodeiosPortalSectionHeader { gap: 8px; }
  .rodeiosCardsGrid { grid-template-columns: 1fr !important; gap: 12px; }
  .rodeioPortalCover { height: 210px; }
  .rodeioPortalCoverStatus { top: 12px; left: 12px; }
  .rodeioPortalMeta { grid-template-columns: 1fr; }
  .rodeioPortalActions { grid-template-columns: 1fr !important; }

  .rodeiosModalBackdrop { padding: 6px; }
  .rodeiosModal { width: 100%; max-height: calc(100dvh - 12px); padding: 14px; }
  .rodeiosModalGrid { grid-template-columns: 1fr; }

  table { min-width: 0; }
  .tableResponsive,
  .phpTableWrap,
  .finTableWrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* [72.06.3] Forças — resumo compacto sem bloco duplicado de modalidade */
.forcasMetricsGrid {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(170px, .7fr) minmax(190px, .8fr);
  gap: 14px;
}
.forcasMetricCard {
  min-width: 0;
  min-height: 92px;
  padding: 14px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  border-radius: 10px;
  border: 1px solid var(--global-color-neutral-100);
  background: var(--global-color-neutral-100);
}
.forcasMetricCard small {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
  font-weight: var(--global-weight-bold);
  letter-spacing: .65px;
}
.forcasMetricCard strong {
  color: var(--global-color-primary-900);
  font-size: var(--global-font-base);
}
.forcasMetricCard span {
  color: var(--global-color-neutral-500);
  font-size: var(--global-font-min);
}

/* [72.06.3] Navegação responsiva — sidebar vira drawer em tablet/celular */
.phpMobileMenuToggle,
.phpMobileSidebarOverlay { display: none; }

@media (max-width: 900px) {
  .phpInternalShell,
  .phpInternalShell.reportsPage {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .phpInternalMain {
    width: 100% !important;
    min-width: 0 !important;
  }

  .phpSidebar {
    position: fixed !important;
    z-index: 1201 !important;
    inset: 0 auto 0 0 !important;
    width: min(82vw, 290px) !important;
    height: 100dvh !important;
    transform: translateX(-102%);
    transition: transform .22s ease;
    box-shadow: 12px 0 34px color-mix(in srgb, var(--global-color-neutral-950) 28%, transparent) !important;
    overflow: hidden !important;
  }

  html.mobile-sidebar-open .phpSidebar { transform: translateX(0); }

  .phpSidebarBackdrop {
    position: absolute;
    inset: 0;
    display: block !important;
    background-image: url("images/sidebar-menu-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--global-color-neutral-900);
  }

  .phpSidebarBrand,
  .phpSidebarNav { position: relative; z-index: 1; }
  .phpSidebarNav { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

  body:not(.phpTelaoBody) .phpSidebarNav button,
  body:not(.phpTelaoBody) .phpSidebarNav a,
  .phpSidebar .phpMenuItem { color: var(--global-color-white) !important; }

  .phpMobileMenuToggle {
    position: fixed;
    z-index: 1203;
    left: 12px;
    bottom: 14px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--global-color-primary-900);
    color: var(--global-color-white);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--global-color-neutral-950) 28%, transparent);
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
  }

  .phpMobileSidebarOverlay {
    position: fixed;
    z-index: 1200;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: color-mix(in srgb, var(--global-color-neutral-950) 46%, transparent);
  }
  html.mobile-sidebar-open .phpMobileSidebarOverlay { display: block; }
  html.mobile-sidebar-open { overflow: hidden; }

  .forcasWorkspace { grid-template-columns: 1fr !important; padding-inline: 12px !important; }
  .forcasModalitySidebar { position: static !important; width: 100% !important; }
  .forcasMetricsGrid { grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 620px) {
  .phpInternalTopbar,
  .globalEventTopbar { min-width: 0 !important; }

  .forcasMetricsGrid { grid-template-columns: 1fr !important; gap: 10px; }
  .forcasMetricCard { min-height: 0; }

  .forcasPageIntro,
  .forcasPageIntro > * { min-width: 0; max-width: 100%; }
  .forcasPageBadge { align-self: flex-start; }
  .forcasRangesTable { overflow-x: auto; }

  .phpMobileMenuToggle {
    left: 10px;
    bottom: 10px;
    width: 46px;
    height: 46px;
  }
}

/* Telão interno — cores finais fixas, sem herança do tema claro/escuro */
.phpTelaoMainHeader.scoreboardLiveHeader {
  border-color: rgba(223,177,113,.28) !important;
  background: linear-gradient(118deg,#03131e 0%,#294252 72%,#3c4850 100%) !important;
}
.phpTelaoMainHeader .scoreboardBrand small { color:#dfb171 !important; }
.phpTelaoMainHeader .scoreboardBrand strong { color:#ffffff !important; }
.phpTelaoMainHeader .scoreboardLiveMeta>div {
  border-color:rgba(223,177,113,.18) !important;
  background:rgba(21,29,57,.24) !important;
}
.phpTelaoMainHeader .scoreboardLiveMeta>div small { color:#dfb171 !important; }
.phpTelaoMainHeader .scoreboardLiveBadge {
  color:#ffffff !important;
  border-color:rgba(173,81,81,.55) !important;
  background:#ad5151 !important;
}

.phpTelaoMainHero .scoreboardCurrent {
  color:#133b5b !important;
  border-color:#dadfe3 !important;
  box-shadow:inset 3px 0 0 #a26c36 !important;
  background:radial-gradient(circle at 50% 12%,rgba(247,218,160,.20),transparent 34%),
             linear-gradient(145deg,#ffffff,#e9edef) !important;
}
.phpTelaoMainHero .scoreboardSectionLabel { color:#a26c36 !important; }
.phpTelaoMainHero .scoreboardCurrentNumber {
  color:#09283a !important;
  background:#f7daa0 !important;
  box-shadow:inset 0 0 0 1px rgba(162,108,54,.24) !important;
}
.phpTelaoMainHero .scoreboardCurrent h1 { color:#09283a !important; }
.phpTelaoMainHero .scoreboardCurrent p { color:#000000 !important; }
.phpTelaoMainHero .scoreboardPending {
  color:#a26c36 !important;
  border-color:rgba(162,108,54,.28) !important;
  background:#fff4df !important;
}
.phpTelaoMainHero .scoreboardNext {
  color:#ffffff !important;
  border-color:rgba(223,177,113,.28) !important;
  background:radial-gradient(circle at 100% 0,rgba(162,108,54,.25),transparent 42%),#03131e !important;
}
.phpTelaoMainHero .scoreboardNext::before { background:#dfb171 !important; }
.phpTelaoMainHero .scoreboardNext>small,
.phpTelaoMainHero .scoreboardNext>strong { color:#dfb171 !important; }
.phpTelaoMainHero .scoreboardNext h2,
.phpTelaoMainHero .scoreboardNext p { color:#ffffff !important; }


/* Etapa 72.07 — estado visual de modalidade pausada */
.canchaReactModalityName .canchaReactStatusTag {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .04em;
  vertical-align: middle;
}
.canchaReactStatusTag.running {
  background: var(--global-color-success-050);
  color: var(--global-color-success-700);
}
.canchaReactStatusTag.paused {
  background: var(--global-color-warning-050);
  color: var(--global-color-warning-700);
}
.canchaReactStatusTag.ended {
  background: var(--global-color-neutral-100);
  color: var(--global-color-neutral-500);
}

/* Etapa 72.09 — patrocinadores do rodeio */
.sponsorSettingsGrid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:var(--global-space-4,16px);align-items:start}
.sponsorForm{display:grid;gap:var(--global-space-3,12px)}
.sponsorForm label:not(.sponsorActiveField){display:grid;gap:6px}
.sponsorForm label>span{font-weight:700}
.sponsorActiveField{display:flex;align-items:center;gap:8px}
.sponsorActiveField input{width:auto}
.sponsorList{display:grid;gap:10px}
.sponsorItem{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--global-color-neutral-100);border-radius:var(--global-radius-md,12px)}
.sponsorItem.inactive{opacity:.62}
.sponsorLogo{height:58px;display:grid;place-items:center;background:var(--global-color-neutral-100);border-radius:var(--global-radius-sm,8px);overflow:hidden}
.sponsorLogo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.sponsorInfo{display:grid;gap:3px;min-width:0}.sponsorInfo small{color:var(--global-color-neutral-600)}
.sponsorActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.sponsorSettingsGrid{grid-template-columns:1fr}}
@media(max-width:600px){.sponsorItem{grid-template-columns:64px minmax(0,1fr)}.sponsorActions{grid-column:1/-1;justify-content:stretch}.sponsorActions .phpButton{flex:1}}

/* ETAPA 72.10 — anúncios/patrocinadores no intervalo do Telão */
.scoreboardSponsorBreak {
  width: 100%; min-height: calc(100vh - 24px); box-sizing: border-box;
  display: grid; grid-template-rows: auto 1fr auto; overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--global-color-white) 8%, transparent);
  border-radius: 24px; color: var(--global-color-neutral-100);
  background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--global-color-primary-600) 15%, transparent), transparent 38%), var(--global-color-neutral-900);
}
.scoreboardSponsorHeader { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 32px; border-bottom:1px solid color-mix(in srgb,var(--global-color-white) 8%,transparent); }
.scoreboardSponsorHeader span { font-size:var(--global-font-min); font-weight:950; letter-spacing:.12em; color:var(--global-color-secondary-800); }
.scoreboardSponsorHeader strong { font-size:var(--global-font-base); }
.scoreboardSponsorStage { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:36px; text-align:center; }
.scoreboardSponsorStage small { font-weight:950; letter-spacing:.16em; color:var(--global-color-secondary-800); }
.scoreboardSponsorStage img { display:block; width:min(62vw,760px); height:min(48vh,430px); object-fit:contain; filter:drop-shadow(0 18px 32px rgba(0,0,0,.34)); }
.scoreboardSponsorStage h1 { margin:0; color:var(--global-color-white); font-size:clamp(28px,4vw,58px); }
.scoreboardSponsorBreak footer { padding:20px 32px; text-align:center; color:var(--global-color-neutral-500); border-top:1px solid color-mix(in srgb,var(--global-color-white) 8%,transparent); }
@media (max-width: 700px) { .scoreboardSponsorBreak { min-height:calc(100vh - 16px); border-radius:18px; } .scoreboardSponsorHeader { padding:18px; flex-direction:column; } .scoreboardSponsorStage { padding:24px 16px; } .scoreboardSponsorStage img { width:min(84vw,520px); height:42vh; } .scoreboardSponsorBreak footer { padding:16px; } }

/* 72.21 — Botões do tema claro: base única Taura, sem sobreposições de pintura. */
html[data-theme="light"] body:not(.phpTelaoBody) :is(
  .phpButton:not(.secondary):not(.danger):not(.warning):not(.reactRemoveButton),
  .reactCompactButton,
  .reactSearchButton:not(.secondary):not(.danger):not(.warning),
  .rodeiosNewButton,
  .loginProfessionalButton,
  button[id*="novo-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="criar-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="adicionar-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="cadastrar-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="realizar-"]:not(.secondary):not(.danger):not(.warning)
){
  background: linear-gradient(135deg, #e4b56d, #c88e43);
  color: #102b3b;
  box-shadow:0 6px 15px color-mix(in srgb,#174d6c 16%,transparent);
}
html[data-theme="light"] body:not(.phpTelaoBody) :is(
  .phpButton:not(.secondary):not(.danger):not(.warning):not(.reactRemoveButton),
  .reactCompactButton,
  .reactSearchButton:not(.secondary):not(.danger):not(.warning),
  .rodeiosNewButton,
  .loginProfessionalButton,
  button[id*="novo-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="criar-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="adicionar-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="cadastrar-"]:not(.secondary):not(.danger):not(.warning),
  button[id*="realizar-"]:not(.secondary):not(.danger):not(.warning)
):hover{
  color:var(--global-color-white)!important;
  border-color:#27688f!important;
  background:linear-gradient(135deg, #e4b56d,#e4b56d);
  box-shadow:0 10px 20px rgba(23,77,108,.20);
  transform:translateY(-1px);
}
/* ETAPA 72.27 — Valor padrão por modalidade e seletor de números na Secretaria */

/* =========================================================
   ETAPA 72.28 — Modalidades + Nova inscrição
   Layout consolidado, sem alterar regras funcionais
   ========================================================= */

/* Modalidades: regra e valor dividem a largura útil sem cortar conteúdo. */
.reactModalidadeCardForm {
  grid-template-columns: minmax(0, 1.55fr) minmax(112px, .85fr);
  gap: 12px;
  align-items: end;
}
.reactModalidadeCardForm > label { margin: 0; }
.reactModalidadeCardForm > label:not(.reactModalidadePriceField) { min-width: 0; }
.reactModalidadePriceField { margin-top: 0; }
.reactModalidadePriceField input { font-weight: 800; }
.reactModalidadeCardForm select,
.reactModalidadeCardForm input { min-height: 42px; }
.reactModalidadeCardForm select { text-overflow: clip; }

/* Quando nome/integrantes ainda são editáveis, eles ocupam uma linha própria. */
.reactModalidadeCardForm > label:has(input[name="nome"]),
.reactModalidadeCardForm > label:has(input[name="integrantes"]) { grid-column: 1 / -1; }

/* Modal de inscrição: cabeçalho compacto com modalidade junto ao título. */
.inscriptionsModal { width: min(1120px, 100%); }
 .inscriptionsModalHeader { margin-bottom: 18px; padding-bottom: 16px; align-items: center; border-bottom: 1px solid var(--global-color-neutral-100); }
.inscriptionsModalTitle { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; }
.inscriptionsModalTitle > span { color: var(--global-color-neutral-900); font: inherit; letter-spacing: inherit; }
.inscriptionsModalTitle > b { color: var(--global-color-primary-700); font: 800 .82em var(--global-font-family); }
.inscriptionsModalParticipantCount { color:var(--global-color-neutral-500); font-size:12px; font-weight:750; }

/* Topo do formulário: números à esquerda e resumo compacto à direita. */
.inscriptionsModalSummaryGrid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.inscriptionsModalQuickSummary {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(150px, .78fr) minmax(150px, .82fr) minmax(160px, .88fr) minmax(175px, .92fr) minmax(190px, 1fr);
  gap: 10px;
  align-items: end;
  align-content: start;
}
.inscriptionsModalityCompact,
.inscriptionsValueTotal,
.inscriptionsCourtesyToggle {
  min-height: 56px;
  padding: 5px 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
  box-sizing: border-box;
}
.inscriptionsModalityCompact { display:flex; flex-direction:column; justify-content:center; gap:2px; }
 .inscriptionsModalityCompact small { color:var(--global-color-neutral-500); font-size:11px; font-weight:900; letter-spacing:.7px; }
.inscriptionsModalityCompact strong { color:var(--global-color-primary-900); font-size:16px; }
.inscriptionsModalityCompact span { color:var(--global-color-neutral-500); font-size:11px; font-weight:700; }
.inscriptionsParticipantValue { min-width:0; display:flex; flex-direction:column; gap:7px; color:var(--global-color-icon-shadow); font-size:12px; font-weight:850; }
.inscriptionsParticipantValue input { min-height:42px; }
.inscriptionsValueTotal {
  justify-content:center;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  align-items:baseline;
}
.inscriptionsValueTotal small { grid-column:1 / -1; }
.inscriptionsValueTotal strong,
.inscriptionsValueTotal span { grid-row:2; }
.inscriptionsValueTotal span { align-self:baseline; }
.inscriptionsCourtesyToggle {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.inscriptionsCourtesyToggle input {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
}
.inscriptionsCourtesyToggle span { display: flex; flex-direction: column; gap: 2px; }
.inscriptionsCourtesyToggle strong { color: var(--global-color-primary-600); font-size: var(--global-font-sm); }
.inscriptionsCourtesyToggle small { color: var(--global-color-neutral-500); font-size: var(--global-font-min); font-weight: 700; }
.inscriptionsPaymentConfirmToggle {
  min-height:45px;
  margin:0 0 0 auto;
  padding:8px 10px;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid var(--global-color-neutral-100);
  border-radius:10px;
  background:var(--global-color-neutral-100);
  cursor:pointer;
  box-sizing:border-box;
}
.inscriptionsPaymentConfirmToggle input { width:18px; min-width:18px; height:18px; min-height:18px; margin:0; }
.inscriptionsPaymentConfirmToggle span { display:flex; flex-direction:column; gap:2px; }
.inscriptionsPaymentConfirmToggle strong { color:var(--global-color-primary-600); font-size:var(--global-font-xs); }
.inscriptionsPaymentConfirmToggle small { color:var(--global-color-neutral-500); font-size:var(--global-font-min); font-weight:700; }
.inscriptionsForceInline { grid-column:auto; min-width:0; display:flex; align-items:stretch; }
.inscriptionsForceInline > label { width:100%; min-width:0; margin:0; display:flex; flex-direction:column; gap:7px; color:var(--global-color-icon-shadow); font-size:12px; font-weight:850; }
.inscriptionsForceInline select { width:100%; min-height:42px; }

/* O filtro e os integrantes sobem, reduzindo o scroll do modal. */
 .inscriptionsModalForm { row-gap: 16px; }
.inscriptionsModalSectionTitle { grid-column:1/-1; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:2px 0 -4px; }
.inscriptionsModalSectionTitle strong { color:var(--global-color-neutral-900); font-size:15px; }
.inscriptionsModalSectionTitle span { color:var(--global-color-neutral-500); font-size:12px; font-weight:650; }
.inscriptionsMembersBlock .phpMembersSection { padding:12px; border:1px solid var(--global-color-neutral-100); border-radius:12px; background:var(--global-color-neutral-050); }
.inscriptionsMembersBlock .phpMembersTitle { display:flex; margin-bottom:10px; }
.inscriptionsMembersBlock .phpMembersTitle strong { font-size:15px; color:var(--global-color-neutral-900); }
.inscriptionsMembersBlock .phpMembersTitle small { font-size:12px; }
.inscriptionsMembersBlock .phpMemberPickers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.inscriptionsMembersBlock .eligibilityPicker {
  min-width: 0;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: minmax(260px, 2.1fr) minmax(210px, 1.45fr) minmax(125px, .8fr) minmax(150px, 1fr) auto;
  align-items: end;
  gap: 10px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-surface);
}
.inscriptionsMembersBlock .eligibilityPicker > label {
  min-width: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 850;
}
.inscriptionsMembersBlock .eligibilityPicker input,
.inscriptionsMembersBlock .eligibilityPicker select {
  width: 100%;
  min-height: 40px;
  font-size: 13px;
}
.inscriptionsMembersBlock .eligibilityStatus {
  min-width: 0;
  min-height: 40px;
  margin: 0;
  padding: 6px 8px;
}
.inscriptionsMembersBlock .inscriptionsMemberPayment {
  display: contents;
}
.inscriptionsMembersBlock .inscriptionsMemberPayment label {
  min-width: 0;
  margin: 0;
}
.inscriptionsMembersBlock .quickCreateLacadorButton {
  align-self:end;
  min-height: var(--global-control-height);
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:var(--global-color-primary-600);
  color:var(--global-color-white);
  font-size:var(--global-font-min);
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
}
.inscriptionsMembersBlock .quickCreateLacadorButton:hover {
  background: #e9edef!important;
  color:var(--global-color-neutral-950);
  text-decoration:none;
  filter:brightness(1.08);
}
.inscriptionsObservation { margin-top:2px; }
.inscriptionsFormActions { align-items:center; justify-content:flex-end; gap:10px; padding-top:12px; border-top:1px solid var(--global-color-neutral-100); }
.inscriptionsFormActions .phpButton { min-height:44px; padding-inline:18px; }

html[data-theme="dark"] .inscriptionsModalityCompact,
html[data-theme="dark"] .inscriptionsValueTotal,
html[data-theme="dark"] .inscriptionsCourtesyToggle {
  background: var(--global-color-primary-950);
  border-color: var(--global-color-primary-700);
}
html[data-theme="dark"] .inscriptionsModalTitle > b { color: var(--global-color-secondary-800); }

@media (max-width: 1180px) {
  .inscriptionsMembersBlock .eligibilityPicker {
    grid-template-columns: minmax(240px, 1.8fr) minmax(190px, 1.25fr) minmax(120px, .75fr) minmax(145px, .9fr);
  }
  .inscriptionsMembersBlock .quickCreateLacadorButton {
    grid-column: 1 / -1;
    justify-self: start;
    min-height:40px;
    padding:0 10px;
  }
}

@media (max-width: 980px) {
  .inscriptionsModalSummaryGrid { grid-template-columns: 1fr; }
  .inscriptionsModalQuickSummary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .reactModalidadeCardForm { grid-template-columns: 1fr; }
  .inscriptionsMembersBlock .eligibilityPicker { grid-template-columns: 1fr; align-items: stretch; }
  .inscriptionsMembersBlock .quickCreateLacadorButton { grid-column: auto; justify-self: start; }
  .inscriptionsModalQuickSummary { grid-template-columns: 1fr; }
  .inscriptionsNumberStrip { grid-template-columns:1fr; gap:7px; }
  .inscriptionsModalTitle { gap:4px; }
  .inscriptionsModalTitle > b { width:100%; }
  .inscriptionsFormActions { flex-wrap:wrap; }
  .inscriptionsPaymentConfirmToggle { order:-1; width:100%; margin-left:0; }
}


/* ========================================================================== */
/* GADO — LAYOUT CANÔNICO 72.37                                           */
/* Único bloco visual da aba Gado. Sem regras sobre shell/main globais.       */
/* ========================================================================== */
.gadoPage{width:100%;max-width:1680px;min-width:0;box-sizing:border-box}
.gadoHeroText{min-width:0;flex:1}
.gadoHeroActions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.gadoNewButton{white-space:nowrap}
.gadoCurrent strong{white-space:nowrap}
.gadoKpis{width:100%;min-width:0}
.gadoSectionCard{width:100%;min-width:0;padding:22px 24px}.gadoSectionHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.gadoSectionHeading h2{margin:5px 0 7px}.gadoSectionHeading p{margin:0;color:var(--global-color-neutral-600);font-size:var(--global-font-sm)}
.gadoTropaList{display:flex;flex-direction:column;min-width:0}.gadoTropaCard{min-width:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--global-color-neutral-100);border-radius:0;background:transparent}.gadoTropaCard:last-child{border-bottom:0;padding-bottom:0}.gadoTropaCard.is-current{box-shadow:none}
.gadoTropaSummary{display:grid;grid-template-columns:44px minmax(220px,2.2fr) minmax(110px,.65fr) minmax(90px,.55fr) minmax(120px,.75fr) 82px auto;gap:14px;align-items:center;padding:14px 0 12px;min-width:0}.gadoTropaOrder{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--global-color-neutral-100);color:var(--global-color-neutral-900);font-weight:900}.gadoTropaCard.is-current .gadoTropaOrder{background:var(--global-color-primary-600);color:#fff}.gadoTropaIdentity{display:flex;flex-direction:column;min-width:0}.gadoTropaIdentity strong{font-size:var(--global-font-lg);color:var(--global-color-neutral-900)}.gadoTropaIdentity span{font-size:var(--global-font-min);color:var(--global-color-neutral-600);margin-top:2px}.gadoTropaIdentity small{margin-top:4px;font-size:var(--global-font-min);font-weight:700;color:var(--global-color-primary-600)}
.gadoTropaMetric{display:flex;flex-direction:column;gap:4px;min-width:0}.gadoTropaMetric span{font-size:var(--global-font-min);color:var(--global-color-neutral-600)}.gadoTropaMetric strong{font-size:var(--global-font-md);color:var(--global-color-neutral-900);white-space:nowrap}.gadoTropaMetric .gadoMoney{color:var(--global-color-neutral-900)}
.gadoStatus{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:var(--global-font-min);font-weight:900;background:var(--global-color-neutral-100);color:var(--global-color-neutral-600);white-space:nowrap}.gadoStatus.current{background:var(--global-color-primary-200);color:var(--global-color-primary-900)}.gadoStatus.active{background:var(--global-color-success-050);color:var(--global-color-success-700)}.gadoStatus.inactive{background:var(--global-color-danger-050);color:var(--global-color-danger-700)}
.gadoTropaActions{display:flex;justify-content:flex-end;gap:7px;padding:0}.gadoTropaActions .phpButton{min-height:38px;padding:7px 13px;white-space:nowrap}
.gadoModalityChips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 0 58px;padding:0 0 0;min-width:0}.gadoModalityChips>span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 9px;border:1px solid var(--global-color-neutral-100);border-radius:7px;background:var(--global-color-neutral-100);font-size:var(--global-font-min);color:var(--global-color-icon-shadow)}.gadoModalityChips b{color:var(--global-color-neutral-900)}.gadoModalityChips em{font-style:normal}.gadoModalityChips strong{color:var(--global-color-neutral-900)}.gadoEmptyChip{color:var(--global-color-neutral-600)!important}
.gadoHistoryList{display:flex;flex-direction:column;border-top:1px solid var(--global-color-neutral-100)}.gadoHistoryItem{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(260px,1.5fr) 150px;gap:16px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--global-color-neutral-100);min-width:0}.gadoHistoryMain,.gadoHistoryPeriod,.gadoHistoryTotal{display:flex;flex-direction:column;gap:3px;min-width:0}.gadoHistoryMain strong{font-size:var(--global-font-md);color:var(--global-color-neutral-900)}.gadoHistoryMain span,.gadoHistoryPeriod small{font-size:var(--global-font-min);color:var(--global-color-neutral-600)}.gadoHistoryPeriod>span,.gadoHistoryTotal>span{font-size:var(--global-font-min);font-weight:900;color:var(--global-color-neutral-600)}.gadoHistoryPeriod strong{font-size:var(--global-font-sm);color:var(--global-color-neutral-900)}.gadoHistoryTotal strong{font-size:var(--global-font-xl);color:var(--global-color-neutral-900)}.gadoHistoryModalities{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-top:4px}.gadoHistoryModalities span{display:inline-flex;gap:5px;padding:6px 9px;border:1px solid var(--global-color-neutral-100);border-radius:7px;background:var(--global-color-neutral-100);font-size:var(--global-font-min);color:var(--global-color-neutral-600)}.gadoHistoryModalities b{color:var(--global-color-neutral-900)}
.gadoModalBackdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(4,20,32,.58);backdrop-filter:blur(3px)}.gadoModal{width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--global-color-white);border-radius:var(--global-radius-xl);box-shadow:0 24px 70px rgba(0,0,0,.28)}.gadoModalHeader{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 16px;border-bottom:1px solid var(--global-color-neutral-100)}.gadoModalHeader h2{margin:5px 0}.gadoModalHeader p{margin:0;color:var(--global-color-neutral-600);font-size:var(--global-font-sm)}.gadoModalClose{width:38px;height:38px;border:0;border-radius:50%;background:var(--global-color-neutral-100);color:var(--global-color-neutral-900);font-size:25px;cursor:pointer}.gadoModalForm{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px 24px}.gadoCheck{min-height:42px;display:flex;align-items:center;gap:8px;white-space:nowrap}.gadoCheck input{position:absolute;opacity:0;pointer-events:none}.gadoCheckMark{width:20px;height:20px;border:1px solid var(--global-color-neutral-300);border-radius:5px;background:var(--global-color-neutral-100);display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}.gadoCheck input:checked+.gadoCheckMark{background:var(--global-color-primary-600);border-color:var(--global-color-primary-600)}.gadoCheck input:checked+.gadoCheckMark:after{content:"✓";font-size:14px;font-weight:900;color:#fff}.gadoModalActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:5px}
@media(max-width:1100px){.gadoTropaSummary{grid-template-columns:44px minmax(180px,1.6fr) repeat(3,minmax(95px,.7fr));}.gadoTropaSummary>.gadoStatus{grid-column:2}.gadoTropaActions{grid-column:3/-1;grid-row:2;justify-content:flex-end}}
@media(max-width:900px){.gadoKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.gadoHeroActions{justify-content:flex-end}.gadoTropaSummary{grid-template-columns:44px minmax(0,1fr) minmax(100px,.6fr) minmax(100px,.6fr)}.gadoTropaMetric:nth-of-type(4){grid-column:3}.gadoTropaSummary>.gadoStatus{grid-column:4}.gadoTropaActions{grid-column:2/-1;grid-row:auto;justify-content:flex-start}.gadoModalityChips{margin-left:58px}.gadoHistoryItem{grid-template-columns:1fr 1fr}.gadoHistoryTotal{grid-column:1/-1}.gadoModalForm{grid-template-columns:1fr}}
@media(max-width:620px){.gadoKpis{grid-template-columns:1fr}.gadoHeroActions{width:100%}.gadoNewButton{width:100%}.gadoCurrent{width:100%;min-width:0;text-align:left}.gadoSectionHeading{flex-direction:column}.gadoTropaSummary{grid-template-columns:38px minmax(0,1fr)}.gadoTropaMetric,.gadoTropaSummary>.gadoStatus,.gadoTropaActions{grid-column:2}.gadoTropaActions{flex-wrap:wrap}.gadoModalityChips{margin-left:0}.gadoHistoryItem{grid-template-columns:1fr}.gadoHistoryTotal{grid-column:auto}.gadoHistoryModalities{grid-column:auto}.gadoModalBackdrop{padding:8px}.gadoModalForm,.gadoModalHeader{padding-left:16px;padding-right:16px}}

/* ==========================================================================
   MODALIDADES — BLOCO VISUAL CANÔNICO 74.09
   3 colunas; hierarquia: status, nome/inscritos, tipo/valor, operação, regras e observações.
   ========================================================================== */
.reactModalidadesListCard{padding:22px 24px 26px}
.reactModalidadeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reactModalidadeCard{min-width:0;padding:20px;border:1px solid var(--global-color-neutral-100);border-radius:10px;background:var(--global-color-white);box-shadow:0 8px 22px rgba(16,46,67,.07);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease,box-shadow .18s ease}
.reactModalidadeCard:hover{border-color:var(--global-color-neutral-300);box-shadow:0 11px 26px rgba(16,46,67,.10)}
.reactModalidadeCard.inactive{opacity:.72;background:var(--global-color-neutral-100)}
.reactModalidadeCardTop{margin:0;padding:0 0 12px;border-bottom:1px solid var(--global-color-neutral-100)}
.reactModalidadeStatus{display:block;margin:0 0 6px;color:var(--global-color-primary-600);font-size:9px;line-height:1;font-weight:950;letter-spacing:.13em}
.reactModalidadeCard.inactive .reactModalidadeStatus{color:var(--global-color-neutral-500)}
.reactModalidadeTitleLine{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.reactModalidadeCardTop h3{min-width:0;margin:0;font-size:20px;line-height:1.08;font-weight:950;text-transform:uppercase;letter-spacing:-.02em;color:var(--global-color-primary-900)}
.reactModalidadeCount{min-width:32px;height:32px;padding:0 8px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--global-color-neutral-100);border-radius:999px;background:var(--global-color-white);color:var(--global-color-primary-900);font-size:10px;font-weight:950}
.reactModalidadePublicList{padding:12px 0 0;flex:1}
.reactModalidadePrimaryLine{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 11px}
.reactModalidadeType{font-size:14px;line-height:1.25;color:var(--global-color-primary-900);font-weight:900}
.reactModalidadePrice{font-size:14px;line-height:1.25;color:var(--global-color-primary-900);font-weight:950;white-space:nowrap}
.reactModalidadeHighlights{display:grid;grid-template-columns:.75fr 1.15fr 1.15fr;border-top:1px solid var(--global-color-neutral-100);border-bottom:1px solid var(--global-color-neutral-100)}
.reactModalidadeHighlights>div{min-width:0;padding:10px 8px 10px 0;display:flex;flex-direction:column;gap:3px}
.reactModalidadeHighlights>div+div{padding-left:10px;border-left:1px solid var(--global-color-neutral-100)}
.reactModalidadeHighlights span{font-size:8px;line-height:1.2;font-weight:900;letter-spacing:.08em;color:var(--global-color-neutral-500)}
.reactModalidadeHighlights strong{font-size:11px;line-height:1.25;font-weight:900;color:var(--global-color-primary-900)}
.reactModalidadeRules{margin:12px 0 0;padding:0;border:0;background:none;color:var(--global-color-neutral-900);font-size:11px;line-height:1.65;white-space:pre-line}
.reactModalidadeRules::first-line{font-weight:900}
.reactModalidadePublicAlert{margin:10px 0 0;color:var(--global-color-danger-600);font-size:10px;line-height:1.35;font-weight:950;text-transform:uppercase}
.reactModalidadePublicNote{margin:8px 0 0;color:var(--global-color-neutral-900);font-size:11px;line-height:1.4;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.reactModalidadePublicDescription{margin:8px 0 0;color:var(--global-color-icon-shadow);font-size:11px;line-height:1.45}
.reactModalidadeAdminInfo{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--global-color-neutral-100);font-size:9px;line-height:1.35;color:var(--global-color-neutral-600)}
.reactModalidadeAdminInfo span{white-space:nowrap}.reactModalidadeAdminInfo b{margin-right:3px;color:var(--global-color-primary-600);font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.reactModalidadeActions{display:flex;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--global-color-neutral-100)}
.reactModalidadeActions .phpButton{min-height:36px;padding:7px 12px;font-size:11px}
@media(max-width:1050px){.reactModalidadeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.reactModalidadeGrid{grid-template-columns:1fr}.reactModalidadeCardTop h3{font-size:20px}}
@media(max-width:560px){.reactModalidadesListCard{padding:16px}.reactModalidadeCard{padding:17px}.reactModalidadePrimaryLine{align-items:flex-start}.reactModalidadeHighlights{grid-template-columns:1fr}.reactModalidadeHighlights>div+div{padding-left:0;border-left:0;border-top:1px solid var(--global-color-neutral-100)}.reactModalidadeActions{flex-wrap:wrap}}

/* 74.06 — Modalidades: premiação integrada ao modal de edição */
.reactModalidadePrizeSection {
  margin-top: 4px;
}

.reactModalidadePrizeGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.reactModalidadePrizeField {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, .65fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 14px;
  padding: 12px 14px;
  border: 1px solid var(--global-color-neutral-100);
  border-radius: 10px;
  background: var(--global-color-neutral-100);
}

.reactModalidadePrizeField > span {
  font-weight: 900;
  color: var(--global-color-primary-900);
}

.reactModalidadePrizeField > small {
  color: var(--global-color-neutral-600);
  font-size: var(--global-font-xs);
}

.reactModalidadePrizeField > input {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 100%;
}

.reactModalidadePrizeEmpty {
  grid-column: 1 / -1;
  padding: 13px 14px;
  border: 1px dashed var(--global-color-neutral-300);
  border-radius: 10px;
  color: var(--global-color-neutral-600);
  background: var(--global-color-neutral-100);
}

@media (max-width: 760px) {
  .reactModalidadePrizeGrid { grid-template-columns: 1fr; }
  .reactModalidadePrizeField { grid-template-columns: 1fr; }
  .reactModalidadePrizeField > input { grid-column: 1; grid-row: auto; margin-top: 6px; }
}


/* ==========================================================================
   CONFIGURAÇÕES — PAGAMENTOS / PIX
   Regras administrativas do sistema (não pertencem ao Portal do Laçador).
   ========================================================================== */
.settingsProfessionalNav.settingsProfessionalNavAll{grid-template-columns:repeat(3,minmax(0,1fr));}
.paymentSettingsCard{display:grid;align-content:start;gap:18px;padding:16px;margin:0;min-height:0;height:auto;}
.paymentSettingsModes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.paymentSettingsModes>label{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;min-height:82px;padding:13px 14px;border:1px solid var(--global-color-neutral-100);border-radius:12px;background:var(--global-color-surface);cursor:pointer;box-sizing:border-box;}
.paymentSettingsModes>label:has(input:checked){border-color:var(--global-color-primary-600);background:color-mix(in srgb,var(--global-color-primary-100) 72%,var(--global-color-white));box-shadow:0 0 0 1px var(--global-color-primary-600);}
.paymentSettingsModes input[type="radio"]{appearance:auto!important;-webkit-appearance:radio!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;margin:1px 0 0!important;padding:0!important;border:0!important;box-shadow:none!important;accent-color:var(--global-color-primary-600);}
.paymentSettingsModes span{display:grid;align-content:start;gap:3px;min-width:0;}
.paymentSettingsModes strong{font-size:var(--global-font-md);line-height:1.2;}
.paymentSettingsModes small,.paymentSettingsSection p{color:var(--global-color-neutral-600);line-height:1.35;}
.paymentSettingsSection{display:grid;align-content:start;gap:12px;padding-top:15px;border-top:1px solid var(--global-color-neutral-100);min-height:0;}
.paymentSettingsSection[hidden],.paymentSettingsFooter [hidden]{display:none!important;}
.paymentSettingsSection h2{margin:2px 0 0;}
.paymentSettingsSection p{margin:3px 0 0;}
.paymentSettingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;}
.paymentSettingsGrid label{display:grid;align-content:start;gap:5px;font-weight:800;}
.paymentSettingsGrid :is(input,select){min-height:42px;}
.paymentSettingsWide{grid-column:1/-1;}
.paymentSettingsFooter{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:15px;border-top:1px solid var(--global-color-neutral-100);}
.paymentSettingsFooter label{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer;}
.paymentSettingsFooter input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;accent-color:var(--global-color-primary-600);}
.paymentSettingsFooter .phpButton{margin-left:auto;}
@media(max-width:760px){.settingsProfessionalNav.settingsProfessionalNavAll,.paymentSettingsModes,.paymentSettingsGrid{grid-template-columns:1fr;}.paymentSettingsWide{grid-column:auto;}.paymentSettingsFooter{align-items:stretch;flex-direction:column;}.paymentSettingsFooter .phpButton{width:100%;margin-left:0;}.paymentSettingsCard{padding:14px;}.paymentSettingsModes>label{min-height:72px;}}

/* ETAPA 72.42 / 73.22 — Inscrições em tabela por laçador */
.inscriptionsDesiredCard.systemUnifiedListCard{overflow:visible;border:0;border-radius:0!important;background:transparent;box-shadow:none}
.inscriptionsTableCardHead{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px;
    min-height:42px!important;
    width:max-content;
    max-width:calc(100% - 28px);
    margin:0 0 -10px 0;
    padding:0 12px!important;
    border:1px solid var(--global-color-neutral-200)!important;
    border-bottom:0!important;
    border-radius:11px 11px 0 0;
    background:var(--global-color-neutral-100)!important;
    box-sizing:border-box}
.inscriptionsTableIdentity,.inscriptionsTableHeadMeta,.inscriptionsTableHeadSituation{display:flex;align-items:center;min-width:0;height:40px}
.inscriptionsTableIdentity{gap:8px}
.inscriptionsTableIdentity strong{font-size:16px;line-height:1;color:var(--global-color-neutral-900);font-weight:850;white-space:nowrap}
.inscriptionsTableIdentity small{padding-left:8px;border-left:1px solid var(--global-color-neutral-300);color:var(--global-color-neutral-600);font-size:11px;font-weight:750;white-space:nowrap}

.inscriptionsTableHeadMeta strong{font-size:12px;color:var(--global-color-neutral-900);font-weight:850;padding-left:8px;border-left:1px solid var(--global-color-neutral-300);white-space:nowrap}
.inscriptionsTableHeadSituation{padding-left:2px}
.inscriptionsSportStatus{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border:1px solid var(--global-color-neutral-300);border-radius:999px;background:var(--global-color-surface);color:var(--global-color-neutral-900);font-size:9px;font-weight:900;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap}.inscriptionsSportStatus.classificado{border-color:#8ab7a1;background:#eef8f2;color:#236143}.inscriptionsSportStatus.eliminado,.inscriptionsSportStatus.cancelado{border-color:#e6aaa5;background:#fff0ef;color:var(--global-color-danger-600)}.inscriptionsSportStatus.campeao{border-color:#d6a54c;background:#fff7df;color:#7c570c}.inscriptionsSportStatus.na-cancha{border-color:#8db7d1;background:#eef7fc;color:#245d7c}.inscriptionsSportStatus.aguardando{border-color:#d6c18d;background:#fff9e9;color:#705a20}.inscriptionsTableHeadSituation>span{display:none}
.inscriptionsTableMainCard{
    position:relative;
    z-index:1;
    overflow:hidden;
    width:100%;
    border:1px solid var(--global-color-neutral-100);
    border-radius:11px;
    background:var(--global-color-surface);
    box-sizing:border-box}
.inscriptionsMembersTableHead,.inscriptionsMemberTableRow{display:grid;grid-template-columns:minmax(280px,2.2fr) repeat(3,minmax(105px,.7fr)) minmax(135px,.9fr) minmax(180px,1.2fr);column-gap:18px;align-items:center;padding-inline:14px;box-sizing:border-box}
.inscriptionsTableMainCard>.inscriptionsMembersTableHead{min-height:30px;border-bottom:1px solid var(--global-color-neutral-300);background:var(--global-color-neutral-100);color:var(--global-color-neutral-500);font-size:10px;font-weight:900;letter-spacing:1.45px}
.inscriptionsMembersTableWrap{width:100%;overflow-x:auto;background:var(--global-color-surface)}
.inscriptionsMemberTableRow{min-height:50px;border-bottom:1px solid var(--global-color-neutral-100)}.inscriptionsMemberTableRow:last-child{border-bottom:0}.inscriptionsMemberTableIdentity{display:flex;align-items:center;gap:9px;min-width:0}.inscriptionsMemberTableIdentity strong{font-size:15px;line-height:1.15;color:var(--global-color-neutral-900);font-weight:850}.inscriptionsMemberIdentityDivider{width:1px;height:16px;flex:0 0 1px;background:var(--global-color-neutral-300)}.inscriptionsMemberNickname{font-size:10px;color:var(--global-color-neutral-600);font-weight:var(--global-weight-regular);line-height:1.1}
.inscriptionsMemberMetric strong{font-size:14px;color:var(--global-color-neutral-900);font-weight:800}.inscriptionsMemberPaymentCell{display:flex;align-items:center;min-width:0}.inscriptionsMemberPaymentCell .paymentStatusBadge{white-space:nowrap}
.inscriptionsPaymentModalBackdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}
.inscriptionsPaymentModal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--global-color-neutral-200);border-radius:18px;background:var(--global-color-surface);box-shadow:0 24px 60px rgba(15,23,42,.24)}
.inscriptionsPaymentModalHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--global-color-neutral-200)}.inscriptionsPaymentModalHeader span{font-size:10px;font-weight:900;letter-spacing:.8px;color:var(--global-color-primary-700)}.inscriptionsPaymentModalHeader h2{margin:3px 0 2px;font-size:20px}.inscriptionsPaymentModalHeader p{margin:0;color:var(--global-color-neutral-600);font-size:12px}
.inscriptionsPaymentSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 22px;border-bottom:1px solid var(--global-color-neutral-200)}.inscriptionsPaymentSummary>div{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:12px 14px;border-right:1px solid var(--global-color-neutral-200)}.inscriptionsPaymentSummary>div:first-child{padding-left:0}.inscriptionsPaymentSummary>div:last-child{border-right:0}.inscriptionsPaymentSummary small,.inscriptionsPaymentReceipt small,.inscriptionsPaymentObservation small{font-size:9px;font-weight:900;letter-spacing:.5px;color:var(--global-color-neutral-500);text-transform:uppercase}.inscriptionsPaymentSummary strong{font-size:13px}
.inscriptionsPaymentReceipt{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 22px 0;padding:14px 16px;border:1px solid var(--global-color-neutral-200);border-radius:12px;background:var(--global-color-neutral-050)}.inscriptionsPaymentReceipt>div{display:flex;flex-direction:column;gap:4px}.inscriptionsPaymentReceipt strong{font-size:13px}.inscriptionsPaymentObservation{margin:16px 22px 0;padding:12px 14px;border-radius:10px;background:var(--global-color-neutral-050)}.inscriptionsPaymentObservation p{margin:5px 0 0;font-size:12px}
.inscriptionsPaymentRejectReason,.inscriptionsManualPaymentObservation{display:flex;flex-direction:column;gap:7px;padding:16px 22px 0;font-weight:800;font-size:12px}.inscriptionsPaymentRejectReason span small,.inscriptionsManualPaymentObservation span small{font-weight:600;color:var(--global-color-neutral-500)}.inscriptionsPaymentRejectReason textarea,.inscriptionsManualPaymentObservation textarea{width:100%;resize:vertical;min-height:68px;padding:10px 12px;border:1px solid var(--global-color-neutral-300);border-radius:10px;background:var(--global-color-surface);color:var(--global-color-neutral-900);font:inherit;box-sizing:border-box}.inscriptionsPaymentRejectReason textarea:focus,.inscriptionsManualPaymentObservation textarea:focus{outline:none;border-color:var(--global-color-primary-500);box-shadow:0 0 0 3px rgba(162,108,54,.12)}
.inscriptionsManualPaymentForm{padding:18px 22px 0}.inscriptionsManualPaymentIntro{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.inscriptionsManualPaymentIntro strong{font-size:15px}.inscriptionsManualPaymentIntro span{font-size:11px;color:var(--global-color-neutral-600)}.inscriptionsManualPaymentGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inscriptionsManualPaymentGrid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800}.inscriptionsManualPaymentGrid :is(select,input){min-height:42px}.inscriptionsManualPaymentObservation{padding:14px 0 0}
.inscriptionsPaymentModalActions{display:flex;justify-content:flex-end;gap:9px;padding:18px 22px 20px}.inscriptionsPaymentModalActions .secondary{margin-right:auto}
@media(max-width:900px){.inscriptionsPaymentSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.inscriptionsTableCardHead{max-width:calc(100% - 20px);margin-left:10px;gap:8px;padding-inline:10px!important;overflow-x:auto}.inscriptionsTableMainCard>.inscriptionsMembersTableHead{display:none}.inscriptionsMemberTableRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;padding-block:11px}.inscriptionsMemberTableIdentity{grid-column:1/-1}.inscriptionsMemberTableRow>[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--global-color-neutral-500);font-size:10px;font-weight:900;letter-spacing:.45px}.inscriptionsMemberTableIdentity::before{display:none!important}.inscriptionsMemberPaymentCell{align-items:flex-start}.inscriptionsMembersTableWrap{overflow:visible}}
@media(max-width:520px){.inscriptionsTableCardHead{width:calc(100% - 20px);max-width:calc(100% - 20px)}.inscriptionsTableIdentity strong{font-size:14px}.inscriptionsTableIdentity small,.inscriptionsTableHeadMeta strong{font-size:10px}.inscriptionsMemberTableRow{grid-template-columns:1fr 1fr}.inscriptionsMemberPaymentCell{grid-column:1/-1}}


/* 73.36 — Financeiro · comprovantes do Portal do Laçador */
.portalPixAdminList{display:flex;flex-direction:column;margin-top:12px}
.portalPixAdminList .portalPixAdminItem{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border:0;border-radius:0;background:transparent}
.portalPixAdminList .portalPixAdminItem+ .portalPixAdminItem{border-top:1px solid var(--global-color-neutral-200)}
.portalPixAdminInfo{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0}
.portalPixAdminIdentity{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;min-width:0}
.portalPixAdminIdentity strong{font-size:13px;color:var(--global-color-neutral-900)}
.portalPixAdminIdentity span{font-size:11px;color:var(--global-color-neutral-600)}
.portalPixAdminStatus{width:max-content;font-size:9px;font-weight:800;letter-spacing:.35px;color:var(--global-color-neutral-600);text-transform:uppercase}
.portalPixAdminObservation{font-size:10px;color:var(--global-color-neutral-600)}
.portalPixAdminActions{display:flex;flex:0 0 auto;align-items:center;flex-wrap:wrap;gap:7px;justify-content:flex-end}
@media(max-width:720px){.portalPixAdminList .portalPixAdminItem{align-items:flex-start;flex-direction:column}.portalPixAdminActions{justify-content:flex-start}}

/* =========================================================
   73.92 — NARRADOR · CARD ATUAL PADRÃO CONTROLE DE CANCHA
   ========================================================= */
.narratorPage{display:flex;flex-direction:column;gap:12px}
.narratorHeader{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-radius:16px;background:linear-gradient(110deg,var(--global-color-primary-950,#071f2c),var(--global-color-primary-800,#29495b));color:#fff;box-shadow:0 10px 28px rgba(15,23,42,.10)}
.narratorBrand .phpEyebrow{color:var(--global-color-secondary-800,#dfb171)}
.narratorBrand h1{margin:3px 0 2px;font-size:30px;line-height:1;color:#fff}
.narratorBrand p{margin:0;font-size:12px;color:rgba(255,255,255,.86)}
.narratorLiveBadge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:11px;font-weight:900}
.narratorLiveBadge i{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.18)}
.narratorEmpty{display:flex;flex-direction:column;gap:5px;padding:24px}
.narratorEmpty strong{font-size:18px}.narratorEmpty span{color:var(--global-color-neutral-600)}
.narratorEmpty.compact{min-height:70px;align-items:center;justify-content:center;padding:12px;text-align:center}

/* Sessão permanece em campos independentes. */
.narratorSessionBar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(100px,1fr));gap:8px}
.narratorSessionBar>div{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:10px 14px;border:1px solid var(--global-color-neutral-200);border-radius:12px;background:var(--global-color-surface)}
.narratorSessionBar small,.narratorMetrics small,.narratorCurrent>small,.narratorNext>header small,.narratorNextEntity small,.narratorNextMeta small,.narratorQueueHeader small,.narratorQueueItem small{font-size:9px;font-weight:900;letter-spacing:.55px;color:var(--global-color-neutral-500)}
.narratorSessionBar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--global-color-neutral-900)}
.narratorSessionTitle strong{font-size:15px;color:var(--global-color-primary-800)}

.narratorMetrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.narratorMetrics>div{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border:1px solid var(--global-color-neutral-200);border-radius:9px;background:var(--global-color-surface)}
.narratorMetrics strong{font-size:18px;line-height:1.15;color:var(--global-color-neutral-900)}

/* Mesma proporção do painel antigo; Próximos conserva a lista nova. */
.narratorOperation{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(160px,.75fr) minmax(0,1.6fr);width:100%;gap:10px}
.narratorCurrent,.narratorNextCard,.narratorNext{min-height:190px;border:1px solid var(--global-color-neutral-200);border-radius:14px;box-shadow:0 5px 16px rgba(15,23,42,.05)}
/* O card atual reutiliza diretamente o padrão visual de .canchaReactCurrent. */
.narratorCurrent{width:100%;min-width:0}
.narratorCurrentStatus{
    width:max-content;
    margin:10px 0 0;
    padding:6px 11px;
    border: 1px solid #a26c36 !important;
    border-radius:999px;
    background:#fff4df;
    color:var(--global-color-secondary-900)!important;
    font-size:10px;
    font-weight:950;
    letter-spacing:.4px}
.narratorCurrentStatus.positive{background:var(--global-color-success-050);color:var(--global-color-success-700)}
.narratorCurrentStatus.negative{background:var(--global-color-danger-050);color:var(--global-color-danger-700)}
.narratorCurrentStatus.late{background:var(--global-color-warning-050);color:var(--global-color-warning-700)}

.narratorNextCard{display:flex;width:100%;min-width:0;flex-direction:column;padding:16px;background:linear-gradient(145deg,var(--global-color-primary-950,#071f2c),#101c20);color:#fff;border-left:2px solid var(--global-color-secondary-800,#dfb171)}
.narratorSectionLabel{color:var(--global-color-secondary-800,#dfb171);font-size:9px;font-weight:900;letter-spacing:.55px}
.narratorNextCard>strong{margin-top:17px;color:var(--global-color-secondary-800,#dfb171);font-size:21px;line-height:1}
.narratorNextCard h3{margin:9px 0 0;color:#fff;font-size:18px;line-height:1.1}
.narratorNextCard p{margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.68);font-size:9px}
.narratorNextCard .narratorNextCardEntity{margin-top:7px;color:rgba(255,255,255,.86)}
.narratorLastResult{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
.narratorLastResult small{color:rgba(255,255,255,.48);font-size:7px;font-weight:900;letter-spacing:.45px}
.narratorLastResult b{font-size:9px}.narratorLastResult .positive{color:var(--global-color-success-600)}.narratorLastResult .negative{color:var(--global-color-danger-600)}

.narratorNext{width:100%;min-width:0;padding:14px;background:linear-gradient(145deg,var(--global-color-primary-950,#071f2c),#101c20);color:#fff;border-left:2px solid var(--global-color-secondary-800,#dfb171)}
.narratorNext>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 9px;border-bottom:1px solid rgba(255,255,255,.14)}
.narratorNext>header small{color:var(--global-color-secondary-800,#dfb171)}
.narratorNext>header span{color:rgba(255,255,255,.70);font-size:9px}
.narratorNextList,.narratorQueueGrid{display:grid;gap:5px;overflow-y:auto;padding:8px 3px 0 0;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) rgba(255,255,255,.08)}
.narratorNextList{max-height:244px}
.narratorNextRow,.narratorQueueItem{min-width:0;display:grid;grid-template-columns:30px 43px minmax(90px,auto) minmax(72px,auto) minmax(0,1fr) 92px;align-items:center;align-content:center;gap:4px;min-height:43px;height:43px;max-height:43px;padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.045);color:#fff;box-shadow:none}
.narratorNextRow.positive,.narratorQueueItem.positive{border-color:var(--global-color-success-600);background:color-mix(in srgb,var(--global-color-success-600) 12%,rgba(255,255,255,.045));box-shadow:inset 3px 0 0 var(--global-color-success-600)}
.narratorNextRow.negative,.narratorQueueItem.negative{border-color:var(--global-color-danger-600);background:color-mix(in srgb,var(--global-color-danger-600) 12%,rgba(255,255,255,.045));box-shadow:inset 3px 0 0 var(--global-color-danger-600)}
.narratorNextRow.late,.narratorQueueItem.late{border-color:var(--global-color-warning-600);background:rgba(242,196,111,.10);box-shadow:inset 3px 0 0 var(--global-color-warning-600)}
.narratorNextRow.current,.narratorQueueItem.current{border-color:#2e6f9e;background:rgba(162,108,54,.12);box-shadow:inset 3px 0 0 #2e6f9e}
.narratorNextPosition,.narratorQueueOrder{display:grid;place-items:center;justify-self:center;width:23px;height:23px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:9px;font-weight:900}
.narratorQueueItem.current .narratorQueueOrder,.narratorNextRow.current .narratorNextPosition{background:#2e6f9e}
.narratorNextNumber,.narratorNextName,.narratorNextNickname,.narratorNextEntity,.narratorNextMeta,.narratorQueueNumber,.narratorQueueName,.narratorQueueNickname,.narratorQueueEntity,.narratorQueueStatus{position:relative;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.narratorNextName,.narratorNextNickname,.narratorNextEntity,.narratorQueueName,.narratorQueueNickname,.narratorQueueEntity{padding-left:10px}
.narratorNextName::before,.narratorNextNickname::before,.narratorNextEntity::before,.narratorQueueName::before,.narratorQueueNickname::before,.narratorQueueEntity::before{content:"|";position:absolute;left:0;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.30);font-weight:700}
.narratorNextNumber,.narratorQueueNumber{width:max-content;justify-self:stretch;text-align:left;color:var(--global-color-secondary-800);font-size:14px}
.narratorNextName,.narratorQueueName{width:max-content;justify-self:stretch;text-align:left;color:#fff;font-size:16px}
.narratorNextNickname,.narratorQueueNickname{width:max-content;justify-self:stretch;text-align:left;color:rgba(255,255,255,.62);font-size:11px}
.narratorNextEntity,.narratorQueueEntity{justify-self:stretch;text-align:right;color:rgba(255,255,255,.86);font-size:10px}
.narratorNextMeta,.narratorQueueStatus{display:flex;align-items:center;justify-content:flex-end;justify-self:end;width:92px;gap:5px;text-align:right;color:rgba(255,255,255,.86);font-size:10px}
.narratorNextMeta .icon,.narratorQueueStatus .icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;font-size:9px;background:rgba(255,255,255,.08)}
.narratorNextMeta.positive,.narratorQueueStatus.positive{color:var(--global-color-success-600)}
.narratorNextMeta.negative,.narratorQueueStatus.negative{color:var(--global-color-danger-600)}
.narratorNextMeta.late,.narratorQueueStatus.late{color:var(--global-color-warning-600)}
.narratorNextMeta.current,.narratorQueueStatus.current{color:#2e6f9e}
.narratorNextMeta.current .icon,.narratorQueueStatus.current .icon{background:rgba(46,111,158,.24)}
.narratorNext .narratorEmpty{color:#fff}.narratorNext .narratorEmpty span{color:rgba(255,255,255,.66)}

/* Ordem da Cancha usa o mesmo fundo, linha e colunas da lista Próximos. */
.narratorQueuePanel{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,var(--global-color-primary-950,#071f2c),#101c20)}
.narratorQueueHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#fff}
.narratorQueueHeader>div:first-child{display:flex;align-items:center;gap:9px}
.narratorQueueHeader small{color:var(--global-color-secondary-800,#dfb171)}
.narratorQueueHeader strong{font-size:10px;color:#fff}
.narratorLegend{display:flex;align-items:center;gap:11px;font-size:9px;font-weight:800}
.narratorLegend .positive{color:#8fd49c}.narratorLegend .negative{color:#ff9a91}.narratorLegend .pending{color:#e8edf0}.narratorLegend .late{color:#f2c46f}
.narratorQueueGrid{grid-template-columns:1fr 1fr;max-height:440px;padding:7px}
.narratorQueueEmpty{grid-column:1/-1;padding:30px;text-align:center;color:#fff;font-size:12px}

@media(max-width:1100px){
  .narratorSessionBar{grid-template-columns:repeat(3,1fr)}
  .narratorMetrics{grid-template-columns:repeat(3,1fr)}
  .narratorOperation{grid-template-columns:minmax(0,1.6fr) minmax(150px,.75fr) minmax(0,1.6fr)}
  .narratorNext,.narratorNextCard{min-height:190px}
  .narratorQueueGrid{grid-template-columns:1fr}
}
@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px){
  .narratorHeader{align-items:flex-start;padding:17px;flex-direction:column}.narratorBrand h1{font-size:25px}
  .narratorSessionBar{grid-template-columns:1fr 1fr}.narratorSessionTitle{grid-column:1/-1}
  .narratorMetrics{grid-template-columns:repeat(2,1fr)}.narratorMetrics>div:first-child{grid-column:1/-1}
  .narratorOperation{grid-template-columns:1fr}
  .narratorCurrent,.narratorNext,.narratorNextCard{width:100%}
  .narratorNext,.narratorNextCard{grid-column:auto;min-height:150px}
  .narratorNextRow,.narratorQueueItem{grid-template-columns:26px 62px minmax(88px,1fr) minmax(62px,.7fr) minmax(88px,.9fr) 86px;gap:5px}
  .narratorLegend{display:none}
}


@media (max-width: 1100px) {
  .inscriptionsModalQuickSummary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* =========================================================
   SAÍDA DO BRETE — painel vertical sincronizado com a Cancha
   ========================================================= */
.bretePublicBody{margin:0;min-height:100vh;background:#07141b;color:#fff;overflow:hidden;font-family:var(--global-font-family,Arial,sans-serif)}
.bretePublicPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#173747 0,#07141b 68%)}
.breteScreen{width:100vw;max-width:none;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:18px clamp(18px,2vw,40px);background:linear-gradient(180deg,#102f3e 0%,#071820 100%);color:#fff}
.breteHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18)}
.breteHeaderBrand{display:flex;align-items:center;gap:14px;min-width:0}.breteHeaderBrand>img{width:104px;max-height:38px;object-fit:contain;object-position:left center;flex:0 0 auto}.breteHeaderBrand>div{min-width:0}
.breteHeader small,.breteQueueTitle strong{color:var(--global-color-secondary-800,#dfb171);font-size:12px;font-weight:900;letter-spacing:.08em}.breteHeader h1,.breteHeader h2{margin:4px 0 0;font-size:clamp(24px,4vh,42px);line-height:1}.breteHeader>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900;white-space:nowrap}.breteHeader>span i{width:8px;height:8px;border-radius:50%;background:#e14a43}
.breteMeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%}.breteMeta b{padding:11px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);text-align:center;font-size:13px}
.breteCurrent{padding:14px 16px;border:2px solid var(--global-color-secondary-800,#dfb171);border-radius:12px;background:#f4f6f7;color:#123246}.breteCurrent small{display:block;color:#a26c36;font-weight:900;font-size:11px}.breteCurrent>strong{display:inline-block;margin-top:8px;padding:5px 9px;border-radius:7px;background:#274b5f;color:#fff;font-size:22px}.breteCurrent h2,.breteCurrent h3{margin:7px 0 1px;font-size:clamp(23px,3.6vh,36px);line-height:1.05}.breteCurrent span,.breteCurrent p{margin:3px 0 0;font-size:13px}.breteCurrent.done{text-align:center}
.breteQueueTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0}.breteQueueTitle span{font-size:10px;color:rgba(255,255,255,.7)}
.breteQueueList{flex:1;min-height:0;display:grid;align-content:start;grid-auto-rows:max-content;gap:8px;overflow-x:hidden;overflow-y:auto;padding-right:4px}
.breteQueueRow{min-width:0;width:100%;display:grid;grid-template-columns:42px 90px minmax(0,1fr) minmax(180px,.32fr) 150px;align-items:center;align-content:center;gap:10px;min-height:68px;height:auto;max-height:none;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.045);color:#fff;box-shadow:none}
.breteQueueRow.current{border-color:#2e6f9e;background:rgba(162,108,54,.12);box-shadow:inset 3px 0 0 #2e6f9e}.breteQueueRow.late{border-color:var(--global-color-warning-600,#d69b2d);background:rgba(242,196,111,.10);box-shadow:inset 3px 0 0 var(--global-color-warning-600,#d69b2d)}
.breteOrder{display:grid;place-items:center;justify-self:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:900}.breteQueueRow.current .breteOrder{background:#2e6f9e}
.breteNumber,.breteIdentity,.breteName,.breteNickname,.breteEntity,.breteStatus{min-width:0}.breteNumber,.breteEntity,.breteStatus{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.breteNumber{width:max-content;justify-self:stretch;text-align:left;color:var(--global-color-secondary-800,#dfb171);font-size:18px}
.breteIdentity{display:flex;align-items:baseline;gap:9px;overflow:hidden;white-space:nowrap}.breteName{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:21px}.breteNickname{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;padding-left:10px;border-left:2px solid rgba(255,255,255,.30);color:rgba(255,255,255,.72);font-size:15px}
.breteEntity{justify-self:stretch;text-align:right;color:rgba(255,255,255,.9);font-size:14px}
.breteStatus{display:flex;align-items:center;justify-content:flex-end;justify-self:end;width:150px;gap:8px;text-align:right;color:rgba(255,255,255,.86);font-size:13px}.breteStatus .icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;font-size:12px;background:rgba(255,255,255,.08)}.breteStatus strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.breteStatus.current{color:#2e6f9e}.breteStatus.current .icon{background:rgba(46,111,158,.24)}.breteStatus.late{color:var(--global-color-warning-600,#d69b2d)}.breteStatus.late .icon{background:color-mix(in srgb,var(--global-color-warning-600,#d69b2d) 30%,transparent)}
.breteFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);font-size:9px}.breteFooter img{width:90px;max-height:28px;object-fit:contain;object-position:left center}.breteWaiting{display:grid;place-items:center;align-content:center;gap:10px;min-height:100vh;text-align:center;color:#fff}.breteWaiting img{width:180px}.breteWaiting h1,.breteWaiting p{margin:0}
.bretePreviewWrap{display:grid;place-items:start center;padding:16px;border-radius:12px;background:var(--global-color-neutral-100,#eef1f2)}.breteScreenPreview{width:min(100%,560px);height:760px;min-height:760px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:hidden}.breteScreenPreview .breteHeader h2{font-size:26px}.breteScreenPreview .breteCurrent h3{font-size:25px}.breteScreenPreview .breteQueueRow{min-height:43px}.breteScreenPreview .breteName{font-size:14px}
@media(min-width:1600px){.breteScreen{gap:18px;padding:24px clamp(28px,2.5vw,56px)}.breteHeader small,.breteQueueTitle strong{font-size:16px}.breteMeta b{padding:15px 12px;font-size:17px}.breteCurrent{padding:20px 24px}.breteCurrent>strong{font-size:28px}.breteCurrent h2,.breteCurrent h3{font-size:clamp(32px,3.2vh,48px)}.breteCurrent span,.breteCurrent p{font-size:18px}.breteQueueTitle span{font-size:14px}.breteQueueRow{grid-template-columns:54px 120px minmax(0,1fr) minmax(240px,.28fr) 190px;min-height:92px;padding:16px 20px;gap:16px;border-radius:11px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteName{font-size:30px}.breteNickname{font-size:21px}.breteEntity{font-size:19px}.breteStatus{width:190px;gap:10px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:15px}}
@media (orientation:portrait) and (min-width:701px) and (min-height:1200px){.breteScreen{gap:18px;padding:24px 28px}.breteHeader{padding-bottom:16px}.breteHeaderBrand>img{width:128px;max-height:48px}.breteHeader small,.breteQueueTitle strong{font-size:17px}.breteHeader h1,.breteHeader h2{font-size:46px}.breteHeader>span{font-size:15px}.breteMeta{gap:12px}.breteMeta b{padding:16px 12px;font-size:18px}.breteCurrent{padding:22px 24px}.breteCurrent small{font-size:15px}.breteCurrent>strong{font-size:30px}.breteCurrent h2,.breteCurrent h3{font-size:44px}.breteCurrent span,.breteCurrent p{font-size:20px}.breteQueueTitle{padding-top:4px}.breteQueueTitle span{font-size:14px}.breteQueueList{gap:10px}.breteQueueRow{grid-template-columns:52px 112px minmax(0,1fr) minmax(150px,.30fr) 166px;min-height:108px;padding:16px 18px;gap:12px;border-radius:12px}.breteOrder{width:42px;height:42px;font-size:16px}.breteNumber{font-size:24px}.breteIdentity{gap:10px}.breteName{font-size:30px}.breteNickname{padding-left:10px;font-size:20px}.breteEntity{font-size:18px}.breteStatus{width:166px;gap:9px}.breteStatus .icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.breteStatus strong{font-size:14px}.breteFooter{font-size:12px}.breteFooter img{width:112px;max-height:34px}}
@media(max-width:700px){.breteScreen{width:100vw;padding:10px;gap:8px}.breteHeaderBrand>img{width:82px}.breteMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.breteMeta b{padding:9px 7px;font-size:11px}.breteQueueList{gap:5px;padding-right:2px}.breteQueueRow{grid-template-columns:26px 48px minmax(0,1fr) minmax(0,.7fr) 82px;min-height:48px;padding:6px 7px;gap:3px}.breteOrder{width:23px;height:23px;font-size:9px}.breteNumber{font-size:12px}.breteIdentity{gap:4px}.breteName{font-size:13px}.breteNickname{padding-left:5px;border-left-width:1px;font-size:9px}.breteEntity{font-size:8px}.breteStatus{width:82px;font-size:8px;gap:4px}.breteStatus .icon{width:20px;height:20px;flex-basis:20px;font-size:9px}.breteStatus strong{font-size:8px}}

/* OPERAÇÃO — FOLHA DIGITAL (interface independente; não altera Controle da Cancha) */
.operacaoCanchaMain{min-width:0}
.operacaoGlobalTopbar{transition:min-height .18s ease}
.operacaoGlobalTopbarToggle{position:absolute;right:10px;bottom:-18px;z-index:45;width:38px;height:22px;border:1px solid var(--global-color-neutral-300);border-top:0;border-radius:0 0 9px 9px;background:var(--global-color-primary-900);color:#fff;font-weight:900;line-height:1;cursor:pointer}
.operacaoGlobalTopbar.is-collapsed .globalEventTopbarPrimary,.operacaoGlobalTopbar.is-collapsed .globalEventTabs{display:none}
.operacaoGlobalTopbar.is-collapsed{height:8px;min-height:8px;border-bottom:1px solid var(--global-color-neutral-200)}
.operacaoGlobalTopbar.is-collapsed .operacaoGlobalTopbarToggle{bottom:-22px}
.operacaoGlobalTopbar.is-collapsed + .operacaoFolhaPainel{margin-top:30px}
.operacaoFolhaPelotoes{display:flex;gap:6px;flex-wrap:nowrap;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.operacaoFolhaPelotoes::-webkit-scrollbar{height:4px}
.operacaoFolhaPelotoes::-webkit-scrollbar-thumb{border-radius:999px}
.operacaoFolhaPelotoes button{flex:1 1 0;min-width:44px;height:38px;border:1px solid var(--global-color-neutral-300);border-radius:8px;background:var(--global-color-neutral-050);font-weight:800}
.operacaoFolhaPelotoes button.active{background:var(--global-color-primary-900);color:#fff}
.operacaoFolhaPainel{margin:18px 20px 20px;padding:14px;background:var(--global-color-white);border:1px solid var(--global-color-neutral-300);border-radius:14px;overflow:hidden}
.operacaoFolhaPainelTopo{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--global-color-neutral-300)}
.operacaoFolha{margin:0;background:transparent;border:0;border-radius:0;overflow:visible}
.operacaoFolhaScroll{position:relative;overflow:auto;max-height:calc(100vh - 210px);padding:0 3px 8px;scrollbar-gutter:stable}
.operacaoFolhaTabela{--operacao-nome:406px;--operacao-situacao:138px;--operacao-volta-min:118px;width:100%;min-width:max(100%,calc(var(--operacao-nome) + var(--operacao-situacao) + (var(--operacao-voltas) * var(--operacao-volta-min))));border-collapse:separate;border-spacing:0 7px;white-space:nowrap;table-layout:fixed}
.operacaoGridNome{width:var(--operacao-nome)}.operacaoGridSituacao{width:var(--operacao-situacao)}.operacaoGridVolta{min-width:var(--operacao-volta-min)}
.operacaoFolha thead{position:sticky;top:0;z-index:30}
.operacaoFolha thead th{height:42px;background:#fff;box-shadow:0 1px 0 var(--global-color-neutral-300);padding:10px 12px;text-align:center;position:sticky;top:0;z-index:31}
.operacaoFolha tbody td{height:58px;padding:7px 12px;background:#fff;border-top:1px solid var(--global-color-neutral-300);border-bottom:1px solid var(--global-color-neutral-300);text-align:center;vertical-align:middle}
.operacaoFolha tbody tr.atual td{background:#fff;border-top-color:var(--global-color-primary-700);border-bottom-color:var(--global-color-primary-700)}
.operacaoColNome{width:var(--operacao-nome);min-width:var(--operacao-nome);max-width:var(--operacao-nome);text-align:left!important;position:sticky!important;left:0;z-index:12;background:#fff!important;box-shadow:8px 0 10px -12px rgba(0,0,0,.65)}
.operacaoColVolta,.operacaoVolta{width:auto;min-width:var(--operacao-volta-min)}
.operacaoColSituacao{width:var(--operacao-situacao);min-width:var(--operacao-situacao);max-width:var(--operacao-situacao);position:sticky!important;right:0;z-index:12;background:#fff!important;border-right:1px solid var(--global-color-neutral-300);border-radius:0 14px 14px 0;box-shadow:-8px 0 10px -12px rgba(0,0,0,.65)}
.operacaoFolha thead .operacaoColNome{width:var(--operacao-nome);min-width:var(--operacao-nome);max-width:var(--operacao-nome);left:0;z-index:40;background:#fff!important;border-radius:0}.operacaoFolha thead .operacaoColSituacao{z-index:40;background:#fff!important;border-radius:0}

.operacaoCompetidor{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}
.operacaoNumeroInscricao{
    margin-top: 2px;
    padding: 7px 8px;
    color: #f3f8f2;
    align-self: flex-start;
    background: var(--global-color-primary-600);
    border: 1px solid var(--global-color-primary-600);
    border-radius: 12px;
    font-weight: 900;
    line-height: 1.05;
    flex: 0 0 auto;
    font-size: 20px;}
    
    .operacaoPosicao{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:6px;background:#367ea8;color:#fff;font-size:.72rem;font-weight:900}
.operacaoCompetidor .operacaoApelido{font-size:1.25rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.operacaoCompetidor .operacaoNomeReal{font-size:.82rem;font-weight:600;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.operacaoResultado{font-weight:900;font-size:1rem}
.operacaoResultado span{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:7px}
.operacaoResultado.positiva span{background:var(--global-color-success-600); color: var(--global-color-white)}
.operacaoResultado.negativa span{background:var(--global-color-danger-600); color: var(--global-color-white)}
.operacaoVoltaVazia{opacity:.7}
.operacaoAcoes{min-width:166px!important}.operacaoAcoes button{width:34px;min-height:32px;height:32px;margin:0 2px;padding:0;border-radius:7px;font-size:var(--global-font-sm);font-weight:900;cursor:pointer}
.operacaoFolha tbody tr.grupoInicio .operacaoColNome{border-radius:14px 0 0 14px;border-left:1px solid var(--global-color-neutral-300)}
.operacaoFolhaFooter{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 3px 0}.operacaoFolhaFooter span{font-size:.82rem;opacity:.75}.operacaoFolhaFooterAcoes{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}

.operacaoIntegrante:not(.grupoInicio) .operacaoColNome,.operacaoIntegrante:not(.grupoInicio) .operacaoVolta,.operacaoIntegrante:not(.grupoInicio) .operacaoColSituacao{border-top:2px solid #111}
@media(max-width:900px){.operacaoFolhaPainel{margin-inline:10px;padding:10px}.operacaoFolhaPelotoes{margin-top:0}.operacaoFolhaTabela{--operacao-nome:328px;--operacao-situacao:118px;--operacao-volta-min:110px}.operacaoCompetidor .operacaoApelido{max-width:105px}}


/* Operação — modalidades em faixa horizontal acima da Folha Digital */
.operacaoModalidadesBar {
  min-width: 0;
  flex: 1 1 auto;
  margin: 0;
  overflow: hidden;
}
.operacaoModalidadesList {
  display: flex;
  grid-template-columns: none;
  gap: var(--module-sidebar-list-gap);
  padding: var(--module-sidebar-list-padding);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  overscroll-behavior-inline: contain;
}
.operacaoModalidadeGroup {
  flex: 0 0 auto;
  width: clamp(190px, 20vw, 260px);
}
.operacaoModalidadeItem {
  min-height: 48px;
}
@media(max-width:900px) {
  .operacaoModalidadesBar { margin-inline: 0; }
  .operacaoModalidadeGroup { width: 190px; }
}

.operacaoModalidadesList{scrollbar-width:thin}
.operacaoModalidadesList::-webkit-scrollbar{height:6px}
.operacaoModalidadesList::-webkit-scrollbar-thumb{border-radius:999px}

/* Operação — filtros do relatório de encerramentos */
.operacaoRelatorioBackdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,30,43,.52)}
.operacaoRelatorioModal{width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--global-color-neutral-050,#fff);border:1px solid var(--global-color-neutral-300,#cbd5db);border-radius:14px;box-shadow:0 18px 50px rgba(10,30,43,.22)}
.operacaoRelatorioModal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--global-color-neutral-300,#d6dfe4)}
.operacaoRelatorioModal>header small{font-size:10px;font-weight:900;letter-spacing:.08em}.operacaoRelatorioModal>header h3{margin:3px 0 2px;font-size:20px}.operacaoRelatorioModal>header p{margin:0;font-size:12px;color:var(--global-color-neutral-700,#607482)}
.operacaoRelatorioFechar{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:inherit}
.operacaoRelatorioFiltros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 22px 12px}.operacaoRelatorioFiltros label{display:grid;gap:6px;font-size:10px;font-weight:900;letter-spacing:.04em}.operacaoRelatorioFiltros select{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--global-color-neutral-300,#cbd5db);border-radius:8px;background:var(--global-color-neutral-050,#fff);color:inherit;font:inherit;font-size:12px}
.operacaoRelatorioResumo{margin:0 22px 18px;padding:10px 12px;border-radius:8px;background:var(--global-color-neutral-100,#eef2f4);font-size:12px;font-weight:800}.operacaoRelatorioModal>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 20px;border-top:1px solid var(--global-color-neutral-300,#d6dfe4)}
@media(max-width:720px){.operacaoRelatorioFiltros{grid-template-columns:1fr 1fr}}@media(max-width:480px){.operacaoRelatorioBackdrop{padding:10px}.operacaoRelatorioFiltros{grid-template-columns:1fr}.operacaoRelatorioModal>footer{flex-direction:column-reverse}.operacaoRelatorioModal>footer .phpButton{width:100%}}