/* LAD app shell — shared admin & user layout */
:root {
    --lad-accent: #be0000;
    --lad-accent-hover: #991b1b;
    --lad-app-page-bg: #edf2f8;
    --lad-nav: #111827;
    --lad-text-muted: #64748b;
}

body.lad-app {
    background: var(--lad-app-page-bg);
    min-height: 100vh;
    color: #111827;
}

body.lad-app.lad-app-auth {
    background: var(--lad-app-page-bg);
}

.navbar.lad-desktop-nav {
    background: linear-gradient(135deg, #0f172a 0%, var(--lad-nav) 45%, #1e293b 100%) !important;
    backdrop-filter: saturate(120%) blur(2px);
}

.navbar-brand {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.nav-link {
    border-radius: 999px;
    padding-inline: 0.8rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.nav-link.active,
.nav-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.13);
}

.card {
    border: 1px solid var(--lad-border, #dfe7f1);
    box-shadow: var(--lad-shadow, 0 1px 2px rgba(15, 23, 42, 0.04));
    border-radius: var(--lad-radius, 0.75rem);
    background: var(--lad-input-bg, #fff);
}

.card-header {
    border-bottom: 1px solid var(--lad-border, #dfe7f1);
    background: var(--lad-input-bg, #fff);
}

.btn-primary {
    --bs-btn-bg: var(--lad-primary, #be0000);
    --bs-btn-border-color: var(--lad-primary, #be0000);
    --bs-btn-hover-bg: var(--lad-primary-dark, #991b1b);
    --bs-btn-hover-border-color: var(--lad-primary-dark, #991b1b);
}

.btn-danger {
    --bs-btn-bg: var(--lad-primary, #be0000);
    --bs-btn-border-color: var(--lad-primary, #be0000);
}

.table > :not(caption) > * > * {
    padding: 0.85rem 0.75rem;
}

.table-light {
    --bs-table-bg: var(--lad-surface-soft, #f3f7fc);
}

.table tbody tr:nth-child(even) {
    background: #fcfdff;
}

.badge {
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.45em 0.62em;
    border-radius: 999px;
}

.btn {
    border-radius: var(--lad-radius-sm, 0.5rem);
    font-weight: 500;
}

.btn-sm {
    border-radius: var(--lad-radius-sm, 0.5rem);
}

.small,
.text-muted {
    color: var(--lad-text-muted) !important;
}

main.lad-main {
    padding-bottom: 3rem;
    max-width: 1240px;
}

@media (max-width: 991.98px) {
    body.lad-app-auth .card:hover {
        transform: none;
    }
}