/* ============================================================
   Styles for round-2 screens
   ============================================================ */

/* page-header h1 line-height for screens that may wrap */
.page-header h1 { line-height: 1.1; }

/* ============================================================
   NOTIFICATIONS INBOX
   ============================================================ */

.inbox-count {
  display: inline-block;
  background: var(--contra);
  color: white;
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 999px;
  margin-left: 12px;
  vertical-align: middle;
}
.inbox-count:empty { display: none; }

.inbox-layout {
  display: grid;
  grid-template-columns: 220px 1fr 360px;
  gap: 16px;
  align-items: start;
}

.inbox-side {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 10px;
  position: sticky;
  top: 16px;
  display: flex; flex-direction: column;
}
.inbox-side__head {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 8px 10px 6px;
}
.inbox-side__sep {
  height: 1px;
  background: var(--rule);
  margin: 8px 4px;
}
.inbox-cat {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border: none;
  background: transparent;
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: 13px;
  color: var(--ink-2);
  cursor: pointer;
  text-align: left;
  font-weight: 500;
}
.inbox-cat:hover { background: var(--paper-alt); }
.inbox-cat--active { background: var(--paper-alt); color: var(--ink-1); font-weight: 600; }
.inbox-cat__icon { display: inline-flex; flex-shrink: 0; }
.inbox-cat__label { flex: 1; }
.inbox-cat__label--bold { font-weight: 600; color: var(--ink-1); }
.inbox-cat__count {
  font-size: 11px;
  color: var(--ink-3);
  font-feature-settings: "tnum";
}
.inbox-cat--row { justify-content: space-between; padding-right: 12px; }

.inbox-list {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}
.inbox-row {
  width: 100%;
  display: grid;
  grid-template-columns: 10px 22px 1fr 80px;
  gap: 10px;
  padding: 14px 16px;
  border: none;
  border-bottom: 1px solid var(--rule);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  align-items: flex-start;
  position: relative;
}
.inbox-row:last-child { border-bottom: none; }
.inbox-row:hover { background: var(--paper-alt); }
.inbox-row--active { background: var(--paper-alt); }
.inbox-row--active::before {
  content: ""; position: absolute;
  left: 0; top: 10px; bottom: 10px; width: 2px;
  background: var(--ink-1);
}
.inbox-row__dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--brand-accent, var(--contra));
  margin-top: 6px;
}
.inbox-row__dot[data-read="true"] { background: transparent; }
.inbox-row__icon {
  margin-top: 1px;
  display: inline-flex;
}
.inbox-row__main {
  display: flex; flex-direction: column; gap: 4px;
  min-width: 0;
}
.inbox-row__title {
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--ink-1);
}
.inbox-row--read .inbox-row__title { font-weight: 500; color: var(--ink-2); }
.inbox-row__body {
  font-size: 13px;
  color: var(--ink-2);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.inbox-row__meta {
  display: flex; gap: 4px; flex-wrap: wrap; align-items: center;
  margin-top: 2px;
}
.inbox-row__time {
  text-align: right;
  white-space: nowrap;
}

.inbox-detail {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 22px 24px;
  position: sticky;
  top: 16px;
}
.inbox-detail__head {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 16px;
}
.inbox-detail__title {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin: 8px 0 0;
  color: var(--ink-1);
}
.inbox-detail__body {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink-1);
  margin: 0 0 16px;
}
.inbox-detail__panel {
  background: var(--paper-alt);
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  margin-bottom: 16px;
}
.inbox-detail__actions {
  display: flex; gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--rule);
}
.inbox-empty {
  display: flex; flex-direction: column; align-items: center;
  padding: 40px 20px;
  text-align: center;
}
.inbox-empty__icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--paper-alt);
  color: var(--verified);
  display: grid; place-items: center;
  margin-bottom: 14px;
}
.inbox-empty h3 { margin: 0 0 4px; font-size: 16px; font-weight: 600; }

/* ============================================================
   VERIFICATION PLAYGROUND
   ============================================================ */

.pg-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
}

.pg-input, .pg-output {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 20px 22px;
}

.pg-config {
  display: flex; flex-direction: column; gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 16px;
}
.pg-config__row {
  display: flex; align-items: center; gap: 10px;
  flex-wrap: wrap;
}
.pg-config__key {
  width: 72px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
}

.pg-block { margin-bottom: 14px; }
.pg-block__head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 6px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
}
.pg-textarea {
  width: 100%;
  border: 1px solid var(--rule-strong);
  background: var(--paper-alt);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  font-family: inherit;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ink-1);
  resize: vertical;
  letter-spacing: -0.005em;
}
.pg-textarea:focus { outline: none; border-color: var(--ink-2); background: var(--paper); }
.pg-textarea--tall { min-height: 150px; font-family: var(--font-display); font-style: italic; font-size: 15.5px; }

.pg-link {
  border: none; background: transparent;
  color: var(--ink-2);
  font-size: 11px;
  cursor: pointer;
  text-decoration: underline dotted;
  text-underline-offset: 3px;
  letter-spacing: 0;
  text-transform: none;
}
.pg-link:hover { color: var(--ink-1); }

.pg-run {
  display: flex; align-items: center; gap: 14px;
  padding-top: 6px;
}

.pg-output__head {
  display: flex; flex-direction: column; gap: 10px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--rule);
}
.pg-phase-dot {
  width: 8px; height: 8px; border-radius: 50%; display: inline-block;
}
.pg-phase-dot--idle { background: var(--ink-4); }
.pg-phase-dot--run {
  background: var(--partial);
  animation: live-pulse 1.4s ease-out infinite;
  box-shadow: 0 0 0 0 rgba(154, 100, 24, 0.4);
}
.pg-phase-dot--done { background: var(--verified); }
.pg-progress {
  height: 4px;
  background: var(--paper-alt);
  border-radius: 2px;
  overflow: hidden;
}
.pg-progress__fill {
  height: 100%;
  background: var(--ink-1);
  transition: width 400ms cubic-bezier(.4,0,.2,1);
}

.pg-stages {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}
.pg-stage {
  background: var(--paper-alt);
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  display: flex; align-items: center; gap: 10px;
  opacity: 0.55;
  transition: all 300ms ease;
}
.pg-stage--done { opacity: 1; border-color: var(--verified); background: var(--verified-soft); }
.pg-stage__check {
  width: 18px; height: 18px;
  border-radius: 50%;
  display: grid; place-items: center;
  background: var(--paper);
  border: 1px solid var(--rule-strong);
  color: var(--ink-3);
  flex-shrink: 0;
}
.pg-stage--done .pg-stage__check { background: var(--verified); border-color: var(--verified); color: white; }
.pg-stage__pulse {
  width: 6px; height: 6px;
  background: var(--ink-4);
  border-radius: 50%;
}
.pg-stage__label {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-1);
}
.pg-stage__sub { line-height: 1.3; }

.pg-verdict {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 18px;
  border-radius: var(--radius-md);
  margin-bottom: 16px;
  border: 1px solid var(--rule);
}
.pg-verdict--verified { background: var(--verified-soft); border-color: var(--verified); }
.pg-verdict--partial { background: var(--partial-soft); border-color: var(--partial); }
.pg-verdict--unverif { background: var(--unverif-soft); }
.pg-verdict--contradicted { background: var(--contra-soft); border-color: var(--contra); }
.pg-verdict__icon {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: var(--paper);
  display: grid; place-items: center;
  flex-shrink: 0;
}
.pg-verdict--verified .pg-verdict__icon { color: var(--verified); }
.pg-verdict--partial .pg-verdict__icon { color: var(--partial); }
.pg-verdict--unverif .pg-verdict__icon { color: var(--unverif); }
.pg-verdict--contradicted .pg-verdict__icon { color: var(--contra); }
.pg-verdict__title {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 26px;
  line-height: 1.1;
  margin-top: 2px;
}

.pg-claims { display: flex; flex-direction: column; gap: 10px; }
.pg-claim {
  border: 1px solid var(--rule);
  border-left: 3px solid var(--ink-3);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  background: var(--paper);
}
.pg-claim--verified { border-left-color: var(--verified); }
.pg-claim--partial { border-left-color: var(--partial); }
.pg-claim--unverif { border-left-color: var(--unverif); }
.pg-claim--contradicted { border-left-color: var(--contra); }
.pg-claim__head {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 6px;
}
.pg-claim__idx {
  font-size: 10.5px;
  color: var(--ink-4);
  letter-spacing: 0.04em;
}
.pg-claim__text {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--ink-1);
  letter-spacing: -0.005em;
  margin-bottom: 8px;
}
.pg-claim__source {
  background: var(--paper-alt);
  border-radius: 4px;
  padding: 8px 10px;
}
.pg-claim__source--empty {
  font-size: 12px;
  color: var(--ink-3);
  font-style: italic;
  background: transparent;
  border-top: 1px dashed var(--rule-strong);
  padding-top: 8px;
}
.pg-quote {
  position: relative;
  margin: 6px 0 0;
  padding-left: 12px;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--ink-1);
}
.pg-quote__rule {
  position: absolute; left: 0; top: 4px; bottom: 4px;
  width: 2px;
}
.pg-quote__rule--verified { background: var(--verified); }
.pg-quote__rule--partial { background: var(--partial); }
.pg-quote__rule--unverif { background: var(--unverif); }
.pg-quote__rule--contradicted { background: var(--contra); }

/* ============================================================
   MODEL REGISTRY
   ============================================================ */

.reg-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: var(--space-6);
}
.reg-strip__cell {
  background: var(--paper);
  padding: 14px 18px;
}
.reg-strip__value {
  font-family: var(--font-mono);
  font-feature-settings: "tnum";
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--ink-1);
  margin-top: 4px;
  display: flex; align-items: baseline; gap: 6px;
}
.reg-strip__value--ok { color: var(--verified); }
.reg-strip__value--mono { font-family: var(--font-display); font-style: italic; font-size: 26px; }
.reg-strip__unit { font-size: 12px; font-weight: 500; color: var(--ink-4); }

.reg-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 16px;
  align-items: start;
}

.reg-list {
  display: flex; flex-direction: column; gap: 10px;
  position: sticky;
  top: 16px;
}
.reg-card {
  border: 1px solid var(--rule);
  border-radius: var(--radius-md);
  background: var(--paper);
  padding: 14px 16px;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  display: flex; flex-direction: column; gap: 10px;
  position: relative;
}
.reg-card:hover { background: var(--paper-alt); }
.reg-card--active {
  border-color: var(--ink-1);
  box-shadow: inset 3px 0 0 var(--ink-1);
}
.reg-card__head {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;
}
.reg-card__name {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--ink-1);
}
.reg-card__metrics {
  display: flex; gap: 14px;
  font-size: 12px;
  color: var(--ink-2);
}

.reg-status {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--paper-shadow);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ink-2);
}
.reg-status__dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--ink-3);
}
.reg-status--healthy { background: var(--verified-soft); color: var(--verified); }
.reg-status--healthy .reg-status__dot { background: var(--verified); animation: live-pulse 1.6s ease-out infinite; }
.reg-status--degraded { background: var(--partial-soft); color: var(--partial); }
.reg-status--degraded .reg-status__dot { background: var(--partial); }
.reg-status--shadow { background: var(--paper-shadow); color: var(--ink-2); border: 1px dashed var(--rule-strong); }
.reg-status--shadow .reg-status__dot { background: var(--ink-3); }
.reg-status--lg {
  padding: 4px 12px;
  font-size: 11px;
}

.reg-detail {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 24px 28px;
}
.reg-detail__head {
  display: flex; justify-content: space-between; align-items: flex-start;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 22px;
  gap: 20px;
}
.reg-detail__title {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: 32px;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 6px 0 0;
  color: var(--ink-1);
}

.reg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 24px;
  padding: 18px 20px;
  background: var(--paper-alt);
  border: 1px solid var(--rule);
  border-radius: var(--radius-md);
}
.reg-field__val { font-size: 14px; margin-top: 3px; font-weight: 500; letter-spacing: -0.005em; }

.reg-section {
  padding-bottom: 22px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 22px;
}
.reg-section:last-of-type { border-bottom: none; }
.reg-section__head {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 14px;
}
.reg-section__head h3 {
  font-size: 13.5px;
  font-weight: 600;
  margin: 0;
}

.reg-calib {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.reg-calib__metric { }
.reg-calib__label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
  font-weight: 600;
}
.reg-calib__value {
  font-size: 28px;
  font-feature-settings: "tnum";
  margin: 6px 0 8px;
  letter-spacing: -0.02em;
}
.reg-calib__bar {
  height: 6px;
  background: var(--paper-alt);
  border-radius: 3px;
  overflow: hidden;
}
.reg-calib__fill {
  height: 100%;
}

.reg-foot {
  display: flex; align-items: center; gap: 8px;
}

/* ============================================================
   USER PROFILE
   ============================================================ */

.profile-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 16px;
  align-items: start;
}
.profile-card { padding: 28px 32px; }
.profile-side {
  display: flex; flex-direction: column; gap: 14px;
}

.profile-head {
  display: flex; align-items: center; gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 18px;
}
.profile-avatar {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: var(--ink-1);
  color: var(--paper);
  font-family: var(--font-mono);
  font-size: 22px;
  font-weight: 500;
  display: grid; place-items: center;
  border: 1px solid var(--rule-strong);
  flex-shrink: 0;
}
.profile-name {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.015em;
  color: var(--ink-1);
}

.profile-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
}

.profile-section-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px;
  letter-spacing: -0.005em;
}

.profile-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  margin-top: 12px;
}

.profile-mfa-icon {
  width: 42px; height: 42px;
  border-radius: var(--radius-md);
  background: var(--verified-soft);
  color: var(--verified);
  display: grid; place-items: center;
  flex-shrink: 0;
}

.mfa-list {
  margin-top: 18px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-md);
  background: var(--paper-alt);
  overflow: hidden;
}
.mfa-row {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
}
.mfa-row:last-child { border-bottom: none; }
.mfa-row__icon {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: var(--paper-alt);
  color: var(--ink-2);
  display: grid; place-items: center;
  flex-shrink: 0;
}
.mfa-row--add { background: var(--paper-alt); border-top: 1px dashed var(--rule-strong); border-bottom: 1px dashed var(--rule-strong); }
.mfa-row--add .mfa-row__icon { background: var(--paper); border: 1px dashed var(--rule-strong); }
.mfa-row__body { flex: 1; }

.recovery-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-top: 14px;
}
.recovery-code {
  padding: 10px 12px;
  background: var(--paper-alt);
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.recovery-code--used {
  opacity: 0.55;
  text-decoration: line-through;
  text-decoration-color: var(--ink-3);
}

.signing-key-block {
  margin-top: 14px;
  padding: 14px 16px;
  background: #18181b;
  color: #fafaf9;
  border-radius: var(--radius-md);
}
.signing-key-block .text-xs.muted.mono { color: rgba(255,255,255,0.55); }
.signing-key {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.55;
  background: transparent;
  color: rgba(255,255,255,0.9);
  white-space: pre-wrap;
  word-break: break-all;
}

/* ============================================================
   INCIDENT POSTMORTEM
   ============================================================ */

.incident-meta {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-top: 12px;
}
.incident-pill {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
  white-space: nowrap;
}
.incident-pill--sev2 { background: var(--contra-soft); color: var(--contra); }
.incident-pill--sev1 { background: var(--contra); color: white; }
.incident-pill--resolved { background: var(--verified-soft); color: var(--verified); }
.incident-pill--wip { background: var(--partial-soft); color: var(--partial); }
.incident-pill--pending { background: var(--paper-shadow); color: var(--ink-3); }

.incident-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 20px;
  align-items: start;
}
.incident-main { display: flex; flex-direction: column; gap: 16px; }
.incident-side  {
  display: flex; flex-direction: column; gap: 14px;
  position: sticky;
  top: 16px;
}

.incident-card {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 22px 26px;
}
.incident-h {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin: 0 0 14px;
  color: var(--ink-1);
}
.incident-prose {
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--ink-1);
  margin: 0;
  max-width: 68ch;
}

.incident-card--radius .blast-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
  margin-top: 14px;
}
.blast-value {
  font-size: 30px;
  font-feature-settings: "tnum";
  letter-spacing: -0.02em;
  color: var(--ink-1);
  margin-bottom: 2px;
}
.blast-callout {
  display: flex; align-items: center; gap: 10px;
  margin-top: 16px;
  padding: 12px 16px;
  background: var(--verified-soft);
  border: 1px solid rgba(47, 110, 71, 0.25);
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: var(--ink-1);
}

/* timeline */
.incident-timeline {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column;
  position: relative;
}
.incident-timeline::before {
  content: ""; position: absolute;
  left: 100px; top: 8px; bottom: 8px;
  width: 1px;
  background: var(--rule);
}
.incident-step {
  display: grid;
  grid-template-columns: 92px 16px 1fr;
  gap: 12px;
  padding: 10px 0;
  align-items: flex-start;
  position: relative;
}
.incident-step__time {
  font-size: 11.5px;
  color: var(--ink-3);
  padding-top: 4px;
  text-align: right;
}
.incident-step__dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--paper);
  border: 1.5px solid var(--ink-3);
  margin-top: 6px;
  margin-left: 4px;
  position: relative;
  z-index: 1;
}
.incident-step--system .incident-step__dot { border-color: var(--ink-3); }
.incident-step--human .incident-step__dot { border-color: var(--ink-1); background: var(--ink-1); }
.incident-step__body { padding-top: 1px; }
.incident-step__body strong { display: block; color: var(--ink-1); margin-bottom: 2px; }

/* remediations */
.remediation-list {
  display: flex; flex-direction: column;
  margin-top: 4px;
}
.remediation {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--rule);
}
.remediation:last-child { border-bottom: none; }
.remediation__check {
  width: 18px; height: 18px;
  border-radius: 4px;
  border: 1.5px solid var(--rule-strong);
  background: var(--paper);
  display: grid; place-items: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.remediation__check--done { background: var(--verified); border-color: var(--verified); color: white; }
.remediation__check--in_progress { border-color: var(--partial); }
.remediation__half {
  width: 10px; height: 10px;
  border-radius: 2px;
  background: linear-gradient(135deg, var(--partial) 0% 50%, transparent 50% 100%);
}
.remediation__body { flex: 1; min-width: 0; }
.remediation--done .remediation__body .text-sm { color: var(--ink-3); }

/* side */
.incident-times { display: flex; flex-direction: column; gap: 10px; }
.incident-times > div > div { font-size: 13px; margin-top: 2px; color: var(--ink-1); }

.incident-link {
  display: flex; align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--rule);
}
.incident-link:last-child { border-bottom: none; }

.incident-card--seal {
  background: var(--paper-alt);
  border-style: dashed;
}