/* Minimal, clean UI for 122 calculators */
.cf-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin:14px 0;box-shadow:0 2px 10px rgba(0,0,0,.05);background:#fff}
.cf-card-header h3{margin:0 0 8px 0;font-size:1.1rem;font-weight:800}
.cf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:12px}
.cf-grid label{display:flex;flex-direction:column;gap:6px;font-size:.93rem;color:#374151}
.cf-grid input,.cf-grid select{padding:10px;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;background:#fff}
.cf-btn{padding:10px 14px;border-radius:12px;border:1px solid #111827;background:#111827;color:#fff;font-weight:700;cursor:pointer}
.cf-btn:hover{filter:brightness(1.06)}
.cf-dashboard{margin-top:14px;display:grid;gap:12px}
.cf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.cf-stat{padding:12px;border-radius:12px;background:#f9fafb;border:1px dashed #e5e7eb}
.cf-stat .v{font-size:1.25rem;font-weight:800}
.cf-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cf-panel{padding:12px;border-radius:12px;border:1px solid #e5e7eb}
.cf-kv{display:flex;justify-content:space-between;margin:6px 0;font-size:.9rem}
.cf-seo-variants{margin-top:10px;font-size:.9rem;color:#4b5563;background:#f9fafb;border:1px dashed #e5e7eb;padding:10px;border-radius:10px}