/* Dark Theme Styles */
[data-theme="dark"] {
    color-scheme: dark;
}

[data-theme="dark"] body {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

[data-theme="dark"] .navbar {
    background-color: #2d2d2d !important;
    border-bottom-color: #404040 !important;
}

[data-theme="dark"] .navbar-light {
    background-color: #2d2d2d !important;
}

[data-theme="dark"] .navbar .nav-link {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .navbar .nav-link:hover {
    color: #ffffff !important;
}

[data-theme="dark"] .navbar .navbar-brand {
    color: #e0e0e0;
}

[data-theme="dark"] .navbar .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #404040;
}

[data-theme="dark"] .navbar .dropdown-item {
    color: #e0e0e0;
}

[data-theme="dark"] .navbar .dropdown-item:hover,
[data-theme="dark"] .navbar .dropdown-item:focus {
    background-color: #404040;
    color: #ffffff;
}

[data-theme="dark"] .navbar .dropdown-item.active,
[data-theme="dark"] .navbar .dropdown-item:active {
    background-color: #1b6ec2;
    color: #ffffff;
}

[data-theme="dark"] .navbar-toggler {
    border-color: #404040;
}

[data-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28224, 224, 224, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-theme="dark"] main {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

[data-theme="dark"] .container-fluid {
    background-color: #1a1a1a;
}

[data-theme="dark"] .footer {
    background-color: #2d2d2d;
    border-top-color: #404040;
    color: #b0b0b0;
}

[data-theme="dark"] .card {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

[data-theme="dark"] .card-header {
    background-color: #353535;
    border-bottom-color: #404040;
    color: #e0e0e0;
}

[data-theme="dark"] .table {
    color: #e0e0e0;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    color: #e0e0e0;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td,
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > th {
    background-color: #252525;
    color: #e0e0e0;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even) > td,
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even) > th {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

[data-theme="dark"] .table-hover > tbody > tr:hover > td,
[data-theme="dark"] .table-hover > tbody > tr:hover > th {
    background-color: #353535;
    color: #e0e0e0;
}

[data-theme="dark"] .form-control {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

[data-theme="dark"] .form-control:focus {
    background-color: #2d2d2d;
    border-color: #1b6ec2;
    color: #e0e0e0;
    box-shadow: 0 0 0 0.1rem rgba(27, 110, 194, 0.25);
}

[data-theme="dark"] .form-control::placeholder {
    color: #888888;
}

[data-theme="dark"] .form-select {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

[data-theme="dark"] .form-select:focus {
    background-color: #2d2d2d;
    border-color: #1b6ec2;
    color: #e0e0e0;
}

[data-theme="dark"] .form-label {
    color: #e0e0e0;
}

[data-theme="dark"] .btn-primary {
    background-color: #1b6ec2;
    border-color: #1861ac;
    color: #ffffff;
}

[data-theme="dark"] .btn-primary:hover {
    background-color: #1861ac;
    border-color: #155a9a;
}

[data-theme="dark"] .btn-secondary {
    background-color: #6c757d;
    border-color: #5a6268;
    color: #ffffff;
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

[data-theme="dark"] .btn-outline-primary {
    border-color: #1b6ec2;
    color: #1b6ec2;
}

[data-theme="dark"] .btn-outline-primary:hover {
    background-color: #1b6ec2;
    border-color: #1b6ec2;
    color: #ffffff;
}

[data-theme="dark"] .btn-link {
    color: #1b6ec2;
}

[data-theme="dark"] .btn-link:hover {
    color: #1861ac;
}

[data-theme="dark"] .modal-content {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: #404040;
}

[data-theme="dark"] .modal-footer {
    border-top-color: #404040;
}

[data-theme="dark"] .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #404040;
}

[data-theme="dark"] .dropdown-item {
    color: #e0e0e0;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: #404040;
    color: #ffffff;
}

[data-theme="dark"] .dropdown-item.active,
[data-theme="dark"] .dropdown-item:active {
    background-color: #1b6ec2;
    color: #ffffff;
}

[data-theme="dark"] .dropdown-divider {
    border-color: #404040;
}

[data-theme="dark"] .text-muted {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .text-dark {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom {
    border-color: #404040 !important;
}

[data-theme="dark"] .box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .3) !important;
}

/* Theme dropdown styling */
.theme-option {
    cursor: pointer;
}

.theme-option:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] .theme-option:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.theme-check {
    color: #1b6ec2;
}

[data-theme="dark"] .theme-check {
    color: #4da3ff;
}

/* List Group Styles */
[data-theme="dark"] .list-group {
    background-color: #2d2d2d;
}

[data-theme="dark"] .list-group-item {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

[data-theme="dark"] .list-group-item.disabled,
[data-theme="dark"] .list-group-item:disabled {
    color: #6c757d;
    background-color: #2d2d2d;
}

[data-theme="dark"] .list-group-item.active {
    background-color: #8ecbff;
    border-color: #8ecbff;
    color: #0b2233;
}

/* Light theme selected list-group item highlight */
.list-group-item.active {
    background-color: #cfe8ff;
    border-color: #9bd0ff;
    color: #0b2233;
}

[data-theme="dark"] .list-group-item.active a,
.list-group-item.active a {
    color: inherit;
}

[data-theme="dark"] .list-group-item-action {
    color: #e0e0e0;
}

[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action:focus {
    background-color: #353535;
    color: #ffffff;
}

[data-theme="dark"] .list-group-item-action:active {
    background-color: #404040;
    color: #e0e0e0;
}

/* Folder chevron visibility in dark theme */
[data-theme="dark"] .folder-chevron,
[data-theme="dark"] .folder-chevron::before,
[data-theme="dark"] a .folder-chevron,
[data-theme="dark"] a:link .folder-chevron,
[data-theme="dark"] a:visited .folder-chevron,
[data-theme="dark"] a:hover .folder-chevron,
[data-theme="dark"] a:active .folder-chevron,
[data-theme="dark"] a:focus .folder-chevron {
    color: #ffffff !important;
}

}

/* Drag/drop upload highlight for Job Documents right panel */
#jobDocumentsRightPanel.drag-drop-active .card {
    outline: 2px dashed #9bd0ff;
    outline-offset: -6px;
}

/* Job Documents context menu - Delete option styling */
.context-menu-item-delete .context-menu-item {
    color: #dc3545 !important;
}

.context-menu-item-delete .context-menu-item:hover {
    color: #bb2d3b !important;
}

[data-theme="dark"] .context-menu-item-delete .context-menu-item {
    color: #f87171 !important;
}

[data-theme="dark"] .context-menu-item-delete .context-menu-item:hover {
    color: #ef4444 !important;
}