/* DSAT Analysis timeline: the phase-coloured rules from the <style> block of design/DSAT Analysis Timeline.dc.html. */
@import url('timeline.css');
:root{--ink:#17171a;--muted:#626269;--line:#dedee3;--paper:#fff;--soft:#f6f6f8;--accent:#8b3677;--deep:#632653;--gold:#f4b05f;--green:#14734b;--red:#b42318;--cyan:#14BCD0}
.badge{padding:7px 11px;border:1px solid #d8c1d2;background:#fbf7fa;color:var(--deep);border-radius:999px;font:700 12px Exo2;white-space:nowrap}
.left{display:grid;grid-template-columns:54px minmax(170px,1fr) 66px 110px 112px 142px;gap:8px;align-items:center;width:100%}
.ph .cell{background:#fbf7fa;font-weight:700;cursor:pointer}.ph .cell:hover{background:#f7eef4}
.dstack{display:flex;flex-direction:column;gap:3px;min-width:0}.dstack input{width:100%;min-width:0;box-sizing:border-box;font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:6px;padding:3px 4px;font-size:11.5px;color:var(--ink);background:#fff}.dstack input.pin{border-color:var(--accent);background:#fbf7fa}.dstack span{font-size:11.5px;color:var(--muted);padding-left:4px;white-space:nowrap}
.bar{position:absolute;top:50%;transform:translateY(-50%);height:14px;border-radius:4px;background:#c9a5c0;min-width:9px}
.bar.t-approval{background:repeating-linear-gradient(45deg,#632653,#632653 6px,#8b3677 6px,#8b3677 12px)}
.bar.t-ongoing{background:repeating-linear-gradient(90deg,#14BCD0 0 10px,#a7e7ef 10px 20px);opacity:.8}