/* When sidebar is active (collapsed), hide the menu text */
.sidebar.active .menu-text {
    display: none;
}

/* Optional: center icons when sidebar is collapsed */
.sidebar.active .menu-item {
    justify-content: center;
}

.home-menu-icon {
    font-size: 22px;
}

.ss-main .ss-search input {
  pointer-events: auto !important;
}

/* Customer Contact information Badges
-------------------------------------------- */

.contact-badge {
        display: inline-flex;           /* shrink to content width */
        align-items: center;
        width: fit-content;            /* this makes badge auto-size */
        padding: 4px 8px;              /* small padding */
        border-radius: 6px;
        margin-bottom: 6px;
        gap: 6px;
        font-size: 0.88rem;
        color: #fff;
        white-space: nowrap;           /* keeps one-line layout */
    }

    .contact-badge i {
        transition: transform 0.2s ease;
    }

    .contact-badge:hover i {
        transform: scale(1.2);
    }

    /* Colors */
    .badge-phone { background-color: #0d6efd; }
    .badge-email { background-color: #6f42c1; }
    .badge-address { background-color: #198754; }

    .contact-badge:last-child { margin-bottom: 0; }

/* Table Columns Adjustments
-------------------------------------------- */
/* Make all tables shrink columns to content width */
table {
    table-layout: auto !important;
    width: 100% !important;
}

/* Prevent unwanted wrapping so columns stay as small as needed */
table th,
table td {
    white-space: nowrap;
}

/* Allow selected columns to wrap */
table .wrap {
    white-space: normal !important;
}

/* Force specific columns to shrink tightly */
table .col-shrink {
    width: 1%;
    white-space: nowrap;
}

/* =========================================
   CHOICES.JS DISABLED FIELD FIX
========================================= */

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input,
.choices.is-disabled .choices__item,
.choices.is-disabled .choices__item--selectable {

    color: #000 !important;
    opacity: 1 !important;

}

/* keep background readable */
.choices.is-disabled .choices__inner {

    background-color: #f8f9fa !important;

}

/* optional: make it look locked but readable */
.choices.is-disabled {

    opacity: 1 !important;

}

/* =======================================
       OFFCANVAS ABOVE MODAL
    ======================================= */

    #customerOffcanvas {
        z-index: 2000 !important;
    }

    .offcanvas-backdrop.show {
        z-index: 1999 !important;
    }

    /* Bootstrap modal default ~1055 */
    .modal {
        z-index: 1055;
    }

    
    /* =======================================
       FIX MODAL BODY SCROLL
    ======================================= */

    #modal .modal-content {
        max-height: 95vh;
    }

    #modal .modal-body {
        overflow-y: auto;
        max-height: calc(95vh - 140px);
    }