/* Shared system notices: text labels and emphasis accompany color. */
:is(.toast,.notice-bar,#form-alert,.form-error,.field-error,.registration-spam-reminder,.ticket-alert){line-height:1.8;overflow-wrap:anywhere;text-wrap:pretty;font-weight:600}
:is(.toast,#form-alert,.notice-bar,.ticket-alert){border-inline-start:4px solid #91bdff;border-radius:10px;padding:14px 18px;background:#14233e;color:#edf4ff;box-sizing:border-box}
:is(.toast.error,.toast.danger,#form-alert:not(.success),.form-error,.field-error):not(:empty){background:#361c29;color:#ffd4dc;border:1px solid #b85c70;border-inline-start:4px solid #ff899e;border-radius:8px;padding:10px 14px;font-weight:650}
:is(.toast.success,#form-alert.success){background:#11352c;color:#c5f8df;border:1px solid #427e68;border-inline-start:4px solid #79e4b3}
:is(.toast.warning,.notice-bar.warning,.registration-spam-reminder){background:#352b16!important;color:#fff0c2!important;border:1px solid #9c7a32!important;border-inline-start:4px solid #ffd16e!important}
:is(.toast,.notice-bar,#form-alert,.form-error,.field-error,.registration-spam-reminder,.ticket-alert) strong{font-weight:800;color:inherit}
.system-notice-emphasis{font-weight:800;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;text-decoration-thickness:1px}
:is(.notice-bar,#form-alert,.registration-spam-reminder,.ticket-alert) a:not(.btn){color:#b8d5ff;text-decoration:underline;text-underline-offset:3px;font-weight:700}
:is(.form-error,.field-error,#form-alert):empty{display:none}
#registration-notice :is(h2,.registration-notice-email){font-weight:800}#registration-notice h2{line-height:1.5}#registration-notice [role="status"]{color:#ffd987;font-weight:750}
dialog h2{font-weight:800;line-height:1.5}.toast>span{min-width:0}.toast svg{flex-shrink:0}
.notification-row{line-height:1.8;overflow-wrap:anywhere}.notification-row h3{font-weight:800;line-height:1.6}.notification-row.unread{border-inline-start:3px solid #91bdff;background:#14233e}.notification-row.unread h3{color:#dceaff}.notification-row p{color:var(--text-secondary,#a8b9d8)}
@media(max-width:600px){:is(.toast,.notice-bar,#form-alert,.ticket-alert){padding:12px 14px;font-size:14px;max-width:100%}.notice-bar{flex-wrap:wrap;gap:12px}.notice-bar .btn{white-space:normal;max-width:100%}}