.sys-notifications-header-item > a {
    position: relative;
}

.sys-notifications-header-item > a.has-unread {
    color: #fff3b0 !important;
}

.sys-notifications-count {
    position: absolute;
    top: 7px;
    right: 5px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border: 2px solid rgba(255,255,255,.88);
    border-radius: 9px;
    background: #d9534f;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 13px;
    text-align: center;
}

.sys-notifications-count[hidden] {
    display: none !important;
}

.sys-notifications-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000400;
    background: rgba(13, 25, 36, .34);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
}

.sys-notifications-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2000500;
    display: flex;
    flex-direction: column;
    width: min(430px, 94vw);
    height: 100vh;
    border-left: 1px solid #d9e2e7;
    background: #f8fafb;
    color: #263944;
    box-shadow: -12px 0 32px rgba(20, 38, 52, .18);
    transform: translateX(104%);
    transition: transform .22s ease;
}

body.sys-notifications-open .sys-notifications-overlay {
    opacity: 1;
    visibility: visible;
}

body.sys-notifications-open .sys-notifications-panel {
    transform: translateX(0);
}

.sys-notifications-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    padding: 17px 18px;
    border-bottom: 1px solid #dde6ea;
    background: #fff;
}

.sys-notifications-panel-title {
    font-size: 18px;
    font-weight: 700;
}

.sys-notifications-panel-title .fa {
    margin-right: 7px;
    color: #e6a700;
}

.sys-notifications-panel-subtitle {
    margin-top: 3px;
    color: #70828c;
    font-size: 11px;
}

.sys-notifications-close,
.sys-notification-seen {
    border: 0;
    background: transparent;
}

.sys-notifications-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #71818a;
    font-size: 17px;
}

.sys-notifications-close:hover,
.sys-notifications-close:focus {
    background: #edf2f4;
    color: #273b46;
    outline: none;
}

.sys-notifications-actions {
    display: flex;
    gap: 7px;
    padding: 12px 14px 4px;
}

.sys-notifications-search-wrap {
    position: relative;
    padding: 10px 14px;
}

.sys-notifications-search-wrap .fa {
    position: absolute;
    top: 21px;
    left: 27px;
    z-index: 2;
    color: #87979f;
}

.sys-notifications-search-wrap input {
    height: 38px;
    padding-left: 34px;
    border-radius: 6px;
}

.sys-notifications-list {
    flex: 1 1 auto;
    padding: 0 11px 18px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.sys-notifications-list::-webkit-scrollbar { width: 7px; }
.sys-notifications-list::-webkit-scrollbar-track { background: transparent; }
.sys-notifications-list::-webkit-scrollbar-thumb { border-radius: 7px; background: #9baab2; }

.sys-notification-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 6px 0;
    padding: 12px 42px 12px 12px;
    border: 1px solid #dde6ea;
    border-left: 4px solid #5bc0de;
    border-radius: 7px;
    background: #fff;
    cursor: default;
    transition: box-shadow .15s ease, border-color .15s ease;
}

.sys-notification-item:hover,
.sys-notification-item:focus {
    box-shadow: 0 5px 14px rgba(31, 55, 70, .1);
    outline: none;
}


.sys-notification-main {
    display: flex;
    flex: 1 1 auto;
    align-items: flex-start;
    min-width: 0;
    gap: 10px;
    color: inherit;
    text-decoration: none;
}

.sys-notification-link {
    cursor: pointer;
}

.sys-notification-link:hover,
.sys-notification-link:focus,
.sys-notification-link:active,
.sys-notification-link:visited {
    color: inherit;
    text-decoration: none;
    outline: none;
}

.sys-notification-item.is-navigable .sys-notification-text strong::after {
    content: '\f08e';
    display: inline-block;
    margin-left: 7px;
    font-family: FontAwesome;
    font-size: 11px;
    font-weight: normal;
    opacity: .58;
}

.sys-notification-item.is-static:hover,
.sys-notification-item.is-static:focus {
    box-shadow: none;
}

.sys-notification-item.is-information {
    border: 1px dashed #c9d3d8;
    border-left: 4px solid #8a9aa3;
    background: #f3f5f6;
}

.sys-notification-item.is-information.is-unread {
    border-color: #aebdc5;
    border-left-color: #6f8794;
    background: #edf3f6;
}

.sys-notification-item.is-information .sys-notification-status {
    color: #758994;
    font-size: 15px;
}

.sys-notification-item.is-information .sys-notification-message {
    color: #657780;
}

.sys-notification-kind {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 2px 7px;
    border: 1px solid #cbd5da;
    border-radius: 10px;
    background: rgba(255, 255, 255, .72);
    color: #677b85;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
}

.sys-notification-item.is-unread {
    background: #f4f9ff;
    border-color: #b8d6eb;
}

.sys-notification-item.is-danger { border-left-color: #d9534f; }
.sys-notification-item.is-warning { border-left-color: #f0ad4e; }
.sys-notification-item.is-success { border-left-color: #35a56f; }
.sys-notification-item.is-primary { border-left-color: #337ab7; }

.sys-notification-status {
    flex: 0 0 16px;
    padding-top: 3px;
    color: #65a8cf;
    font-size: 10px;
    text-align: center;
}

.sys-notification-item.is-danger .sys-notification-status { color: #d9534f; }
.sys-notification-item.is-warning .sys-notification-status { color: #f0ad4e; }
.sys-notification-item.is-success .sys-notification-status { color: #35a56f; }

.sys-notification-text {
    min-width: 0;
}

.sys-notification-text strong,
.sys-notification-message,
.sys-notification-text small {
    display: block;
}

.sys-notification-text strong {
    font-size: 14px;
    line-height: 1.3;
}

.sys-notification-message {
    margin-top: 5px;
    color: #4f636e;
    font-size: 12px;
    line-height: 1.45;
    white-space: pre-wrap;
}

.sys-notification-text small {
    margin-top: 7px;
    color: #82919a;
    font-size: 10px;
}

.sys-notification-seen {
    position: absolute;
    top: 8px;
    right: 7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #6d7f89;
}

.sys-notification-seen:hover,
.sys-notification-seen:focus {
    background: #e8f3ea;
    color: #27915d;
    outline: none;
}

.sys-notifications-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 230px;
    padding: 30px;
    color: #74858d;
    text-align: center;
}

.sys-notifications-empty > .fa {
    margin-bottom: 12px;
    color: #c3cdd2;
    font-size: 38px;
}

.sys-notifications-empty strong { color: #43545c; }
.sys-notifications-empty span { max-width: 270px; margin-top: 6px; font-size: 12px; }

body.skin-sysimple-midnight .sys-notifications-panel,
body.skin-sysimple-vs .sys-notifications-panel,
body.skin-sysimple-dark .sys-notifications-panel,
body.sys-theme-form-dark .sys-notifications-panel {
    border-left-color: #2b3b50;
    background: #111a2a;
    color: #e5edf5;
}

body.skin-sysimple-midnight .sys-notifications-panel-header,
body.skin-sysimple-vs .sys-notifications-panel-header,
body.skin-sysimple-dark .sys-notifications-panel-header,
body.sys-theme-form-dark .sys-notifications-panel-header,
body.skin-sysimple-midnight .sys-notification-item,
body.skin-sysimple-vs .sys-notification-item,
body.skin-sysimple-dark .sys-notification-item,
body.sys-theme-form-dark .sys-notification-item {
    background: #172236;
    border-color: #2b3b50;
}

body.skin-sysimple-midnight .sys-notification-item.is-unread,
body.skin-sysimple-vs .sys-notification-item.is-unread,
body.skin-sysimple-dark .sys-notification-item.is-unread,
body.sys-theme-form-dark .sys-notification-item.is-unread {
    background: #1b2b42;
}

body.skin-sysimple-midnight .sys-notification-message,
body.skin-sysimple-vs .sys-notification-message,
body.skin-sysimple-dark .sys-notification-message,
body.sys-theme-form-dark .sys-notification-message {
    color: #c3d0dd;
}

body.skin-sysimple-midnight .sys-notification-item.is-information,
body.skin-sysimple-vs .sys-notification-item.is-information,
body.skin-sysimple-dark .sys-notification-item.is-information,
body.sys-theme-form-dark .sys-notification-item.is-information {
    border-color: #435264;
    border-left-color: #71879a;
    background: #141e2d;
}

body.skin-sysimple-midnight .sys-notification-item.is-information.is-unread,
body.skin-sysimple-vs .sys-notification-item.is-information.is-unread,
body.skin-sysimple-dark .sys-notification-item.is-information.is-unread,
body.sys-theme-form-dark .sys-notification-item.is-information.is-unread {
    background: #182638;
}

body.skin-sysimple-midnight .sys-notification-kind,
body.skin-sysimple-vs .sys-notification-kind,
body.skin-sysimple-dark .sys-notification-kind,
body.sys-theme-form-dark .sys-notification-kind {
    border-color: #42536a;
    background: rgba(8, 15, 25, .38);
    color: #b5c3cf;
}

.sys-notification-seen {
    z-index: 2;
    cursor: pointer;
    pointer-events: auto;
}

/* ==========================================================================
   Messages d'exécution Sysimple
   --------------------------------------------------------------------------
   Pile compacte, opaque et indépendante du thème. Elle remplace le bandeau
   pleine largeur créé historiquement par MKS.Core.Bootstrap.js.
   ========================================================================== */

body {
    --sys-runtime-info-bg: #e5f3fb;
    --sys-runtime-info-text: #17384a;
    --sys-runtime-info-border: #9cc9e4;
    --sys-runtime-info-accent: #2f83b7;
    --sys-runtime-success-bg: #e6f5ec;
    --sys-runtime-success-text: #143d28;
    --sys-runtime-success-border: #9fd3b6;
    --sys-runtime-success-accent: #1f8f55;
    --sys-runtime-warning-bg: #fff2d6;
    --sys-runtime-warning-text: #5c3900;
    --sys-runtime-warning-border: #e0b760;
    --sys-runtime-warning-accent: #c27a00;
    --sys-runtime-danger-bg: #fde7e7;
    --sys-runtime-danger-text: #641414;
    --sys-runtime-danger-border: #e7a2a2;
    --sys-runtime-danger-accent: #c84444;
    --sys-runtime-close-bg: #d5e6f0;
    --sys-runtime-close-hover-bg: #c1d9e8;
    --sys-runtime-close-text: #17384a;
    --sys-runtime-shadow: #9cabba;
}

body.skin-sysimple-midnight,
body.skin-sysimple-vs,
body.skin-sysimple-dark,
body.skin-blue,
body.skin-black,
body.skin-purple,
body.skin-green,
body.skin-red,
body.skin-yellow,
body.sys-theme-form-dark,
body.dark-mode {
    --sys-runtime-info-bg: #0b4f70;
    --sys-runtime-info-text: #ffffff;
    --sys-runtime-info-border: #073750;
    --sys-runtime-info-accent: #76d2fa;
    --sys-runtime-success-bg: #14532d;
    --sys-runtime-success-text: #ffffff;
    --sys-runtime-success-border: #0c3c25;
    --sys-runtime-success-accent: #77e0a7;
    --sys-runtime-warning-bg: #71420b;
    --sys-runtime-warning-text: #ffffff;
    --sys-runtime-warning-border: #5e3b08;
    --sys-runtime-warning-accent: #ffd37a;
    --sys-runtime-danger-bg: #7f1d1d;
    --sys-runtime-danger-text: #ffffff;
    --sys-runtime-danger-border: #641414;
    --sys-runtime-danger-accent: #ff8a8a;
    --sys-runtime-close-bg: #12394f;
    --sys-runtime-close-hover-bg: #1b5878;
    --sys-runtime-close-text: #ffffff;
    --sys-runtime-shadow: #162636;
}

#Messages,
.sys-runtime-messages {
    position: fixed !important;
    top: 64px !important;
    right: 16px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 2000600 !important;
    display: flex !important;
    flex-direction: column;
    width: min(410px, calc(100vw - 32px)) !important;
    max-width: 410px !important;
    max-height: calc(100vh - 82px) !important;
    margin: 0 !important;
    padding: 0 2px 4px !important;
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none;
    scrollbar-width: thin;
    overscroll-behavior: contain;
}

#Messages[hidden],
.sys-runtime-messages[hidden],
#Messages:empty,
.sys-runtime-messages:empty {
    display: none !important;
}

#Messages::-webkit-scrollbar,
.sys-runtime-messages::-webkit-scrollbar {
    width: 6px;
}

#Messages::-webkit-scrollbar-thumb,
.sys-runtime-messages::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #7f919e;
}

#Messages > .alert,
.sys-runtime-messages > .alert,
.sys-runtime-alert {
    position: relative;
    width: 100%;
    min-height: 76px;
    margin: 0 !important;
    padding: 14px 44px 14px 48px !important;
    border-width: 1px 1px 1px 5px !important;
    border-style: solid !important;
    border-radius: 9px !important;
    color: var(--sys-runtime-info-text) !important;
    background-image: none !important;
    background-clip: padding-box !important;
    box-shadow: 0 10px 28px var(--sys-runtime-shadow) !important;
    font-family: inherit;
    text-align: left;
    text-shadow: none !important;
    pointer-events: auto;
    isolation: isolate;
    animation: sys-runtime-notice-in .18s ease-out both;
}

#Messages > .alert::before,
.sys-runtime-messages > .alert::before,
.sys-runtime-alert::before {
    position: absolute;
    top: 17px;
    left: 16px;
    width: 22px;
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    content: '\f05a';
}

#Messages > .alert h4,
#Messages > .alert h5,
#Messages > .alert p,
.sys-runtime-messages > .alert h4,
.sys-runtime-messages > .alert h5,
.sys-runtime-messages > .alert p,
.sys-runtime-alert h4,
.sys-runtime-alert h5,
.sys-runtime-alert p {
    margin: 0 !important;
    color: inherit !important;
    font-family: inherit;
    text-shadow: none !important;
}

#Messages > .alert h4,
.sys-runtime-messages > .alert h4,
.sys-runtime-alert h4 {
    padding: 0 0 5px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

#Messages > .alert h5,
.sys-runtime-messages > .alert h5,
.sys-runtime-alert h5 {
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Les anciennes icônes intégrées au texte sont remplacées par l'icône fixe. */
#Messages > .alert h4 > .icon,
#Messages > .alert h5 > .icon,
.sys-runtime-messages > .alert h4 > .icon,
.sys-runtime-messages > .alert h5 > .icon,
.sys-runtime-alert h4 > .icon,
.sys-runtime-alert h5 > .icon {
    display: none !important;
}

#Messages > .alert .close,
.sys-runtime-messages > .alert .close,
.sys-runtime-alert .close {
    position: absolute !important;
    top: 7px !important;
    right: 8px !important;
    width: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50%;
    color: var(--sys-runtime-close-text) !important;
    background: var(--sys-runtime-close-bg) !important;
    opacity: 1 !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-align: center;
    text-shadow: none !important;
}

#Messages > .alert .close:hover,
#Messages > .alert .close:focus,
.sys-runtime-messages > .alert .close:hover,
.sys-runtime-messages > .alert .close:focus,
.sys-runtime-alert .close:hover,
.sys-runtime-alert .close:focus {
    color: var(--sys-runtime-close-text) !important;
    background: var(--sys-runtime-close-hover-bg) !important;
    opacity: 1 !important;
    outline: 2px solid var(--sys-runtime-close-text);
    outline-offset: 1px;
}

/* Palette opaque et fortement contrastée, ajustée selon le thème. */
#Messages > .alert-danger,
#Messages > .alert-error,
.sys-runtime-messages > .alert-danger,
.sys-runtime-messages > .alert-error,
.sys-runtime-alert.alert-danger,
.sys-runtime-alert.alert-error {
    border-color: var(--sys-runtime-danger-border) !important;
    border-left-color: var(--sys-runtime-danger-accent) !important;
    background-color: var(--sys-runtime-danger-bg) !important;
    color: var(--sys-runtime-danger-text) !important;
}

#Messages > .alert-danger::before,
#Messages > .alert-error::before,
.sys-runtime-messages > .alert-danger::before,
.sys-runtime-messages > .alert-error::before,
.sys-runtime-alert.alert-danger::before,
.sys-runtime-alert.alert-error::before {
    content: '\f071';
}

#Messages > .alert-warning,
.sys-runtime-messages > .alert-warning,
.sys-runtime-alert.alert-warning {
    border-color: var(--sys-runtime-warning-border) !important;
    border-left-color: var(--sys-runtime-warning-accent) !important;
    background-color: var(--sys-runtime-warning-bg) !important;
    color: var(--sys-runtime-warning-text) !important;
}

#Messages > .alert-warning::before,
.sys-runtime-messages > .alert-warning::before,
.sys-runtime-alert.alert-warning::before {
    content: '\f071';
}

#Messages > .alert-info,
#Messages > .alert-primary,
.sys-runtime-messages > .alert-info,
.sys-runtime-messages > .alert-primary,
.sys-runtime-alert.alert-info,
.sys-runtime-alert.alert-primary {
    border-color: var(--sys-runtime-info-border) !important;
    border-left-color: var(--sys-runtime-info-accent) !important;
    background-color: var(--sys-runtime-info-bg) !important;
    color: var(--sys-runtime-info-text) !important;
}

#Messages > .alert-success,
.sys-runtime-messages > .alert-success,
.sys-runtime-alert.alert-success {
    border-color: var(--sys-runtime-success-border) !important;
    border-left-color: var(--sys-runtime-success-accent) !important;
    background-color: var(--sys-runtime-success-bg) !important;
    color: var(--sys-runtime-success-text) !important;
}

#Messages > .alert-success::before,
.sys-runtime-messages > .alert-success::before,
.sys-runtime-alert.alert-success::before {
    content: '\f058';
}

/* Neutralise les transparences ou filtres imposés par certains thèmes. */
body[class*="skin-"] #Messages > .alert,
body[class*="skin-"] .sys-runtime-messages > .alert,
body[class*="sys-theme-"] #Messages > .alert,
body[class*="sys-theme-"] .sys-runtime-messages > .alert,
body.dark-mode #Messages > .alert,
body.dark-mode .sys-runtime-messages > .alert {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-image: none !important;
    opacity: 1 !important;
}

.jq-toast-wrap {
    z-index: 2000601 !important;
    width: min(410px, calc(100vw - 32px)) !important;
    max-width: 410px !important;
}

.jq-toast-wrap.top-right {
    top: 64px !important;
    right: 16px !important;
}

body .jq-toast-single {
    position: relative;
    width: 100% !important;
    min-height: 76px;
    margin: 0 0 10px !important;
    padding: 14px 44px 14px 48px !important;
    border: 1px solid var(--sys-runtime-info-border) !important;
    border-left: 5px solid var(--sys-runtime-info-accent) !important;
    border-radius: 9px !important;
    color: var(--sys-runtime-info-text) !important;
    background-color: var(--sys-runtime-info-bg) !important;
    background-image: none !important;
    box-shadow: 0 10px 28px var(--sys-runtime-shadow) !important;
    font-family: inherit !important;
    text-align: left !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body .jq-toast-single::before {
    position: absolute;
    top: 17px;
    left: 16px;
    width: 22px;
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    content: '\f05a';
}

body .jq-toast-single.jq-icon-success {
    border-color: var(--sys-runtime-success-border) !important;
    border-left-color: var(--sys-runtime-success-accent) !important;
    color: var(--sys-runtime-success-text) !important;
    background-color: var(--sys-runtime-success-bg) !important;
}

body .jq-toast-single.jq-icon-success::before {
    content: '\f058';
}

body .jq-toast-single.jq-icon-warning {
    border-color: var(--sys-runtime-warning-border) !important;
    border-left-color: var(--sys-runtime-warning-accent) !important;
    color: var(--sys-runtime-warning-text) !important;
    background-color: var(--sys-runtime-warning-bg) !important;
}

body .jq-toast-single.jq-icon-warning::before,
body .jq-toast-single.jq-icon-error::before {
    content: '\f071';
}

body .jq-toast-single.jq-icon-error {
    border-color: var(--sys-runtime-danger-border) !important;
    border-left-color: var(--sys-runtime-danger-accent) !important;
    color: var(--sys-runtime-danger-text) !important;
    background-color: var(--sys-runtime-danger-bg) !important;
}

body .jq-toast-single.jq-icon-info,
body .jq-toast-single.jq-icon-primary {
    border-color: var(--sys-runtime-info-border) !important;
    border-left-color: var(--sys-runtime-info-accent) !important;
    color: var(--sys-runtime-info-text) !important;
    background-color: var(--sys-runtime-info-bg) !important;
}

body .jq-toast-single h2,
body .jq-toast-single .jq-toast-heading {
    margin: 0 0 5px !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-shadow: none !important;
}

body .jq-toast-single p,
body .jq-toast-single span,
body .jq-toast-single div {
    color: inherit !important;
    text-shadow: none !important;
}

body .close-jq-toast-single {
    top: 7px !important;
    right: 8px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    color: var(--sys-runtime-close-text) !important;
    background: var(--sys-runtime-close-bg) !important;
    opacity: 1 !important;
    font-size: 21px !important;
    line-height: 30px !important;
    text-align: center !important;
    text-shadow: none !important;
}

body .close-jq-toast-single:hover,
body .close-jq-toast-single:focus {
    color: var(--sys-runtime-close-text) !important;
    background: var(--sys-runtime-close-hover-bg) !important;
    opacity: 1 !important;
    outline: 2px solid var(--sys-runtime-close-text) !important;
    outline-offset: 1px;
}

body .jq-toast-loader {
    display: none !important;
    background: var(--sys-runtime-warning-accent) !important;
    opacity: 1 !important;
}

/* Le centre de notifications reste lui aussi entièrement opaque. */
.sys-notifications-panel,
.sys-notifications-panel-header,
.sys-notification-item {
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

@keyframes sys-runtime-notice-in {
    from {
        transform: translate3d(18px, -4px, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@media (max-width: 767px) {
    #Messages,
    .sys-runtime-messages {
        top: 58px !important;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100vh - 70px) !important;
    }

    #Messages > .alert,
    .sys-runtime-messages > .alert,
    .sys-runtime-alert {
        min-height: 68px;
        padding: 12px 40px 12px 44px !important;
        border-radius: 8px !important;
    }

    #Messages > .alert::before,
    .sys-runtime-messages > .alert::before,
    .sys-runtime-alert::before {
        top: 15px;
        left: 13px;
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #Messages > .alert,
    .sys-runtime-messages > .alert,
    .sys-runtime-alert {
        animation: none !important;
        transition: none !important;
    }
}

/* Shared button themes must not override the HTML hidden state after reading. */
#sysNotificationsPanel .sys-notification-seen[hidden] { display: none !important; }
#sysNotificationsPanel .sys-notification-read-state { display: block; margin-top: 8px; font-size: 11px; font-weight: 600; color: var(--adm-muted, #70828c); }
#sysNotificationsPanel .is-unread .sys-notification-read-state { color: var(--adm-accent, #3c8dbc); }
#sysNotificationsPanel .sys-notification-item:not(.is-unread) { background: var(--adm-surface, var(--panel, #f3f5f6)); border-left-color: var(--adm-muted, #8a9aa3); }
#sysNotificationsPanel .sys-notification-item:not(.is-unread) .sys-notification-text strong { font-weight: 400; }