/* Base Form Container */
.udq-form-container { 
    margin: 20px 0; 
    padding: 25px; 
    border-radius: 12px; 
    border: 1px solid rgba(0,0,0,0.1); 
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.udq-field-group { margin-bottom: 20px; }
.udq-generated-form label { display: block; margin-bottom: 8px; font-weight: 600; color: #333; }

/* Input Styling */
.udq-generated-form input[type="text"], 
.udq-generated-form input[type="email"], 
.udq-generated-form input[type="tel"], 
.udq-generated-form input[type="number"], 
.udq-generated-form input[type="date"], 
.udq-generated-form select, 
.udq-generated-form textarea { 
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; 
    font-family: inherit; box-sizing: border-box; background: #fafafa;
}

/* Multi-Choice Styling (Radios/Checkboxes) */
.udq-option-list { display: flex; flex-direction: column; gap: 10px; margin-top: 5px; }
.udq-option-item { display: flex !important; align-items: center; gap: 10px; font-weight: 400 !important; cursor: pointer; }
.udq-option-item input { width: auto !important; margin: 0; }

/* Status Messages */
.udq-status-msg { padding: 15px; margin-bottom: 20px; border-radius: 6px; text-align: center; transition: opacity 0.5s ease; }
.udq-success { background: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9; }
.udq-error { background: #ffebee; color: #c62828; border: 1px solid #ffcdd2; }

/* Character Counters */
.udq-counter-wrapper { display: flex; justify-content: flex-end; margin-top: 4px; }
.udq-char-limit-hint { font-size: 0.75rem; padding: 2px 8px; border-radius: 4px; background: #eee; color: #666; }
.udq-limit-reached { color: #d93025; background: #fce8e6; }

.udq-generated-form button { 
    padding: 12px 30px; border: none; border-radius: 6px; cursor: pointer;
    background-color: var(--wp--preset--color--primary, #222); color: #fff; font-weight: bold;
}