/* /Components/Layout/components/Notifications/NotificationBell.razor.rz.scp.css */
.notification-bell[b-yrzddm0bfn] {
    position: relative;
    display: inline-block;
}

.notification-bell-button[b-yrzddm0bfn] {
    position: relative;
    padding: 10px;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
    border: none;
    cursor: pointer;
}

.notification-bell-button:hover[b-yrzddm0bfn] {
    background: var(--rz-primary-lighter);
    transform: scale(1.05);
}

.notification-bell-icon[b-yrzddm0bfn] {
    font-size: 1.75rem;
    color: var(--rz-base-700);
    transition: all 0.3s ease;
}

.notification-bell-button:hover .notification-bell-icon[b-yrzddm0bfn] {
    color: var(--rz-primary);
}

/* Badge styling */
.notification-badge-wrapper[b-yrzddm0bfn] {
    position: absolute;
    top: 2px;
    right: 2px;
    transform: translate(30%, -20%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.notification-badge-ping[b-yrzddm0bfn] {
    position: absolute;
    display: inline-flex;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: var(--rz-danger);
    opacity: 0.75;
    animation: badge-ping-b-yrzddm0bfn 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes badge-ping-b-yrzddm0bfn {
    75%, 100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

.notification-badge[b-yrzddm0bfn] {
    position: relative;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background: var(--rz-danger);
    color: white;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(217, 83, 79, 0.3);
}

/* Bell shake animation when new notification arrives */
.bell-shake[b-yrzddm0bfn] {
    animation: shake-b-yrzddm0bfn 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes shake-b-yrzddm0bfn {

    0%,
    100% {
        transform: rotate(0deg);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: rotate(-10deg);
    }

    20%,
    40%,
    60%,
    80% {
        transform: rotate(10deg);
    }
}

/* Tooltip notification near bell */
.notification-tooltip[b-yrzddm0bfn] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 12px;
    padding: 14px 18px;
    background: var(--rz-base-50);
    border-radius: var(--rz-border-radius);
    box-shadow: var(--rz-overlay-shadow);
    min-width: 280px;
    max-width: 320px;
    z-index: 1000;
    animation: tooltip-slide-in-b-yrzddm0bfn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 4px solid;
    border: var(--rz-overlay-border);
    border-left-width: 4px;
}

.notification-tooltip[b-yrzddm0bfn]::before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--rz-base-50);
}

@keyframes tooltip-slide-in-b-yrzddm0bfn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.notification-tooltip.severity-info[b-yrzddm0bfn] {
    border-left-color: var(--rz-info);
}

.notification-tooltip.severity-success[b-yrzddm0bfn] {
    border-left-color: var(--rz-success);
}

.notification-tooltip.severity-warning[b-yrzddm0bfn] {
    border-left-color: var(--rz-warning);
}

.notification-tooltip.severity-error[b-yrzddm0bfn] {
    border-left-color: var(--rz-danger);
}

.tooltip-header[b-yrzddm0bfn] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.tooltip-icon[b-yrzddm0bfn] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.tooltip-icon.severity-info[b-yrzddm0bfn] {
    color: var(--rz-info);
}

.tooltip-icon.severity-success[b-yrzddm0bfn] {
    color: var(--rz-success);
}

.tooltip-icon.severity-warning[b-yrzddm0bfn] {
    color: var(--rz-warning);
}

.tooltip-icon.severity-error[b-yrzddm0bfn] {
    color: var(--rz-danger);
}

.tooltip-title[b-yrzddm0bfn] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--rz-base-900);
    flex: 1;
}

.tooltip-message[b-yrzddm0bfn] {
    font-size: 0.875rem;
    color: var(--rz-base-700);
    line-height: 1.5;
    white-space: pre-line; /* Respeta saltos de línea */
}

.notification-backdrop[b-yrzddm0bfn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1999;
    background: transparent;
}

/* Dropdown positioning - prevent cutoff */
.notifications-dropdown[b-yrzddm0bfn] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 2000;
    animation: dropdown-fade-in-b-yrzddm0bfn 0.2s ease-out;
}

@keyframes dropdown-fade-in-b-yrzddm0bfn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Layout/components/Notifications/NotificationsDropdown.razor.rz.scp.css */
/* ─── DROPDOWN WRAPPER ────────────────────────────────────── */

/* Applied by the parent NotificationBell via .notifications-dropdown */
/* This file styles the inner list content                            */

/* ─── HEADER ──────────────────────────────────────────────── */

.notif-header[b-uh5u2kalku] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--rz-base-300);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--rz-base-100);
    border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0;
}

.notif-header-title[b-uh5u2kalku] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--rz-base-900);
}

.notif-view-all[b-uh5u2kalku] {
    background: var(--rz-primary-lighter);
    color: var(--rz-primary);
    border: none;
    padding: 6px 14px;
    border-radius: var(--rz-button-border-radius);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.notif-view-all:hover[b-uh5u2kalku] {
    background: var(--rz-primary);
    color: #fff;
}

/* ─── EMPTY STATE ─────────────────────────────────────────── */

.notif-empty[b-uh5u2kalku] {
    padding: 36px 20px;
    text-align: center;
    color: var(--rz-base-500);
}

.notif-empty-icon[b-uh5u2kalku] {
    font-size: 2.5rem;
    margin-bottom: 10px;
    opacity: 0.45;
}

.notif-empty-text[b-uh5u2kalku] {
    font-size: 0.9rem;
}

/* ─── ITEM ────────────────────────────────────────────────── */

.notif-item[b-uh5u2kalku] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 12px 16px;
    border-bottom: 1px solid var(--rz-base-200);
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: background 0.15s;
}

.notif-item:last-child[b-uh5u2kalku] {
    border-bottom: none;
    border-radius: 0 0 0 9px;
}

.notif-item:hover[b-uh5u2kalku] {
    background: var(--rz-base-100);
}

.notif-item.unread[b-uh5u2kalku] {
    background: color-mix(in srgb, var(--rz-primary-lighter) 20%, var(--rz-base-50));
}

.notif-item.read[b-uh5u2kalku] {
    opacity: 0.72;
}

.notif-item.severity-info[b-uh5u2kalku]    { border-left-color: var(--rz-info); }
.notif-item.severity-success[b-uh5u2kalku] { border-left-color: var(--rz-success); }
.notif-item.severity-warning[b-uh5u2kalku] { border-left-color: var(--rz-warning); }
.notif-item.severity-error[b-uh5u2kalku]   { border-left-color: var(--rz-danger); }
.notif-item.severity-critical[b-uh5u2kalku] { border-left-color: #FF7F50; }

/* ─── ITEM ICON ───────────────────────────────────────────── */

.notif-item-icon[b-uh5u2kalku] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.notif-item-icon.severity-info[b-uh5u2kalku]    { background: var(--rz-info-lighter);    color: var(--rz-info); }
.notif-item-icon.severity-success[b-uh5u2kalku] { background: var(--rz-success-lighter); color: var(--rz-success); }
.notif-item-icon.severity-warning[b-uh5u2kalku] { background: var(--rz-warning-lighter); color: var(--rz-warning); }
.notif-item-icon.severity-error[b-uh5u2kalku]   { background: var(--rz-danger-lighter);  color: var(--rz-danger); }
.notif-item-icon.severity-critical[b-uh5u2kalku] { background: rgba(255,127,80,.12); color: #FF7F50; }

/* ─── ITEM BODY ───────────────────────────────────────────── */

.notif-item-body[b-uh5u2kalku] {
    flex: 1;
    min-width: 0;
}

.notif-item-top[b-uh5u2kalku] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 2px;
}

.notif-title[b-uh5u2kalku] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--rz-base-900);
    line-height: 1.4;
    flex: 1;
}

.notif-unread-dot[b-uh5u2kalku] {
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background: var(--rz-primary);
    flex-shrink: 0;
    margin-top: 4px;
}

.notif-message[b-uh5u2kalku] {
    font-size: 0.75rem;
    color: var(--rz-base-600);
    line-height: 1.45;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px;
}

.notif-time[b-uh5u2kalku] {
    font-size: 0.6875rem;
    color: var(--rz-base-500);
}

/* ─── PULSE ANIMATION ─────────────────────────────────────── */

.notif-pulse[b-uh5u2kalku] {
    animation: pulse-bg-b-uh5u2kalku 1.2s ease-in-out;
}

@keyframes pulse-bg-b-uh5u2kalku {
    0%, 100% { background: transparent; }
    50% { background: var(--rz-primary-lighter); }
}
/* /Components/Layout/components/Notifications/NotificationSnackbar.razor.rz.scp.css */
.snackbar-container[b-nkhe6jovx1] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
}

.snackbar[b-nkhe6jovx1] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 320px;
    max-width: 480px;
    padding: 16px 20px;
    background: var(--rz-base-50);
    border-radius: var(--rz-border-radius);
    box-shadow: var(--rz-overlay-shadow);
    border: var(--rz-overlay-border);
    opacity: 0;
    transform: translateX(400px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
    border-left-width: 4px;
    border-left-style: solid;
}

.snackbar.show[b-nkhe6jovx1] {
    opacity: 1;
    transform: translateX(0);
}

.snackbar.severity-info[b-nkhe6jovx1] {
    border-left-color: var(--rz-info);
}

.snackbar.severity-success[b-nkhe6jovx1] {
    border-left-color: var(--rz-success);
}

.snackbar.severity-warning[b-nkhe6jovx1] {
    border-left-color: var(--rz-warning);
}

.snackbar.severity-error[b-nkhe6jovx1] {
    border-left-color: var(--rz-danger);
}

.snackbar-icon[b-nkhe6jovx1] {
    flex-shrink: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.snackbar.severity-info .snackbar-icon[b-nkhe6jovx1] {
    color: var(--rz-info);
}

.snackbar.severity-success .snackbar-icon[b-nkhe6jovx1] {
    color: var(--rz-success);
}

.snackbar.severity-warning .snackbar-icon[b-nkhe6jovx1] {
    color: var(--rz-warning);
}

.snackbar.severity-error .snackbar-icon[b-nkhe6jovx1] {
    color: var(--rz-danger);
}

.snackbar-content[b-nkhe6jovx1] {
    flex: 1;
    min-width: 0;
}

.snackbar-title[b-nkhe6jovx1] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--rz-base-900);
    margin-bottom: 4px;
    line-height: 1.4;
}

.snackbar-message[b-nkhe6jovx1] {
    font-size: 0.875rem;
    color: var(--rz-base-700);
    line-height: 1.5;
    white-space: pre-line; /* Respeta saltos de línea */
}

.snackbar-close[b-nkhe6jovx1] {
    flex-shrink: 0;
    background: transparent;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: var(--rz-base-500);
    transition: all 0.2s ease;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.snackbar-close:hover[b-nkhe6jovx1] {
    background: var(--rz-base-200);
    color: var(--rz-base-700);
}

/* Mobile responsive */
@media (max-width: 640px) {
    .snackbar-container[b-nkhe6jovx1] {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .snackbar[b-nkhe6jovx1] {
        min-width: auto;
        max-width: none;
    }
}
/* /Components/Main/Shared/Client/components/TreatmentPlan/components/components/UiStructure.razor.rz.scp.css */
[b-uiq2syzymw] .rz-tabview > .rz-tabview-nav
{
    display: none;
}
/* /Components/Main/Shared/Client/TreatmentPlanManagement.razor.rz.scp.css */
[b-acnuzk24a0] .rz-tabview > .rz-tabview-nav
{
    display: none;
}
/* /Components/Main/Shared/Notifications/AllNotifications.razor.rz.scp.css */
/* ─── CENTERED WRAPPER ───────────────────────────────────── */

.notif-page-content[b-cuws538hjp] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* ─── STICKY HEADER (title + chips) ──────────────────────── */

.notif-sticky-header[b-cuws538hjp] {
    flex-shrink: 0;
    padding-bottom: 0.25rem;
}

/* ─── PAGE HEADER ─────────────────────────────────────────── */

.notif-page-header[b-cuws538hjp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.notif-page-title[b-cuws538hjp] {
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--rz-base-900);
    margin: 0 0 0.25rem;
    line-height: 1.2;
}

.notif-page-subtitle[b-cuws538hjp] {
    font-size: 0.875rem;
    color: var(--rz-base-600);
    margin: 0;
}

.notif-page-subtitle strong[b-cuws538hjp] {
    color: var(--rz-primary);
    font-weight: 600;
}

.notif-mark-all-btn[b-cuws538hjp] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--rz-primary);
    background: transparent;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--rz-border-radius);
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
}

.notif-mark-all-btn:hover:not(:disabled)[b-cuws538hjp] {
    background: var(--rz-primary-lighter);
}

.notif-mark-all-btn:disabled[b-cuws538hjp] {
    opacity: 0.35;
    cursor: default;
}

/* ─── FILTER CHIPS ────────────────────────────────────────── */

.notif-chips[b-cuws538hjp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.notif-chip[b-cuws538hjp] {
    padding: 0.375rem 1rem;
    border-radius: 9999px;
    font-size: 0.8125rem;
    font-weight: 500;
    border: none;
    background: var(--rz-base-200);
    color: var(--rz-base-600);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}

.notif-chip:hover[b-cuws538hjp] {
    background: var(--rz-base-300);
    color: var(--rz-base-800);
}

.notif-chip.active[b-cuws538hjp] {
    background: var(--rz-primary);
    color: var(--rz-on-primary, #fff);
}

/* ─── MAIN CONTAINER ──────────────────────────────────────── */

.notif-list-container[b-cuws538hjp] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
    padding-bottom: 2rem;
}

/* ─── DATE GROUP ──────────────────────────────────────────── */

.notif-date-group[b-cuws538hjp] {
    margin-bottom: 2.5rem;
}

.notif-group-label[b-cuws538hjp] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rz-base-500);
    margin: 0 0 0.75rem;
}

.notif-cards-grid[b-cuws538hjp] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

/* ─── NOTIFICATION CARD ───────────────────────────────────── */

.notif-card[b-cuws538hjp] {
    display: flex;
    gap: 1rem;
    padding: 1.125rem 1.25rem;
    border-radius: 0.75rem;
    background: var(--rz-base-50);
    border: 1px solid var(--rz-base-200);
    border-left-width: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    transition: box-shadow 0.2s, opacity 0.35s;
    position: relative;
    overflow: hidden;
}

.notif-card:hover[b-cuws538hjp] {
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

.notif-card.severity-info[b-cuws538hjp]    { border-left-color: var(--rz-info); }
.notif-card.severity-success[b-cuws538hjp] { border-left-color: var(--rz-success); }
.notif-card.severity-warning[b-cuws538hjp] { border-left-color: var(--rz-warning); }
.notif-card.severity-error[b-cuws538hjp]   { border-left-color: var(--rz-danger); }
.notif-card.severity-critical[b-cuws538hjp] { border-left-color: #FF7F50; }

.notif-card.is-unread[b-cuws538hjp] {
    background: color-mix(in srgb, var(--rz-primary-lighter) 30%, var(--rz-base-50));
}

.notif-card.is-read[b-cuws538hjp] {
    opacity: 0.75;
}

.notif-card.is-read:hover[b-cuws538hjp] {
    opacity: 1;
}

@keyframes card-dismiss-b-cuws538hjp {
    to { opacity: 0; transform: translateX(40px); max-height: 0; margin: 0; padding: 0; }
}

.notif-card.dismissing[b-cuws538hjp] {
    animation: card-dismiss-b-cuws538hjp 0.35s ease forwards;
}

/* ─── CARD ICON ───────────────────────────────────────────── */

.card-icon-col[b-cuws538hjp] {
    flex-shrink: 0;
    padding-top: 0.125rem;
}

.card-icon[b-cuws538hjp] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.card-icon.severity-info[b-cuws538hjp]    { background: var(--rz-info-lighter);    color: var(--rz-info); }
.card-icon.severity-success[b-cuws538hjp] { background: var(--rz-success-lighter); color: var(--rz-success); }
.card-icon.severity-warning[b-cuws538hjp] { background: var(--rz-warning-lighter); color: var(--rz-warning); }
.card-icon.severity-error[b-cuws538hjp]   { background: var(--rz-danger-lighter);  color: var(--rz-danger); }
.card-icon.severity-critical[b-cuws538hjp] { background: rgba(255, 127, 80, 0.12); color: #FF7F50; }

/* ─── CARD BODY ───────────────────────────────────────────── */

.card-body[b-cuws538hjp] {
    flex: 1;
    min-width: 0;
}

/* ─── CARD HEADER ─────────────────────────────────────────── */

.card-header[b-cuws538hjp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.375rem;
}

.card-header-left[b-cuws538hjp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.type-badge[b-cuws538hjp] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    flex-shrink: 0;
}

.type-badge.severity-info[b-cuws538hjp]    { background: var(--rz-info-lighter);    color: var(--rz-info); }
.type-badge.severity-success[b-cuws538hjp] { background: var(--rz-success-lighter); color: var(--rz-success); }
.type-badge.severity-warning[b-cuws538hjp] { background: var(--rz-warning-lighter); color: var(--rz-warning); }
.type-badge.severity-error[b-cuws538hjp]   { background: var(--rz-danger-lighter);  color: var(--rz-danger); }
.type-badge.severity-critical[b-cuws538hjp] { background: rgba(255,127,80,.12); color: #FF7F50; }

.card-title[b-cuws538hjp] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--rz-base-900);
    margin: 0;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-meta[b-cuws538hjp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.card-time[b-cuws538hjp] {
    font-size: 0.7rem;
    color: var(--rz-base-500);
    white-space: nowrap;
}

.unread-dot[b-cuws538hjp] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--rz-primary);
    flex-shrink: 0;
}

/* ─── CARD MESSAGE ────────────────────────────────────────── */

.card-message[b-cuws538hjp] {
    font-size: 0.8375rem;
    color: var(--rz-base-700);
    line-height: 1.5;
    margin: 0 0 0.625rem;
    white-space: pre-line;
}

/* ─── CARD ACTIONS ────────────────────────────────────────── */

.card-actions[b-cuws538hjp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-top: 1px solid var(--rz-base-200);
    padding-top: 0.625rem;
    margin-top: 0.25rem;
}

.card-btn-primary[b-cuws538hjp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--rz-primary);
    background: transparent;
    border: none;
    padding: 0.375rem 0.75rem;
    border-radius: var(--rz-border-radius);
    cursor: pointer;
    transition: background 0.2s;
}

.card-btn-primary:hover[b-cuws538hjp] {
    background: var(--rz-primary-lighter);
}

.card-btn-secondary[b-cuws538hjp] {
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--rz-base-500);
    background: transparent;
    border: none;
    padding: 0.375rem 0.5rem;
    border-radius: var(--rz-border-radius);
    cursor: pointer;
    transition: color 0.2s;
}

.card-btn-secondary:hover[b-cuws538hjp] {
    color: var(--rz-base-800);
    background: var(--rz-base-200);
}

/* ─── EMPTY / LOADING STATE ───────────────────────────────── */

.notif-state[b-cuws538hjp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
    text-align: center;
    color: var(--rz-base-500);
}

.notif-state .state-icon[b-cuws538hjp] {
    font-size: 3rem;
    opacity: 0.4;
}

.notif-state h3[b-cuws538hjp] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: var(--rz-base-700);
}

.notif-state p[b-cuws538hjp] {
    font-size: 0.875rem;
    margin: 0;
}

/* ─── INFINITE SCROLL ─────────────────────────────────────── */

.scroll-sentinel[b-cuws538hjp] {
    height: 1px;
}

.notif-loading-more[b-cuws538hjp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    color: var(--rz-base-500);
    font-size: 0.8125rem;
}

.notif-end-label[b-cuws538hjp] {
    text-align: center;
    padding: 1.5rem;
    font-size: 0.8rem;
    color: var(--rz-base-400);
    letter-spacing: 0.03em;
}

/* ─── RESPONSIVE ──────────────────────────────────────────── */

@media (max-width: 600px) {
    .notif-page-content[b-cuws538hjp] {
        padding: 0 0.25rem;
    }

    .notif-list-container[b-cuws538hjp] {
        width: 100%;
    }

    .card-title[b-cuws538hjp] {
        white-space: normal;
    }

    .card-header[b-cuws538hjp] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .notif-page-header[b-cuws538hjp] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Shared/components/CustomDropDown.razor.rz.scp.css */
[b-1pah0hu9np] .rz-form-field-end {
    padding-inline: 0;
}

[b-1pah0hu9np] .rz-dropdown-trigger-icon {
    width: var(--rz-dropdown-trigger-icon-width);
    height: var(--rz-dropdown-trigger-icon-height);
    font-size: var(--rz-dropdown-trigger-icon-height);
    margin-block: var(--rz-dropdown-trigger-icon-margin-block);
    margin-inline: var(--rz-dropdown-trigger-icon-margin-inline);
    cursor: default;
}
/* /Components/Shared/components/InterventionClasiffier.razor.rz.scp.css */
[b-7rk4c7nyg4] .rz-dropdown-trigger-icon {
    width: var(--rz-dropdown-trigger-icon-width);
    height: var(--rz-dropdown-trigger-icon-height);
    font-size: var(--rz-dropdown-trigger-icon-height);
    margin-block: var(--rz-dropdown-trigger-icon-margin-block);
    margin-inline: var(--rz-dropdown-trigger-icon-margin-inline);
    cursor: default;
}
/* /Components/Shared/components/MultiSelectTagComponent.razor.rz.scp.css */
[b-rbiay4r3ji] .rz-dropdown-trigger-icon {
    width: var(--rz-dropdown-trigger-icon-width);
    height: var(--rz-dropdown-trigger-icon-height);
    font-size: var(--rz-dropdown-trigger-icon-height);
    margin-block: var(--rz-dropdown-trigger-icon-margin-block);
    margin-inline: var(--rz-dropdown-trigger-icon-margin-inline);
    cursor: default;
}