#main {
    overflow: hidden;
}

/* Planner modal theme (job card) */
#genericModal .modal-content {
    background: #1a2227;
    color: #ebd7af;
    border: 1px solid rgba(235, 215, 175, 0.25);
}

#genericModal .modal-header,
#genericModal .modal-footer {
    background: #1a2227;
    border-color: rgba(235, 215, 175, 0.25);
}

#genericModal .modal-title,
#genericModal .modal-title a {
    color: #ebd7af;
}

#genericModal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.2);
}

#genericModal .modal-body {
    background: #1a2227;
    color: #ebd7af;
}

#genericModal h1,
#genericModal h2,
#genericModal h3,
#genericModal h4,
#genericModal h5,
#genericModal h6,
#genericModal label,
#genericModal .text-muted {
    color: #ebd7af !important;
}

#genericModal .card,
#genericModal .card-body {
    background: #2f3535;
    color: #ebd7af;
    border-color: rgba(235, 215, 175, 0.25);
}

#genericModal .job-card-note {
    background: #2f3535 !important;
    border: 1px solid rgba(235, 215, 175, 0.35) !important;
    color: #ebd7af !important;
}

#genericModal .job-card-note-meta,
#genericModal .job-card-note-user,
#genericModal .job-card-note-date,
#genericModal .job-note-edit-link {
    color: #ebd7af !important;
}

#genericModal .form-control,
#genericModal .form-select,
#genericModal .input-group-text,
#genericModal textarea,
.form-check-label{
    background: #2f3535;
    color: #ebd7af;
    border-color: rgba(235, 215, 175, 0.35);
}

#genericModal .form-control:focus,
#genericModal .form-select:focus,
#genericModal textarea:focus {
    background: #2f3535;
    color: #ebd7af;
    border-color: #ebd7af;
    box-shadow: 0 0 0 0.2rem rgba(235, 215, 175, 0.2);
}

#genericModal .form-control::placeholder,
#genericModal textarea::placeholder {
    color: rgba(235, 215, 175, 0.7);
}

#genericModal .table {
    color: #ebd7af;
    --bs-table-bg: #1a2227;
    --bs-table-striped-bg: #2f3535;
    --bs-table-hover-bg: #2f3535;
    --bs-table-border-color: rgba(235, 215, 175, 0.2);
}

#genericModal .btn-outline-primary {
    color: #ebd7af;
    border-color: #ebd7af;
}

#genericModal .btn-outline-primary:hover {
    background: #ebd7af;
    color: #1a2227;
}

#genericModal .task-table-scroll {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

#genericModal .task-table-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #1a2227;
}