/*
 * Global Pulse shell CSS.
 * Scope: shared shell nav card only.
 *
 * Keep the full section UI inside admin.css.
 * This file exists only so the nav card can render correctly on first paint
 * without waiting for lazy section assets.
 */

.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #fff3f9 0%, #ffe6f1 55%, #ffd6e8 100%) !important;
    border: 1px solid rgba(243, 143, 181, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.68) inset,
        0 14px 28px rgba(243, 143, 181, 0.18),
        0 6px 18px rgba(243, 143, 181, 0.12) !important;
}

.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse:hover,
.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse.is-active,
.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse.is-alert,
.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse.has-alert,
#noesia-swa-wrapper[data-noesia-swa-nav-style="hub"] .noesia-swa-nav-card.noesia-swa-nav-card--global-pulse.is-alert,
#noesia-swa-wrapper[data-noesia-swa-nav-style="titan"] .noesia-swa-nav-card.noesia-swa-nav-card--global-pulse.is-alert,
#noesia-swa-wrapper[data-noesia-swa-nav-style="hub"] .noesia-swa-nav-card.noesia-swa-nav-card--global-pulse.has-alert,
#noesia-swa-wrapper[data-noesia-swa-nav-style="titan"] .noesia-swa-nav-card.noesia-swa-nav-card--global-pulse.has-alert {
    background: linear-gradient(135deg, #fff0f7 0%, #ffe0ee 55%, #ffd0e4 100%) !important;
    border-color: rgba(243, 143, 181, 0.55) !important;
}

.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-title {
    color: #9f1d58 !important;
    -webkit-text-fill-color: #9f1d58 !important;
}

.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-sub {
    color: #6b2142 !important;
    -webkit-text-fill-color: #6b2142 !important;
}

.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-emoji--global-pulse {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.42) !important;
    border: 1px solid rgba(243, 143, 181, 0.26) !important;
    box-shadow: 0 0 0 1px rgba(243, 143, 181, 0.12) inset !important;
    filter: none !important;
}

.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-ecg-icon {
    color: #ec4899 !important;
}

.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-ecg-icon path,
.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-ecg-icon line,
.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-ecg-icon polyline,
.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-ecg-icon rect,
.noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-ecg-icon circle {
    stroke: #ec4899 !important;
    fill: #ec4899 !important;
}

@media (max-width: 782px) {
    .noesia-swa-nav-card.noesia-swa-nav-card--global-pulse .noesia-swa-nav-emoji--global-pulse {
        width: 32px;
        height: 32px;
        border-radius: 11px;
    }
}
