:root { scrollbar-gutter:stable; }
/* Menu, marca e seletor compartilham posições iguais nos dois modos. */
.cabecalho-evento { background:var(--cabecalho);color:var(--texto-cabecalho);border-bottom:2px solid var(--primaria); }
.cabecalho-evento .barra { display:grid;grid-template-columns:minmax(0,1fr) 19rem auto;align-items:center;gap:.65rem 1rem;max-width:84rem;margin:0 auto;padding:.6rem clamp(1rem,3vw,2rem); }
.cabecalho-evento .marca { grid-column:1;grid-row:1;min-width:0; }
.cabecalho-evento .marca .logo-cliente { min-width:0;max-width:100%;flex-shrink:1; }
.cabecalho-evento .marca-textos { min-width:0;flex:1; }
.cabecalho-evento .marca h1 { font-size:1.05rem;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.cabecalho-evento .marca-textos :is(.produto,#cliente) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.cabecalho-evento .turno { grid-column:3;grid-row:1;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:.55rem;margin:0;text-align:left;font-size:.85rem; }
.cabecalho-evento .turno button { min-height:2.25rem; }
.cabecalho-evento .trocar-evento { margin:0;white-space:nowrap; }
.cabecalho-evento .modos-painel { display:grid;grid-template-columns:1fr 1.35fr;width:14rem;max-width:100%;margin:0;flex-shrink:0; }
.cabecalho-evento .modos-painel :is(a,span) { text-align:center;font-size:.85rem; }
.cabecalho-evento-secundario { display:contents; }
.cabecalho-evento .cabecalho-evento-secundario .navegacao { grid-column:2;grid-row:1;justify-self:center;margin:0;width:max-content;max-width:100%;display:flex;flex-wrap:nowrap;gap:.25rem;background:color-mix(in srgb,var(--cabecalho) 88%,var(--texto-cabecalho)); }
.cabecalho-evento .cabecalho-evento-secundario .navegacao button { flex:0 1 auto;min-height:2.5rem;padding:.4rem .6rem;font-size:.85rem;border-color:transparent;color:var(--texto-cabecalho); }
.cabecalho-evento .cabecalho-evento-secundario .navegacao button[aria-pressed="true"] { background:var(--primaria);color:var(--texto-primaria); }
.usuario-cabecalho { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
@media(max-width:62rem) {
  .cabecalho-evento .barra { grid-template-columns:minmax(0,1fr) 19rem;gap:.5rem;padding:.55rem 1rem; }
  .cabecalho-evento .marca .logo-cliente { width:min(var(--logo-painel-largura,128px),8rem); }
  .cabecalho-evento .turno { grid-column:1 / -1;grid-row:2; }
  .cabecalho-evento .marca h1 { font-size:.95rem; }
}
@media(max-width:42rem) {
  .cabecalho-evento .barra { grid-template-columns:minmax(0,1fr) minmax(0,14.5rem); }
  .cabecalho-evento .marca { flex-direction:column;align-items:flex-start;gap:.2rem; }
  .cabecalho-evento .marca .logo-cliente { width:min(var(--logo-painel-largura,128px),6.25rem); }
  .cabecalho-evento .marca-textos { width:100%; }
  .cabecalho-evento .marca h1 { font-size:.8rem; }
  .cabecalho-evento .cabecalho-evento-secundario .navegacao { width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr); }
  .cabecalho-evento .cabecalho-evento-secundario .navegacao button { min-height:2.25rem;padding:.35rem .3rem;font-size:.75rem; }
  .cabecalho-evento .navegacao:has([data-aba-evento]) { grid-template-columns:.85fr 1fr 1.4fr;grid-auto-flow:row; }
  .cabecalho-evento .navegacao:has([data-aba-evento]) button { min-width:0;padding-inline:.15rem; }
  .cabecalho-evento .turno { gap:.3rem; }
  .cabecalho-evento .modos-painel { width:12rem; }
  .cabecalho-evento .modos-painel :is(a,span) { padding:.4rem .3rem;font-size:.75rem; }
  .cabecalho-evento .trocar-evento { font-size:0;padding:.4rem .45rem; }
  .cabecalho-evento .trocar-evento::after { content:"Eventos";font-size:.75rem; }
  .cabecalho-evento .turno button { padding:.4rem .6rem;font-size:.8rem; }
}
@media(max-width:22rem) {
  .cabecalho-evento .barra { grid-template-columns:minmax(0,1fr) minmax(0,13rem); }
  .cabecalho-evento .modos-painel { width:10.5rem; }
  .cabecalho-evento .cabecalho-evento-secundario .navegacao button { font-size:.7rem; }
  .cabecalho-evento .modos-painel :is(a,span) { font-size:.7rem; }
  .cabecalho-evento .turno { gap:.2rem; }
  .cabecalho-evento .trocar-evento { padding:.3rem; }
  .cabecalho-evento .turno button { padding:.3rem .4rem;font-size:.75rem; }
}