/* Uses the provided .form-* system on frontend; editor styles below */
.aura-form-editor .afb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.aura-form-editor .afb-list{display:flex;flex-direction:column;gap:8px}
.aura-form-editor .afb-row{display:flex;gap:8px;border:1px solid #e5e7eb;padding:8px;border-radius:6px;background:#fff}
.aura-form-editor .afb-row__drag{cursor:grab;user-select:none;padding:6px 8px;border-right:1px dashed #e5e7eb}
.aura-form-editor .afb-row__main{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.aura-form-editor .afb-row__actions{display:flex;flex-direction:column;gap:6px}
/* Frontend: include the full form theme */
.form-header {
  padding: 10px;
  color: #2d5aae;
  font-weight: 600;
  display: block;
  font-size: 48px;
  text-align: left;
}
.form-wrap, .form-wrap * { box-sizing: border-box; }
.form-wrap input, .form-wrap textarea, .form-wrap select { max-width: 100%; display: block; }
.form-wrap { overflow: hidden; }
.form-form { --bg:#fff; --ink:#0f172a; --muted:#64748b; --border:#e2e8f0; --accent:#1c4587; --accent-ink:#fff; --error:#ef4444; background:var(--bg); color:var(--ink); font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.form-card { border:1px solid var(--border); padding:24px; margin:auto; }
.form-title { font-size:26px; font-weight:700; margin:0 0 8px; color:var(--ink); }
.form-subtle { color:var(--muted); margin-bottom:16px; }
.form-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.form-grid--2, .form-grid--3 { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
@media (min-width:768px){ .form-grid--2{ grid-template-columns:repeat(2,minmax(0,1fr)); } .form-grid--3{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.form-field { display:flex; flex-direction:column; gap:10px; min-width:0; padding-top:6px; padding-bottom:6px; }
.form-label { font-weight:600; }
.form-input,.form-textarea,.form-select{ width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:0!important; outline:none; background:#fff; transition:box-shadow .2s,border-color .2s; appearance:none; }
.form-input:focus,.form-textarea:focus,.form-select:focus{ border-color:#94a3b8; box-shadow:0 0 0 4px rgba(148,163,184,.2); }
.form-note{ color:var(--muted); font-size:12px; margin-top:-4px; }
.form-input[type="radio"], input[type="radio"].form-input{ all:unset; display:inline-block; }
.form-input_radio{ appearance:none; width:16px; height:16px; border:1.5px solid var(--border); border-radius:50%; background:#fff; position:relative; display:inline-block; vertical-align:middle; cursor:pointer; outline:none; box-shadow:none; padding:0; }
.form-input_radio:focus{ border-color:#94a3b8; box-shadow:0 0 0 4px rgba(148,163,184,.2); }
.form-input_radio:checked{ border-color:var(--accent); }
.form-input_radio:checked::after{ content:""; position:absolute; inset:3px; background:var(--accent); border-radius:50%; }
.form-radio-group{ display:flex; flex-wrap:wrap; gap:12px 16px; }
.form-radio{ display:inline-flex; align-items:center; gap:8px; }
.form-radio label,.form-radio .form-label{ cursor:pointer; }
.form-field--inline{ display:flex; flex-direction:row; align-items:center; gap:12px; padding:5px; }
.form-field--inline .form-label{ margin:0; flex:1; }
.form-actions{ display:flex; gap:12px; margin-top:16px; }
.form-btn{ padding:12px 18px; border:1px solid transparent; cursor:pointer; background:var(--accent); color:var(--accent-ink); font-weight:600; }
.form-btn--ghost{ background:#fff; color:var(--accent); border-color:var(--accent); }
.form-btn:hover{ filter:brightness(.95); }
.form-alert{ padding:12px 14px; margin:12px 0; border:1px solid transparent; }
.form-alert--success{ background:#ecfdf5; border-color:#10b981; color:#065f46; }
.form-alert--error{ background:#fef2f2; border-color:var(--error); color:#991b1b; }
.form-error-text{ color:#991b1b; font-size:12px; margin-top:-4px; }
.form-section-bar{ background:var(--accent); color:var(--accent-ink); padding:12px 14px; margin:24px 0 18px; font-size:18px; font-weight:600; }
.bar_sub{ background:#ccc; color:black; }
.form-subtitle{ color:var(--accent); font-weight:700; margin:6px 0 16px; font-size:16px; }
.form-wrap input[type="radio"]{ display:inline-block; }