/* ============================================================
   ENGINEERING ASSESSMENT APPLICATION (Phase PEDR-2) — the FIRST
   working implementation of the EIS™ workflow design. Reuses
   handbook.css's existing .hb-ws-* Workspace component system
   (fields, panels, evidence upload, measurement tables) almost
   entirely — this file adds ONLY the genuinely new pieces that
   didn't exist for the 9-step Motor Assessment Workspace: a
   4-step indicator, trust microcopy styling, a missing-evidence
   reminder list, and a purely mechanical completeness badge
   (never an engineering confidence claim — see assessment.js).
   ============================================================ */

/* Step indicator (Step N of 4) */
.hb-ea-step-indicator{ display:flex; align-items:center; gap:8px; margin-bottom:24px; }
.hb-ea-step-dot{ width:32px; height:32px; border-radius:50%; background:var(--line); color:var(--gray-light); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex:0 0 auto; }
.hb-ea-step-dot.done{ background:#1A8A4A; color:#fff; }
.hb-ea-step-dot.active{ background:var(--navy); color:#fff; }
.hb-ea-step-line{ flex:1; height:2px; background:var(--line); }
.hb-ea-step-line.done{ background:#1A8A4A; }
.hb-ea-step-label{ font-size:10px; color:var(--gray-light); text-align:center; margin-top:4px; }

/* Trust microcopy — the "why we ask this" note under a field */
.hb-ea-why{ font-size:11px; color:var(--gray-light); font-style:italic; margin-top:4px; line-height:1.4; }

/* Missing evidence reminder list */
.hb-ea-missing-box{ border:1px dashed #B0650F; border-radius:8px; padding:14px 16px; background:#FFF7E6; margin:20px 0; }
.hb-ea-missing-title{ font-size:12px; font-weight:700; color:#7A4A0A; margin-bottom:8px; }
.hb-ea-missing-item{ font-size:12.5px; color:#7A4A0A; padding:3px 0; }
.hb-ea-missing-empty{ font-size:12.5px; color:#1A8A4A; font-weight:600; }

/* Information Completeness badge — mechanical count only, never a confidence claim */
.hb-ea-completeness{ display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg); border-radius:8px; margin-bottom:20px; }
.hb-ea-completeness-label{ font-size:11px; color:var(--gray-light); }
.hb-ea-completeness-count{ font-size:13px; font-weight:700; color:var(--navy); }
.hb-ea-completeness-note{ font-size:10.5px; color:var(--gray-light); font-style:italic; margin-left:auto; }

/* Document availability checklist (Step 3) — "I have this", not a file upload */
.hb-ea-doc-item{ display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px; color:var(--gray); }

/* Summary sections (Step 4) */
.hb-ea-summary-section{ margin-bottom:24px; }
.hb-ea-summary-heading{ font-size:12px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--orange); margin-bottom:10px; }
.hb-ea-summary-row{ display:flex; justify-content:space-between; gap:16px; padding:8px 0; border-bottom:1px solid var(--line); font-size:13px; }
.hb-ea-summary-row-label{ color:var(--gray-light); flex:0 0 auto; }
.hb-ea-summary-row-value{ color:var(--navy); font-weight:600; text-align:right; }
.hb-ea-summary-empty{ color:var(--gray-light); font-style:italic; font-size:12.5px; }

/* Brief, honest loading transition into Step 4 */
.hb-ea-loading{ text-align:center; padding:40px 20px; color:var(--gray-light); font-size:13px; }
.hb-ea-loading-spinner{ width:28px; height:28px; border:3px solid var(--line); border-top-color:var(--orange); border-radius:50%; margin:0 auto 14px; animation:hb-ea-spin .8s linear infinite; }
@keyframes hb-ea-spin{ to{ transform:rotate(360deg); } }

@media (max-width:640px){
  .hb-ea-step-label{ display:none; }
}