/* Base */
.dc-wrap { max-width: 980px; margin: 28px auto; padding: 24px; background:#fff;
  border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,.06);
  font: 16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111; }
.dc-header { display:flex; align-items:baseline; gap:12px; }
.dc-brand { margin:0 0 6px; font-size:24px; }
.dc-tag { color:#444; font-size:14px; }
.dc-card { margin-top:8px; }
.dc-h2 { margin:0 0 10px; font-size:18px; color:#222; }

/* Grid */
.dc-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:12px; }
.dc-col-6 { grid-column: span 6; }
.dc-col-12 { grid-column: 1 / -1; }
@media (max-width: 860px) { .dc-col-6, .dc-col-12 { grid-column:1 / -1; } }

/* Inputs */
.dc-label { display:block; font-size:12px; color:#555; margin-bottom:6px; }
.dc-input { width:100%; padding:10px 12px; border:1px solid #d7dbe6; border-radius:10px; background:#fbfcfe; }
.dc-textarea { resize:vertical; }

/* Error highlight for required fields */
.dc-error { border-color:#e11d48 !important; box-shadow:0 0 0 2px rgba(225,29,72,.1); }

/* Buttons */
.dc-actions { display:flex; align-items:flex-end; gap:12px; justify-content:flex-start; margin-bottom:14px; }
.dc-btn { padding:10px 18px; border:0; border-radius:10px; cursor:pointer; font-weight:600; }
.dc-btn:active { transform: translateY(1px); }
.dc-btn-primary { background:#7ED957; color:#0b3014; }  /* green */
.dc-btn-secondary { background:#111827; color:#fff; }

/* Enforce theme overrides if needed */
#dc .dc-btn { appearance:none; -webkit-appearance:none; border:0; box-shadow:none !important; }
#dc #dc-calc { background:#7ED957 !important; color:#0b3014 !important; border:1px solid #6ccd4f !important; }
#dc #dc-send { background:#111827 !important; color:#fff !important; border:1px solid #0e1320 !important; }

/* Utilities */
.dc-hidden { display:none !important; }