/* tachoview/public/styles.css */
.timeline { position: relative; height: 28px; background: #f1f3f5; border-radius: 999px; overflow: hidden; }
.timeline .seg { position: absolute; top:0; bottom:0; }
.seg.DRIVING { background: #0d6efd; } .seg.WORK { background: #6c757d; }
.seg.AVAIL { background: #20c997; } .seg.REST { background: #ffc107; }
.timeline .tick { position:absolute; top:0; bottom:0; width:1px; background: rgba(0,0,0,.1); }
.smallcaps { font-variant: all-small-caps; letter-spacing:.02em; }
.card-violation.RED { border-left: 4px solid #dc3545; } .card-violation.AMBER { border-left: 4px solid #fd7e14; }