#ciqLifecycleTimeline { margin: 0 0 18px; }
.ciq-life { overflow: hidden; border: 1px solid rgba(151,164,181,.48); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(228,234,240,.86)); box-shadow: inset 0 1px 0 #fff, 0 14px 38px rgba(49,69,91,.08); }
.ciq-life-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px 16px; border-bottom: 1px solid rgba(164,176,190,.34); }
.ciq-life-head > div:first-child > span { color: #788596; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.ciq-life-head h3 { margin: 4px 0 4px; color: #152a42; font-size: 20px; letter-spacing: -.025em; }
.ciq-life-head p { margin: 0; color: #647488; font-size: 12px; }
.ciq-life-head p strong { color: #1b3f68; }
.ciq-life-health { display: grid; place-items: center; min-width: 92px; padding: 12px 15px; border-radius: 16px; }
.ciq-life-health strong { font-size: 25px; line-height: 1; }
.ciq-life-health span { margin-top: 5px; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.ciq-life-health.good { background: #e4f6eb; color: #21794d; }
.ciq-life-health.warn { background: #fff3d7; color: #946414; }
.ciq-life-health.bad { background: #fde7e4; color: #b2443b; }
.ciq-life-track { display: grid; grid-template-columns: repeat(7,minmax(92px,1fr)); gap: 0; padding: 20px 18px 18px; overflow-x: auto; }
.ciq-life-stage { position: relative; display: grid; justify-items: center; gap: 8px; min-width: 92px; color: #8a95a4; text-align: center; }
.ciq-life-stage::before { content: ''; position: absolute; top: 16px; left: -50%; width: 100%; height: 3px; background: #d8e0e8; }
.ciq-life-stage:first-child::before { display: none; }
.ciq-life-stage i { position: relative; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; border: 3px solid #d8e0e8; border-radius: 50%; background: #f8fafc; color: #7f8c9c; font-size: 11px; font-style: normal; font-weight: 900; }
.ciq-life-stage span { max-width: 105px; font-size: 10px; font-weight: 850; line-height: 1.25; }
.ciq-life-stage.done::before, .ciq-life-stage.current::before { background: #4d86ca; }
.ciq-life-stage.done i { border-color: #4d86ca; background: #4d86ca; color: #fff; }
.ciq-life-stage.done span { color: #3c5f84; }
.ciq-life-stage.current i { border-color: #2d6cdf; background: #fff; color: #245fae; box-shadow: 0 0 0 7px rgba(45,108,223,.11), 0 0 24px rgba(45,108,223,.34); }
.ciq-life-stage.current span { color: #173f75; }
.ciq-life-bottom { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(210px,1fr) minmax(260px,1.25fr); gap: 12px; padding: 0 18px 18px; }
.ciq-life-now, .ciq-life-blockers { min-height: 74px; padding: 13px 14px; border: 1px solid #d9e2ec; border-radius: 13px; background: rgba(255,255,255,.75); }
.ciq-life-now span, .ciq-life-blockers > span { display: block; margin-bottom: 5px; color: #7a8797; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ciq-life-now strong, .ciq-life-blockers strong { color: #1c3552; font-size: 12px; }
.ciq-life-blockers.has-issues { border-color: #e5c384; background: #fff9ed; }
.ciq-life-blockers ul { display: grid; gap: 4px; margin: 0; padding-left: 16px; color: #7b5720; font-size: 11px; }
@media (max-width: 900px) {
  .ciq-life-bottom { grid-template-columns: 1fr; }
  .ciq-life-head { align-items: flex-start; }
}