/* Unified card base - immediately apply unified visual style for elements using .card */
.card {
    background: var(--card-bg);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    border: 1px solid var(--muted-border);
}

/* Make modals with .card have sensible max widths */
.modal-centered.card {
    max-width: 720px;
}

/* Keep modifiers intact: accent-border / status-active still control border-left */

/* This file is intentionally small; once templates are updated to only use `.card`,
   we can remove redundant component-specific selectors from `styles.css`. */