/* =========================================================================
 * 🎨 SkyForj Customer Portal — Custom Layout Overrides
 * =========================================================================
 * This file is auto-loaded by the SkyForj framework on the customer portal.
 * It widens the default Bootstrap .container to use more of the screen,
 * matching the admin backend's full-width layout feel.
 * ========================================================================= */

/* Widen the customer portal content area to match admin dashboard width */
.customers #wrapper #content > .container {
    max-width: 1600px;
    width: 95%;
}

/* Widen the navigation container */
.customers .navbar > .container {
    max-width: 1600px;
    width: 95%;
}

/* Full-width on large screens (1920+) */
@media (min-width: 1800px) {
    .customers #wrapper #content > .container,
    .customers .navbar > .container {
        max-width: 1800px;
        width: 94%;
    }
}

/* Tablet adaptation */
@media (max-width: 991px) {
    .customers #wrapper #content > .container,
    .customers .navbar > .container {
        width: 100%;
        max-width: 100%;
    }
}

/* =========================================================================
 * Dropdown menus inside scrollable project tabs
 * Overflow is handled by inline JS (shown.bs.dropdown / hidden.bs.dropdown).
 * This section styles the dropdown-menu appearance via dedicated class.
 * ========================================================================= */
.dropdown-menu.skyforj-portal-dropdown-menu {
    z-index: 1050;
    min-width: 280px;
    border-radius: 4px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    margin-top: 0;
}