/* Recovery page — reuses kin.css tokens for cards/buttons/status. */
.rec-sx-steps { margin-top: 10px; }
.rec-sx-steps a { color: inherit; text-decoration: underline; }
.rec-emergency { font-size: 14px; margin: 8px 0 0; padding: 10px 14px; border-radius: 10px;
  border: 1px solid rgba(245,158,11,.45); background: rgba(245,158,11,.08); }
.rec-shield { font-size: 14px; margin: 8px 0 0; padding: 10px 14px; border-radius: 10px;
  border: 1px solid rgba(34,197,94,.4); background: rgba(34,197,94,.08); display: flex; flex-direction: column; gap: 4px; }
.rec-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.rec-incident { border: 1px solid var(--border-subtle, rgba(255,255,255,.12)); border-radius: 12px; padding: 14px 16px;
  background: rgba(255,255,255,.03); display: flex; flex-direction: column; gap: 10px; }
.rec-incident.is-closed { opacity: .65; }
.rec-head { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.rec-title { font: 700 16px/1.3 Manrope, system-ui, sans-serif; }
.rec-meta { font-size: 12px; opacity: .7; }
.rec-steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.rec-step { font-size: 14px; line-height: 1.45; }
.rec-step.is-done .rec-step-title { text-decoration: line-through; opacity: .6; }
.rec-step-label { display: flex; gap: 8px; align-items: flex-start; font-weight: 600; cursor: pointer; }
.rec-step-label input { margin-top: 3px; }
.rec-step-due { display: inline-block; font-size: 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: 1px 7px; margin: 4px 0 0 24px; opacity: .8; }
.rec-step-due.is-hard { border-color: #f59e0b; color: #fcd34d; }
.rec-step-due.is-overdue { border-color: #ef4444; color: #fca5a5; }
.rec-step-why, .rec-step-contact { margin: 4px 0 0 24px; font-size: 13px; opacity: .85; }
.rec-step-contact a { color: inherit; text-decoration: underline; }
.rec-step-bring { margin: 4px 0 0 24px; padding-left: 16px; font-size: 13px; opacity: .8; }
.kin-field select { padding: 8px 10px; border-radius: 8px; border: 1px solid var(--border-subtle, rgba(255,255,255,.15));
  background: rgba(0,0,0,.25); color: inherit; font: inherit; }

/* Recovery concierge drafts */
.cc-draft { width: 100%; box-sizing: border-box; font: 13px/1.45 ui-monospace, monospace; padding: 10px; border-radius: 8px;
  border: 1px solid var(--border-subtle, rgba(255,255,255,.15)); background: rgba(0,0,0,.25); color: inherit; }