/* portal/themes/light.css */
html[data-theme="light"] .admin-surface .rs-stat-value.v-teal,
html[data-theme="light"] .admin-surface .k-teal .db-kpi-val {
    text-shadow: none;
}

html[data-theme="light"] .admin-surface .rs-stat-value.v-amber,
html[data-theme="light"] .admin-surface .k-amber .db-kpi-val {
    text-shadow: none;
}

/* ── Responsive (inherits dashboard breakpoints) ─────────── */
@media (max-width: 767px) {
    .admin-surface .rs-stat-value,
    .admin-surface .db-kpi-val {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .admin-surface .rs-stat-value,
    .admin-surface .db-kpi-val {
        font-size: 20px;
    }
}

/* ══════════════════════════════════════════════════════════════
   STYLE.md Phase 2 — global polish & remaining components
   ══════════════════════════════════════════════════════════════ */

/* ── Anti-patterns: clip-path corners, not border-radius ───── */
.admin-surface .btn,
.admin-surface .form-control,
.admin-surface .custom-select,
.admin-surface .bootstrap-select > .dropdown-toggle,
.admin-surface .dropdown-menu,
.admin-surface .modal-content,
.admin-surface .card,
.admin-surface .badge:not(.rounded-full) {
    border-radius: 0;
}

html[data-theme="light"] .admin-surface .rs-btn-save {
    box-shadow: none;
}

html[data-theme="light"] .admin-surface .rs-btn-back {
    box-shadow: none;
}