@import url('tokens.css');
@import url('layout.css');
@import url('components.css');
@import url('branding.css');
@import url('pages/dashboard.css');
@import url('pages/audit.css');
@import url('pages/internal.css');
@import url('pages/login.css');

/* Legacy compat */
.ar-kpi-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ar-kpi-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--ar-shadow-sm);
}

.ar-table-executive th {
    font-size: 10px;
    white-space: nowrap;
}

.ar-table-executive td {
    font-size: 13px;
    vertical-align: middle;
}

#auditMainTabs .nav-link.active {
    font-weight: var(--ar-weight-bold);
}

/* Smooth page transitions */
.ar-content {
    animation: ar-page-in 0.35s ease;
}

@keyframes ar-page-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}