/* Default (light mode) styles */
body {
    background-color: #ffffff;
    color: #000000;
}

/* Dark mode styles */
html.dark-mode body,
body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

html.dark-mode .card,
body.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333333;
}

html.dark-mode .accordion-item,
html.dark-mode .accordion-button,
body.dark-mode .accordion-item,
body.dark-mode .accordion-button {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #ffffff;
}

html.dark-mode .accordion-button:not(.collapsed),
body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #2d2d2d;
    color: #ffffff;
}

html.dark-mode .accordion-button::after,
body.dark-mode .accordion-button::after {
    filter: invert(1) grayscale(1);
}

.jobs-accordion-title {
    flex-grow: 1;
}

.jobs-accordion-button .badge {
    min-width: 2rem;
}

.jobs-accordion-button::after {
    margin-left: 0;
}

.danger-hover {
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
}

.list-group-item-action.danger-hover:hover,
.list-group-item-action.danger-hover:focus {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: #ffffff !important;
    z-index: 1;
}

#active-jobs-empty {
    padding-bottom: 1lh !important;
    padding-top: 1lh !important;
}

.jobs-empty-image {
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 10lh;
    max-width: calc(100% - 1lh);
    width: auto;
}

.jobs-empty-image-dark {
    display: none;
}

html.dark-mode .jobs-empty-image-light,
body.dark-mode .jobs-empty-image-light {
    display: none;
}

html.dark-mode .jobs-empty-image-dark,
body.dark-mode .jobs-empty-image-dark {
    display: block;
}

html.dark-mode .btn-primary,
body.dark-mode .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}