.smart311-form, .smart311-map-only, .smart311-dashboard { max-width: 800px; margin: 1rem auto; padding: 1rem; background:#fff; border:1px solid #e5e7eb; border-radius:12px; }
.smart311-form h2 { margin-top:0 }
.smart311-form label { display:block; margin-bottom: .75rem; font-weight:600; }
.smart311-form input[type="text"], .smart311-form input[type="email"], .smart311-form select, .smart311-form textarea { width:100%; padding:.5rem; border:1px solid #cbd5e1; border-radius:8px; font-weight:400; }
.smart311-form .smart311-grid { display:grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.smart311-note { font-size:.9rem; color:#64748b }
.smart311-legend { margin-top:.5rem; color:#334155 }
@media (max-width:640px){ .smart311-form .smart311-grid { grid-template-columns: 1fr; } }