/* Job Notifications Styles */

.job-notifications-list {
    max-height: 400px;
    overflow-y: auto;
}

.job-notification-item {
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.2s;
}

.job-notification-item:last-child {
    border-bottom: none;
}

.job-notification-item:hover {
    background-color: #f8f9fa;
}

.job-notification-item.unread {
    background-color: #e3f2fd;
    border-left: 4px solid #2a9d8f;
}

.job-notification-item.unread:hover {
    background-color: #d6eaf8;
}

.notification-type {
    display: inline-block;
    font-weight: 600;
}

.notification-type.type-info {
    background-color: #e3f2fd;
    color: #1976d2;
}

.notification-type.type-warning {
    background-color: #fff3cd;
    color: #856404;
}

.notification-type.type-error {
    background-color: #f8d7da;
    color: #721c24;
}

.notification-type.type-success {
    background-color: #d4edda;
    color: #155724;
}

/* Dark mode support */
[data-theme="dark"] .job-notification-item {
    border-bottom-color: #444;
}

[data-theme="dark"] .job-notification-item:hover {
    background-color: #2a2a2a;
}

[data-theme="dark"] .job-notification-item.unread {
    background-color: #1a3a3a;
    border-left-color: #2a9d8f;
}

[data-theme="dark"] .job-notification-item.unread:hover {
    background-color: #1e4444;
}

[data-theme="dark"] .notification-message {
    color: #ccc !important;
}

[data-theme="dark"] .notification-time {
    color: #888 !important;
}

[data-theme="dark"] .notification-type.type-info {
    background-color: #1a3a5a;
    color: #64b5f6;
}

[data-theme="dark"] .notification-type.type-warning {
    background-color: #4a3a1a;
    color: #ffb74d;
}

[data-theme="dark"] .notification-type.type-error {
    background-color: #4a1a1a;
    color: #e57373;
}

[data-theme="dark"] .notification-type.type-success {
    background-color: #1a3a1a;
    color: #81c784;
}

[data-theme="dark"] .card-header {
    background-color: #4a3a1a !important;
}

[data-theme="dark"] .card-header h3 {
    color: #ffb74d !important;
}