/**
 * ATOMIC DESIGN: Form Input Atoms
 * Matches quiz AI input style - NO blue highlight on focus
 */

/* Quiz-style form controls (matches AI input line 160 exactly) */
.dq-quiz-container .dq-form-control {
    box-shadow: none;
    resize: none;
    overflow: hidden;
    border-radius: var(--dq-radius-lg, 12px);
    border: 2px solid var(--dq-gray-200, #e9ecef);
    padding: 0.75rem 1.25rem;
    font-size: 0.95rem;
    background-color: white;
    transition: all 0.2s ease;
}

/* NO blue border on focus - stays gray */
.dq-quiz-container .dq-form-control:focus {
    background-color: white;
    border-color: var(--dq-gray-200, #e9ecef);
    box-shadow: none;
    outline: none;
}

.dq-quiz-container .dq-form-control::placeholder {
    color: var(--dq-gray-400, #adb5bd);
    font-style: italic;
}

/* Form labels */
.dq-quiz-container .dq-form-label {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--dq-gray-700, #495057);
    margin-bottom: 0.5rem;
}

/* Mobile Responsive Styles (matches quiz) */
@media (max-width: 768px) {
    .dq-quiz-container .dq-form-control {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 0.65rem 1rem;
    }
}