/* IAM-11D4: externalized page-scoped style blocks from notifications.html */

.notification-kpi-card {
            min-height: 112px;
        }

        .notification-filter-card .form-label {
            font-size: .78rem;
            color: var(--bs-secondary-color);
            margin-bottom: .35rem;
        }

        .notification-item {
            border: 1px solid var(--bs-border-color);
            border-radius: 1rem;
            background: var(--bs-body-bg);
            transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
        }

        .notification-item:hover {
            border-color: rgba(var(--bs-primary-rgb), .35);
            box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .07);
            transform: translateY(-1px);
        }

        .notification-item.notification-unread {
            border-left: .25rem solid var(--bs-primary);
            background: rgba(var(--bs-primary-rgb), .035);
        }

        .notification-message {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .notification-icon {
            width: 2.6rem;
            height: 2.6rem;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            background: rgba(var(--bs-primary-rgb), .1);
            color: var(--bs-primary);
            flex: 0 0 auto;
        }

        .notification-empty-state {
            border: 1px dashed var(--bs-border-color);
            border-radius: 1rem;
            background: var(--bs-light-bg-subtle);
        }