.btt-timeline-wrapper{max-width:100%; overflow:hidden; border:1px solid #e5e7eb; border-radius:12px; padding:8px; background:#fff; position:relative}
.btt-controls{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; position:sticky; top:0; z-index:5; background:#fff; padding:8px 8px 6px; border-bottom:1px solid #e5e7eb; pointer-events:auto}
.btt-controls button{border:1px solid #000; color:#000; background:#fff; padding:6px 10px; border-radius:8px; cursor:pointer; pointer-events:auto}
.btt-legend{font-size:12px; color:#6b7280}
.btt-dot{display:inline-block; width:10px; height:10px; border-radius:50%; background:#ef4444; margin-right:4px}
.btt-timeline{display:grid; grid-template-columns: repeat(5, minmax(180px,1fr)); gap:8px; transition:transform .2s ease, opacity .2s ease}
.btt-day{border:1px solid #e5e7eb; border-radius:10px; padding:8px; background:#f8fafc; overflow:hidden}
.btt-today{border-color:#60a5fa; box-shadow:0 0 0 2px rgba(59,130,246,0.2) inset}
.btt-day-head{font-weight:600; margin-bottom:6px; position:sticky; top:0; z-index:4; background:#f8fafc; padding-top:2px; padding-bottom:4px}
.btt-routes{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; overflow:auto}
.btt-route{background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:6px; border-left:4px solid transparent}
.btt-route.part-middag{border-left-color:#10b981}
.btt-route.part-avond{border-left-color:#6366f1}
.btt-time{font-weight:600; margin-bottom:4px}
.btt-meta{font-size:12px; color:#6b7280; margin-bottom:4px}
.btt-people{font-size:14px}
.btt-person.btt-repl{color:#b91c1c}
.btt-person sup{color:#b91c1c; margin-left:2px}
.btt-meta .btt-wijk-badge{display:inline-block; padding:2px 6px; border-radius:9999px; font-size:11px; margin-right:6px; background:#eef2ff}
.btt-swipe-hint{position:absolute; left:50%; transform:translateX(-50%); top:36px; background:rgba(0,0,0,0.75); color:#fff; font-size:12px; padding:6px 10px; border-radius:9999px; z-index:20; opacity:0; pointer-events:none; transition:opacity .4s ease}
.btt-swipe-hint.show{opacity:1}
.btt-timeline.slide-left{transform:translateX(-4%); opacity:.95}
.btt-timeline.slide-right{transform:translateX(4%); opacity:.95}

/* v1.3.7 kinetic swipe */
.btt-timeline{cursor:grab}
.btt-timeline.dragging{cursor:grabbing}