/*
 * Reminders shell CSS.
 * Scope: shared topbar bell badge only.
 *
 * Keep the full Reminders screen UI inside admin.css.
 * This file exists so the badge is visible before the lazy module bundle loads.
 */

.noesia-swa-icon-btn[data-noesia-swa-nav-target="reminders"] {
    position: relative;
}

.noesia-swa-icon-btn[data-noesia-swa-nav-target="reminders"] .noesia-swa-reminders-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 2;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #dc2626;
    color: #ffffff;
    font-size: 11px;
    font-weight: 1000;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.28);
}

.noesia-swa-icon-btn[data-noesia-swa-nav-target="reminders"] .noesia-swa-reminders-badge[hidden] {
    display: none !important;
}
