/* Lucian #074/#072 · MIT (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/ */
.workspace-actions{display:flex;align-items:center;gap:10px}
.admin-alerts{position:relative}
.admin-alerts-button{gap:8px;min-width:64px}
.admin-alerts-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.admin-alerts-button span{font-variant-numeric:tabular-nums;font-weight:600}
.admin-alerts-button.has-alerts{border-color:var(--brand);background:var(--soft);color:var(--deep)}
.admin-alerts-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:min(360px,calc(100vw - 40px));padding:20px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 28px #553b3014;animation:admin-alert-open .16s ease-out}
.admin-alerts-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.admin-alerts-heading h2{font-size:18px;letter-spacing:-.025em}
.admin-alerts-heading>span{font-size:12px;color:var(--muted)}
.admin-alerts-menu>.help{font-size:12px;margin-top:10px}
.admin-alerts-menu[data-stale=true]>.help{color:var(--danger)}
.admin-alerts-list{display:grid;max-height:min(320px,45svh);overflow-y:auto;margin-top:14px}
.admin-alert-row{display:flex;flex-direction:column;gap:5px;min-height:64px;width:100%;text-align:left;padding:12px 8px;border:0;border-top:1px solid var(--line);background:transparent}
.admin-alert-row:hover{background:var(--soft)}
.admin-alert-type{font-size:14px;color:var(--deep)}
.admin-alert-target{font-size:12px;color:var(--muted)}
.admin-alerts-empty{padding:20px 0 10px;font-size:14px;color:var(--muted)}
.admin-alerts-help{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:12px;color:var(--muted);line-height:1.75;word-break:keep-all}
.inbox-notice{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;border:1px solid var(--line);overflow:hidden;height:auto;interpolate-size:allow-keywords;transition:height .18s ease,padding-block .18s ease,margin-top .18s ease,opacity .16s ease,display .18s allow-discrete}
.inbox-notice-mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid var(--brand);border-radius:50%;color:var(--brand);font-size:14px}
.inbox-notice[hidden]{height:0;opacity:0;padding-block:0;margin-top:0}
@starting-style{.inbox-notice:not([hidden]){height:0;opacity:0;padding-block:0;margin-top:0}}
@keyframes admin-alert-open{from{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:760px){
 .workspace-heading{flex-wrap:wrap}.workspace-heading .eyebrow{font-size:10px;letter-spacing:.08em}.workspace-actions{margin-left:auto;gap:8px}.admin-alerts-menu{position:fixed;top:var(--admin-alert-top,160px);right:20px;width:min(360px,calc(100% - 40px));max-height:calc(100svh - var(--admin-alert-top,160px) - 16px);overflow-y:auto}
 .inbox-notice{grid-template-columns:24px minmax(0,1fr);gap:10px}.inbox-notice .button{grid-column:2;justify-self:start}.inbox-notice .button.text{grid-column:2;padding-inline:0}
}
@media(prefers-reduced-motion:reduce){.admin-alerts-menu{animation:none}.inbox-notice{transition:none}}

/* Keep short landscape screens usable and keyboard focus inside scrollports. */
.admin-alerts-menu{max-height:calc(100svh - var(--admin-alert-top,160px) - 16px);max-height:calc(100dvh - var(--admin-alert-top,160px) - 16px);overflow-y:auto;overscroll-behavior:contain}
.admin-alert-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;background:var(--soft)}
@media(max-width:760px),(max-height:600px){
 .admin-alerts-menu{position:fixed;top:var(--admin-alert-top,12px);right:20px;width:min(360px,calc(100% - 40px))}
 .admin-alerts-heading>span,.admin-alerts-menu>.help,.admin-alert-target,.admin-alerts-help{font-size:14px}
}