/* view-as.css — faixa «Visão como usuário» (ADR-024; templates/_view_as_banner.html). PROVISÓRIO (ADR-009): o bundle
 * 8cd72241 não desenha um aviso fixo de sessão; esta cola local usa só tokens do DS (família warning) e vive no topo de
 * .shell-main, acima da barra, em todas as navegações. Pendência de brief em design/README.md. */
.sg-view-as { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); padding: var(--space-2) var(--space-4); color: var(--warning-text); background: var(--warning-bg); border-bottom: 1px solid var(--warning-border); font-family: var(--font-sans); font-size: var(--text-sm); line-height: var(--leading-snug); }
.sg-view-as svg { flex: none; }
.sg-view-as__text { display: inline-flex; align-items: center; gap: var(--space-2); flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.sg-view-as__form { margin: 0 0 0 auto; }
.sg-view-as__start { display: contents; }