/**
 * CSS for vendor application form styling
 * 
 * @package    local_micron
 * @copyright  2026 Micron Plugin
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* Vendor form field validation styling */
.valid-vendor {
    border-color: #28a745 !important;
    background-color: #f8fff9 !important;
}

.invalid-vendor {
    border-color: #dc3545 !important;
    background-color: #fff9f9 !important;
}

/* Form layout improvements */
.vendor-application-form .form-group {
    margin-bottom: 1rem;
}

.vendor-application-form .required::after {
    content: " *";
    color: #dc3545;
}

/* Read-only field styling */
.vendor-application-form input[readonly] {
    background-color: #f8f9fa;
    border-color: #6c757d;
    opacity: 1;
}

.vendor-application-form input[readonly].valid-vendor {
    background-color: #f8fff9 !important;
}

/* Form header styling */
.vendor-application-form .collapsible-actions {
    margin-bottom: 1rem;
}

/*廠區的checkbox 間隔*/
#fgroup_id_plants_group label.form-check-inline{
    margin: .1rem 2rem .1rem 0rem !important;
}

/* Responsive form styling */
@media (max-width: 768px) {
    .vendor-application-form input[type="text"],
    .vendor-application-form select {
        width: 100%;
    }
}