/* The standing banner of the staff sign-in switch (templates/_staff_signin_bar.html). Tokens only: the danger tokens are defined in every theme, light and dark. Words and the icon say it first; the colour and the heavy rule are the third cue. */
.staff-signin-bar { margin: 0; padding: .55rem clamp(var(--space-3), 3vw, var(--space-5)); background: var(--color-danger-soft); color: var(--color-danger-text); border-bottom: 3px solid var(--color-danger-text); }
.staff-signin-what { display: flex; align-items: flex-start; gap: var(--space-2); margin: 0; min-width: 0; line-height: 1.4; }
.staff-signin-what .icon { flex: none; margin-top: .15rem; }
.staff-signin-bar a { color: inherit; font-weight: 700; text-decoration: underline; }
.staff-signin-bar a:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
@media print { .staff-signin-bar { border-bottom-width: 1px; } }