/* v5.6.7 — guided forms, accessible native calendar pickers, Tamil/English hints */
.loan-friendly-form{padding:clamp(14px,2.8vw,28px)!important;overflow:visible}
.loan-form-section{min-width:0;border:1px solid var(--line,#dce5f1);border-radius:18px;padding:18px clamp(12px,2vw,22px) 22px;margin:0 0 22px;background:var(--surface,#fff)}
.loan-form-section legend{max-width:100%;padding:0 10px 0 0;font-weight:800;font-size:1.02rem;color:var(--text);}
.loan-form-section legend .step-dot{display:inline-grid;place-items:center;vertical-align:middle;width:29px;height:29px;border-radius:10px;background:var(--primary,#214c95);color:white;margin-right:9px;font-size:13px}
.loan-form-section .section-intro{color:var(--muted);font-size:.84rem;line-height:1.55;margin:0 0 14px}
.loan-friendly-form .loan-new-grid{gap:13px 18px;align-items:start}
.loan-friendly-form .field label{margin:8px 0 5px;font-size:.85rem;line-height:1.35;font-weight:740;color:var(--text)}
.loan-friendly-form .field input,.loan-friendly-form .field select,.loan-friendly-form .field textarea{min-height:48px}
.loan-friendly-form .field input:focus,.loan-friendly-form .field select:focus,.loan-friendly-form .field textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:1px}
.loan-friendly-form .field input[readonly]{background:var(--surface-2,#eff4fa);cursor:default}
.loan-friendly-form .field-help,.smart-date-field .field-help{display:block;min-height:1.4em;margin:6px 0 0;line-height:1.4;font-size:.74rem;font-weight:450;color:var(--muted);overflow-wrap:anywhere}
.loan-friendly-form .required-mark{color:#ba2936;font-weight:900}
.loan-friendly-form .inline-error{display:none;margin-top:5px;font-size:.76rem;color:#c32a37;line-height:1.45}
.loan-friendly-form .inline-error.visible{display:block}
.loan-friendly-form [aria-invalid="true"]{border-color:#c32a37!important;box-shadow:0 0 0 2px rgba(195,42,55,.12)}
.smart-date-field{min-width:0;max-width:100%}
.smart-date-field .smart-date-control{position:relative;width:100%;min-width:0}
.smart-date-field .smart-date-display,
#loanForm .smart-date-field .smart-date-display{width:100%!important;max-width:100%!important;min-height:48px!important;padding:11px 63px 11px 14px!important;border:1px solid var(--line,#bbc8d9);border-radius:12px;background:var(--surface,#fff)!important;opacity:1!important;letter-spacing:.025em;cursor:pointer;text-align:left;box-sizing:border-box;font-size:16px;color:var(--text);font-weight:650}
.smart-date-field .smart-date-display::placeholder{font-weight:450;letter-spacing:0}
.smart-date-field.smart-date-readonly .smart-date-display{background:var(--surface-2,#eff4fa)!important;cursor:default}
.smart-date-field .smart-date-icon{display:grid;place-items:center;position:absolute;top:0;right:0;height:100%;width:54px;border-radius:0 12px 12px 0;background:var(--primary-soft,#e8effa);border-left:1px solid var(--line,#dce5f1);color:var(--primary,#2451a1);pointer-events:none}
.smart-date-field.smart-date-readonly .smart-date-icon{opacity:.55}
.smart-date-field .smart-date-native,
#loanForm .smart-date-field .smart-date-native,
.expense-form .smart-date-field .smart-date-native{position:absolute!important;inset:0 0 0 auto!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:100%!important;min-height:48px!important;opacity:0!important;margin:0!important;padding:0!important;z-index:3;cursor:pointer;border:0!important;background:transparent!important}
.smart-date-field .smart-date-control:focus-within .smart-date-display{outline:2px solid var(--primary,#2451a1);outline-offset:2px}
.smart-date-field .smart-date-native::-webkit-calendar-picker-indicator{width:100%;height:100%;cursor:pointer}
.loan-friendly-form .plan-summary{border:1px solid var(--line,#d9e4f2);border-left:4px solid var(--primary,#2451a1);background:var(--primary-soft,#f2f7ff);padding:16px;margin:0 0 12px;font-weight:450;border-radius:14px;color:var(--text)}
.loan-friendly-form .plan-title{font-weight:800;margin-bottom:12px;font-size:.97rem}
.loan-friendly-form .plan-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.loan-friendly-form .plan-metrics>div{background:var(--surface,#fff);padding:12px;border:1px solid var(--line,#dce5f1);border-radius:12px;min-width:0}
.loan-friendly-form .plan-metrics small{display:block;color:var(--muted);font-size:.75rem;margin:0 0 4px}
.loan-friendly-form .plan-metrics strong{display:block;font-size:clamp(.94rem,1.5vw,1.15rem);overflow-wrap:anywhere}
.loan-friendly-form .plan-summary>small{display:block;line-height:1.55;font-size:.76rem;color:var(--muted);margin-top:10px}
.loan-friendly-form .plan-empty{font-weight:550;line-height:1.65;color:var(--muted)}
.loan-form-disclaimer{color:var(--muted);font-size:.8rem;line-height:1.5;margin:0 0 16px}
.loan-error-summary:not([hidden]){background:#fff1f0;color:#ae2121;border:1px solid #f3b3af;border-radius:12px;padding:12px 14px;font-size:.87rem;font-weight:700;margin-bottom:12px}
.loan-form-buttons{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px}
.loan-form-buttons .btn{min-height:50px;font-size:.94rem}
#investorForm .smart-date-field,#personalInvestmentForm .smart-date-field{min-width:0}
#investorForm .smart-date-field label,#personalInvestmentForm .smart-date-field label,.expense-form .smart-date-field label{margin-top:13px;margin-bottom:6px;display:block;font-size:.84rem;font-weight:700}
.expense-form .smart-date-field .smart-date-display{font-size:16px;background:var(--surface,#fff)!important}
.expense-form .smart-date-field .smart-date-native{padding:0!important}
@media(max-width:650px){.loan-form-section{padding:14px 12px 18px;margin-bottom:16px}.loan-friendly-form .loan-new-grid{grid-template-columns:1fr!important;gap:6px}.loan-friendly-form .plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-form-buttons{grid-template-columns:1fr}.loan-friendly-form .plan-summary{padding:12px}}
@media(max-width:350px){.loan-friendly-form .plan-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.loan-friendly-form *{scroll-behavior:auto}}

/* More legible calendar focus for keyboard users. */
.smart-date-field .smart-date-native:focus-visible{outline:0!important}