#custom-confirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-confirm {
    background: white;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}

.btn-custom-confirm {
    margin: 5px;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background-color: #007bff;
    color: white;
}

.swal-actions-stacked {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Floating eye button for modal visibility toggle */
.btn-toggle-modal-floating {
    position: fixed !important;
    top: 50% !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    background-color: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 50% !important;
    color: #007bff !important;
    z-index: 9999 !important;
    opacity: 1 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.btn-toggle-modal-floating:hover {
    background-color: #007bff !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 123, 255, 0.3) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.btn-toggle-modal-floating i {
    font-size: 1.5rem !important;
}

.nav-align-top > .tab-content .tab-pane.show:has(.select2),
.nav-align-bottom > .tab-content .tab-pane.show:has(.select2) {
    transform: unset !important;
    /* ยกเลิก transform หากมี select2 */
}

.input-group .select2-search__field {
    width: 100% !important;
}

#tableView tbody tr.selected {
    background-color: rgb(13, 110, 253);
    box-shadow: -4px 0px 0px 0px rgb(50, 50, 180);
}

#tableView tbody tr.selected td {
    color: white;
}

.min-w-200px {
    min-width: 200px !important;
}

.select2-results__option[aria-disabled='true'] {
    color: #999999;
    background-color: #f0f0f0;
    cursor: not-allowed;
    font-style: italic;
}

.select2-results__option[aria-disabled='true']:hover {
    background-color: #f0f0f0;
}

.select2-readonly {
    pointer-events: none;
    touch-action: none;
    background-color: #eee !important;
}

.select2-readonly .select2-selection__arrow,
.select2-readonly .select2-selection__clear {
    display: none;
}

.hide-option-when-disabled .select2-results__option[aria-disabled='true'] {
    display: none;
}

.modal-content-scroll {
    max-height: 60vh;
    overflow-y: auto;
    margin-bottom: 20px;
}

.badge.pick-slip-status-planned,
.badge.pick-slip-status-loading,
.badge.pick-slip-status-loading-completed,
.badge.pick-slip-status-pending-approval,
.badge.pick-slip-status-in-transit,
.badge.pick-slip-status-arrived,
.badge.pick-slip-status-delivery-success,
.badge.pick-slip-status-completed,
.badge.pick-slip-status-cancelled {
    border: 1px solid transparent;
}

.badge.pick-slip-status-planned {
    background-color: #eef2f6;
    border-color: #d6dde6;
    color: #52606d;
}

.badge.pick-slip-status-loading {
    background-color: #e0f2fe;
    border-color: #93c5fd;
    color: #075985;
}

.badge.pick-slip-status-loading-completed {
    background-color: #dff7f3;
    border-color: #99f6e4;
    color: #0f766e;
}

.badge.pick-slip-status-pending-approval {
    background-color: #ffedd5;
    border-color: #fdba74;
    color: #c2410c;
}

.badge.pick-slip-status-in-transit {
    background-color: #fef3c7;
    border-color: #fcd34d;
    color: #b45309;
}

.badge.pick-slip-status-arrived {
    background-color: #fff4cc;
    border-color: #f6d365;
    color: #9a6700;
}

.badge.pick-slip-status-delivery-success {
    background-color: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.badge.pick-slip-status-completed {
    background-color: #dcfce7;
    border-color: #86efac;
    color: #166534;
}

.badge.pick-slip-status-cancelled {
    background-color: #fee2e2;
    border-color: #fca5a5;
    color: #b91c1c;
}