/* Department pages: Onboarding, Roadmap, Status, Brokerage setup */

/* Onboarding */
.onb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin-bottom:24px}
.onb-card{border-radius:28px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.onb-top{display:flex;align-items:center;gap:12px;min-width:0}
.onb-name{font-size:17px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onb-prog{display:flex;align-items:center;gap:10px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.onb-prog b{color:var(--ink);white-space:nowrap}
.onb-steps{background:var(--track);border-radius:20px}
.onb-steps .row{padding:9px 14px;min-height:48px}
.onb-done-title{margin-top:8px}
.onb-more{display:flex;margin:-8px auto 24px}
.onb-cand{margin:14px 0}
.onb-cand-btn{margin:14px 0;width:100%;justify-content:center}

/* Roadmap */
.rm-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.rm-filter[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
.rm-col{border-radius:30px;padding:8px;display:flex;flex-direction:column;gap:10px;min-height:360px;scroll-snap-align:start;background:linear-gradient(180deg,var(--track),transparent 70%);box-shadow:inset 0 0 0 1px var(--hair)}
.rm-col.drop{background:linear-gradient(180deg,var(--orange-tint),transparent 80%);box-shadow:inset 0 0 0 1.5px var(--orange)}
.rm-card{border-radius:22px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;cursor:grab;user-select:none;transition:transform .5s var(--spring);--blur:18px;text-align:left}
.rm-card:hover{transform:translateY(-2px) scale(1.012)}
.rm-card.dragging{opacity:.35}
.rm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.rm-meta>span{display:inline-flex;align-items:center;gap:4px}
.rm-meta .rm-late{color:var(--orange-ink);font-weight:700}
.rm-owner{margin-left:auto}
.rm-more{align-self:center}

/* Status */
.hst-when{font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums;align-self:center}
.hst-sum{border-radius:28px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}
.hst-sum h2{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.hst-sum p{color:var(--ink-2)}
.hst-big{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--track)}
.hst-big .ic{width:22px;height:22px}
.hst-sum.is-bad .hst-big{background:linear-gradient(180deg,#FF7A3D,#D04010);color:#fff}
.hst-sum.is-ok .hst-big{background:var(--solid);color:var(--on-solid)}
.hst-probs{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;line-height:1.4}
.hst-dot{width:10px;height:10px;border-radius:50%;flex:none}
.hst-dot.is-ok{background:var(--ink-3)}
.hst-dot.is-bad{background:var(--orange);box-shadow:0 0 8px rgba(240,86,31,.7)}
.hst-row .row-end{flex-wrap:wrap;justify-content:flex-end}
.hst-sub{white-space:normal}
.hst-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}
.hst-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.hst-stat{padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.hst-stat+.hst-stat{box-shadow:inset 1px 0 0 var(--hair)}
.hst-stat b{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hst-stat span{font-size:13px;color:var(--ink-2)}
.hst-stat.is-bad b{color:var(--orange-ink)}
.hst-grid .foot-note,.view>.foot-note{margin:10px 6px 0}
.hst-stale{margin:0 6px 12px;color:var(--orange-ink)}
.view .sec-title+.group+.foot-note{margin-top:12px}

/* Brokerage setup */
.bs-total{font-size:13px;color:var(--ink-2);align-self:center}
.bs-row{padding:6px 12px 6px 6px;gap:6px}
.bs-tick{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:50%}
.bs-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 4px 6px 8px;text-align:left;border-radius:14px}
.bs-row>.bs-open:first-child{padding-left:12px}
.bs-prog{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums;max-width:240px}
.bs-prog b{font-weight:600;flex:none}
.bs-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;max-width:45%;min-width:0;font-size:13px;color:var(--ink-2);text-align:right}
.bs-next{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0;color:var(--ink);font-weight:600}
.bs-next>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bs-next .av{width:24px;height:24px;font-size:11px;flex:none}
.bs-since{font-size:12px}
.bs-chev{flex:none;color:var(--ink-3)}
.bs-live{flex:none}
.bs-more{margin-top:12px}

@media (max-width:640px){
  .rm-board{grid-auto-columns:84%}
  .bs-open{flex-wrap:wrap;gap:6px 12px}
  .bs-open .row-main{flex-basis:100%}
  .bs-meta{flex-direction:row;flex-wrap:wrap;align-items:center;max-width:none;flex:1;text-align:left;gap:4px 12px}
  .bs-chev{display:none}
  .bs-row{flex-wrap:wrap}
  .bs-live{margin-left:auto}
  .hst-grid{grid-template-columns:minmax(0,1fr)}
  .hst-sum{padding:16px}
}