/* Shared "Candidate Details" form -- mounted inline in two contexts: the
   job detail page's Apply Now (candidate-form.js context:'job', revealed
   by job-apply-trigger.js) and the /job-seekers/submit-resume page
   (context:'resume', submit-resume.js). A partial (like header.css/
   footer.css/page-banner.css) rather than duplicated inline <style> in
   two pages, since this project's own convention keeps genuinely
   page-specific CSS inline but shares partial chrome this way -- one
   place to fix a field style, not two. Job Application used to mount this
   as a popup dialog instead; that shell (dialog.jda-dialog etc.) was
   removed 2026-09-19 in favor of the same inline treatment as Submit
   Resume -- see job-apply-trigger.js.

   Uses --jd-* custom properties (green/muted/line/ink) already declared
   by whichever page includes this -- job-detail.html and
   job-seekers-submit-resume.html both define the same --jd-* tokens
   (matching jobs.html's --jl-* family) in their own :root block. */

.jda-inline{max-width:520px}
.jda-body{padding:0;max-height:none;overflow:visible}

.jda-field{margin-bottom:14px}
.jda-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--jd-ink)}
.jda-field input[type=text],.jda-field input[type=tel],.jda-field input[type=email],.jda-field input[type=number],.jda-field select{width:100%;height:44px;padding:0 14px;border:1px solid var(--jd-line);border-radius:10px;font-size:14px;color:var(--jd-ink);box-sizing:border-box;font-family:inherit;background:#fff}
.jda-field input[type=number]{-moz-appearance:textfield}
.jda-field input[type=number]::-webkit-outer-spin-button,.jda-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.jda-field input:focus,.jda-field select:focus{outline:2px solid var(--jd-green);outline-offset:1px}
.jda-field input[readonly]{background:#F5F8F6;color:var(--jd-muted)}
.jda-hint{margin:4px 0 0;font-size:12px;color:var(--jd-muted)}
.jda-error{margin:10px 0 0;padding:10px 12px;border-radius:9px;background:#FDEEEE;color:#B3261E;font-size:13px}
.jda-error:empty{display:none}
.jda-primary-btn{width:100%;height:46px;border:0;border-radius:10px;background:var(--jd-green);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}
.jda-primary-btn:hover{background:#0A402A}
.jda-primary-btn:disabled{opacity:.55;cursor:default}
.jda-linkbtn{display:block;width:100%;text-align:center;margin-top:10px;background:none;border:0;color:var(--jd-muted);font-size:13px;cursor:pointer;font-family:inherit}
.jda-linkbtn:hover{color:var(--jd-green)}

.jda-candidate-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--jd-line);border-radius:12px;background:var(--jd-lime);margin-bottom:16px}
.jda-candidate-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--jd-green);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.jda-candidate-name{font-weight:700;color:var(--jd-green);font-size:14.5px}
.jda-candidate-phone{font-size:12.5px;color:var(--jd-muted)}
.jda-resume-status{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed var(--jd-line);border-radius:10px;margin-bottom:14px;font-size:13px;color:var(--jd-ink)}
.jda-resume-status i{color:var(--jd-green)}
.jda-upload-row{margin-top:8px}
.jda-upload-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px dashed var(--jd-line);border-radius:9px;background:#fff;color:var(--jd-green);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.jda-upload-btn:hover{background:var(--jd-lime)}
.jda-file-name{margin-top:6px;font-size:12.5px;color:var(--jd-muted)}

/* Pincode-driven location block -- District/State come back locked
   (unambiguous per the master data), City becomes a dropdown when the
   pincode matches multiple localities, or free text when the pincode
   isn't found at all (pincode itself stays mandatory either way). */
.jda-location-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jda-location-status{margin:-4px 0 12px;font-size:12px;color:var(--jd-muted);display:flex;align-items:center;gap:6px}
.jda-location-status i{color:var(--jd-green)}

.jda-thankyou{text-align:center;padding:10px 0 4px}
.jda-thankyou i{font-size:40px;color:var(--jd-green);margin-bottom:12px}
.jda-thankyou h3{margin:0 0 6px;font-size:17px;color:var(--jd-green)}
.jda-thankyou p{margin:0 0 22px;font-size:13.5px;color:var(--jd-muted)}
.jda-thankyou-actions{display:flex;flex-direction:column;gap:10px}
.jda-secondary-btn{display:block;height:46px;border:1px solid var(--jd-line);border-radius:10px;background:#fff;color:var(--jd-ink);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;text-align:center;line-height:44px}
.jda-secondary-btn:hover{background:#F7FAF7}

@media(max-width:480px){
  .jda-location-row{grid-template-columns:1fr}
}