/* Ensure fixed columns have background color in both light and dark modes */

/* For normal mode (light theme) */

table.fixed-columns-table.dataTable thead tr>.dtfc-fixed-start,
table.fixed-columns-table.dataTable thead tr>.dtfc-fixed-end,
table.fixed-columns-table.dataTable tfoot tr>.dtfc-fixed-start,
table.fixed-columns-table.dataTable tfoot tr>.dtfc-fixed-end {
    top: 0;
    bottom: 0;
    z-index: 3;
    background-color: white;
    /* Ensure stacking */
}

table.fixed-columns-table.dataTable tbody tr>.dtfc-fixed-start,
table.fixed-columns-table.dataTable tbody tr>.dtfc-fixed-end {

    z-index: 1;
    background-color: white;
    /* Ensure stacking */
}

/* Add shadow effect on last fixed column (left and right) */
table.fixed-columns-table.dataTable tr>.dtfc-fixed-left::after,
table.fixed-columns-table.dataTable tr>.dtfc-fixed-right::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    transition: box-shadow 0.3s;
    content: "";
    pointer-events: none;
    /* Transparent shadow area */
}

table.fixed-columns-table.dataTable tr>.dtfc-fixed-left::after {
    right: 0;
    transform: translateX(100%);
}

table.fixed-columns-table.dataTable tr>.dtfc-fixed-right::after {
    left: 0;
    transform: translateX(-80%);
}

table.fixed-columns-table.dataTable.dtfc-scrolling-left tr>.dtfc-fixed-left::after {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.fixed-columns-table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right::after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.fixed-columns-table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right+.dtfc-fixed-right::after {
    box-shadow: none;
}

div.dt-scroll,
div.dtfh-floatingparent {
    position: relative;
}

div.dt-scroll div.dtfc-top-blocker,
div.dt-scroll div.dtfc-bottom-blocker,
div.dtfh-floatingparent div.dtfc-top-blocker,
div.dtfh-floatingparent div.dtfc-bottom-blocker {
    position: absolute;
    background-color: white;
}

/* Dark mode */

html.dark table.dataTable thead tr>.dtfc-fixed-start,
html.dark table.dataTable thead tr>.dtfc-fixed-end,
html.dark table.dataTable tfoot tr>.dtfc-fixed-start,
html.dark table.dataTable tfoot tr>.dtfc-fixed-end {
    background-color: var(--dt-html-background);
}

html.dark table.dataTable tbody tr>.dtfc-fixed-start,
html.dark table.dataTable tbody tr>.dtfc-fixed-end {
    background-color: var(--dt-html-background);
}

html.dark table.dataTable.dtfc-scrolling-left tbody>tr>.dtfc-fixed-left::after {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right::after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right+.dtfc-fixed-right::after {
    box-shadow: none;
}

html.dark div.dtfc-top-blocker,
html.dark div.dtfc-bottom-blocker {
    background-color: var(--dt-html-background);
}

/* Ensure borders remain intact */
table.fixed-columns-table.dataTable {
    border-collapse: collapse;
}

table.fixed-columns-table.dataTable thead th,
table.fixed-columns-table.dataTable tbody td {
    border: 1px solid #dee2e6;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #2F383F;
    border: none;
    color: #fff;
    border-radius: 3px;
    padding: 3px;
    margin-top: 6px;
}

.btn-soft-custom-danger {
    --vz-btn-color: #f06548;
    --vz-btn-bg: rgba(240, 101, 72, 0.1);
    --vz-btn-border-color: transparent;
    --vz-btn-hover-color: #f06548;
    --vz-btn-hover-bg: rgba(240, 101, 72, 0.1);
    --vz-btn-hover-border-color: transparent;
    --vz-btn-focus-shadow-rgb: 240, 101, 72;
    --vz-btn-active-color: #f06548;
    --vz-btn-active-bg: rgba(240, 101, 72, 0.1);
    --vz-btn-active-border-color: transparent;
}

.btn-soft-custom-success {
    --vz-btn-color: #0ab39c;
    --vz-btn-bg: rgba(10, 179, 156, 0.1);
    --vz-btn-border-color: transparent;
    --vz-btn-hover-color: #0ab39c;
    --vz-btn-hover-bg: rgba(10, 179, 156, 0.1);
    --vz-btn-hover-border-color: transparent;
    --vz-btn-focus-shadow-rgb: 10, 179, 156;
    --vz-btn-active-color: var(--vz-btn-hover-color);
    --vz-btn-active-bg: rgba(10, 179, 156, 0.1);
    --vz-btn-active-border-color: transparent;
}

.btn-soft-custom-primary {
    --vz-btn-color: #2F383F;
    --vz-btn-bg: rgba(64, 81, 137, 0.1);
    --vz-btn-border-color: transparent;
    --vz-btn-hover-color: #2F383F;
    --vz-btn-hover-bg: rgba(64, 81, 137, 0.1);
    --vz-btn-hover-border-color: transparent;
    --vz-btn-focus-shadow-rgb: 64, 81, 137;
    --vz-btn-active-color: var(--vz-btn-hover-color);
    --vz-btn-active-bg: rgba(64, 81, 137, 0.1);
    --vz-btn-active-border-color: transparent;
}

.btn-soft-custom-warning {
    --vz-btn-color: var(--vz-warning);
    --vz-btn-bg: var(--vz-warning-bg-subtle);
    --vz-btn-border-color: transparent;
    --vz-btn-hover-bg: var(--vz-warning);
    --vz-btn-hover-border-color: transparent;
    --vz-btn-focus-shadow-rgb: var(--vz-warning-rgb);
    --vz-btn-active-bg: var(--vz-warning);
    --vz-btn-active-border-color: transparent;
}

.dt-new-row {
    color: #2F383F;
}

.dt-updated-row {
    background-color: #ffff99;
    /* Light yellow */
    transition: background-color 1s ease;
}

.profile-wid-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 150px;
}


.select2-container--default .select2-selection--multiple.is-invalid,
.select2-container--default .select2-selection--single.is-invalid {
    border: 1px solid #dc3545 !important;
    /* Bootstrap's danger color */
    border-radius: 0.375rem;
    /* match form-control */
}

.to-do-menu li .nav-link {
    color: var(--vz-body-color);
    padding-left: 0;
    font-weight: 500;
    background-color: #f9f9f9;
    padding: 10px 12px;
    border-radius: 4px;
    display: block;
    margin-bottom: 8px;
}

.to-do-menu li .nav-link:hover {
    color: #151616;
    background-color: #f3f6f9;
}

.bg-primary {
    --vz-bg-opacity: 1;
    background-color: #21252994 !important;
}

.todo-content {
    height: calc(100vh - 250px);
    overflow-y: auto;
}

@media (max-width: 991.98px) {
    .file-manager-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 250px;
        max-width: 100%;
        z-index: 1003;
        -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
        box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: hidden;
        height: 100vh;
    }
}

/* Make sure SimpleBar is visible and styled */
.simplebar-scrollbar::before {
    background-color: rgb(52, 54, 56) !important;
    opacity: 1 !important;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:hover::before {
    background-color: rgb(50, 53, 56) !important;
}

.file-manager-content .simplebar-scrollbar::before {
    background-color: rgb(52, 54, 56) !important;
    opacity: 1 !important;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.file-manager-content .simplebar-track.simplebar-vertical .simplebar-scrollbar:hover::before {
    background-color: rgb(50, 53, 56) !important;
}

.card-header-custom-bg {
    background: #eee;
}

select[data-locked="true"] {
    pointer-events: none;
    background-color: #e9ecef;
}

.select2-container--disabled .select2-selection {
    background-color: #fff !important;
    cursor: not-allowed;
    opacity: 1;
}

/* ✅ Confirm Button (default blue) */
.swal2-confirm {
    background-color: #2F383F !important;
    color: #fff !important;
}

/* ❌ Cancel Button (default gray) */
.swal2-cancel {
    background-color: #8f8c8c !important;
    color: #fff !important;
}

/* ⚠️ Deny Button (optional, used in confirm-deny flows) */
.swal2-deny {
    background-color: #f27474 !important;
    color: #fff !important;
}

/* 🔵 Icon colors (Success, Error, Warning, Info, Question) */
.swal2-icon.swal2-success {
    border-color: #a5dc86 !important;
    color: #a5dc86 !important;
}

.swal2-icon.swal2-error {
    border-color: #f27474 !important;
    color: #f27474 !important;
}

.swal2-icon.swal2-warning {
    border-color: #facea8 !important;
    color: #f8bb86 !important;
}

.swal2-icon.swal2-info {
    border-color: #9de0f6 !important;
    color: #3fc3ee !important;
}

.swal2-icon.swal2-question {
    border-color: #c9dae1 !important;
    color: #87adbd !important;
}



/* 🔘 Input / Textarea styling (border and placeholder color) */
.swal2-input,
.swal2-textarea {
    background-color: #fff !important;
    border: 1px solid #d9d9d9 !important;
    color: #545454 !important;
}

.swal2-input::placeholder,
.swal2-textarea::placeholder {
    color: #bfbfbf !important;
}

.label-objection-border {
    border: 1px solid var(--vz-yellow) !important;
    /* Bootstrap's danger color */
    border-radius: 0.375rem;
    /* match form-control */
}

.label-objection {
    position: relative;
    cursor: help;
}

.label-objection::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--vz-yellow);
    ;
    margin-right: 6px;
    vertical-align: middle;
}

.label-objection:hover::after {
    content: 'Reviewer requested changes—please update this field';
    position: absolute;
    left: 20px;
    top: 0;
    background: #fff8e1;
    border: 1px solid var(--vz-yellow);
    ;
    padding: 2px 6px;
    font-size: 11px;
    color: #333;
    white-space: nowrap;
    z-index: 10;
}

.select2-container--default .select2-selection--multiple.is-invalid,
.select2-container--default .select2-selection--single.is-invalid {
    border: 1px solid #dc3545 !important;
    border-radius: 0.375rem;
    background-color: #fff;
}