/* Calm, compact notices; existing status colours and view layout remain authoritative. */
#main .ui-notice {position:relative;padding-inline-end:60px;min-height:48px}
#main .ui-notice.ui-notice-hidden[hidden] {display:none !important}
.ui-notice-close {position:absolute;inset-block-start:2px;inset-inline-end:4px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:25px;line-height:1;cursor:pointer}
.ui-notice-close:hover {background:color-mix(in srgb,currentColor 8%,transparent)}
.ui-notice-close:focus-visible,.ui-guide>summary:focus-visible {outline:2px solid var(--brand);outline-offset:2px}
.ui-notice-restore {display:flex;justify-content:flex-end;margin:-8px 0 12px}
.ui-notice-restore .btn {white-space:normal;text-align:start;min-height:44px}
.ui-guide {margin-top:16px;color:var(--muted);font-size:13px;max-width:70ch}
.ui-guide>summary {cursor:pointer;min-height:44px;align-content:center;color:var(--ink-2);width:fit-content}
.ui-guide .help {margin-top:8px;line-height:1.6}
.ui-mail-guide {margin:0 0 16px;max-width:70ch}
.ui-mail-guide>summary {font-weight:600;color:var(--ink-2)}
.ui-mail-guide>summary svg {width:16px;height:16px;vertical-align:middle;margin-inline-end:4px}
/* The app's flex banner rule must respect the native hidden attribute. */
#main .banner[hidden] {display:none !important}