/* Styling for VMA DTI form - v1.3.5 */
.vma-dti-form { border:1px solid #e3e3e3; padding:16px; background:#fff; color:#00295b; }
.vma-dti-form h3 { margin-top:0.5rem; color:#00295b; }
.vma-dti-form .desc, .vma-dti-form label span, .vma-lang label { color:#00295b !important; }
.vma-lang { margin-bottom: 12px; display:flex; align-items:center; gap:8px; }

.vma-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-bottom:12px; }
.vma-grid label { display:flex; flex-direction:column; gap:4px; }

.vma-table { width:100%; border-collapse: collapse; margin:8px 0; table-layout: auto; }
.vma-table th, .vma-table td { border:1px solid #c7d3e6; padding:10px; vertical-align: middle; }
.vma-table th { background:#ffffff; color:#00295b !important; font-weight:700; letter-spacing:0.2px; }
.vma-table td { color:#00295b; }

.vma-dti-form input[type="text"],
.vma-dti-form input[type="email"],
.vma-dti-form input[type="tel"],
.vma-dti-form input[type="number"],
.vma-dti-form select,
.vma-dti-form textarea {
  color:#00295b !important;
  border:1.5px solid #00295b;
  background:#fff;
  padding:8px;
  border-radius:4px;
  font-weight:600;
}

.vma-dti-form input[type="text"]::placeholder,
.vma-dti-form input[type="email"]::placeholder,
.vma-dti-form input[type="tel"]::placeholder,
.vma-dti-form input[type="number"]::placeholder,
.vma-dti-form textarea::placeholder { color:#335c8f; opacity:1; }

.vma-dti-form select { color:#00295b !important; }
.vma-dti-form select option { color:#00295b; }

.vma-dti-form input[type="checkbox"] { accent-color:#00295b; }

/* Inline required asterisk and hint */
.field-label{display:inline-flex;align-items:center;gap:4px;}
.field-label .req{font-weight:700;color:#00295b;}
.req-hint{font-size:.875rem;color:#00295b;margin:6px 0 10px;}

/* Auto-kind select is hidden by default; the cell remains to keep column alignment */
.auto-kind { display:none; }

/* Totals row layout: inline label + input, consistent borders */
.vma-totals td { white-space: normal; }
.vma-totals .total-wrap { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vma-totals .total-input {
  color:#00295b !important;
  background:#fff !important;
  border:1.5px solid #00295b !important;
  font-weight:800;
  width: 10ch;
  max-width: 100%;
  box-sizing: border-box;
  padding:8px;
  border-radius:4px;
}

.vma-remove-row {
  border:1.5px solid #00295b;
  background:#eaf0f8;
  color:#00295b;
  padding:6px 10px;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  border-radius:4px;
}
.vma-remove-row:hover, .vma-remove-row:focus { background:#dbe6f3; outline:2px solid #00295b; outline-offset:1px; }

#vma-add-row { margin-top:6px; border:1px solid #00295b; color:#00295b; background:#eaf0f8; }
#vma-add-row:hover, #vma-add-row:focus { background:#dbe6f3; }

.vma-msg { margin-top:10px; }
.vma-msg.success { color: #0a7a2f; }
.vma-msg.error { color: #b00020; }