/**
 * Shell tweaks aligned with Tabler admin preview (combined navbar + light header).
 * @see https://tabler.io/admin-template/preview
 */
body {
    background-color: var(--tblr-body-bg);
}

.page {
    min-height: 100vh;
}

/* Dark sidebar edge like Tabler demo */
.navbar-vertical.navbar-dark {
    border-inline-end: 1px solid rgba(255, 255, 255, 0.08);
}

/* Top header separation */
@media (min-width: 992px) {
    header.navbar[data-bs-theme='light'] {
        border-bottom: 1px solid var(--tblr-border-color);
        background-color: var(--tblr-bg-surface);
    }
}

.page-body .container-xl {
    padding-bottom: 2rem;
}

/* Auth layout body (sign-in / OTP) — Tabler preview–style wash */
body.auth-tabler-preview {
    background: linear-gradient(
        180deg,
        var(--tblr-bg-surface-secondary, #f1f5f9) 0%,
        var(--tblr-body-bg) 45%
    );
}

/* Auth pages (login / OTP): soft background band like Tabler sign-in preview */
.page.page-center {
    flex: 1;
}