.impersonation-banner { position: sticky; top: 10px; z-index: 20; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 18px; margin-bottom: 20px; border: 1px solid #aaa15d; border-radius: 16px; background: #fff4bf; color: #373421; box-shadow: 0 4px 16px #35301112; }
.impersonation-banner div { display: grid; gap: 5px; min-width: 0; }
.impersonation-banner strong { font-size: 14px; overflow-wrap: anywhere; }
.impersonation-banner span { font-size: 12px; overflow-wrap: anywhere; }
.impersonation-banner .btn { flex-shrink: 0; background: #292c24; color: #fff; border-color: #292c24; }
.top-actions [data-action^="impersonation-"] { white-space: nowrap; }
.impersonation-expired { max-width: 480px; margin: 12vh auto; padding: 28px; border: 1px solid #c4b86d; border-radius: 22px; background: #fff9dc; }
@media(max-width:760px) { .impersonation-banner { top: 8px; padding: 12px; gap: 10px; } .topbar:has([data-action^="impersonation-"]) { padding-right: 0 !important; } .topbar:has([data-action^="impersonation-"]) .top-actions { position: static !important; margin-top: 12px; flex-wrap: wrap; } }