/* LexaPartner ↔ Corporate Aurora bridge: keep Lexa controllers/templates,
   apply Aurora polish tokens/cards/stats without replacing business markup. */

:root {
    --font-en-primary: var(--lx-font-en-primary);
    --font-en-secondary: var(--lx-font-en-secondary);
    --font-ar-primary: var(--lx-font-ar-primary);
    --font-ar-secondary: var(--lx-font-ar-secondary);
}

html[lang="en"] body,
html[lang="en"] .content,
html[lang="en"] .main-content,
html[lang="en"] .app-content {
    font-family: var(--font-en-primary);
}

html[lang="ar"] body,
html[lang="ar"] .content,
html[lang="ar"] .main-content,
html[lang="ar"] .app-content {
    font-family: var(--font-ar-primary);
}

/* Prefer Lexa accent when Aurora primary collides */
.kpi-card,
.card.kpi-card {
    border: 1px solid var(--border, rgba(0,0,0,.06));
    border-radius: var(--lx-radius-lg, 12px);
    box-shadow: var(--lx-shadow-sm, 0 1px 2px rgba(0,0,0,.06));
    background: var(--card-bg, var(--bs-body-bg, #fff));
    transition: transform var(--lx-transition-fast, .15s ease),
                box-shadow var(--lx-transition-base, .3s ease);
}
.kpi-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--lx-shadow-md, 0 4px 6px rgba(0,0,0,.08));
}
.kpi-label {
    font-size: var(--lx-fs-sm, .875rem);
    color: var(--text-secondary, #6c757d);
    margin-bottom: .25rem;
    font-family: var(--font-en-secondary);
}
.kpi-value {
    font-size: var(--lx-fs-2xl, 2rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    font-family: var(--font-en-primary);
    color: var(--text-primary, inherit);
}
.kpi-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.card {
    border-radius: var(--lx-radius-lg, 12px);
    box-shadow: var(--lx-shadow-sm, 0 1px 2px rgba(0,0,0,.06));
}
.card-header {
    background: transparent;
    border-bottom-color: var(--border, #e0e0e0);
    font-family: var(--font-en-primary);
}

/* Chart containers (dashboard Chart.js canvases) */
.chart-wrap,
.card-body canvas {
    max-height: 320px;
}

/* Soft Aurora page chrome without forcing corporate sidenav markup */
.app-wrapper,
.page-wrapper,
.main-content {
    background: var(--bg-primary, var(--bs-body-bg, #fff));
}