html, body {
    overflow: auto;
}

.comment {
    border: 1px solid var(--border);
}

.multiselect.btn {
    border: 1px solid var(--border);
    color: var(--text);
    border-radius: 6px;
}

.multiselect-container > li {
    padding: 5px 6px;
}

    .multiselect-container > li > a {
        padding: 1px 20px !important;
    }

.checkbox {
    padding-top: 6px !important;
}

.multiselect-container.dropdown-menu > li > a {
    color: var(--text-sec) !important;
    background-color: var(--white) !important;
}

.multiselect-container.dropdown-menu > li.active > a {
    color: var(--white) !important;
    background: var(--blue) !important;
    border-radius: 5px !important;
}


.multiselect-container.dropdown-menu > li:hover > a {
    color: var(--text);
}

.multiselect-container.dropdown-menu > li.disabled:hover > a {
    color: var(--text-hint);
}

.multiselect-container.dropdown-menu > li.disabled > a {
    color: var(--text-hint);
}

.multiselect-container.dropdown-menu > li:not(.disabled):hover > a {
    background-color: var(--blue-tint);
    color: var(--text);
}

.multiselect-container > li > a > label {
    padding-left: 33px !important;
    font-size: 14px;
    line-height: 1.42857143;
}

.dropdown-menu {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-md);
}

    .dropdown-menu > li > a {
        font-size: 13px;
        color: var(--text-sec);
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: var(--text) !important;
            background-color: var(--bg) !important;
        }

    .dropdown-menu > .divider {
        background-color: var(--border);
    }

    .dropdown-menu > li > a.current-item {
        color: var(--blue) !important;
        background: var(--blue-tint) !important;
    }

.ui-dropdownchecklist {
    border: 1px solid var(--border) !important;
    border-right: 0 !important;
}

.ui-dropdownchecklist-hover,
.ui-dropdownchecklist-active {
    box-shadow: var(--shadow-sm);
}

.ui-dropdownchecklist-text {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    height: auto !important;
    min-height: 32px !important;
    line-height: 32px !important;
}

.ui-dropdownchecklist-selector-wrapper {
    border: 1px solid var(--border) !important;
}

.ui-dropdownchecklist-dropcontainer {
    border: 1px solid var(--border) !important;
}

.ui-dropdownchecklist-item-hover {
    background-color: var(--blue-tint) !important;
}

    .ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
        color: var(--text) !important;
    }

.ui-dropdownchecklist-item-disabled label,
.ui-state-disabled {
    color: var(--text-hint) !important;
}

.ui-dropdownchecklist-group {
    font-style: normal !important;
}

select.form-control {
    font-size: 13px;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 6px;
}

    select.form-control:focus,
    .form-control:focus {
        border-color: var(--blue) !important;
        outline: 0;
        box-shadow: var(--shadow-md) !important;
    }

.select.form-control:hover,
.form-control:hover {
    box-shadow: var(--shadow-sm) !important;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    border-radius: var(--radius) !important;
    border: 1px solid var(--border) !important;
}

    .dataTables_wrapper .dataTables_filter input:hover,
    .dataTables_wrapper .dataTables_length select:hover {
        box-shadow: var(--shadow-sm) !important;
    }

    .dataTables_wrapper .dataTables_filter input:focus,
    .dataTables_wrapper .dataTables_length select:focus {
        border-color: var(--blue) !important;
        outline: none;
        box-shadow: var(--shadow-md) !important;
    }

    .dataTables_wrapper .dataTables_length select option:checked {
        background-color: var(--blue-tint) !important;
        color: var(--blue) !important;
    }

    .dataTables_wrapper .dataTables_length select option:hover {
        background-color: var(--bg) !important;
        color: var(--text) !important;
    }

.navbar-nav > li > .dropdown-menu {
    border-radius: calc(var(--radius)/2) !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li:has(> a.current-item) {
    background: var(--white);
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--text-sec);
    background-color: var(--white);
}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a.current-item {
        color: var(--blue);
        background-color: var(--blue-tint);
    }

.sidebar-nav .badge-notify {
    color: var(--white);
}

.sidebar-tooltip {
    color: var(--white);
}

.arrowToggle i.fa:hover {
    color: var(--white);
}

/* ─── 8. BUTTONS ─────────────────────────────────────────── */
a {
    color: var(--blue);
    text-decoration: none;
    font-weight: 500;
}

    a:focus, a:hover {
        color: var(--blue);
        text-decoration: underline;
    }

.btn {
    align-items: center;
    gap: 5px !important;
    border: none;
    border-radius: var(--radius-sm);
    padding: 7px 13px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.15s;
    text-decoration: none;
    white-space: nowrap;
}

button.btn.disabled,
button.btn[disabled],
button.btn:disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

.btn-rounded {
    border: none;
    border-radius: var(--radius-sm);
}

/* btn-primary */
.btn-primary,
.btn-save,
.btn-rs,
.btn-add-entity,
.btn-dialog-ok,
.btn-in-widget-white-text,
.btn-next,
.btn-ok,
.btn-ok_A,
.btn-register,
.btn-rgs,
.btn-save-add-note,
.btn-save-instruments-order,
.btn-save-provisions-order {
    background: var(--blue);
    color: #fff;
}

    .btn-primary:focus,
    .btn-save:focus,
    .btn-rs:focus,
    .btn-add-entity:focus,
    .btn-dialog-ok:focus,
    .btn-in-widget-white-text:focus,
    .btn-next:focus,
    .btn-ok:focus,
    .btn-ok_A:focus,
    .btn-register:focus,
    .btn-rgs:focus,
    .btn-save-add-note:focus,
    .btn-save-instruments-order:focus,
    .btn-save-provisions-order:focus {
        background: var(--blue);
        color: #fff;
    }

    .btn-primary:hover,
    .btn-save:hover,
    .btn-rs:hover,
    .btn-add-entity:hover,
    .btn-dialog-ok:hover,
    .btn-in-widget-white-text:hover,
    .btn-next:hover,
    .btn-ok:hover,
    .btn-ok_A:hover,
    .btn-register:hover,
    .btn-rgs:hover,
    .btn-save-add-note:hover,
    .btn-save-instruments-order:hover,
    .btn-save-provisions-order:hover {
        background: var(--blue-d);
        color: #fff;
    }

    .btn-primary.active,
    .btn-primary:active,
    .open > .dropdown-toggle.btn-primary,
    .btn-save.active,
    .btn-save:active,
    .open > .dropdown-toggle.btn-save,
    .btn-rs.active,
    .btn-rs:active,
    .open > .dropdown-toggle.btn-rs,
    .btn-add-entity.active,
    .btn-add-entity:active,
    .open > .dropdown-toggle.btn-add-entity,
    .btn-dialog-ok.active,
    .btn-dialog-ok:active,
    .open > .dropdown-toggle.btn-dialog-ok,
    .btn-in-widget-white-text.active,
    .btn-in-widget-white-text:active,
    .open > .dropdown-toggle.btn-in-widget-white-text,
    .btn-next.active,
    .btn-next:active,
    .open > .dropdown-toggle.btn-next,
    .btn-ok.active,
    .btn-ok:active,
    .open > .dropdown-toggle.btn-ok,
    .btn-ok_A.active,
    .btn-ok_A:active,
    .open > .dropdown-toggle.btn-ok_A,
    .btn-register.active,
    .btn-register:active,
    .open > .dropdown-toggle.btn-register,
    .btn-rgs.active,
    .btn-rgs:active,
    .open > .dropdown-toggle.btn-rgs,
    .btn-save-add-note.active,
    .btn-save-add-note:active,
    .open > .dropdown-toggle.btn-save-add-note,
    .btn-save-instruments-order.active,
    .btn-save-instruments-order:active,
    .open > .dropdown-toggle.btn-save-instruments-order,
    .btn-save-provisions-order.active,
    .btn-save-provisions-order:active,
    .open > .dropdown-toggle.btn-save-provisions-order {
        background: var(--blue-d);
        color: #fff;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    .btn-primary:disabled,
    .btn-save.disabled,
    .btn-save[disabled],
    .btn-save:disabled,
    .btn-rs.disabled,
    .btn-rs[disabled],
    .btn-rs:disabled,
    .btn-add-entity.disabled,
    .btn-add-entity[disabled],
    .btn-add-entity:disabled,
    .btn-dialog-ok.disabled,
    .btn-dialog-ok[disabled],
    .btn-dialog-ok:disabled,
    .btn-in-widget-white-text.disabled,
    .btn-in-widget-white-text[disabled],
    .btn-in-widget-white-text:disabled,
    .btn-next.disabled,
    .btn-next[disabled],
    .btn-next:disabled,
    .btn-ok.disabled,
    .btn-ok[disabled],
    .btn-ok:disabled,
    .btn-ok_A.disabled,
    .btn-ok_A[disabled],
    .btn-ok_A:disabled,
    .btn-register.disabled,
    .btn-register[disabled],
    .btn-register:disabled,
    .btn-rgs.disabled,
    .btn-rgs[disabled],
    .btn-rgs:disabled,
    .btn-save-add-note.disabled,
    .btn-save-add-note[disabled],
    .btn-save-add-note:disabled,
    .btn-save-instruments-order.disabled,
    .btn-save-instruments-order[disabled],
    .btn-save-instruments-order:disabled,
    .btn-save-provisions-order.disabled,
    .btn-save-provisions-order[disabled],
    .btn-save-provisions-order:disabled {
        background: var(--blue);
        color: #fff;
    }

/* btn-secondary */
.btn-default,
.btn-info,
.btn-analytical-method,
.btn-cancel,
.btn-cancel2,
.btn-cancel3,
.btn-cancel-instruments-order,
.btn-cancel-provisions-order,
.btn-change-instruments-order,
.btn-change-provisions-order,
.btn-close-video,
.btn-dialog-cancel,
.btn-disabled,
.btn-goToInstrument,
.btn-history,
.btn-import-description,
.btn-inherit,
.btn-instrument,
.btn-in-widget-black-text,
.btn-link-to-compliance,
.btn-map,
.btn-read,
.btn-return,
.btn-task {
    background: var(--white);
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}

    .btn-default:focus,
    .btn-info:focus,
    .btn-analytical-method:focus,
    .btn-cancel:focus,
    .btn-cancel2:focus,
    .btn-cancel3:focus,
    .btn-cancel-instruments-order:focus,
    .btn-cancel-provisions-order:focus,
    .btn-change-instruments-order:focus,
    .btn-change-provisions-order:focus,
    .btn-close-video:focus,
    .btn-dialog-cancel:focus,
    .btn-disabled:focus,
    .btn-goToInstrument:focus,
    .btn-history:focus,
    .btn-import-description:focus,
    .btn-inherit:focus,
    .btn-instrument:focus,
    .btn-in-widget-black-text:focus,
    .btn-link-to-compliance:focus,
    .btn-map:focus,
    .btn-read:focus,
    .btn-return:focus,
    .btn-task:focus {
        background: var(--white);
        color: var(--text);
        border: 1px solid var(--border);
        box-shadow: var(--shadow-sm);
    }

    .btn-default:hover,
    .btn-info:hover,
    .btn-analytical-method:hover,
    .btn-cancel:hover,
    .btn-cancel2:hover,
    .btn-cancel3:hover,
    .btn-cancel-instruments-order:hover,
    .btn-cancel-provisions-order:hover,
    .btn-change-instruments-order:hover,
    .btn-change-provisions-order:hover,
    .btn-close-video:hover,
    .btn-dialog-cancel:hover,
    .btn-disabled:hover,
    .btn-goToInstrument:hover,
    .btn-history:hover,
    .btn-import-description:hover,
    .btn-inherit:hover,
    .btn-instrument:hover,
    .btn-in-widget-black-text:hover,
    .btn-link-to-compliance:hover,
    .btn-map:hover,
    .btn-read:hover,
    .btn-return:hover,
    .btn-task:hover {
        background: var(--bg);
        color: var(--text);
        border: 1px solid var(--border);
        box-shadow: var(--shadow-sm);
    }

    .btn-default.active,
    .btn-default:active,
    .open > .dropdown-toggle.btn-default,
    .btn-info.active,
    .btn-info:active,
    .open > .dropdown-toggle.btn-info,
    .btn-analytical-method.active,
    .btn-analytical-method:active,
    .open > .dropdown-toggle.btn-analytical-method,
    .btn-cancel.active,
    .btn-cancel:active,
    .open > .dropdown-toggle.btn-cancel,
    .btn-cancel2.active,
    .btn-cancel2:active,
    .open > .dropdown-toggle.btn-cancel2,
    .btn-cancel3.active,
    .btn-cancel3:active,
    .open > .dropdown-toggle.btn-cancel3,
    .btn-cancel-instruments-order.active,
    .btn-cancel-instruments-order:active,
    .open > .dropdown-toggle.btn-cancel-instruments-order,
    .btn-cancel-provisions-order.active,
    .btn-cancel-provisions-order:active,
    .open > .dropdown-toggle.btn-cancel-provisions-order,
    .btn-change-instruments-order.active,
    .btn-change-instruments-order:active,
    .open > .dropdown-toggle.btn-change-instruments-order,
    .btn-change-provisions-order.active,
    .btn-change-provisions-order:active,
    .open > .dropdown-toggle.btn-change-provisions-order,
    .btn-close-video.active,
    .btn-close-video:active,
    .open > .dropdown-toggle.btn-close-video,
    .btn-dialog-cancel.active,
    .btn-dialog-cancel:active,
    .open > .dropdown-toggle.btn-dialog-cancel,
    .btn-disabled.active,
    .btn-disabled:active,
    .open > .dropdown-toggle.btn-disabled,
    .btn-goToInstrument.active,
    .btn-goToInstrument:active,
    .open > .dropdown-toggle.btn-goToInstrument,
    .btn-history.active,
    .btn-history:active,
    .open > .dropdown-toggle.btn-history,
    .btn-import-description.active,
    .btn-import-description:active,
    .open > .dropdown-toggle.btn-import-description,
    .btn-inherit.active,
    .btn-inherit:active,
    .open > .dropdown-toggle.btn-inherit,
    .btn-instrument.active,
    .btn-instrument:active,
    .open > .dropdown-toggle.btn-instrument,
    .btn-in-widget-black-text.active,
    .btn-in-widget-black-text:active,
    .open > .dropdown-toggle.btn-in-widget-black-text,
    .btn-link-to-compliance.active,
    .btn-link-to-compliance:active,
    .open > .dropdown-toggle.btn-link-to-compliance,
    .btn-map.active,
    .btn-map:active,
    .open > .dropdown-toggle.btn-map,
    .btn-read.active,
    .btn-read:active,
    .open > .dropdown-toggle.btn-read,
    .btn-return.active,
    .btn-return:active,
    .open > .dropdown-toggle.btn-return,
    .btn-task.active,
    .btn-task:active,
    .open > .dropdown-toggle.btn-task {
        background: var(--bg);
        color: var(--text);
        border: 1px solid var(--border);
        box-shadow: var(--shadow-sm);
    }

    .btn-default.disabled,
    .btn-default[disabled],
    .btn-default:disabled,
    .btn-info.disabled,
    .btn-info[disabled],
    .btn-info:disabled,
    .btn-analytical-method.disabled,
    .btn-analytical-method[disabled],
    .btn-analytical-method:disabled,
    .btn-cancel.disabled,
    .btn-cancel[disabled],
    .btn-cancel:disabled,
    .btn-cancel2.disabled,
    .btn-cancel2[disabled],
    .btn-cancel2:disabled,
    .btn-cancel3.disabled,
    .btn-cancel3[disabled],
    .btn-cancel3:disabled,
    .btn-cancel-instruments-order.disabled,
    .btn-cancel-instruments-order[disabled],
    .btn-cancel-instruments-order:disabled,
    .btn-cancel-provisions-order.disabled,
    .btn-cancel-provisions-order[disabled],
    .btn-cancel-provisions-order:disabled,
    .btn-change-instruments-order.disabled,
    .btn-change-instruments-order[disabled],
    .btn-change-instruments-order:disabled,
    .btn-change-provisions-order.disabled,
    .btn-change-provisions-order[disabled],
    .btn-change-provisions-order:disabled,
    .btn-close-video.disabled,
    .btn-close-video[disabled],
    .btn-close-video:disabled,
    .btn-dialog-cancel.disabled,
    .btn-dialog-cancel[disabled],
    .btn-dialog-cancel:disabled,
    .btn-disabled.disabled,
    .btn-disabled[disabled],
    .btn-disabled:disabled,
    .btn-goToInstrument.disabled,
    .btn-goToInstrument[disabled],
    .btn-goToInstrument:disabled,
    .btn-history.disabled,
    .btn-history[disabled],
    .btn-history:disabled,
    .btn-import-description.disabled,
    .btn-import-description[disabled],
    .btn-import-description:disabled,
    .btn-inherit.disabled,
    .btn-inherit[disabled],
    .btn-inherit:disabled,
    .btn-instrument.disabled,
    .btn-instrument[disabled],
    .btn-instrument:disabled,
    .btn-in-widget-black-text.disabled,
    .btn-in-widget-black-text[disabled],
    .btn-in-widget-black-text:disabled,
    .btn-link-to-compliance.disabled,
    .btn-link-to-compliance[disabled],
    .btn-link-to-compliance:disabled,
    .btn-map.disabled,
    .btn-map[disabled],
    .btn-map:disabled,
    .btn-read.disabled,
    .btn-read[disabled],
    .btn-read:disabled,
    .btn-return.disabled,
    .btn-return[disabled],
    .btn-return:disabled,
    .btn-task.disabled,
    .btn-task[disabled],
    .btn-task:disabled {
        background: var(--white);
        color: var(--text);
        border: 1px solid var(--border);
        box-shadow: var(--shadow-sm);
    }

/* btn-danger */
.btn-danger,
.btn-delete,
.btn-reject {
    background: var(--red);
    color: #fff;
}

    .btn-danger:focus,
    .btn-delete:focus,
    .btn-reject:focus {
        background: var(--red);
        color: #fff;
    }

    .btn-danger:hover,
    .btn-delete:hover,
    .btn-reject:hover {
        background: #DC2626;
        color: #fff;
    }

    .btn-danger.active,
    .btn-danger:active,
    .open > .dropdown-toggle.btn-danger,
    .btn-delete.active,
    .btn-delete:active,
    .open > .dropdown-toggle.btn-delete,
    .btn-reject.active,
    .btn-reject:active,
    .open > .dropdown-toggle.btn-reject {
        background: #DC2626;
        color: #fff;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    .btn-danger:disabled,
    .btn-delete.disabled,
    .btn-delete[disabled],
    .btn-delete:disabled,
    .btn-reject.disabled,
    .btn-reject[disabled],
    .btn-reject:disabled {
        background: var(--red);
        color: #fff;
    }

/* btn-amber */
.btn-warning,
.btn-notify,
.btn-risk {
    background: #FFFBEB;
    color: var(--amber-d);
    border: 1px solid #FDE68A;
}

    .btn-warning:focus,
    .btn-notify:focus,
    .btn-risk:focus {
        background: #FFFBEB;
        color: var(--amber-d);
        border: 1px solid #FDE68A;
    }

    .btn-warning:hover,
    .btn-notify:hover,
    .btn-risk:hover {
        background: #FEF3C7;
        color: var(--amber-d);
        border: 1px solid #FDE68A;
    }

    .btn-warning.active,
    .btn-warning:active,
    .open > .dropdown-toggle.btn-warning,
    .btn-notify.active,
    .btn-notify:active,
    .open > .dropdown-toggle.btn-notify,
    .btn-risk.active,
    .btn-risk:active,
    .open > .dropdown-toggle.btn-risk {
        background: #FEF3C7;
        color: var(--amber-d);
        border: 1px solid #FDE68A;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    .btn-warning:disabled,
    .btn-notify.disabled,
    .btn-notify[disabled],
    .btn-notify:disabled,
    .btn-risk.disabled,
    .btn-risk[disabled],
    .btn-risk:disabled {
        background: #FFFBEB;
        color: var(--amber-d);
        border: 1px solid #FDE68A;
    }

/* btn-ghost */
.btn-link,
.btn-collapse,
.btn-hide-all-children,
.btn-in-widget,
.btn-show-all-children,
.btn-title {
    background: none;
    color: var(--text-sec);
    border: 1px solid var(--border);
}

    .btn-link:focus,
    .btn-collapse:focus,
    .btn-hide-all-children:focus,
    .btn-in-widget:focus,
    .btn-show-all-children:focus,
    .btn-title:focus {
        background: none;
        color: var(--text-sec);
        border: 1px solid var(--border);
    }

    .btn-link:hover,
    .btn-collapse:hover,
    .btn-hide-all-children:hover,
    .btn-in-widget:hover,
    .btn-show-all-children:hover,
    .btn-title:hover {
        background: var(--bg);
        color: var(--text);
        border: 1px solid var(--border);
    }

    .btn-link.active,
    .btn-link:active,
    .open > .dropdown-toggle.btn-link,
    .btn-collapse.active,
    .btn-collapse:active,
    .open > .dropdown-toggle.btn-collapse,
    .btn-hide-all-children.active,
    .btn-hide-all-children:active,
    .open > .dropdown-toggle.btn-hide-all-children,
    .btn-in-widget.active,
    .btn-in-widget:active,
    .open > .dropdown-toggle.btn-in-widget,
    .btn-show-all-children.active,
    .btn-show-all-children:active,
    .open > .dropdown-toggle.btn-show-all-children,
    .btn-title.active,
    .btn-title:active,
    .open > .dropdown-toggle.btn-title {
        background: var(--bg);
        color: var(--text);
        border: 1px solid var(--border);
    }

    .btn-link.disabled,
    .btn-link[disabled],
    .btn-link:disabled,
    .btn-collapse.disabled,
    .btn-collapse[disabled],
    .btn-collapse:disabled,
    .btn-hide-all-children.disabled,
    .btn-hide-all-children[disabled],
    .btn-hide-all-children:disabled,
    .btn-in-widget.disabled,
    .btn-in-widget[disabled],
    .btn-in-widget:disabled,
    .btn-show-all-children.disabled,
    .btn-show-all-children[disabled],
    .btn-show-all-children:disabled,
    .btn-title.disabled,
    .btn-title[disabled],
    .btn-title:disabled {
        background: none;
        color: var(--text-sec);
        border: 1px solid var(--border);
    }

/* btn-green */
.btn-success {
    background: var(--green);
    color: #fff;
}

    .btn-success:focus {
        background: var(--green);
        color: #fff;
    }

    .btn-success:hover {
        background: #059669;
        color: #fff;
    }

    .btn-success.active,
    .btn-success:active,
    .open > .dropdown-toggle.btn-success {
        background: #059669;
        color: #fff;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    .btn-success:disabled {
        background: var(--green);
        color: #fff;
    }