/* DSAT Design timeline: the phase-coloured rules from the <style> block of design/DSAT Design Timeline.dc.html. */
@import url('timeline.css');
:root{--ink:#17171a;--muted:#626269;--line:#dedee3;--paper:#fff;--soft:#f6f6f8;--accent:#0E6B7A;--deep:#0A4F5A;--gold:#f4b05f;--green:#14734b;--red:#b42318;--cyan:#f4b05f}
.badge{padding:7px 11px;border:1px solid #b3e6ec;background:#f1fbfc;color:var(--deep);border-radius:999px;font:700 12px Exo2;white-space:nowrap}
.left{display:grid;grid-template-columns:54px minmax(170px,1fr) 66px 118px 112px 104px;gap:8px;align-items:center;width:100%}
.ph .cell{background:#f1fbfc;font-weight:700;cursor:pointer}.ph .cell:hover{background:#e8f8fa}
.bar{position:absolute;top:50%;transform:translateY(-50%);height:14px;border-radius:4px;background:#9fdde5;min-width:9px}
.bar.t-approval{background:repeating-linear-gradient(45deg,#0A4F5A,#0A4F5A 6px,#0E6B7A 6px,#0E6B7A 12px)}
.bar.t-ongoing{background:repeating-linear-gradient(90deg,#71717a 0 10px,#d4d4d8 10px 20px);opacity:.8}
/* The Design mock-up colours its header strip #14BCD0 (Schema) rather than var(--accent). */
#axTop>div:last-child{background:#14BCD0!important}