/* Padrão Alvorada Operações — Separação/Reposição e Painel de Energia.
   Tema opt-in: apresentação apenas. Não altera estados, ações ou impressão. */
@media screen {
  body[data-layout="alvorada"] {
    --alv-fundo:#f4f6fa;--alv-superficie:#fff;--alv-texto:#0f172a;
    --alv-secundario:#52647b;--alv-linha:#e3e9f2;--alv-acao:#1b5fd1;
    --alv-topo:linear-gradient(120deg,#10355f,#1f5fa8);
    --alv-raio:18px;--alv-controle:14px;
  }
  body[data-layout="alvorada"][data-layout-mode="app"] {
    background:var(--alv-fundo);color:var(--alv-texto);margin:0;
    font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    line-height:1.5;--azul:#10355f;--azul-claro:#1f5fa8;
    --tinta:#0f172a;--fundo:#f4f6fa;--linha:#e3e9f2;
  }
  body[data-layout="alvorada"][data-layout-mode="app"] :where(button,input,select,textarea) {font-family:inherit;box-sizing:border-box}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(main,section,article,.cx,.card,.box,.painel) {min-width:0;box-sizing:border-box}
  body[data-layout="alvorada"][data-layout-mode="app"]>header,
  body[data-layout="alvorada"][data-layout-mode="app"]>.topo,
  body[data-layout="alvorada"][data-layout-mode="app"] .alv-header {
    background:var(--alv-topo);color:#fff;padding:18px 24px;box-shadow:none;
  }
  body[data-layout="alvorada"][data-layout-mode="app"]>header>.topo {padding:0;background:transparent;box-shadow:none}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.topo,.head-row,.head-brand) {gap:14px;min-width:0;flex-wrap:wrap}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.topo,.alv-header,header) h1 {font-size:20px;font-weight:800;line-height:1.3;margin:0;color:inherit}
  body[data-layout="alvorada"][data-layout-mode="app"] .alv-header h1 {white-space:normal;overflow:visible;text-overflow:clip}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.topo,.alv-header,header) .sub {font-size:12px;line-height:1.6;color:#e0ecfa;opacity:1;margin-top:4px}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.topo,.alv-header) :is(.marca,.alv-logo) {height:40px;width:auto;max-width:160px;object-fit:contain;flex-shrink:0}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.quando,.plantao,.head-actions) {font-size:12px;line-height:1.5;min-width:0}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(main) {max-width:1280px;margin-inline:auto}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.card,.cx,.box,.kpi,.tile,.modo,.cartao-saida) {border-radius:var(--alv-raio)}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.card h2,.cab-sec h2) {font-size:18px;font-weight:800;line-height:1.4}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.card p,.dica-cad) {line-height:1.6}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(button,.btn,.b,.aba,.tab-btn,.sub-btn,.voltar) {
    min-height:48px;border-radius:var(--alv-controle);font-weight:700;line-height:1.3;touch-action:manipulation;
  }
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.voltar) {display:inline-flex;align-items:center}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.btn-azul,.btn-primary,.botao-primario) {background:var(--alv-acao);color:#fff}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.btn-borda) {background:#fff;border-color:#bfd3f5;color:var(--alv-acao)}
  body[data-layout="alvorada"]:is([data-layout-app="fechamento-caixa"],[data-layout-app="operador-dia"],[data-layout-app="dinheiro-gavetas"]) .btn:not(:disabled) {background:var(--alv-acao);color:#fff}
  body[data-layout="alvorada"]:is([data-layout-app="fechamento-caixa"],[data-layout-app="operador-dia"]) .btn-2:not(:disabled) {background:#fff;color:var(--alv-acao);border:1px solid #bfd3f5}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.aba,.tab-btn,.sub-btn) {border:1px solid #bfd3f5;background:#fff;color:var(--alv-acao);padding:10px 14px}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.aba.on,.aba.ativa,.aba.active,.tab-btn.ativa,.tab-btn.active,.sub-btn.ativa,.sub-btn.active) {background:var(--alv-acao);border-color:var(--alv-acao);color:#fff}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.abas,.tabs,.sub-abas,.filtros,.filtro) {gap:8px}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea) {
    border-radius:var(--alv-controle);min-height:48px;max-width:100%;min-width:0;
  }
  body[data-layout="alvorada"] :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible {outline:3px solid #60a5fa;outline-offset:3px}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.kpi,.num-tight,td) {font-variant-numeric:tabular-nums}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(th) {font-size:12px;line-height:1.4}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(td) {line-height:1.5}
  body[data-layout="alvorada"][data-layout-mode="app"] :where(.aviso,.alerta,.erro) {border-radius:14px;line-height:1.6;overflow-wrap:anywhere}
  /* Agenda e Cadastro usam cabeçalho dentro de um contêiner Tailwind. */
  body[data-layout="alvorada"][data-layout-mode="app"] .alv-header {border-radius:0 0 18px 18px;margin-top:0}
  /* Monitores conservam escalas, cores de status e distribuição para leitura à distância. */
  body[data-layout="alvorada"][data-layout-mode="tv"] :where(.top,.topo,header),
  body[data-layout="alvorada"][data-layout-mode="apresentacao"] .alv-topo {background:var(--alv-topo);color:#fff}
  body[data-layout="alvorada"][data-layout-mode="impressao"] .barra {background:var(--alv-topo);color:#fff}
  body[data-layout="alvorada"][data-layout-mode="apresentacao"] button {min-height:44px;min-width:44px;border-radius:14px}
  @media(max-width:640px) {
    body[data-layout="alvorada"][data-layout-mode="app"]>header,
    body[data-layout="alvorada"][data-layout-mode="app"]>.topo,
    body[data-layout="alvorada"][data-layout-mode="app"] .alv-header {padding:16px 12px}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(.topo,.head-row,.head-brand) {gap:10px}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(.topo,.alv-header,header) h1 {font-size:18px;overflow-wrap:anywhere}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(.topo,.head-row,.head-brand)>div {min-width:0;max-width:100%}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(.quando,.plantao,.head-actions) {flex-basis:100%;width:100%;margin-left:0;text-align:left}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(main) {padding-left:12px;padding-right:12px;max-width:100%}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {font-size:16px}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(button,.btn,.b,.aba,.tab-btn,.sub-btn) {max-width:100%;white-space:normal;overflow-wrap:anywhere}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(.filtros,.filtro,.abas,.tabs,.sub-abas) {flex-wrap:wrap;max-width:100%}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(.filtros,.filtro)>* {min-width:0;max-width:100%}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(table) {display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
    body[data-layout="alvorada"][data-layout-mode="app"] :where(.card,.cx,.box) {min-width:0}
    body[data-layout="alvorada"][data-layout-app="energia"] main {padding-top:12px}
    body[data-layout="alvorada"][data-layout-mode="tv"] button {min-height:44px}
  }
  @media(prefers-reduced-motion:reduce) {
    body[data-layout="alvorada"][data-layout-mode="app"] :where(button,.card,.tile) {transition:none;scroll-behavior:auto}
  }
}

@media screen {
 body[data-layout="alvorada"][data-layout-mode="app"] :is(.brand-stripe,.top) {background:var(--alv-topo);color:#fff}
 body[data-layout="alvorada"][data-layout-app="relatorios"] .wrap>header {background:var(--alv-topo);color:#fff;border-radius:18px;padding:20px}
 body[data-layout="alvorada"][data-layout-app="relatorios"] .wrap>header :is(h1,.eyebrow) {color:inherit}
 body[data-layout="alvorada"][data-layout-app="assessor-mobile"] .msgs .b {min-height:0;font-weight:400;line-height:1.5}
 body[data-layout="alvorada"][data-layout-mode="tv"] .header {background:var(--alv-topo);color:#fff}
 body[data-layout="alvorada"][data-layout-app="index"] .side-brand {background:var(--alv-topo);color:#fff;border-radius:14px}
}

@media screen {
 body[data-layout="alvorada"][data-layout-app="estacao-periodos"] .principal {background:var(--alv-acao);border-color:var(--alv-acao);color:#fff}
 body[data-layout="alvorada"][data-layout-app="estacao-periodos"] .trocar-colaborador {background:#fff;color:#10355f}
 body[data-layout="alvorada"][data-layout-app="estacao-periodos"] .trocar-colaborador :is(span,b,small) {color:inherit}
}

@media screen and (max-width:640px) {
 body[data-layout="alvorada"][data-layout-app="visao_equipe"] :is(.kpis-grid,.cenarios-grid,.decomp-grid,.modal-info-grid) {grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-layout="alvorada"][data-layout-app="visao_equipe"] .kpi-value {overflow-wrap:anywhere}
}
