/* Form Components */

/* Input styles are defined in theme.css */
/* Additional form-specific styles can be added here */

.form-input {
    background-color: var(--input-bg);
    border-color: var(--divider);
    color: var(--text);
    transition: all 0.15s ease;
}

.form-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--focus);
    outline: none;
}

.form-textarea {
    background-color: var(--input-bg);
    border-color: var(--divider);
    color: var(--text);
    transition: all 0.15s ease;
}

.form-textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--focus);
    outline: none;
}

.form-select {
    background-color: var(--input-bg);
    border-color: var(--divider);
    color: var(--text);
    transition: all 0.15s ease;
}

.form-select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--focus);
    outline: none;
}

.error-message {
    color: var(--danger);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.form-input.error {
    border-color: var(--danger);
}