main{padding-top:20px}
.planner-body{padding:13px 24px 15px}
.timeline-topline{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:8px}
.timeline-meta{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto}
.timeline-status{margin-left:0;color:#849080;font-size:10px;white-space:nowrap}
.refresh-state{font-size:10px;color:#6b7c71}
.timeline-clock{text-align:right;font-variant-numeric:tabular-nums;color:#234e41}
.timeline-clock b{font-size:19px;font-weight:600;letter-spacing:-.4px}
.timeline-clock small{display:block;font-size:7px;color:#7c8d80;letter-spacing:1.2px;margin-top:2px}
.connection-panel .timeline-status{font-size:calc(10px + 1pt)}
.connection-panel .timeline-clock b{font-size:calc(19px + 1pt)}
.connection-panel .timeline-clock small{font-size:calc(7px + 1pt)}
@media(max-width:760px){main{padding-top:14px}.planner-body{padding:10px 16px 12px}.timeline-topline{align-items:flex-start;gap:8px}.timeline-meta{gap:7px;flex-direction:column-reverse;align-items:flex-end}.timeline-status{font-size:8px}.refresh-state{font-size:9px}.timeline-clock b{font-size:17px}.timeline-clock small{font-size:6px}.connection-panel .timeline-status{font-size:calc(8px + 1pt)}.connection-panel .timeline-clock b{font-size:calc(17px + 1pt)}.connection-panel .timeline-clock small{font-size:calc(6px + 1pt)}}