/* Notifications empty state ------------------------------------------------
 * Namespaced component rules live with Experience so the page does not rely
 * on a generic pattern file that may be stale in an older PWA/browser cache.
 */
.wms-notifications-panel { min-width: 0; }
.wms-notifications-panel__body {
    display: grid;
    min-height: 17rem;
    place-items: center;
}
.wms-notifications-empty {
    display: grid;
    width: min(100%, 38rem);
    justify-items: center;
    gap: var(--wms-space-4);
    padding: var(--wms-space-6);
    color: var(--wms-color-text-muted);
    text-align: center;
}
.wms-notifications-empty__icon {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--wms-color-primary) 24%, var(--wms-color-border));
    border-radius: 999px;
    color: var(--wms-color-primary);
    background: var(--wms-color-primary-soft);
}
.wms-notifications-empty__icon .wms-icon {
    width: 1.5rem;
    height: 1.5rem;
}
.wms-notifications-empty__content {
    display: grid;
    justify-items: center;
    gap: var(--wms-space-2);
}
.wms-notifications-panel .wms-notifications-empty__title {
    margin: 0;
    color: var(--wms-color-text);
    font-size: var(--wms-font-size-xl);
    line-height: var(--wms-line-height-tight);
    letter-spacing: -0.02em;
}
.wms-notifications-panel .wms-notifications-empty__text {
    max-width: 34rem;
    margin: 0;
    color: var(--wms-color-text-muted);
}
@media (max-width: 48rem) {
    .wms-notifications-panel__body { min-height: 14rem; }
    .wms-notifications-empty { padding: var(--wms-space-5) var(--wms-space-3); }
}