.lct-app,.b-tooltip,.ag-popup{--lct-on-time:light-dark(color-mix(in srgb, var(--b-color-green) 80%, var(--b-color-black)),var(--b-color-green));--lct-at-risk:light-dark(color-mix(in srgb, var(--b-color-orange) 85%, var(--b-color-black)),var(--b-color-orange));--lct-late:light-dark(color-mix(in srgb, var(--b-color-red) 88%, var(--b-color-black)),color-mix(in srgb, var(--b-color-red) 80%, var(--b-color-white)));--lct-yard:light-dark(color-mix(in srgb, var(--b-color-cyan) 70%, var(--b-color-black)),var(--b-color-cyan));--lct-unloading:light-dark(color-mix(in srgb, var(--b-color-purple) 85%, var(--b-color-black)),color-mix(in srgb, var(--b-color-purple) 80%, var(--b-color-white)));--lct-done:var(--b-neutral-50);--lct-conflict:color-mix(in srgb, var(--lct-late) 65%, var(--lct-at-risk));--lct-tentative:color-mix(in srgb, var(--lct-ink-sub) 75%, transparent);--lct-cold:light-dark(color-mix(in srgb, var(--b-color-blue) 85%, var(--b-color-black)),color-mix(in srgb, var(--b-color-blue) 70%, var(--b-color-white)));--lct-util:var(--b-color-blue);--lct-util-over:var(--lct-at-risk);--lct-surface:var(--b-neutral-100);--lct-raised:light-dark(var(--b-neutral-99),var(--b-neutral-96));--lct-sunken:var(--b-neutral-98);--lct-border:var(--b-border-7);--lct-ink:var(--b-text-1);--lct-ink-sub:var(--b-text-2);--lct-ink-faint:var(--b-neutral-55);--lct-past:light-dark(color-mix(in srgb, var(--b-color-black) 4%, transparent),color-mix(in srgb, var(--b-color-black) 22%, transparent));--lct-bar-height:44px;--lct-footer-height:56px;--lct-bar-control-height:30px;--lct-radius:4px;--lct-bar-inset:4px;--lct-stripe-a:color-mix(in srgb, var(--lct-ink-sub) 6%, transparent);--lct-stripe-b:color-mix(in srgb, var(--lct-ink-sub) 22%, transparent);--lct-playhead:var(--b-color-blue);--lct-mask:var(--b-color-black);& .lct-status-on-time{--lct-color:var(--lct-on-time)}& .lct-status-at-risk{--lct-color:var(--lct-at-risk)}& .lct-status-late{--lct-color:var(--lct-late)}& .lct-status-yard{--lct-color:var(--lct-yard)}& .lct-status-unloading{--lct-color:var(--lct-unloading)}& .lct-status-done{--lct-color:var(--lct-done)}}:root:not(.b-nothing,.lct-nothing){--lct-cool:220 14%;--b-neutral-70:light-dark(#b3b3b3,hsl(var(--lct-cool) 37%));--b-neutral-75:light-dark(#bfbfbf,hsl(var(--lct-cool) 32.5%));--b-neutral-80:light-dark(#ccc,hsl(var(--lct-cool) 28%));--b-neutral-85:light-dark(#d9d9d9,hsl(var(--lct-cool) 23.5%));--b-neutral-90:light-dark(#e6e6e6,hsl(var(--lct-cool) 19%));--b-neutral-91:light-dark(#e8e8e8,hsl(var(--lct-cool) 18.1%));--b-neutral-92:light-dark(#ebebeb,hsl(var(--lct-cool) 17.2%));--b-neutral-93:light-dark(#ededed,hsl(var(--lct-cool) 16.3%));--b-neutral-94:light-dark(#f0f0f0,hsl(var(--lct-cool) 15.4%));--b-neutral-95:light-dark(#f2f2f2,hsl(var(--lct-cool) 14.5%));--b-neutral-96:light-dark(#f5f5f5,hsl(var(--lct-cool) 13.6%));--b-neutral-97:light-dark(#f7f7f7,hsl(var(--lct-cool) 12.7%));--b-neutral-98:light-dark(#fafafa,hsl(var(--lct-cool) 11.8%));--b-neutral-99:light-dark(#fcfcfc,hsl(var(--lct-cool) 10.9%));--b-neutral-100:light-dark(#fff,hsl(var(--lct-cool) 10%))}.lct-app-body{--b-panel-padding:0;--b-panel-gap:0;border-radius:0}.lct-pill{white-space:nowrap;color:color-mix(in srgb, var(--lct-color) 80%, var(--lct-ink));background-color:color-mix(in srgb, var(--lct-color) 16%, transparent);border-radius:.3em;align-items:center;gap:.45em;padding:.1em .55em;font-size:.92em;font-weight:500;line-height:1.5;display:inline-flex;&:before{content:"";background-color:var(--lct-color);border-radius:50%;flex:none;block-size:.45em;inline-size:.45em}}.lct-icon{flex:none;block-size:1em;inline-size:1em;display:inline-block;&:before{content:"";block-size:1em;inline-size:1em;mask:var(--lct-icon) center / contain no-repeat;background-color:currentColor;flex:none;display:block}}.lct-toolbar{border-block-end:1px solid var(--lct-border);background-color:var(--lct-raised);--b-toolbar-padding:var(--sc-panel-padding);--b-toolbar-gap:1em}.lct-kpis{font-variant-numeric:tabular-nums;scrollbar-width:none;align-items:center;gap:.5em;min-width:0;display:flex;overflow-x:auto;& .lct-clock{white-space:nowrap;flex-direction:column;flex:none;gap:.15em;margin-inline-end:2em;display:flex}& .lct-clock-day{white-space:pre;letter-spacing:.06em;text-transform:uppercase;color:var(--lct-ink-sub);font-size:.75em;font-weight:500;display:flex}& .lct-clock-time{font-size:1.65em;font-weight:700;line-height:1.1}& .lct-kpi{border-radius:var(--sc-radius);white-space:nowrap;grid-template-columns:auto 1fr;align-items:baseline;gap:.1em .45em;min-width:5.6em;padding:.35em .7em;display:grid}& .lct-kpi-label{color:var(--lct-ink-sub);grid-column:1/-1;align-items:center;gap:.4em;font-size:.8em;display:flex}& .lct-kpi-value{font-size:1.4em;font-weight:700;line-height:1.15}& .lct-kpi-trend{color:color-mix(in srgb, var(--lct-on-time) 75%, var(--lct-ink-sub));font-size:.75em;&.lct-trend-down{color:color-mix(in srgb, var(--lct-late) 75%, var(--lct-ink-sub))}}& :is(.lct-kpi-late,.lct-kpi-conflicts) .lct-kpi-label:before{content:"";background-color:var(--lct-late);border-radius:50%;block-size:.5em;inline-size:.5em}& .lct-kpi-alert{background-color:color-mix(in srgb, var(--lct-late) 13%, transparent);& .lct-kpi-value{color:var(--lct-late)}}}.lct-compact .lct-kpis{mask-image:linear-gradient(to right, var(--lct-mask) calc(100% - 2.5em), transparent);& .lct-clock{margin-inline-end:.5em}& .lct-clock-site{display:none}}.lct-controls{align-items:center;gap:.75em;& .lct-play{justify-content:center;min-width:6.6em}& .b-button .lct-icon{font-size:1.15em}& .lct-delay.b-button-text{--b-button-color:var(--lct-ink-sub);--b-button-hover-background:var(--b-neutral-95);--b-button-active-background:var(--b-neutral-90)}}.lct-toolbar .lct-toolbar-logo{flex:none;display:none;@media (width<48rem),(height<700px),(pointer:coarse){display:flex}& a{border-radius:50%;display:flex;&:focus-visible{outline:2px solid var(--b-widget-focus-outline-color);outline-offset:.2em}}& img{block-size:2.25em;inline-size:2.25em}}.lct-panel-bar{box-sizing:border-box;block-size:var(--lct-bar-height);border-block-end:1px solid var(--b-border-6);container:lct-bar/inline-size;.lct-app &{transition:block-size var(--sc-collapse), opacity var(--sc-collapse), visibility 0s}@media (height<700px){.lct-app &{opacity:0;visibility:hidden;block-size:0;transition-delay:0s, 0s, var(--sc-collapse);border-block-end:none;overflow:clip}}--b-toolbar-padding:0 var(--sc-panel-padding);--b-toolbar-gap:.7em;& .lct-panel-title{font-weight:600}& .lct-panel-title,& .lct-panel-count{white-space:nowrap;flex-shrink:0}.lct-app.lct-compact & .lct-panel-title{display:none}& .lct-panel-count{font-variant-numeric:tabular-nums;color:var(--lct-ink-sub);margin-inline-start:-.25em}.lct-app:not(.lct-compact) .b-dock-schedule & .lct-panel-count{@container lct-bar (width<420px){display:none}}& .lct-search{--b-text-field-input-padding:.4em .6em;& .b-field-trigger.lct-icon{align-self:stretch;align-items:center;block-size:auto;inline-size:auto}}}.lct-zoom{--b-button-group-padded-button-opacity:1;--b-button-group-padded-padding:2px;block-size:var(--lct-bar-control-height);align-items:stretch;& .b-button{align-self:stretch;block-size:auto;min-block-size:0;padding-block:0}& .lct-icon{font-size:1.1em}}.lct-grid-panel{min-width:0}.lct-grid-body{flex-direction:column;padding:0;display:flex;&>div{flex:1;min-height:0}& .ag-root-wrapper{height:100%}& .lct-ref{font-weight:600}& .ag-row{&.lct-row-done{color:var(--lct-ink-faint)}&.ag-row-selected{background-color:var(--ag-selected-row-background-color)}&:not(:hover) .ag-row-drag{opacity:0}}& .ag-row-drag{order:1;margin-inline-start:auto}& .ag-header-cell:not(:hover) .ag-header-cell-filter-button{display:none}& .lct-delay-late{color:var(--lct-late);font-weight:600}& .lct-delay-risk{color:var(--lct-at-risk);font-weight:600}& .ag-status-bar{box-sizing:border-box;block-size:var(--lct-footer-height);padding-inline:var(--sc-panel-padding);transition:block-size var(--sc-collapse), opacity var(--sc-collapse), visibility 0s;align-items:center;@media (height<740px),(pointer:coarse) and (height<800px){opacity:0;visibility:hidden;block-size:0;transition-delay:0s, 0s, var(--sc-collapse);border-block-start:none;overflow:clip}}}.lct-footer{white-space:nowrap;color:var(--lct-ink-sub);align-items:baseline;gap:1.6em;display:flex;& .lct-footer-item{gap:.4em;display:flex}& strong{font-variant-numeric:tabular-nums;color:var(--lct-ink);font-weight:600}& .lct-footer-alert{color:var(--lct-late)}}.lct-carrier{align-items:center;gap:.6em;min-width:0;display:inline-flex;& .lct-carrier-logo{flex:none;block-size:1.6em;inline-size:1.6em}& .lct-carrier-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}}.lct-carrier-group{align-items:center;gap:.75em;display:flex;& .lct-carrier-name{min-inline-size:8em}& .lct-group-count{color:var(--lct-ink-sub);font-variant-numeric:tabular-nums;margin-inline-start:.5em}}.lct-eta{font-variant-numeric:tabular-nums;align-items:baseline;gap:.7em;display:inline-flex;& .lct-eta-relative{color:var(--lct-ink-sub);font-size:.92em}& .lct-eta-soon{color:var(--lct-ink)}}.lct-badge{border:1px solid var(--lct-border);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:.3em;align-items:center;gap:.45em;padding:.1em .5em;font-size:.92em;line-height:1.5;display:inline-flex;&.lct-badge-none{color:var(--lct-ink-faint);border-style:dashed}&.lct-badge-hold{color:var(--lct-at-risk);border-color:color-mix(in srgb, var(--lct-at-risk) 50%, transparent)}&.lct-badge-breach{color:var(--lct-late);border-color:color-mix(in srgb, var(--lct-late) 70%, transparent);background-color:color-mix(in srgb, var(--lct-late) 10%, transparent)}}.lct-load{align-items:center;gap:.5em;display:inline-flex;& .lct-icon{color:var(--lct-ink-faint)}&.lct-load-reefer .lct-icon{color:var(--lct-cold)}}.lct-temp{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.4em;display:inline-flex;& .lct-icon{color:var(--lct-cold)}&.lct-temp-off{color:var(--lct-at-risk);background-color:color-mix(in srgb, var(--lct-at-risk) 16%, transparent);border-radius:.3em;padding:.1em .5em;font-weight:600;& .lct-icon{color:inherit}}}.lct-gps{align-items:center;gap:.45em;display:inline-flex;& .lct-gps-dot{background-color:var(--lct-on-time);border-radius:50%;block-size:.5em;inline-size:.5em}&.lct-gps-stale .lct-gps-dot{background-color:var(--lct-at-risk)}&.lct-gps-lost .lct-gps-dot{background-color:var(--lct-late)}&.lct-gps-arrived .lct-gps-dot{background-color:var(--lct-done)}}.lct-compact .lct-totals-panel .lct-footer-item:not(:first-child){display:none}.lct-dock{align-items:center;gap:.7em;min-width:0;display:flex;& .lct-dock-icon{block-size:1.75em;inline-size:1.75em;color:var(--lct-ink-sub);background-color:var(--b-neutral-95);border-radius:.35em;flex:none;place-items:center;font-size:1.05em;display:grid}&.lct-load-reefer .lct-dock-icon{color:var(--lct-cold);background-color:color-mix(in srgb, var(--lct-cold) 16%, transparent)}& .lct-dock-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}& .lct-dock-name{font-weight:600}& .lct-dock-zone{color:var(--lct-ink-sub);font-size:.85em}}.b-sch-event.lct-slot{--lct-slot-tint:16%;--b-sch-event-background:color-mix(in srgb, var(--lct-color) var(--lct-slot-tint), var(--lct-surface));--b-sch-event-border-width:1px;--b-sch-event-border-style:solid;--b-sch-event-border-color:color-mix(in srgb, var(--lct-color) 70%, transparent);--b-sch-event-border-radius:var(--lct-radius);--b-sch-event-color:var(--lct-ink);--b-sch-event-padding-inline:5px;--b-sch-event-padding-block:5px;font-size:13px;& .lct-slot-icon{color:var(--lct-color);font-size:1.1em}& .lct-slot-text{flex-direction:column;min-width:0;line-height:1.15;display:flex;overflow:hidden}& .lct-slot-ref{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}& .lct-slot-meta{white-space:nowrap;text-overflow:ellipsis;color:var(--lct-ink-sub);font-size:11px;overflow:hidden}& .lct-slot-pallets{align-items:center;gap:.25em;display:flex;& .lct-icon{font-size:.9em}}&:is(.lct-status-late,.lct-status-at-risk) .lct-slot-meta{color:var(--lct-color)}&.lct-status-done{--b-sch-event-border-color:var(--lct-border);--b-sch-event-color:var(--lct-ink-faint);& .lct-slot-meta{color:inherit}}&.lct-slot-tentative{--lct-slot-tint:8%;--b-sch-event-border-style:dashed;--b-sch-event-border-color:var(--lct-tentative)}&.lct-slot-breach{outline:1px dashed var(--lct-conflict);outline-offset:0;--b-sch-event-border-color:transparent}&.lct-slot-compact{--b-sch-event-padding-inline:2px}&.lct-slot-small .lct-slot-ref{font-size:11px}&.lct-slot-icon-only{--b-sch-event-padding-inline:0;justify-content:center}&.lct-slot-mini{--b-sch-event-padding-inline:2px;--b-sch-event-border-color:var(--lct-border);justify-content:center;gap:3px;& .lct-slot-icon{color:var(--lct-color);font-size:14px}& .lct-slot-short{white-space:nowrap;color:var(--lct-ink-sub);font-size:11px;font-weight:600}}}.b-sch-event-wrap{&:is(:hover,.b-hover)>.lct-slot:not(.lct-slot-mini){--lct-slot-tint:24%}&.b-selected>.lct-slot{box-shadow:0 0 0 2px color-mix(in srgb, var(--lct-playhead) 55%, transparent);--lct-slot-tint:30%}}.lct-drop-preview{z-index:20;box-sizing:border-box;border:1px dashed var(--lct-drop);border-radius:var(--lct-radius);white-space:nowrap;color:var(--lct-drop);background-color:color-mix(in srgb, var(--lct-drop) 12%, transparent);pointer-events:none;--lct-drop:var(--lct-playhead);align-items:center;padding-inline:.5em;font-size:13px;font-weight:600;display:flex;position:absolute;&.lct-drop-invalid{--lct-drop:var(--lct-late)}}.lct-tip{min-width:15em;& header{justify-content:space-between;align-items:center;gap:1em;margin-block-end:.5em;display:flex}& dl{grid-template-columns:auto 1fr;gap:.2em 1em;margin:0;display:grid}& dt{color:var(--lct-ink-sub)}& dd{font-variant-numeric:tabular-nums;margin:0}& .lct-tip-breach{color:var(--lct-late);font-weight:600}}.lct-splitter{--b-splitter-color:var(--lct-border)}.b-dock-schedule{--b-grid-row-border-color:var(--b-border-6);--b-grid-row-border-width:1px;--b-grid-cell-border-color:var(--b-border-6);--b-grid-header-border-color:var(--b-border-6);--b-grid-header-background:var(--b-neutral-98);& .b-grid-header-container :is(.b-grid-header,.b-sch-header-row){box-sizing:border-box;min-height:0;block-size:var(--lct-bar-height)}}.b-dock-schedule .b-sch-resource-time-range:before,.lct-legend-downtime .lct-swatch{background:repeating-linear-gradient(135deg, var(--lct-stripe-a) 0 5px, var(--lct-stripe-b) 5px 6px)}.b-dock-schedule .b-sch-resource-time-range{cursor:default;--b-resource-time-range-background:none;--b-resource-time-range-color:var(--lct-ink-sub);font-size:11px;font-weight:500;container-type:inline-size;&:before{content:"";inset:var(--lct-bar-inset) 0;border:1px solid var(--lct-stripe-b);border-radius:var(--lct-radius);position:absolute}& .lct-downtime{align-self:stretch;align-items:center;width:100%;min-width:0;display:flex;position:relative}& .b-sch-event-content{align-items:center;min-width:0;margin:0;padding:0 6px;font-size:1em;overflow:hidden}& .lct-downtime-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container (width<48px){& .lct-downtime-label{display:none}}}.b-sch-time-range{&.lct-past{background-color:var(--lct-past)}&.lct-now{z-index:5;opacity:1;border-inline-start:1px solid var(--lct-playhead);background-color:#0000;overflow:visible}}.b-time-ranges-header-canvas{& .lct-past{display:none}& .lct-now{border-inline-start:none;&:after{content:"";border-inline-start:1px solid var(--lct-playhead);position:absolute;inset-block:50% 0;inset-inline-start:0}& label{z-index:1;font-variant-numeric:tabular-nums;color:var(--b-color-white);background-color:var(--lct-playhead);border-radius:1em;padding:.1em .5em;font-size:.75em;font-weight:700;line-height:1.4;position:absolute;inset-block-start:50%;inset-inline-start:0;translate:-50% -50%}}}.b-dock-schedule .b-grid-footer-container{--b-grid-footer-outline-width:0;max-block-size:5em;transition:max-block-size var(--sc-collapse), opacity var(--sc-collapse), visibility 0s;@media (height<740px),(pointer:coarse) and (height<800px){opacity:0;visibility:hidden;max-block-size:0;transition-delay:0s, 0s, var(--sc-collapse);overflow:clip}& .b-grid-footer{box-sizing:border-box;block-size:var(--lct-footer-height);border-block-start:1px solid var(--b-border-6);color:var(--lct-ink-sub);align-items:center;font-weight:400}& .b-sch-summary-bar .b-time-axis-tick{box-sizing:border-box;border-inline-end:none;justify-content:flex-end;block-size:100%;padding:10px 6px 0}& .b-time-axis-summary-value{flex-direction:column;justify-content:flex-end;block-size:100%;display:flex}}.lct-util-bar{--lct-util-color:var(--lct-util);--lct-util-mix:55%;background-color:color-mix(in srgb, var(--lct-util-color) var(--lct-util-mix), var(--lct-surface));border-start-start-radius:var(--lct-radius);border-start-end-radius:var(--lct-radius);min-block-size:2px;:root[data-theme=dark] &{--lct-util-mix:80%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) &{--lct-util-mix:80%}}&.lct-util-over{--lct-util-color:var(--lct-util-over)}}.lct-legend-bar{border-block-start:1px solid var(--lct-border);max-block-size:8em;.lct-app &{--b-toolbar-padding:.4em var(--sc-panel-padding);transition:max-block-size var(--sc-collapse), opacity var(--sc-collapse), visibility 0s}@media (height<760px){.lct-app &{opacity:0;visibility:hidden;max-block-size:0;transition-delay:0s, 0s, var(--sc-collapse);border-block-start:none;overflow:clip}}}.lct-legend{width:100%;color:var(--lct-ink-sub);flex-wrap:wrap;align-items:center;gap:.2em 1.25em;font-size:.78em;display:flex;& .lct-legend-items{flex-wrap:wrap;gap:.2em 1.1em;margin:0;padding:0;list-style:none;display:flex}& .lct-legend-item{align-items:center;gap:.45em;display:flex}& .lct-swatch{box-sizing:border-box;border-radius:.15em;block-size:.75em;inline-size:.75em}& .lct-legend-status .lct-swatch{background-color:var(--lct-color);border-radius:50%;block-size:.5em;inline-size:.5em}& .lct-legend-conflict .lct-swatch{border:1px dashed var(--lct-conflict)}& .lct-legend-tentative .lct-swatch{border:1px dashed var(--lct-tentative)}& .lct-legend-downtime .lct-swatch{border:1px solid var(--lct-stripe-b)}& .lct-legend-busy .lct-swatch{background-color:var(--lct-util-over)}& .lct-legend-note{margin-inline-start:auto;& a{color:inherit}}}.lct-load-error{text-align:center;color:var(--b-text-2);margin:auto;padding:2em}
