/* Avid Risk, Version C bento. Scoped under [data-station="risk"].
   Grid: blue "Cases in progress" hero (4 x 2) with the stage bars, four number tiles (one Deep Ink: premium in force),
   the stage board (12), requirements (8) beside referrals (4), then the in-force book (12). */

[data-station="risk"] .page-actions .search .input { width: 260px; }
[data-station="risk"] .rk-note { display: inline-flex; align-items: center; gap: 8px; }
[data-station="risk"] .rk-late { display: inline-flex; align-items: center; gap: 6px; color: var(--bad-ink); font-weight: 600; }

/* ---------- Blue hero: cases by stage ---------- */
[data-station="risk"] .rk-hero .big { margin-top: 0; }
[data-station="risk"] .rk-hero-stages { margin-top: auto; padding-top: 20px; display: flex; flex-direction: column; gap: 10px; }
[data-station="risk"] .rk-hero-stage { display: grid; grid-template-columns: 96px 1fr 24px; align-items: center; gap: 12px; }
[data-station="risk"] .rk-hero-stage-label { font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.85); white-space: nowrap; }
[data-station="risk"] .rk-hero-stage-track { height: 8px; border-radius: var(--radius-pill); background: rgba(255, 255, 255, 0.18); overflow: hidden; }
[data-station="risk"] .rk-hero-stage-track span { display: block; height: 100%; border-radius: inherit; background: #fff; }
[data-station="risk"] .rk-hero-stage-count { font-size: 14px; font-weight: 700; text-align: right; color: #fff; }

/* ---------- Stage board: six columns of Mist case cards inside one tile ---------- */
[data-station="risk"] .rk-board { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
[data-station="risk"] .rk-col { min-width: 0; display: flex; flex-direction: column; }
[data-station="risk"] .rk-col-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 4px 10px; }
[data-station="risk"] .rk-col-label {
  font-size: var(--fs-label); font-weight: 600; letter-spacing: var(--tracking-label);
  text-transform: uppercase; color: var(--ink-3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
[data-station="risk"] .rk-col-count {
  min-width: 24px; height: 24px; padding: 0 7px; border-radius: var(--radius-pill);
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--deep-ink); color: #fff; font-size: 12px; font-weight: 700;
}
[data-station="risk"] .rk-col-cards { display: flex; flex-direction: column; gap: 8px; }
[data-station="risk"] .rk-col-more {
  padding: 10px; border-radius: 12px;
  font-size: 12px; font-weight: 600; color: var(--ink-3); text-align: center;
  box-shadow: inset 0 0 0 1px var(--line-strong);
}
[data-station="risk"] .rk-case {
  position: relative;
  background: var(--mist); border-radius: var(--radius);
  padding: 14px 14px 12px;
  display: flex; flex-direction: column; gap: 2px; min-width: 0;
  transition: background var(--t), box-shadow var(--t), transform var(--t);
}
[data-station="risk"] .rk-case:hover { background: var(--surface); box-shadow: var(--shadow-tile); transform: translateY(-1px); }
[data-station="risk"] .rk-case.is-stuck { box-shadow: inset 3px 0 0 var(--warn); }
[data-station="risk"] .rk-case.is-stuck:hover { box-shadow: inset 3px 0 0 var(--warn), var(--shadow-tile); }
[data-station="risk"] .rk-case-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
[data-station="risk"] .rk-case-top .entity-tag { display: none; }
[data-station="risk"] .rk-case-name { font-size: 14px; font-weight: 700; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-station="risk"] .rk-case-product,
[data-station="risk"] .rk-case-carrier {
  font-size: 12px; line-height: 1.4; color: var(--ink-2);
  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
[data-station="risk"] .rk-case-carrier { color: var(--ink-3); -webkit-line-clamp: 1; }
[data-station="risk"] .rk-case-figures { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 2px 6px; margin-top: 10px; }
[data-station="risk"] .rk-case-face { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; white-space: nowrap; }
[data-station="risk"] .rk-case-days { display: inline-flex; align-items: center; gap: 5px; flex: none; font-size: 11px; font-weight: 700; color: var(--ink-3); }
[data-station="risk"] .rk-case-days.is-stuck { color: var(--warn-ink); }
[data-station="risk"] .rk-case-days .dot { width: 6px; height: 6px; }
[data-station="risk"] .rk-case-status { margin-top: 8px; min-width: 0; }
[data-station="risk"] .rk-case-status .badge { max-width: 100%; white-space: normal; height: auto; line-height: 1.35; padding: 4px 9px; font-size: 11px; background: var(--surface); }
[data-station="risk"] .rk-case-status .badge.is-good { background: var(--good-tint); }
[data-station="risk"] .rk-case-status .badge.is-warn { background: var(--warn-tint); }
[data-station="risk"] .rk-case-status .badge.is-bad { background: var(--bad-tint); }

/* ---------- Requirements and referrals ---------- */
[data-station="risk"] .rk-age { font-weight: 700; color: var(--ink-2); }
[data-station="risk"] .rk-age.is-late { color: var(--bad-ink); }
[data-station="risk"] .rk-card-foot { margin-top: auto; padding-top: 14px; border-top: var(--hairline); font-size: 12px; color: var(--ink-3); }
[data-station="risk"] .section > .card.is-flush { flex: 1; display: flex; flex-direction: column; }
[data-station="risk"] .table td.is-strong { white-space: nowrap; }
[data-station="risk"] .rk-refs { flex: 1; display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
[data-station="risk"] .rk-ref {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px; border-radius: var(--radius); background: var(--mist);
}
[data-station="risk"] .rk-ref-main { min-width: 0; }
[data-station="risk"] .rk-ref-title { display: flex; flex-direction: column; gap: 1px; font-size: 13px; }
[data-station="risk"] .rk-ref-title strong { font-size: 14px; font-weight: 700; }
[data-station="risk"] .rk-ref-title span { color: var(--ink-2); }
[data-station="risk"] .rk-ref-meta { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 12px; color: var(--ink-3); }
[data-station="risk"] .rk-ref-meta .avatar { width: 22px; height: 22px; font-size: 10px; }
[data-station="risk"] .rk-ref .badge, [data-station="risk"] .rk-ref .btn { flex: none; }
[data-station="risk"] .rk-ref .btn-secondary { background: var(--surface); box-shadow: var(--shadow-hair); }

/* ---------- In force ---------- */
[data-station="risk"] .rk-insured { display: flex; flex-direction: column; gap: 1px; }
[data-station="risk"] .rk-insured span { font-size: 12px; color: var(--ink-3); }
[data-station="risk"] .rk-anniv { display: inline-flex; align-items: center; gap: 10px; justify-content: flex-end; }
[data-station="risk"] .rk-none { color: var(--ink-disabled); }

/* ---------- Tiles that jump to a section on this page ---------- */
[data-station="risk"] .rk-jump { cursor: pointer; }
[data-station="risk"] .rk-jump-arrow { display: inline-flex; color: var(--ink-3); transform: rotate(90deg); transition: transform var(--t), color var(--t); }
[data-station="risk"] .tile-ink .rk-jump-arrow { color: var(--on-dark-3); }
[data-station="risk"] .rk-jump:hover .rk-jump-arrow { transform: rotate(90deg) translateX(2px); color: var(--avid-blue-strong); }
[data-station="risk"] .tile-ink.rk-jump:hover .rk-jump-arrow { color: #fff; }

/* ---------- Board cards are links ---------- */
[data-station="risk"] a.rk-case { color: inherit; text-decoration: none; cursor: pointer; }
[data-station="risk"] a.rk-case:focus-visible { outline: 2px solid var(--avid-blue); outline-offset: 2px; }
[data-station="risk"] a.rk-col-more.is-link { display: block; color: var(--avid-blue-strong); text-decoration: none; transition: background var(--t); }
[data-station="risk"] a.rk-col-more.is-link:hover { background: var(--mist); }

/* ---------- Board and list switch ---------- */
[data-station="risk"] .rk-view { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--radius-pill); background: var(--mist); }
[data-station="risk"] .rk-view-item {
  padding: 5px 12px; border-radius: var(--radius-pill);
  font-size: 12px; font-weight: 600; color: var(--ink-2); text-decoration: none; white-space: nowrap;
}
[data-station="risk"] .rk-view-item:hover { color: var(--ink); text-decoration: none; }
[data-station="risk"] .rk-view-item.is-active { background: var(--surface); color: var(--ink); box-shadow: var(--shadow-hair); }
[data-station="risk"] .rk-list .table tr.is-clickable { cursor: pointer; }
[data-station="risk"] .rk-age { display: inline-flex; align-items: center; gap: 6px; }

/* ---------- Case sheet ---------- */
[data-station="risk"] .rk-back { display: inline-flex; align-items: center; gap: 6px; color: var(--avid-blue-strong); font-weight: 700; text-decoration: none; }
[data-station="risk"] .rk-back:hover { color: var(--avid-blue-ink); text-decoration: none; }
[data-station="risk"] .rk-sheet-hero .big { margin-top: 0; }
[data-station="risk"] .rk-sheet-hero .big-sub { max-width: 560px; }
[data-station="risk"] .rk-path { margin-top: auto; padding-top: 24px; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
[data-station="risk"] .rk-path-step { position: relative; display: flex; flex-direction: column; gap: 8px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.7); }
[data-station="risk"] .rk-path-step::before {
  content: ''; position: absolute; top: 10px; left: 26px; right: -2px; height: 2px;
  background: rgba(255, 255, 255, 0.22);
}
[data-station="risk"] .rk-path-step:last-child::before { display: none; }
[data-station="risk"] .rk-path-step.is-done::before { background: #fff; }
[data-station="risk"] .rk-path-mark {
  position: relative; z-index: 1;
  width: 22px; height: 22px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); color: var(--avid-blue-strong);
}
[data-station="risk"] .rk-path-step.is-done .rk-path-mark { background: #fff; box-shadow: none; }
[data-station="risk"] .rk-path-step.is-current { color: #fff; }
[data-station="risk"] .rk-path-step.is-current .rk-path-mark { background: #fff; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.25); }
[data-station="risk"] .rk-path-step.is-current .rk-path-mark::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--avid-blue-strong); }
[data-station="risk"] .rk-path-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

[data-station="risk"] .rk-sheet-face { font-size: 34px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 18px; display: flex; align-items: baseline; gap: 8px; }
[data-station="risk"] .rk-sheet-face small { font-size: 12px; font-weight: 600; letter-spacing: 0; color: var(--ink-3); }
[data-station="risk"] .rk-owner { display: inline-flex; align-items: center; gap: 8px; }
[data-station="risk"] .rk-owner .avatar { width: 22px; height: 22px; font-size: 10px; }

[data-station="risk"] .rk-reqs { display: flex; flex-direction: column; gap: 8px; }
[data-station="risk"] .rk-req {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px 16px; border-radius: var(--radius); background: var(--mist);
}
[data-station="risk"] .rk-req.is-late { box-shadow: inset 3px 0 0 var(--bad); }
[data-station="risk"] .rk-req-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 13px; }
[data-station="risk"] .rk-req-main strong { font-size: 15px; font-weight: 700; }
[data-station="risk"] .rk-req-main span { color: var(--ink-3); }
[data-station="risk"] .rk-req-age { display: inline-flex; align-items: center; gap: 12px; flex: none; }
[data-station="risk"] .rk-sheet-empty { font-size: 14px; color: var(--ink-2); }

[data-station="risk"] .rk-sheet-hh-name { font-size: 24px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; }
[data-station="risk"] .rk-sheet-hh-meta { margin-top: 6px; font-size: 13px; color: var(--ink-3); }
[data-station="risk"] .rk-sheet-links { margin-top: auto; padding-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }

@media (max-width: 1360px) {
  [data-station="risk"] .rk-board { gap: 8px; }
  [data-station="risk"] .rk-case { padding: 12px 11px 10px; }
  [data-station="risk"] .rk-case-face { font-size: 20px; }
  [data-station="risk"] .rk-inforce .table td:last-child, [data-station="risk"] .rk-inforce .table th:last-child { display: none; }
  [data-station="risk"] .rk-inforce .table td, [data-station="risk"] .rk-inforce .table th { padding-left: 8px; padding-right: 8px; }
  [data-station="risk"] .rk-hero-stage { grid-template-columns: 88px 1fr 22px; gap: 10px; }
}

/* Phone: the pipeline label keeps its words; the note and the Board switch drop below it. */
@media (max-width: 700px) {
  [data-station="risk"] .rk-pipeline > .tile-head { flex-wrap: wrap; row-gap: 8px; }
  [data-station="risk"] .rk-pipeline > .tile-head .tile-head-right { justify-content: flex-start; text-align: left; }
}

/* ---------- Statement skin (Version D) ----------
   One Deep moment: the slate hero. Figures in Playfair. The status code only as chips, dots and bars: words stay ink. */
[data-station="risk"] .rk-late { color: var(--ink-2); }
[data-station="risk"] .rk-age.is-late { color: var(--ink); }
[data-station="risk"] .rk-case-days.is-stuck { color: var(--ink-2); }
[data-station="risk"] .rk-col-label { color: var(--slate); font-weight: 700; }
[data-station="risk"] .rk-col-count { background: var(--slate-wash); color: var(--slate); }
[data-station="risk"] .rk-case { background: var(--surface-warm); box-shadow: inset 0 0 0 1px var(--line); }
[data-station="risk"] .rk-case:hover { background: var(--surface); box-shadow: inset 0 0 0 1px var(--line-strong), var(--shadow-1); }
[data-station="risk"] .rk-case.is-stuck { box-shadow: inset 0 0 0 1px var(--line), inset 3px 0 0 var(--watch); }
[data-station="risk"] .rk-case.is-stuck:hover { box-shadow: inset 0 0 0 1px var(--line-strong), inset 3px 0 0 var(--watch), var(--shadow-1); }
[data-station="risk"] .rk-case-name { color: var(--slate); }
[data-station="risk"] .rk-case-face { font-family: var(--serif); font-weight: 600; font-size: 24px; letter-spacing: -0.01em; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; }
[data-station="risk"] .rk-case-status .st-chip { height: auto; min-height: 24px; padding-top: 3px; padding-bottom: 3px; white-space: normal; line-height: 1.3; align-items: flex-start; max-width: 100%; flex: initial; }
[data-station="risk"] .rk-case-status .st-chip .st-disc { margin-top: 1px; }
[data-station="risk"] .rk-ref { background: var(--surface-warm); box-shadow: inset 0 0 0 1px var(--line); }
[data-station="risk"] .rk-ref-title strong { color: var(--slate); }
[data-station="risk"] .rk-ref-done { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
[data-station="risk"] .rk-ref-done small { font-size: 12px; color: var(--ink-3); }
[data-station="risk"] .rk-view { background: var(--slate-wash); }
[data-station="risk"] .rk-jump-arrow, [data-station="risk"] .rk-jump:hover .rk-jump-arrow { transform: none; color: var(--ink-4); }
[data-station="risk"] .rk-jump:hover .rk-jump-arrow { color: var(--avid-blue-strong); }
[data-station="risk"] .rk-anniv .st-chip { flex: none; }

/* Case sheet */
[data-station="risk"] .page-header .rk-back { color: rgba(255, 255, 255, 0.85); }
[data-station="risk"] .page-header .rk-back:hover { color: #fff; }
[data-station="risk"] .rk-sheet-face { font-family: var(--serif); font-weight: 600; font-size: 38px; letter-spacing: -0.01em; font-variant-numeric: lining-nums tabular-nums; }
[data-station="risk"] .rk-sheet-face small { font-family: var(--font); }
[data-station="risk"] .rk-sheet-hh-name { font-family: var(--serif); font-weight: 600; color: var(--slate); letter-spacing: 0; }
[data-station="risk"] .rk-req { background: var(--surface-warm); box-shadow: inset 0 0 0 1px var(--line); }
[data-station="risk"] .rk-req.is-late { box-shadow: inset 0 0 0 1px var(--line), inset 3px 0 0 var(--behind); }
[data-station="risk"] .rk-req-main strong { color: var(--slate); }
[data-station="risk"] .rk-path-mark { color: var(--slate); }
[data-station="risk"] .rk-path-step.is-current .rk-path-mark::after { background: var(--avid-blue); }
@media (max-width: 700px) {
  [data-station="risk"] .rk-board { grid-template-columns: repeat(6, 200px); overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; margin: 0 -4px; padding-left: 4px; }
  [data-station="risk"] .rk-col { scroll-snap-align: start; }
  [data-station="risk"] .rk-requirements .table th:nth-child(3), [data-station="risk"] .rk-requirements .table td:nth-child(3) { display: none; }
}