/* Padrão final do produto operacional.
   Esta folha é deliberadamente a última da cascata: reduz divergências entre
   telas antigas sem reintroduzir estilos específicos em cada módulo. */
/* Escala tipográfica única. Compactação vem de espaçamento e revelação
   progressiva, nunca de texto pequeno demais para a operação diária. */
body{font-size:var(--product-font-body)}
#fceAuthGate h1{color:var(--fce-neutral-100)}

/* Área útil antes de ornamentação. */
.content{padding-top:16px!important}
.view{width:100%;max-width:var(--product-content-max);margin-inline:auto}
.hero{box-sizing:border-box;min-height:108px!important;padding:18px 26px!important}
.hero-text{max-width:min(640px,58%)!important;padding:0!important}
.hero .welcome{margin:0 0 3px!important;font-size:10px!important}
.hero h2{margin:0!important;font-size:clamp(22px,2.1vw,30px)!important;line-height:1.12!important}
.hero p{max-width:620px;margin:5px 0 0!important;font-size:var(--product-font-body)!important;line-height:1.4!important}
.hero-logo-watermark{width:118px!important;height:118px!important;bottom:-34px!important}
.top-actions{top:15px!important;right:22px!important}

/* Casca global: mesma leitura no menu expandido, recolhido e móvel. */
.sidebar .nav button,.sidebar .nav-group-toggle{min-height:var(--product-touch-height)!important;font-size:var(--product-font-action)!important;line-height:1.25!important}
.sidebar .nav-group-toggle strong{font-size:var(--product-font-action)!important;letter-spacing:.04em!important}
.sidebar .nav-group-items button[data-view]{font-size:var(--product-font-action)!important}
.sidebar-collapse-toggle{min-width:var(--product-touch-height)!important;height:var(--product-touch-height)!important;font-size:var(--product-font-caption)!important}
.profile-chip span{font-size:var(--product-font-caption)!important}
.profile-chip strong{font-size:var(--product-font-body)!important}
.system-actions .btn{font-size:var(--product-font-action)!important}
.view small,.modal small{font-size:var(--product-font-caption)!important;line-height:1.4!important}
.view button:not(.training-studio-object):not(.training-piece):not(.player-dot){font-size:var(--product-font-action)!important}

/* Cabeçalho funcional único, sem duplicar títulos decorativos. */
.section-brand{min-height:64px!important;padding:10px 16px!important;border-radius:var(--product-radius)!important}
.section-brand>img:first-child{width:44px!important;height:44px!important}
.section-brand h2,.section-brand h3{margin:0!important;font-size:17px!important;line-height:1.2!important}
.section-brand p,.section-brand span{font-size:var(--product-font-caption)!important;line-height:1.4!important}
.panel{margin-bottom:12px!important;border-radius:var(--product-radius)!important}
.panel-head{min-height:52px!important;padding:11px 15px!important;gap:10px!important}
.panel-head h2,.panel-head h3,.panel-head h4{margin:0!important;font-size:var(--product-font-panel-title)!important;line-height:1.25!important}
.panel-head small,.panel-head p{margin-top:2px!important;font-size:var(--product-font-caption)!important;line-height:1.4!important}
.panel-body{padding:14px!important}

/* Quatro opções macro cabem na largura útil, sem rolagem lateral. */
.tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:6px!important;overflow:visible!important}
.tab{min-width:0!important;min-height:54px!important;padding:8px 10px!important}
.tab strong{overflow:hidden;text-overflow:ellipsis;font-size:var(--product-font-body)!important;line-height:1.3!important}
.tab small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--product-font-caption)!important}

/* Densidade de operação: controles próximos do conteúdo que alteram. */
.toolbar,.top-actions,.panel-head>div:last-child,.finance-quick-actions{gap:6px!important}
.btn{min-height:var(--product-touch-height)!important;padding:8px 13px!important;border-radius:8px!important;font-size:var(--product-font-action)!important}
.btn.sm{min-height:40px!important;padding:7px 11px!important;font-size:var(--product-font-caption)!important}
label{margin:9px 0 4px!important;font-size:var(--product-font-label)!important}
input,select,textarea{min-height:var(--product-control-height)!important;font-size:var(--product-font-body)!important}
textarea{min-height:72px}
.form-row,.form-row-2,.form-row-3,.form-row-4{gap:8px 11px!important}
.cards{gap:9px!important;margin-bottom:12px!important}
.card{min-height:82px!important;padding:12px 14px!important}
.card strong{font-size:19px!important}
.empty-state,.finance-empty{padding:22px 16px!important;font-size:var(--product-font-body)!important;line-height:1.5!important}
.pending-row strong,.birthday-row strong{font-size:var(--product-font-body)!important}
.pending-row span,.birthday-row span{font-size:var(--product-font-caption)!important;line-height:1.4!important}

/* Agenda semanal usa os mesmos papéis semânticos das demais abas. */
.planning-item span{font-size:var(--product-font-caption)!important}
.planning-item strong{font-size:var(--product-font-body)!important;line-height:1.35!important}
.planning-item em{font-size:var(--product-font-caption)!important;line-height:1.35!important}
.planning-item p{font-size:var(--product-font-label)!important;line-height:1.45!important}
.planning-empty{font-size:var(--product-font-body)!important}
.planning-empty button{min-height:var(--product-touch-height)!important;font-size:var(--product-font-action)!important}

/* Central de treinos: status, data e atalhos seguem a mesma escala do portal. */
.training-home>header small,.training-home-next small,.training-field>header small{font-size:var(--product-font-caption)!important}
.training-home-date span{font-size:var(--product-font-caption)!important}
#trainingHomeList article small{font-size:var(--product-font-caption)!important}
#trainingHomeList article em{font-size:var(--product-font-caption)!important;line-height:1.25!important}
.training-home-actions button{min-height:var(--product-touch-height)!important;font-size:var(--product-font-action)!important}
.training-home-grid>aside b{font-size:var(--product-font-body)!important}
.training-home-grid>aside small{font-size:var(--product-font-caption)!important}

/* Papéis auxiliares compartilhados por todos os módulos. */
.view .eyebrow,.view .panel-eyebrow,.view [class$="-kicker"]{font-size:var(--product-font-caption)!important;line-height:1.3!important}
.view .badge,.view [class$="-status"],.view [class*=" status-"]{font-size:var(--product-font-caption)!important;line-height:1.25!important}
.view details>summary{font-size:var(--product-font-label)!important;line-height:1.4!important}
.view .form-field-help,.view .form-hint{font-size:var(--product-font-caption)!important;line-height:1.4!important}
.view code{font-size:var(--product-font-caption)!important}
.view h3{line-height:1.3}.view h4{line-height:1.35}

/* Atletas e administração usam o mesmo peso de metadado e ação. */
#atletas .athlete-card span,#atletas .athlete-card small,#cadastro small,#pessoas small,#conformidade small{font-size:var(--product-font-caption)!important;line-height:1.4!important}
#atletas .athlete-card strong,.member-card strong{font-size:var(--product-font-body)!important;line-height:1.35!important}
.member-card span,.member-card small{font-size:var(--product-font-caption)!important;line-height:1.4!important}

/* Jogos, documentos, avaliações e painel compartilham títulos e metadados. */
.division-tab{font-size:var(--product-font-action)!important}
.division-tab small{font-size:var(--product-font-caption)!important;line-height:1.3!important}

.doc-card p,.info-box p,.evolution-note,.document-alert span,.oficio-item span{font-size:var(--product-font-body)!important;line-height:1.5!important}
.attachment-item span,.profile-grid span{font-size:var(--product-font-caption)!important;line-height:1.4!important}
.metric-field label,.match-staff-fields legend{font-size:var(--product-font-label)!important}
.dash-kpi-body em,.dash-negotiated-col span,.dash-negotiated-latest strong,.dash-negotiated-latest span,.dash-count-tag,.dash-attn-txt span,.panel-sep,.dash-seg-legend span,.dash-game-comp,.elenco-chip b,.neg-athlete small,.neg-sub,.neg-status,.fstatus small,.fgroup-cap{font-size:var(--product-font-caption)!important;line-height:1.35!important}
.neg-table th{font-size:var(--product-font-caption)!important}

/* Ferramentas da prancheta ficam legíveis sem alterar a escala dos objetos. */
.training-board-title small,.training-board-title>span{font-size:var(--product-font-caption)!important}
.training-board-toolbar .training-tool{font-size:var(--product-font-caption)!important}
.training-board-stage .training-tool span{font-size:var(--product-font-caption)!important}
.training-board-help,.training-block-details>summary:after{font-size:var(--product-font-caption)!important;line-height:1.4!important}
.nameplate strong,.nameplate span{font-size:var(--product-font-caption)!important}

/* Elementos persistentes também seguem a escala; rodapés deixam de ser
   tratados como informação decorativa ilegível. */
.demo-banner,.sidebar-footer span,.branded-footer small,.official-compact span,.official-compact small{font-size:var(--product-font-caption)!important;line-height:1.35!important}
.table-wrap:after{font-size:var(--product-font-caption)!important}

/* Últimas exceções herdadas encontradas na auditoria computada. Estes seletores
   elevam somente texto de interface; peças da prancheta e conteúdo de PDF não
   participam desta escala. */
.club-name small,
.panel-eyebrow,
.match-flow-heading>span,
.training-editor-head p,
.training-author span,
.training-author strong,
.training-library>header p,
.training-start>div:first-child>span,
.training-template-list button strong,
#treinoDuracaoTotal,
#trainingReviewSummary,
#trainingFieldProgress,
.weekly-athletes>header p,
.weekly-legend span,
.position-pool-head>span,
.zoom-bar,
.zoom-bar>span,
#zoomValor,
.swap-instruction,
.lineup-functions h4,
.neg-stage-heading p{font-size:var(--product-font-caption)!important;line-height:1.4!important}

.training-library>header p,
.training-editor-head p,
.weekly-athletes>header p,
.neg-stage-heading p{font-size:var(--product-font-body)!important;line-height:1.5!important}

.training-template-list button strong,
.training-author strong,
.lineup-functions h4{font-size:var(--product-font-label)!important;line-height:1.35!important}

/* Tabelas densas preservam leitura; rolagem fica restrita à própria tabela. */
.table-wrap{max-width:100%;border-radius:var(--product-radius)!important;overscroll-behavior-inline:contain}
th,.table-wrap table th{padding:9px 10px!important;font-size:var(--product-font-caption)!important}
td,.table-wrap table td{padding:10px!important;font-size:var(--product-font-body)!important}

/* Estados operacionais consistentes sem alterar a lógica dos formulários. */
button:disabled,.btn:disabled,[aria-disabled="true"]{cursor:not-allowed!important;filter:none!important;opacity:.58!important}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#b4232f!important;background:#fff8f8!important}
.form-feedback:not(:empty){display:block;margin-top:8px;padding:8px 10px;border:1px solid var(--product-border);border-radius:8px;background:#f6f9fc;color:var(--product-text);font-size:var(--product-font-caption);line-height:1.4}
.tab[aria-selected="true"]{border-color:#4b82ba!important}

/* Modais ocupam a tela disponível sem esconder ações no rodapé. */
.modal{padding:14px!important}
.modal-box{max-height:calc(100dvh - 28px)!important;border-radius:12px!important;overflow:auto!important}
.modal-box>.panel-head,.modal-box>.modal-head{position:sticky;top:0;z-index:5}
.modal-box>.modal-actions,.modal-box>.form-actions:last-child{position:sticky;bottom:0;z-index:5;margin-bottom:0!important;padding:10px 14px!important;background:rgba(255,255,255,.96)!important;border-top:1px solid var(--product-border);backdrop-filter:blur(10px)}
.modal-head h2,.modal-head h3{font-size:var(--product-font-panel-title)!important}

/* O editor de treino mantém proporção e ferramentas; somente remove folgas. */
.training-studio{min-height:560px!important}
.training-studio-stage{padding:8px!important}
.training-studio-properties section{padding:8px 10px!important}
.training-block-workspace{gap:10px!important}

@media(max-width:1100px){
  .content{padding-inline:14px!important}
  .hero-text{max-width:70%!important}

}

@media(max-width:900px){
  .panel-head-actions,.panel-head>div:last-child{flex-wrap:wrap!important;overflow:visible!important}
  .panel-head-actions>.btn,.panel-head>div:last-child>.btn{flex:0 1 auto}
}

@media(max-width:700px){

  .content{padding:10px 8px 24px!important}
  .hero{min-height:82px!important;padding:13px 14px!important}
  .hero-text{max-width:88%!important}
  .hero h2{font-size:22px!important}.hero p{font-size:var(--product-font-body)!important}
  .hero-logo-watermark{width:92px!important;height:92px!important}
  .section-brand{min-height:54px!important;padding:8px 10px!important}
  .section-brand>img:first-child{width:36px!important;height:36px!important}
  .panel-head{min-height:48px!important;padding:9px 11px!important;flex-wrap:wrap}
  .panel-body{padding:10px!important}
  .tabs,#jogos>.tabs{grid-template-columns:1fr 1fr!important}
  .tab{min-height:56px!important;padding:8px!important}
  .cards{grid-template-columns:1fr 1fr!important}
  .card{min-height:74px!important;padding:10px!important}
  .form-row,.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr!important}
  button,.btn,.btn.sm,input,select{min-height:var(--product-touch-height)!important}
  .mobile-app-nav button{min-height:52px!important;font-size:var(--product-font-caption)!important;line-height:1.15!important}
  .mobile-app-nav button span{font-size:20px!important}
  input[type="checkbox"],input[type="radio"]{min-width:22px!important;min-height:22px!important}
  .toolbar,.finance-filters,.finance-report-filters{overflow:visible!important}
  .modal{padding:0!important}.modal-box{max-height:100dvh!important;min-height:100dvh;border-radius:0!important}
}

@media(max-width:420px){
  .tabs,#jogos>.tabs,.cards{grid-template-columns:1fr!important}
}

/* Experiencia desktop premium: somente apresentacao; DOM e logica preservados. */
@media(min-width:1101px){
  body,.app,.main{background:var(--desktop-canvas)!important;color:var(--desktop-ink)!important}
  .sidebar{width:var(--desktop-sidebar);min-width:var(--desktop-sidebar);background:linear-gradient(180deg,#0d2342 0%,#091a31 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:6px 0 24px rgba(9,26,49,.1)}
  .sidebar .logo-area{display:grid!important;grid-template-columns:54px minmax(0,1fr);align-items:center!important;gap:12px!important;min-height:88px;padding:16px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .sidebar .logo-frame{width:54px;height:54px;margin:0!important;border-radius:14px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
  .sidebar .logo-frame img{width:48px;height:48px;filter:none!important}
  .sidebar .club-name{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.18;letter-spacing:0;text-transform:none;text-shadow:none!important}
  .sidebar .club-name small{display:block!important;margin-top:6px;color:#91a5c0;font-size:10px;line-height:1.35;letter-spacing:.055em;text-transform:uppercase}
  .sidebar .nav{padding:12px 10px 18px}
  .sidebar .nav-group{margin-bottom:8px}
  .sidebar .nav button,.sidebar .nav-group-toggle{min-height:40px;margin:2px 0;padding:8px 10px;gap:10px!important;border:1px solid transparent!important;border-radius:9px;color:#cbd7e6;background:transparent!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transform:none!important}
  .sidebar .nav button:hover,.sidebar .nav-group-toggle:hover{padding-left:10px!important;color:var(--fce-neutral-100)!important;background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.055)!important}
  .sidebar .nav button.active{color:var(--fce-neutral-100);background:#173a68;border-color:#315985;box-shadow:inset 3px 0 0 var(--desktop-gold)}
  .sidebar .nav .ico{flex:0 0 26px!important;width:26px!important;height:26px!important;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.055)!important;color:#a9bfda!important;font-size:13px!important}
  .sidebar .nav button.active .ico{background:rgba(255,255,255,.1);color:#f3d67f}
  .sidebar .sidebar-footer{padding:10px;background:rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.07)!important}
  .sidebar .sidebar-tech{min-height:44px!important;padding:7px 8px!important;border:0!important;border-radius:9px!important;background:transparent!important}
  .sidebar .sidebar-tech img{width:28px!important;height:28px!important}
  .sidebar-collapse-toggle{top:28px!important;right:-16px!important;border-color:var(--desktop-border-strong)!important;background:var(--fce-neutral-100)!important;color:var(--desktop-navy)!important;box-shadow:0 5px 16px rgba(18,42,69,.16)!important}
  .club-system-bar{position:sticky!important;top:0!important;z-index:120!important;min-height:58px;padding:8px 22px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--desktop-border)!important;box-shadow:0 2px 10px rgba(18,42,69,.035);backdrop-filter:blur(10px)}
  .division-tabs-brand b{color:#275f9f;font-size:14px}
  .club-system-bar .system-actions{gap:8px!important}
  .club-system-bar .profile-chip{min-height:40px!important;padding:6px 10px!important;border-color:var(--desktop-border);border-radius:9px!important;background:var(--desktop-surface-soft)}
  .club-system-bar .btn{min-height:40px!important}
  .content{width:100%;max-width:1720px;margin:0 auto;padding:20px clamp(18px,2vw,32px) 36px}
  .pdf-header{display:none!important}
  .view.active{animation:desktopViewIn .18s ease-out}
  @keyframes desktopViewIn{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}
  .dash-strip,.section-brand,.training-studio-head,.finance-executive-head{margin-bottom:14px!important;border:1px solid var(--desktop-border)!important;border-radius:var(--desktop-radius)!important;box-shadow:var(--desktop-shadow)!important}
  .dash-strip{min-height:78px;padding:16px 18px;background:var(--desktop-surface)}
  .dash-strip h2{font-size:25px;line-height:1.1!important;color:var(--desktop-ink)}
  .dash-strip p,.dash-hero-line{color:var(--desktop-muted)!important}
  .panel-eyebrow{color:#7b6740!important;font-size:10px!important;letter-spacing:.1em!important}
  .panel,.card,.finance-shell,.training-studio-shell{border:1px solid var(--desktop-border)!important;border-radius:var(--desktop-radius)!important;background:var(--desktop-surface)!important;box-shadow:var(--desktop-shadow)}
  .panel{margin-bottom:14px}
  .panel-head{min-height:50px;padding:8px 16px;color:var(--desktop-ink)!important;background:var(--desktop-surface);border-bottom:1px solid var(--desktop-border)}
  .panel-head h3{font-family:Inter,Arial,sans-serif!important;font-size:16px;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--desktop-ink)}
  .panel-head-actions{padding:0!important;gap:7px!important}
  .panel-body{padding:16px}
  .cards,.dash-kpis{gap:12px!important;margin-bottom:14px!important}
  .card{min-height:92px!important;padding:14px!important;transition:border-color .16s ease,box-shadow .16s ease!important}
  .card:hover{transform:none!important;border-color:#b7c7d8!important;box-shadow:0 10px 26px rgba(18,42,69,.09)!important}
  .card strong{font-size:27px!important;line-height:1.1!important}
  .tabs,.finance-main-tabs,.training-studio-tabs,.resenha-division-tabs{padding:4px;border:1px solid var(--desktop-border);border-radius:10px!important;background:var(--fce-blue-94);box-shadow:none!important}
  .tab,.finance-main-tabs button,.training-studio-tabs button,.resenha-division-tabs button{min-height:40px!important;padding:8px 14px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#4d627a!important;box-shadow:none!important}
  .tab.active,.finance-main-tabs button.active,.training-studio-tabs button.active,.resenha-division-tabs button.active{color:var(--desktop-ink);background:var(--fce-neutral-100);box-shadow:0 2px 7px rgba(18,42,69,.1)}
  .btn{min-height:40px;border:1px solid var(--desktop-navy-soft)!important;border-radius:8px;background:var(--desktop-navy-soft)!important;color:var(--fce-neutral-100)!important;box-shadow:none!important;transform:none!important}
  .btn:hover{background:#0f2e54!important;border-color:#0f2e54!important;box-shadow:none!important;transform:none!important}
  .btn.secondary,.btn.ghost{background:var(--fce-neutral-100)!important;color:#244766!important;border-color:var(--desktop-border-strong)!important}
  .btn.secondary:hover,.btn.ghost:hover{background:#f4f7fa!important;border-color:#9eb1c5!important}
  .btn.gold{background:#d7b655!important;border-color:#bc9637!important;color:#162a42!important}
  .btn.red{background:var(--fce-neutral-100)!important;border-color:#d8a7a7!important;color:#9f2929!important}
  .btn.green{background:#287653!important;border-color:#287653!important;color:var(--fce-neutral-100)!important}
  label{color:#314a64!important}
  input,select,textarea{border-color:var(--desktop-border-strong);border-radius:8px!important;background:var(--fce-neutral-100);color:var(--desktop-ink)!important;box-shadow:none!important}
  input:focus,select:focus,textarea:focus{border-color:#4278ad!important;box-shadow:0 0 0 3px rgba(66,120,173,.14)!important}
  .toolbar,.filters,.finance-toolbar{gap:10px!important;padding:12px;border:1px solid var(--desktop-border);border-radius:10px;background:var(--desktop-surface-soft)}
  .table-wrap{border:1px solid var(--desktop-border)!important;border-radius:10px;background:var(--fce-neutral-100)!important;box-shadow:none}
  table thead th,.table-wrap table th{position:sticky;top:58px;z-index:5;background:var(--fce-blue-95-a);color:#435970;border-color:var(--desktop-border)!important;letter-spacing:.035em!important}
  /* Tabelas que ja possuem rolagem propria usam o topo do proprio contêiner.
     O deslocamento da barra do portal criava uma faixa vazia antes do cabecalho. */
  .table-wrap table thead th{top:0!important}
  table td,.table-wrap table td{border-color:#e2e8ef!important;color:var(--desktop-ink)!important}
  table tbody tr:hover td,.table-wrap table tbody tr:hover td{background:var(--desktop-panel-soft)!important}
  .modal-box{border:1px solid var(--desktop-border-strong)!important;border-radius:14px!important;background:var(--fce-neutral-100)!important;box-shadow:0 24px 70px rgba(8,28,50,.22)!important}
  .modal-head{min-height:54px!important;padding:10px 16px!important;background:var(--fce-neutral-100)!important;color:var(--desktop-ink)!important;border-bottom:1px solid var(--desktop-border)!important}
  .modal-head h3{font-family:Inter,Arial,sans-serif!important;font-size:17px!important;letter-spacing:0!important;text-transform:none!important}
  .app.sidebar-collapsed .sidebar{width:76px;min-width:76px}
  .app.sidebar-collapsed .sidebar .logo-area{grid-template-columns:1fr!important;padding:14px 10px!important}
}

@media(min-width:1440px){.content{padding-inline:32px!important}.dash-grid-2,.grid{gap:18px!important}}

/* Bloco desktop 1: painel, cadastro, elenco, negociacoes e historico. */
@media(min-width:1101px){














  /* Os cartões de negociação começam imediatamente abaixo deste cabeçalho.
     Mantê-lo fixo cobria o topo dos cartões ao rolar a página. */

}

@media(min-width:1101px) and (max-width:1360px){

}

/* Bloco desktop 2: jogos, comissao tecnica, avaliacoes e treinos. */
@media(min-width:1101px){

}

@media(min-width:1101px) and (max-width:1280px){

}

/* Bloco desktop 3: financeiro, oficios, documentos e relatorios. */
@media(min-width:1101px){
  #cadastro>.panel>.panel-head{position:sticky!important;top:58px;z-index:18!important}
  #agenda>.section-brand,#jogos>.section-brand{background:var(--fce-neutral-100)!important}
  #avaliacoes>.panel>.panel-head{position:sticky!important;top:58px;z-index:18!important}
  #oficios>.section-brand,#relatorios>.section-brand{min-height:66px;padding:10px 14px;background:var(--fce-neutral-100)!important}
  #oficios>.section-brand>img:first-child,#relatorios>.section-brand>img:first-child{width:42px!important;height:42px!important}
  #oficios>.section-brand>img:last-child,#relatorios>.section-brand>img:last-child{max-width:72px!important;max-height:32px!important}

}

@media(min-width:1101px) and (max-width:1380px){
}

/* Desktop premium 95 · onda 4
   Financeiro, ofícios e documentos. Somente apresentação. */
@media(min-width:1101px){
  #oficios .oficios-layout>.panel>.panel-head{position:sticky!important;top:58px!important;z-index:17!important}
  #relatorios>.panel>.panel-head{position:sticky!important;top:58px!important;z-index:16!important}
  #oficios>.section-brand,#relatorios>.section-brand{min-height:64px!important;margin-bottom:10px!important;padding:9px 14px!important;border-radius:10px!important}
}

/* Bloco desktop 4: pessoas, acessos, seguranca e LGPD. */
@media(min-width:1101px){
  #pessoas .access-page-head,#conformidade .access-page-head{align-items:center!important;min-height:70px!important;margin:0 0 12px!important;padding:12px 14px!important;border:1px solid var(--desktop-border)!important;border-radius:var(--desktop-radius)!important;background:var(--fce-neutral-100)!important;box-shadow:var(--desktop-shadow)!important}
  #pessoas .access-page-head h2,#conformidade .access-page-head h2{margin:1px 0 2px!important;font-size:22px!important;color:var(--desktop-ink)!important}
  #pessoas .access-page-head p,#conformidade .access-page-head p{font-size:12px!important;color:var(--desktop-muted)!important}

}

@media(min-width:1101px) and (max-width:1280px){

}

/* Execucao visual premium: transforma a fundacao em uma identidade perceptivel. */
@media(min-width:1101px){
  body{background:linear-gradient(135deg,var(--fce-blue-93-b) 0%,var(--desktop-panel-soft) 48%,#e9f0f6 100%)}
  #conformidade .compliance-grid>.panel>.panel-head{position:sticky!important;top:58px!important;z-index:16!important}
  .app{background:transparent!important}
  .main{min-height:100vh!important;background:radial-gradient(circle at 92% 0,rgba(49,101,151,.08),transparent 30%),var(--desktop-canvas)!important}
  .sidebar{width:250px;min-width:250px;background:radial-gradient(circle at 50% 0,rgba(72,122,174,.17),transparent 26%),linear-gradient(180deg,#0b2340 0%,#07182d 72%,#061426 100%)!important;box-shadow:8px 0 28px rgba(6,22,40,.14)}
  .sidebar .logo-area{grid-template-columns:60px minmax(0,1fr);min-height:106px;padding:18px 16px}
  .sidebar .logo-frame{width:58px;height:58px;border-radius:15px;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.16)!important}
  .sidebar .logo-frame img{width:50px;height:50px}
  .sidebar .club-name{font-family:Inter,Arial,sans-serif!important;font-size:17px;line-height:1.2;letter-spacing:-.01em!important;text-transform:none!important}
  .sidebar .club-name small{margin-top:7px;color:#90a8c2!important;font-size:9px;line-height:1.35!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  .sidebar .nav{padding:12px 10px}
  .sidebar .nav-group{margin:0 0 8px!important;padding:0 0 8px!important;border-bottom:1px solid rgba(255,255,255,.065)!important}
  .sidebar .nav-group:last-of-type{border-bottom:0!important}
  .sidebar .nav button,.sidebar .nav-group-toggle{min-height:42px!important;margin:2px 0!important;padding:8px 9px!important;border-radius:9px!important;color:#bfcede!important}
  .sidebar .nav-group-toggle{min-height:54px;background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.055)!important}
  .sidebar .nav-group-toggle strong{color:#f2f6fa!important;font-size:11px!important;letter-spacing:.065em!important;text-transform:uppercase!important}
  .sidebar .nav-group-toggle small{display:block!important;margin-top:2px!important;color:#7f98b3!important;font-size:9px!important;font-weight:600!important}
  .sidebar .nav button.active{background:linear-gradient(90deg,rgba(41,91,142,.96),rgba(28,66,108,.76))!important;border-color:rgba(119,164,209,.32)!important;box-shadow:inset 3px 0 0 var(--desktop-gold),0 6px 16px rgba(0,0,0,.12)!important;color:var(--fce-neutral-100)!important}
  .sidebar .nav button.active .ico{color:#ffe18b!important;background:rgba(255,255,255,.12)!important}
  .sidebar .sidebar-footer{padding:12px 13px;background:rgba(1,9,18,.2)!important}
  .sidebar .sidebar-tech{opacity:.7!important}

  .club-system-bar{min-height:64px;padding:9px clamp(20px,2vw,34px);background:rgba(255,255,255,.96)!important;border-bottom-color:#d3dee9!important;box-shadow:0 4px 18px rgba(16,41,66,.055)!important}
  .division-tabs-brand{display:flex!important;align-items:center!important;gap:9px!important}
  .division-tabs-brand:before{content:"";display:block;width:4px;height:26px;border-radius:4px;background:var(--desktop-gold)!important}
  .division-tabs-brand b{color:#153b64!important;font-size:15px!important;letter-spacing:-.01em!important}
  .club-system-bar .profile-chip{border-color:#d3dde8!important;background:var(--desktop-premium-canvas)!important}
  .content{max-width:1680px;padding:24px clamp(22px,2.5vw,42px) 42px}

  .dash-strip{position:relative!important;overflow:hidden!important;min-height:108px!important;padding:20px 22px!important;border:0!important;background:radial-gradient(circle at 88% 18%,rgba(103,157,209,.28),transparent 25%),linear-gradient(120deg,#0b2745,#124774 72%,#1a5a8b)!important;box-shadow:0 14px 32px rgba(12,45,75,.18)!important}
  .dash-strip:after{content:"";position:absolute;right:-32px;bottom:-68px;width:210px;height:210px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018)!important;pointer-events:none}
  .dash-strip .panel-eyebrow{color:#e5c96f!important}
  .dash-strip h2{color:var(--fce-neutral-100)!important;font-size:28px!important}
  .dash-strip p,.dash-strip .dash-hero-date{color:#c9d8e7!important}
  .dash-strip .btn.gold{position:relative!important;z-index:1!important}
  .dash-kpis{gap:14px!important}







  .section-brand,#agenda>.section-brand,#jogos>.section-brand,#oficios>.section-brand,#relatorios>.section-brand{position:relative!important;overflow:hidden!important;min-height:78px!important;padding:12px 18px!important;border:0!important;background:linear-gradient(105deg,#0d2a48,#154b79)!important;box-shadow:0 10px 26px rgba(12,45,75,.14)!important}
  .section-brand:after{content:"";position:absolute;right:18%;top:-45px;width:150px;height:150px;border:1px solid rgba(255,255,255,.1);border-radius:50%!important;pointer-events:none}
  .section-brand h2,.section-brand h3,#agenda>.section-brand h2,#jogos>.section-brand h2,#oficios>.section-brand h2,#relatorios>.section-brand h2{color:var(--fce-neutral-100)!important;font-size:19px!important}
  .section-brand p,.section-brand span,#agenda>.section-brand p,#jogos>.section-brand p,#oficios>.section-brand p,#relatorios>.section-brand p{color:#c8d7e6!important}
  .section-brand>img{position:relative!important;z-index:1!important}

  .panel,.card,.finance-shell,.training-studio-shell{border-color:#d3dde7!important;box-shadow:0 7px 22px rgba(18,42,69,.075)!important}
  .panel-head{min-height:54px;padding:9px 17px;background:linear-gradient(180deg,var(--fce-neutral-100),#f7f9fb)!important;border-bottom-color:#d8e1ea!important}
  .panel-head:before{content:"";align-self:stretch;width:3px;min-height:28px;margin-right:2px;border-radius:3px;background:#d2ae4d!important}
  .panel-head>h3,.panel-head>div:first-child{min-width:0!important}
  .panel-head h3{color:#173a5d!important;font-weight:800!important}
  .panel-body{background:var(--fce-neutral-100)!important}
  .tabs,.finance-main-tabs,.training-studio-tabs,.resenha-division-tabs{padding:5px!important;background:#dfe7ef!important;border-color:#cbd7e2!important}
  .tab.active,.finance-main-tabs button.active,.training-studio-tabs button.active,.resenha-division-tabs button.active{background:#133e69!important;color:var(--fce-neutral-100)!important;box-shadow:0 4px 12px rgba(16,55,91,.16)!important}
  .tab.active small{color:#c8d8e8!important}
  .toolbar,.filters,.finance-toolbar{background:var(--desktop-premium-canvas)!important;border-color:#d4dee8!important;box-shadow:inset 0 1px 0 var(--fce-neutral-100)!important}
  input,select,textarea{border-color:#cbd7e3!important;background:var(--fce-neutral-100)!important}
  input:hover,select:hover,textarea:hover{border-color:#9fb4c8!important}
  .table-wrap{box-shadow:0 5px 16px rgba(18,42,69,.045)!important}
  table thead th,.table-wrap table th{background:#e8eef4;color:#38546f!important}
  table tbody tr:nth-child(even) td,.table-wrap table tbody tr:nth-child(even) td{background:#fbfcfd!important}
  .empty-state,.finance-empty{border:1px dashed #cbd7e2!important;border-radius:9px!important;background:#f7f9fb!important;color:var(--fce-blue-48)!important}
}

@media(min-width:1101px) and (max-width:1280px){
  .sidebar{width:232px!important;min-width:232px!important}
  .content{padding-inline:22px!important}
}

/* Desktop premium 95 · onda 1
   Estrutura compartilhada, painel, cadastro e elenco. Somente apresentação. */
@media(min-width:1101px){
  body{background:var(--desktop-premium-canvas)!important}
  .app{align-items:stretch!important}
  .sidebar{width:var(--desktop-premium-sidebar)!important;min-width:var(--desktop-premium-sidebar)!important;border-right:1px solid rgba(255,255,255,.07)!important;box-shadow:5px 0 22px rgba(7,25,44,.11)!important}
  .sidebar .logo-area{grid-template-columns:46px minmax(0,1fr)!important;min-height:82px!important;padding:12px 13px!important;text-align:left!important}
  .sidebar .logo-frame{width:44px!important;height:44px!important;border-radius:12px!important}
  .sidebar .logo-frame img{width:38px!important;height:38px!important}
  .sidebar .club-name{font-size:15px!important;line-height:1.16!important}
  .sidebar .club-name small{margin-top:4px!important;font-size:8px!important}
  .sidebar .nav{padding:8px!important}
  .sidebar .nav-group{margin-bottom:5px!important;padding-bottom:5px!important}
  .sidebar .nav-group-toggle{min-height:46px!important;padding:7px 8px!important}
  .sidebar .nav button{min-height:38px!important;padding:6px 8px!important;border-radius:8px!important}
  .sidebar .nav button .ico{width:28px!important;height:28px!important;border-radius:8px!important}
  .sidebar .sidebar-footer{padding:9px 10px!important}
  .app.sidebar-collapsed .sidebar{width:68px!important;min-width:68px!important}

  .club-system-bar{min-height:var(--desktop-premium-topbar)!important;padding:7px clamp(18px,2vw,30px)!important}
  .content{width:100%!important;max-width:1720px!important;margin:0 auto!important;padding:18px clamp(18px,2.1vw,34px) 36px!important}
  .view.active{animation:desktopPremiumEnter .2s ease-out!important}
  @keyframes desktopPremiumEnter{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}

  .panel{margin-bottom:12px!important;border-color:var(--desktop-premium-line)!important;border-radius:11px!important;box-shadow:0 5px 18px rgba(19,45,70,.055)!important}
  .panel-head{min-height:50px!important;padding:8px 14px!important}
  .panel-head:before{width:3px!important;min-height:24px!important}
  .panel-head h3{font-size:16px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important}
  .panel-body{padding:14px!important}
  .btn{min-height:38px!important;border-radius:8px!important}
  .btn.sm{min-height:34px!important}
  .toolbar,.filters,.finance-toolbar{padding:9px!important;border-radius:9px!important}
  .table-wrap{border-color:var(--desktop-premium-line)!important;border-radius:9px!important}
  table thead th,.table-wrap table th{height:38px!important;padding:7px 9px!important;background:var(--fce-blue-95-a)!important;font-size:11px!important}
  table td,.table-wrap table td{padding:8px 9px!important}




  #inicial .dash-strip .panel-eyebrow{color:#9a7420!important;font-size:9px!important}











}

@media(min-width:1101px) and (max-width:1360px){

}

/* Desktop premium 95 · onda 2
   Negociações, jogos e histórico de atletas. Somente apresentação. */
@media(min-width:1101px){
  #cadastro>.panel>.panel-head{top:var(--desktop-premium-topbar)!important;border:1px solid var(--desktop-premium-line)!important;border-radius:10px 10px 0 0!important}
  #atletas>.panel>.panel-head{top:var(--desktop-premium-topbar)!important;border:1px solid var(--desktop-premium-line)!important;border-radius:10px 10px 0 0!important}
  #estrelas>.panel,#agenda>.panel,#exatletas>.panel{overflow:visible!important}
  #estrelas>.panel>.panel-head,#agenda>.panel>.panel-head,#exatletas>.panel>.panel-head{min-height:58px!important;border:1px solid var(--desktop-premium-line)!important;border-radius:10px 10px 0 0!important;background:var(--fce-neutral-100)!important}
  #estrelas>.panel>.panel-head h3,#agenda>.panel>.panel-head h3,#exatletas>.panel>.panel-head h3{font-size:19px!important;letter-spacing:-.015em!important}

  #estrelas>.panel>.panel-body,#agenda>.panel>.panel-body,#exatletas>.panel>.panel-body{padding:11px!important;background:var(--fce-neutral-100)!important}

}

@media(min-width:1101px) and (max-width:1380px){
}

/* Desktop premium 95 · onda 3
   Comissão técnica e avaliações. Somente apresentação. */
@media(min-width:1101px){

  /* A agenda já possui duas navegações persistentes acima dela. Manter este
     terceiro cabeçalho sticky fazia o conteúdo rolar por baixo, escondia os
     filtros e deixava um grande vazio visual em telas de notebook. */

}

/* Desktop premium 95 · onda 5
   Pessoas, acessos, segurança e LGPD. Somente apresentação. */
@media(min-width:1101px){
  #agenda>.panel>.panel-head{position:sticky!important;top:var(--desktop-premium-topbar)!important;z-index:18!important}
  #exatletas>.panel>.panel-head{position:sticky!important;top:var(--desktop-premium-topbar)!important;z-index:18!important}
  #avaliacoes>.panel>.panel-head{top:var(--desktop-premium-topbar)!important;min-height:52px!important}
  #pessoas .access-page-head p,#conformidade .access-page-head p,#conformidade .compliance-page-head p{margin-top:3px!important;color:#6b7d90!important}

}

@media(min-width:1101px) and (max-width:1320px){
}

/* Fallback canônico de contraste. A experiência móvel usa seletores
   qualificados por html.fce-mobile-executive e mantém sua paleta própria. */
.panel-body p{color:var(--desktop-ink)!important}

/* Desktop: somente a navegação principal da tela pode permanecer fixa.
   Cabeçalhos internos empilhados criavam áreas vazias, cobriam filtros e
   faziam o conteúdo parecer travado. Cabeçalhos de coluna das tabelas
   continuam sticky dentro do respectivo contêiner de rolagem. */
@media(min-width:1101px){
  #pessoas .access-layout>.panel>.panel-head{position:sticky!important;top:var(--desktop-premium-topbar)!important;z-index:18!important;min-height:50px!important}
  .panel-body,.panel-body p{color:var(--desktop-ink)!important}
  #cadastro>.panel>.panel-head,
  #atletas>.panel>.panel-head,
  #exatletas>.panel>.panel-head,
  #agenda>.panel>.panel-head,
  #avaliacoes>.panel>.panel-head,
  #jogos .planning-week-head,
  #financeiro .finance-form-panel>.panel-head,
  #financeiro [data-fin-panel="relatorios"]>.panel-head,
  #financeiro .finance-planilha-panel>.panel-head,
  #oficios .oficios-layout>.panel>.panel-head,
  #relatorios>.panel>.panel-head,
  #pessoas .access-layout>.panel>.panel-head,
  #conformidade .compliance-grid>.panel>.panel-head{
    position:relative!important;
    top:auto!important;
    z-index:2!important;
  }

}

/* QA responsivo 2026-09-02: correções pontuais medidas na matriz de 14
   resoluções. Mantêm a rolagem interna de tabelas sem permitir que controles
   ou painéis ampliem o documento. */
@media (min-width:761px){
  .hero .welcome,.view .panel-eyebrow,#inicial .dash-strip .panel-eyebrow{font-size:12px!important}

}
@media (min-width:901px) and (max-width:1100px){

}
@media (min-width:1101px) and (max-width:1360px){

}
@media (max-width:360px){

}

/* Contraste operacional da relação: estes cartões permanecem escuros em
   desktop, tablet e celular, portanto seus textos não podem herdar a tinta
   escura usada pelos painéis claros. Mantido na última folha da cascata. */

/* ============================================================
   LEGIBILIDADE E RESPONSIVIDADE — auditoria global 2026-09-02
   Regras finais e estritamente visuais. Mantêm a estrutura e os fluxos,
   corrigindo combinações de cor sobrescritas por camadas responsivas e
   permitindo que as abas da comissão mostrem seus rótulos por inteiro.
   ============================================================ */
.req{color:#a52626!important}

#oficios>.section-brand strong,
#relatorios>.section-brand strong,
#agenda>.section-brand strong{color:var(--fce-neutral-100)!important}
#oficios>.section-brand small,
#relatorios>.section-brand small,
#agenda>.section-brand small{color:#f4d77f!important}

#pessoas .panel-head small,
#conformidade .panel-head small,
#financeiro .panel-head small{color:#e3edf7!important}
#pessoas .panel-head,
#conformidade .panel-head{background-color:var(--fce-neutral-100)!important;background-image:none!important}
#pessoas .panel-head h3,
#conformidade .panel-head h3{color:var(--fce-blue-18-a)!important}
#pessoas .panel-head small,
#conformidade .panel-head small{color:var(--fce-blue-40)!important}
#pessoas .access-page-head p,
#conformidade .access-page-head p{color:var(--fce-blue-40)!important}

#financeiro .panel-eyebrow,
#jogos .panel-eyebrow,
#inicial .panel-eyebrow{color:#76570b!important}
#financeiro .panel-head .panel-eyebrow,
#jogos .panel-head .panel-eyebrow,
#inicial .panel-head .panel-eyebrow{color:#f4d77f!important}
#financeiro .finance-consult-panel .panel-head .panel-eyebrow,
#jogos .planning-week-head .panel-eyebrow,
#inicial .dash-strip .panel-eyebrow{color:#76570b!important}






@media(max-width:1100px){
  #financeiro .finance-consult-panel .panel-head .panel-eyebrow,
  #jogos .planning-week-head .panel-eyebrow{color:#f4d77f!important}




}

@media(min-width:1101px){
  #financeiro .finance-consult-panel .panel-head .panel-eyebrow,
  #jogos .planning-week-head .panel-eyebrow{color:#76570b!important}

}

@media(max-width:700px){


  label:has(>input#lesionadoAtivo),
  label:has(>input#suspensoAtivo){min-height:44px!important;display:flex!important;align-items:center!important;gap:10px!important}
}

@media(max-width:760px){
  html.fce-mobile-executive label{color:#314a64!important}




  html.fce-mobile-executive #estrelas>.panel>.panel-head small,
  html.fce-mobile-executive #financeiro .finance-tabs-slim button,
  html.fce-mobile-executive #financeiro .finance-main-tabs button,
  html.fce-mobile-executive #financeiro .panel-head small{font-size:12px!important}
}