.hc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}
.hc-toolbar p{margin:6px 0 0}
.hc-control{display:grid;gap:5px;font-size:10px;color:#64758a;font-weight:700}
.hc-control input,.hc-control select{min-height:38px;padding:7px 10px;border:1px solid #d7e1ed;border-radius:7px;background:#fff;color:#223a58;font-size:12px}
.hc-view{display:flex;gap:4px}
.hc-scroll{overflow-x:auto;max-width:100%}
.hc-timeline{display:grid;grid-template-columns:65px repeat(var(--car-columns),minmax(240px,1fr));min-width:560px}
.hc-lane-head{height:64px;padding:12px;background:#f3f6fb;border-bottom:1px solid #dce5ef;font-size:13px}
.hc-lane-head small{display:block;margin-top:5px;font-size:10px;color:#71839c}
.hc-clock,.hc-track{position:relative}
.hc-clock span{position:absolute;right:10px;font-size:10px;color:#71839c;transform:translateY(-6px)}
.hc-track{border-left:1px solid #dce5ef;background:repeating-linear-gradient(to bottom,#fff 0,#fff 51px,#e7edf5 51px,#e7edf5 52px)}
.hc-event{position:absolute;left:6px;right:6px;border:1px solid #b8ccef;border-left:4px solid #286bd8;background:#eaf1ff;color:#17375f;border-radius:7px;padding:5px 9px;overflow:hidden;text-align:left}
.hc-event:hover,.hc-week-trip:hover{background:#dce8fc;border-color:#6d9cdd}
.hc-event strong{display:block;font-size:11px;line-height:1.35}
.hc-event small{display:block;font-size:10px;margin-top:3px;line-height:1.4}
.hc-week{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));min-width:990px;gap:1px;background:#e1e8f2;border:1px solid #e1e8f2;border-radius:9px;overflow:hidden}
.hc-week-day{background:#fff;min-height:280px;padding:0 8px 12px}
.hc-day-head{width:calc(100% + 16px);margin:0 -8px 12px;border:0;background:#f3f6fb;color:#29435f;padding:15px 5px;font-size:11px;font-weight:800}
.hc-day-head:hover,.hc-day-head.hc-today{background:#e3edff;color:#2159af}
.hc-week-trip{display:grid;gap:5px;width:100%;border:1px solid #cddcf1;border-left:3px solid #286bd8;background:#edf3fd;color:#17375f;border-radius:7px;text-align:left;padding:9px;margin-bottom:9px;font-size:11px}
.hc-week-trip small{font-size:10px;color:#587292}
.hc-free{padding:0 5px}
.hc-add{width:100%;font-size:11px;padding:8px}
@media(max-width:620px){.hc-toolbar{align-items:flex-start}.hc-toolbar>.actions{width:100%}.hc-control{flex:1;min-width:125px}.hc-control input,.hc-control select{width:100%}.hc-toolbar strong{font-size:12px}.hc-view{width:100%}.hc-view .btn{flex:1}}