#formRight { overflow: hidden; }
#quoteRequestForm { background: var(--bg-soft); padding: 20px; border-radius: 10px; border: dashed 1px #c9ced8; }
#formRight input, #formRight select, #formRight textarea {
    width: 100%; padding: 12px; margin-bottom: 12px; border: 1px solid #ccc;
    border-radius: 6px; box-sizing: border-box; font-size: 1rem; font-family: inherit;
}
#formRight .input-From { float: left; width: 48%; margin: 0 2% 12px 0; }
#formRight .input-To { float: left; width: 50%; }
#formRight #btnSubmit {
    background: var(--primary); color: #fff; border: none; padding: 14px 30px;
    width: 100%; font-size: 1.1rem; font-weight: 700; cursor: pointer;
    border-radius: 6px; transition: background 0.2s; margin-top: 4px;
}
#formRight #btnSubmit:hover { background: var(--primary-3); }
#formRight .req { font-size: 13px; color: #666; margin: 8px 0 0; line-height: 1.2; }
#formRight .fileinput { overflow: hidden; width: 100%; }
#formRight .clearFloats { clear: both; }
#formRight #uploadedFiles { list-style: none; padding: 0; margin: 0; overflow: hidden; }
#formRight #uploadedFiles.populated { margin-bottom: 12px; }
#formRight #uploadedFiles li { position: relative; font-size: 12px; line-height: 2; height: 22px; margin: 0 0 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 70px 0 0; }
#formRight #uploadedFiles li .removeFile { position: absolute; right: 0; top: 0; color: #fff; border: 0; border-radius: 3px; font-size: 12px; padding: 4px 6px; cursor: pointer; }
#formRight #uploadedFiles li .removeFile:hover { opacity: 0.8; }
#formRight .row-2col { display: flex; flex-wrap: wrap; gap: 0 10px; clear: both; }
#formRight .row-2col > input, #formRight .row-2col > select { flex: 1; min-width: 0; }
/* validation messages drop onto their own line under the pair instead of squeezing the two fields to ~37px (2026-09-27) */
#formRight .row-2col > label.error { order: 3; flex: 1 1 100%; width: auto; }
@media (max-width: 600px) {
    #formRight .input-From, #formRight .input-To { float: none; width: 100%; margin: 0 0 12px; }
    #formRight .row-2col { flex-direction: column; gap: 0; }
}
