/* ============================================================
   QAD Calidad — Módulo billing
   Estilos exclusivos de este módulo. Reutiliza tokens.css y
   components/* antes de declarar algo nuevo aquí.
   ============================================================ */

.plan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.75rem; }
.plan-card { border: 1px solid var(--color-border-row); border-radius: var(--radius-md); padding: 1rem; }
.plan-card-current { border-color: var(--color-accent); }
.plan-name { font-family: var(--font-serif); font-size: 1rem; font-weight: 700; color: var(--color-text); }
.plan-badge { display: inline-block; margin-top: 0.25rem; padding: 0.0625rem 0.375rem; border-radius: var(--radius-sm); background: var(--color-copper-soft-bg); color: var(--color-copper); font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.plan-price { margin-top: 0.5rem; font-size: 1rem; font-weight: 600; color: var(--color-text); }
.plan-price-alt { font-size: 0.8125rem; color: var(--color-text-muted); }
.plan-description { font-size: 0.8125rem; color: var(--color-text-muted); margin-top: 0.25rem; }
.plan-entitlements { list-style: none; margin: 0.75rem 0; padding: 0; font-size: 0.8125rem; color: var(--color-text-body); }
.plan-entitlements li { padding: 0.125rem 0; }
.billing-detail-list { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; font-size: 0.875rem; }
.billing-detail-list dt { color: var(--color-text-faint); }
.billing-detail-list dd { color: var(--color-text-body); margin: 0; }
.billing-card-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.card-subtitle { margin-top: 1rem; font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: var(--color-text-faint); }
.account-org-list { list-style: none; margin: 0; padding: 0; font-size: 0.875rem; }
.account-org-list li { padding: 0.25rem 0; border-bottom: 1px solid var(--color-border-row); }