/*
 * app.css — component utilities only.
 * Layout (sidebar, topbar, main) is handled entirely by erp-theme.css.
 */

/* ── Card & Widget utilities ─────────────────────────────── */
.erp-card {
    background: var(--erp-surface);
    border: 1px solid var(--erp-border);
    border-radius: var(--erp-radius);
    box-shadow: var(--erp-shadow);
}

.erp-widget { text-align: left; }
.erp-widget .erp-widget-value { font-size: 1.9rem; font-weight: 700; }
.erp-widget .erp-widget-label { color: var(--erp-text-muted); font-size: .85rem; }

/* ── Icon button ─────────────────────────────────────────── */
.erp-icon-btn {
    width: 38px; height: 38px; border-radius: 10px;
    border: 1px solid var(--erp-border);
    background: var(--erp-surface); color: var(--erp-text);
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; text-decoration: none;
}
.erp-icon-btn:hover { background: var(--erp-surface-2); }