.cab-notifications-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#101013;border-bottom:1px solid #ffffff09}
.site-header .cab-notifications-heading h3{padding:0;border:0;line-height:1.5;font-size:14px;font-weight:500}
.site-header .cab-notifications .cab-notices-clear{width:auto;min-height:28px;padding:5px 8px;gap:0;border:1px solid #ffffff08;border-radius:8px;background:#ffffff04;color:#a3a3af;white-space:nowrap;font-size:11px;line-height:1.4;transition:background .2s,color .2s}
.site-header .cab-notifications .cab-notices-clear:hover:not(:disabled){transform:none;background:#ffffff09;color:#ececf1;box-shadow:none}
.cab-notice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cab-notice-top strong{flex:1;min-width:0;line-height:1.6;overflow-wrap:anywhere;padding-top:2px}
.site-header .cab-notifications .cab-notice-dismiss{display:inline-flex;align-items:center;justify-content:center;gap:0;flex:0 0 26px;width:26px;height:26px;min-height:26px;padding:0;line-height:1;border:0;border-radius:7px;background:transparent;color:#72727f;transition:background .2s,color .2s}
.site-header .cab-notifications .cab-notice-dismiss:hover:not(:disabled){transform:none;background:#ffffff08;color:#ededf3;box-shadow:none}
.site-header .cab-notifications :is(.cab-notice-dismiss,.cab-notices-clear):focus-visible{outline:2px solid #b6b2c8;outline-offset:2px}

.site-header .cab-notifications .cab-notice-dismiss>svg{display:block;width:14px;height:14px;flex:none;margin:0;pointer-events:none}

/* A single neutral surface for the inbox, toasts and form feedback. */
:root{--notice-bg:rgba(16,16,19,.97);--notice-border:#ffffff12;--notice-text:#d8d8e1;--notice-muted:#858592;--notice-error:#c4a2aa;--notice-radius:12px}
.site-header .cab-notifications,.toast,.cab-connection{background:var(--notice-bg);border:1px solid var(--notice-border);border-radius:var(--notice-radius);color:var(--notice-text);box-shadow:0 12px 32px #0004;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.cab-notifications-heading{background:#101013;padding:12px 16px}
.site-header .cab-notifications-heading h3{font-size:13px;color:var(--notice-text)}
.cab-notice{padding:14px 16px;border-color:#ffffff08}
.cab-notice:last-child{border-bottom:0}
.cab-notice strong{font-size:12px;line-height:1.6;color:var(--notice-text)}
.cab-notice p{font-size:12px;line-height:1.6;color:var(--notice-muted)}
.cab-notice time{font-size:10px;line-height:1.6;color:#70707d}
.toast-container{right:20px;bottom:20px;width:380px;max-width:calc(100vw - 32px);gap:8px;pointer-events:none}
.toast{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;font-size:12px;line-height:1.6;font-weight:400;overflow-wrap:anywhere;pointer-events:auto}
.toast::before{content:"";flex:0 0 6px;width:6px;height:6px;margin-top:6px;border-radius:50%;background:#a0b0a7}
.toast.error{border-color:var(--notice-border);color:var(--notice-text)}
.toast.error::before{background:var(--notice-error)}
.cab-connection{padding:12px 16px;font-size:12px;line-height:1.6}
.cab-connection .cab-text-button{color:var(--notice-text)}
.auth-form-error:not([hidden]),.cab-modal-error:not([hidden]){padding:10px 12px;border:1px solid var(--notice-border);border-radius:10px;background:var(--notice-bg);color:var(--notice-error);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.auth-confirm-error{color:var(--notice-error)}
@media(max-width:540px){.toast-container{right:16px;bottom:16px}.cab-connection{flex-wrap:wrap;gap:8px}}

/* The entire notice opens its destination; dismissal remains a separate action. */
.cab-notice{position:relative;padding:0}
.cab-notice-open{display:block;padding:14px 46px 14px 16px;color:inherit;transition:background-color .2s}
.cab-notice-open:hover{background:#ffffff03}
.cab-notice-open:focus-visible{outline:1px solid #ffffff40;outline-offset:-3px;border-radius:7px}
.site-header .cab-notifications .cab-notice-dismiss{position:absolute;right:10px;top:10px}
.site-header .cab-notifications .cab-notice-open{display:block;width:auto;padding:14px 46px 14px 16px;white-space:normal;border-radius:0;text-align:left;line-height:1.6;color:var(--notice-text)}
.site-header .cab-notifications .cab-notice-open:hover{background:#ffffff03;transform:none;box-shadow:none}