.claim-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 18px; align-items: start; }
.stepper { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.step-tab { position: relative; display: flex; min-height: 68px; align-items: center; gap: 10px; padding: 12px 16px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--ink-soft); text-align: left; }
.step-tab:last-child { border-right: 0; }
.step-number { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 50%; font: 11px "IBM Plex Mono", monospace; }
.step-tab span:last-child { font-size: 12px; font-weight: 600; }
.step-tab.active { color: var(--ink); box-shadow: inset 0 -3px var(--cyan); }
.step-tab.active .step-number { border-color: var(--cyan); background: var(--cyan-wash); color: var(--cyan-dark); }
.step-tab.complete .step-number { border-color: var(--green); background: var(--green); color: white; }
.step-pane { display: none; }
.step-pane.active { display: block; }
.step-pane .panel-body { min-height: 370px; }
.step-copy { margin: 4px 0 22px; color: var(--ink-soft); font-size: 13px; }
.step-actions { display: flex; justify-content: space-between; padding: 16px 20px; border-top: 1px solid var(--line); }
.claim-file-card { margin-top: 14px; }
.processing-grid { display: grid; gap: 10px; }
.processing-row { display: grid; grid-template-columns: 35px 1fr auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 5px; }
.processing-row .process-symbol { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; background: #edf1f0; color: var(--ink-soft); }
.processing-row .process-symbol svg { width: 16px; }
.processing-row.active { border-color: var(--cyan); background: #f7fbfa; }
.processing-row.active .process-symbol { background: var(--cyan-wash); color: var(--cyan-dark); }
.processing-row.complete .process-symbol { background: var(--green-wash); color: var(--green); }
.processing-row strong, .processing-row small { display: block; }
.processing-row small { color: var(--ink-soft); }
.summary { position: sticky; top: 98px; }
.summary-top { padding: 20px; background: var(--navy); color: white; }
.summary-top p { margin: 7px 0 0; color: #b8c9cc; font-size: 12px; }
.summary-list { padding: 6px 20px; }
.summary-row { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.summary-row:last-child { border-bottom: 0; }
.summary-row span { color: var(--ink-soft); }
.summary-row strong { max-width: 170px; text-align: right; }
.summary-submit { width: calc(100% - 40px); margin: 14px 20px 20px; }
.lock-notice { display: none; align-items: center; gap: 9px; margin-bottom: 16px; padding: 10px 12px; background: var(--amber-wash); color: #805a13; font-size: 12px; }
.lock-notice.visible { display: flex; }
@media (max-width: 1040px) { .claim-layout { grid-template-columns: 1fr; } .summary { position: static; } }
@media (max-width: 680px) { .stepper { grid-template-columns: 1fr 1fr; } .step-tab:nth-child(2) { border-right: 0; } .step-tab:nth-child(-n+2) { border-bottom: 1px solid var(--line); } .step-pane .panel-body { min-height: auto; } }