/* DSAT Delivery timeline: the phase-coloured rules from the <style> block of design/DSAT Delivery Timeline.dc.html. */
@import url('timeline.css');
:root{--ink:#17171a;--muted:#626269;--line:#dedee3;--paper:#fff;--soft:#f6f6f8;--accent:#047D5A;--deep:#035E44;--gold:#f4b05f;--green:#14734b;--red:#b42318;--cyan:#14BCD0}
.badge{padding:7px 11px;border:1px solid #b9e3d3;background:#f2faf6;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:#f2faf6;font-weight:700;cursor:pointer}.ph .cell:hover{background:#e9f6f0}
.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:#f2faf6}.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:#a6dcc8;min-width:9px}
.bar.t-approval{background:repeating-linear-gradient(45deg,#035E44,#035E44 6px,#047D5A 6px,#047D5A 12px)}
.bar.t-ongoing{background:repeating-linear-gradient(90deg,#14BCD0 0 10px,#a7e7ef 10px 20px);opacity:.8}