/* 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;
}