/* Cabeçalho compartilhado: comandos na primeira linha, usuário e ajuda abaixo. */
:root body .barra-superior {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  column-gap: 24px;
  row-gap: 10px;
  height: auto;
  min-height: 100px;
  padding: 14px 30px;
}
:root body .barra-superior .titulo-topo {
  grid-column: 1;
  grid-row: 1 / 3;
  min-width: 0;
  align-self: center;
}
:root body .barra-superior .usuario-topo {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}
:root body .barra-superior-detalhes {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 18px;
  min-width: 0;
}
:root body .barra-superior-detalhes .usuario-identificacao {
  display: grid;
  gap: 2px;
  min-width: 0;
  max-width: 320px;
  text-align: right;
  overflow-wrap: anywhere;
}
:root body .usuario-identificacao strong { color: var(--texto); font-size: calc(13px * var(--sigel-escala-fonte,1)); font-weight: 400; line-height: 1.3; }
:root body .usuario-identificacao small { color: var(--cinza); font-size: calc(12px * var(--sigel-escala-fonte,1)); line-height: 1.3; }
:root body .barra-superior #ajudaTopo { margin: 0; }
:root body .barra-superior #ajudaTopo:empty { display: none; }
@media(max-width:1200px) {
  :root body .barra-superior { grid-template-columns: minmax(0,1fr); padding-inline: 16px; }
  :root body .barra-superior .titulo-topo { grid-column: 1; grid-row: 1; }
  :root body .barra-superior .usuario-topo { grid-column: 1; grid-row: 2; }
  :root body .barra-superior-detalhes { grid-column: 1; grid-row: 3; }
}
@media(max-width:520px) {
  :root body .barra-superior { gap: 12px; }
  :root body .barra-superior .usuario-topo { gap: 8px; }
  :root body .barra-superior-detalhes { gap: 10px; }
  :root body .barra-superior-detalhes .usuario-identificacao { flex: 1 1 100%; max-width: 100%; }
}
@media print { :root body .barra-superior-detalhes { display: none; } }