/* ═══════════════════════════════════════════════════
   FORMS — ImportControl
   ═══════════════════════════════════════════════════ */

.form-label-industrial {
    font-size: 13px;
    font-weight: var(--weight-medium);
    color: var(--text-primary);
    margin-bottom: var(--space-1);
    display: block;
}

.form-control-industrial {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    padding: 0 var(--space-2-5);
    font-size: var(--text-base);
    font-family: var(--font-sans);
    color: var(--text-primary);
    transition: border-color var(--transition), box-shadow var(--transition);
    background: var(--surface-card);
    height: 36px;
    line-height: var(--leading-normal);
    width: 100%;
}

.form-control-industrial::placeholder {
    color: var(--text-muted);
}

.form-control-industrial:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.12);
    outline: none;
}

.form-control-industrial:disabled {
    background: var(--surface-overlay);
    color: var(--text-disabled);
    border-color: var(--border-subtle);
}

.form-control-industrial.is-invalid {
    border-color: var(--danger);
    box-shadow: 0 0 0 2px rgba(209, 52, 56, 0.12);
}

.form-control-industrial.is-valid {
    border-color: var(--success);
    box-shadow: 0 0 0 2px rgba(16, 124, 16, 0.12);
}

.form-select-industrial {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    padding: 0 var(--space-8) 0 var(--space-2-5);
    font-size: var(--text-base);
    color: var(--text-primary);
    background: var(--surface-card);
    transition: border-color var(--transition), box-shadow var(--transition);
    height: 36px;
    line-height: var(--leading-normal);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23605E5C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    width: 100%;
}

.form-select-industrial:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.12);
    outline: none;
}

/* Bootstrap overrides */
.form-control,
.form-select {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    font-size: var(--text-base);
    color: var(--text-primary);
    transition: border-color var(--transition), box-shadow var(--transition);
    height: 36px;
    font-family: var(--font-sans);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.12);
    outline: none;
}

.form-control::placeholder { color: var(--text-muted); }

.form-control-sm,
.form-select-sm {
    font-size: var(--text-sm);
    padding: 0 var(--space-2);
    height: 28px;
}

/* Form Sections */
.form-section {
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    padding: var(--space-3-5) var(--space-4);
    margin-bottom: var(--space-3);
}

.form-section:last-child { margin-bottom: 0; }

.form-section-header {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--border-subtle);
}

.form-section-header i {
    font-size: var(--text-base);
    color: var(--brand-primary);
    width: 18px;
    text-align: center;
}

.form-section-header span {
    font-size: 13px;
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

/* Validation messages */
.invalid-feedback {
    font-size: var(--text-xs);
    color: var(--danger);
    margin-top: var(--space-0-5);
    display: block;
}

.valid-feedback {
    font-size: var(--text-xs);
    color: var(--success);
    margin-top: var(--space-0-5);
    display: block;
}
