/* LPHS: full-width layout for myid / SSRP (admin pages only — bukan login/auth) */
/* Login/auth ikut NobleUI seperti eTempahan: container-xxl + col-xl-6 */

/* ---- Admin pages sahaja ---- */
.page-wrapper:not(.full-page) .page-content {
    max-width: 100% !important;
    width: 100% !important;
}

.page-wrapper:not(.full-page) .page-content.container-fluid,
.page-wrapper:not(.full-page) .page-content.container-xxl,
.page-wrapper:not(.full-page) .page-content.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {
    .page-wrapper:not(.full-page) .page-content.container-fluid,
    .page-wrapper:not(.full-page) .page-content.container-xxl,
    .page-wrapper:not(.full-page) .page-content.container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Paksa kolum utama guna lebar penuh — jangan center/narrow */
.page-wrapper:not(.full-page) .page-content > .row {
    margin-left: 0;
    margin-right: 0;
    --bs-gutter-x: 0;
}

.page-wrapper:not(.full-page) .page-content > .row > .col-md-8,
.page-wrapper:not(.full-page) .page-content > .row > .col-xl-6,
.page-wrapper:not(.full-page) .page-content > .row > .col-lg-8,
.page-wrapper:not(.full-page) .page-content > .row > .col-md-4.col-xl-6,
.page-wrapper:not(.full-page) .page-content > .row > .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Kad tapis (luar row) & kad senarai (dalam col-12) — lebar sama */
.page-wrapper:not(.full-page) .page-content > .card,
.page-wrapper:not(.full-page) .page-content > .row > [class*="col-"] > .card,
.page-wrapper:not(.full-page) .page-content > .row > .stretch-card > .card {
    width: 100%;
}

.page-wrapper:not(.full-page) .page-content > .row > .col-12,
.page-wrapper:not(.full-page) .page-content > .row > .col-md-12,
.page-wrapper:not(.full-page) .page-content > .row > .stretch-card.col-12,
.page-wrapper:not(.full-page) .page-content > .row > .stretch-card.col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.page-wrapper:not(.full-page) .page-content .card {
    max-width: 100%;
}

/* Baris berbilang kolum (cth. show 2 kad) — kekalkan jarak */
.page-wrapper:not(.full-page) .page-content > .row:has(> [class*="col-lg-"]:not(.col-lg-12)),
.page-wrapper:not(.full-page) .page-content > .row:has(> [class*="col-md-"]:not(.col-md-12)),
.page-wrapper:not(.full-page) .page-content > .row:has(> [class*="col-xl-"]:not(.col-xl-12)) {
    --bs-gutter-x: 1.5rem;
}

.page-wrapper:not(.full-page) .page-content > .row > [class*="col-lg-"]:not(.col-lg-12),
.page-wrapper:not(.full-page) .page-content > .row > [class*="col-md-"]:not(.col-md-12),
.page-wrapper:not(.full-page) .page-content > .row > [class*="col-xl-"]:not(.col-xl-12) {
    padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
}

.page-wrapper:not(.full-page) .navbar .navbar-content {
    max-width: 100%;
}

.page-wrapper:not(.full-page) .footer {
    width: 100%;
}

/* Signage-style admin breadcrumb */
.admin-breadcrumb-bar {
    margin-bottom: 1.25rem;
    padding: 0.75rem 1rem;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
}

.admin-breadcrumb {
    --bs-breadcrumb-divider: '›';
    flex-wrap: nowrap;
    overflow: hidden;
}

.admin-breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    min-width: 0;
    font-size: 0.875rem;
}

.admin-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: var(--bs-secondary);
}

.admin-breadcrumb-link,
.admin-breadcrumb-current {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.admin-breadcrumb-link:hover {
    color: var(--bs-primary);
}

.admin-breadcrumb-current {
    color: var(--bs-secondary);
    font-weight: 500;
}

.admin-breadcrumb-icon {
    flex-shrink: 0;
    width: 1rem;
    font-size: 0.95rem;
    text-align: center;
}

.admin-breadcrumb-link span,
.admin-breadcrumb-current span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-breadcrumb .breadcrumb-item.active .admin-breadcrumb-current span {
    max-width: 28rem;
}

/* DataTables: elak scrollbar mendatar */
.page-wrapper:not(.full-page) .card .table-responsive,
.page-wrapper:not(.full-page) .dataTables_wrapper,
.page-wrapper:not(.full-page) .dataTables_wrapper .dataTables_scroll,
.page-wrapper:not(.full-page) .dataTables_wrapper .dataTables_scrollHead,
.page-wrapper:not(.full-page) .dataTables_wrapper .dataTables_scrollBody {
    overflow-x: visible !important;
}

.page-wrapper:not(.full-page) table.dataTable {
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
}

.page-wrapper:not(.full-page) table.dataTable thead th,
.page-wrapper:not(.full-page) table.dataTable tbody td {
    white-space: normal;
    word-break: break-word;
}