// ── Notifications page ───────────────────────
.notif-row {
    display: flex;
    padding: $spacing-md 0;
    border-bottom: $border-width solid $green-pale;
    transition: $transition-base;

    &:last-child { border-bottom: none; }

    &.notif-read {
        opacity: 0.6;
    }

    &:hover { background: $green-bg; }
}

.notif-icon {
    font-size: 20px;
    width: 36px;
    text-align: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.notif-title {
    font-size: $font-size-base;
    color: $text-dark;

    &.unread {
        font-weight: $font-weight-bold;
    }
}

.notif-message {
    font-size: $font-size-sm;
    color: $text-muted;
    margin-top: $spacing-xs;
    line-height: 1.5;
}

.notif-time {
    font-size: $font-size-xs;
    color: $text-hint;
    white-space: nowrap;
}

.notif-batch-link {
    font-size: $font-size-sm;
    color: $green-mid;
    text-decoration: none;
    display: inline-block;
    margin-top: $spacing-xs;

    &:hover { text-decoration: underline; }
}

.notif-batch-header {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: $font-primary;

    &:hover .batch-card-name { color: $green-mid; }
}

.notif-collapse-icon {
    font-size: 0.7rem;
    color: $text-hint;
}

.notif-past {
    opacity: 0.45;
    .notif-title { font-weight: normal !important; }
}