/* Super-admin preview mode: an in-flow amber bar keeps the acting administrator oriented. */
.impersonation-bar{position:sticky;top:0;z-index:160;display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:6px 16px;background:linear-gradient(180deg,#fffdf5,#fdf0cf);border-bottom:1px solid #f2d491;color:#7a4a06;font-size:var(--font-body-sm);line-height:1.5;box-shadow:0 1px 4px #7a4a0614}
.impersonation-bar b{font-weight:600}
.impersonation-badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;background:#8a5209;color:#fff;font-size:var(--font-eyebrow);font-weight:600;letter-spacing:.02em}
.impersonation-bar .btn{min-height:28px;padding:4px 12px;font-size:var(--font-caption);background:#fff;border-color:#eccf8b;color:#7a4a06;box-shadow:none}
.impersonation-bar .btn:hover{background:#fff8e6;border-color:#dfba6a}
body:has(.impersonation-bar){padding-top:0!important}
body:has(.impersonation-bar) .app-layout{min-height:calc(100dvh - 64px)}
@media(max-width:680px){.impersonation-bar{flex-wrap:wrap;gap:6px;padding:8px 12px;text-align:center}.impersonation-bar .btn{margin-left:0}}

/* In preview only, keep the ordinary header in flow beneath a wrapping banner. */
body:has(.impersonation-bar) .topbar{position:relative;top:auto}
@media(max-width:680px){.impersonation-bar .btn{min-height:36px}}