/* At risk, stuck or late: the Decide lane (v3/risk-view.js, A7). */
.rk-strip { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
.rk-c { font-size: 13px; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line, rgba(127, 127, 127, .3)); }
.rk-c b { font-size: 15px; margin-right: 2px; }
.rk-c.crit b { color: var(--v9-crit, #d03b3b); } .rk-c.serious b { color: var(--v9-serious, #ec835a); } .rk-c.warn b { color: var(--v9-warn, #fab219); }
.rk-c.zero { color: var(--muted, #888); } .rk-c.owned { margin-left: auto; color: var(--muted, #888); }
.rk-g { border-top: 1px solid var(--line, rgba(127, 127, 127, .25)); }
.rk-g > summary { display: grid; grid-template-columns: minmax(10rem, 1.2fr) minmax(6rem, 1fr) minmax(12rem, 2.4fr) 8.5rem; gap: 12px; align-items: center; padding: 10px 2px; cursor: pointer; list-style: none; }
.rk-g > summary::-webkit-details-marker { display: none; }
.rk-o { display: flex; flex-direction: column; } .rk-n { font-size: 12px; color: var(--muted, #888); }
.rk-bar { display: flex; height: 8px; border-radius: 4px; overflow: hidden; background: var(--line, rgba(127, 127, 127, .2)); }
.rk-bar i { display: block; height: 100%; }
.rk-bar i[data-st="late"], .rk-bar i[data-st="unowned"] { background: var(--v9-crit, #d03b3b); }
.rk-bar i[data-st="stuck"] { background: var(--v9-serious, #ec835a); } .rk-bar i[data-st="at risk"] { background: var(--v9-warn, #fab219); }
.rk-act { font-size: 13px; } .rk-by { font-size: 13px; text-align: right; white-space: nowrap; } .rk-by.late { color: var(--v9-crit, #d03b3b); font-weight: 600; }
.rk-items { list-style: none; margin: 0 0 10px; padding: 0 0 0 12px; }
.rk-items li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 5px 0; font-size: 13px; }
.rk-st { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
.rk-st.crit { color: var(--v9-crit, #d03b3b); } .rk-st.serious { color: var(--v9-serious, #ec835a); } .rk-st.warn { color: var(--v9-warn, #b07a00); }
.rk-why { flex-basis: 100%; font-size: 12px; }
.rk-how { margin-top: 8px; font-size: 13px; } .rk-how summary { cursor: pointer; color: var(--muted, #888); } .rk-how ol { margin: 6px 0 0 18px; padding: 0; }
@media (max-width: 56rem) {
  .rk-g > summary { grid-template-columns: 1fr auto; }
  .rk-bar, .rk-act { grid-column: 1 / -1; }
  .rk-c.owned { margin-left: 0; }
}