.day-timeline { min-width:0; }
.day-timeline h3 { color:#e5efff; font-size:16px; margin:0 0 7px; }
.dt-help,.dt-empty { margin:0 0 16px; color:#aebfd4; font-size:13px; line-height:1.5; }
.dt-empty { margin-bottom:8px; }
.dt-ruler { position:relative; height:25px; margin:0 24px; color:#aebfd4; font-size:11px; font-variant-numeric:tabular-nums; }
.dt-ruler span { position:absolute; top:0; white-space:nowrap; transform:translateX(-50%); }
.dt-ruler .dt-first-tick { transform:none; }
.dt-ruler .dt-last-tick { transform:translateX(-100%); }
.dt-rail { position:relative; height:112px; margin:0 24px; }
.dt-grid { position:absolute; inset:0; pointer-events:none; }
.dt-grid i { position:absolute; top:0; height:112px; border-left:1px solid #293b5380; }
.dt-base-line { position:absolute; top:51px; left:0; right:0; height:8px; border-radius:4px; background:#25354a; pointer-events:none; }
.dt-day-interval,.dt-break-segment { position:absolute; top:51px; height:8px; pointer-events:none; }
.dt-day-interval { border-radius:4px; background:#83b7ff; }
.dt-break-segment { min-width:0; border:0; border-radius:0; background:#d5a461; }
.dt-break-segment.is-selected { background:#ffd18e; }
.dt-control { appearance:none; position:absolute; z-index:1; width:48px; min-width:44px; height:44px; min-height:44px; margin:0; padding:0; display:flex; align-items:center; justify-content:center; transform:translateX(-50%); border:1px solid #4b6f9c; border-radius:8px; background:#17283e; color:#d7e9ff; font:inherit; font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; line-height:1; cursor:ew-resize; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; }
.dt-control:hover { border-color:#acd0ff; background:#233e60; }
.dt-control:focus-visible { z-index:3; outline:3px solid #93c1ff; outline-offset:2px; }
.dt-start { top:0; }
.dt-end { top:68px; }
.dt-start::after,.dt-end::before { content:""; position:absolute; left:calc(50% - 1px); width:2px; background:#83b7ff; pointer-events:none; }
.dt-start::after { bottom:-11px; height:10px; }
.dt-end::before { top:-15px; height:14px; }
.dt-move { top:33px; max-width:100%; border:0; border-radius:3px; background:transparent; color:#e1bd8b; cursor:grab; }
.dt-move:hover { border:0; background:transparent; }
.dt-break-label { position:absolute; top:0; left:50%; transform:translate(-50%,-100%); padding:2px 0 5px; white-space:nowrap; font-size:12px; line-height:1; }
.dt-move:hover .dt-break-label,.dt-move.is-selected .dt-break-label { color:#ffda9f; }
.is-dragging .dt-control { cursor:grabbing; }
.dt-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:480px) { .dt-help { font-size:12px; margin-bottom:12px; } .dt-ruler { font-size:10px; } }