/* HrIntro Vendor — on top of HrIntro's own styles (/app/styles.css). Purple for training companies. */
@import url('/freelance/trainer.css');
:root { --brand: #6b3fa0; --brand-dark: #52307b; --brand-wash: #f1eaf8; }
.tr-item .row.tight select, .tr-item .row.tight input { width: auto; min-width: 0; flex: 1 1 140px; }
.tr-item .tick-row { margin: 4px 12px 4px 0; }
.table-wrap { overflow-x: auto; }
.vd-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.vd-table th, .vd-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.vd-table th { font-size: 12px; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .04em; }
#cd-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 14px; }
.quote-form { display: grid; gap: 8px; border-top: 1px dashed var(--line); padding-top: 10px; }
.quote-form .row.tight input, .quote-form .row.tight select { width: auto; flex: 1 1 140px; min-width: 0; }
.quote-form > button { justify-self: start; }