.dp{--late: #ff6b6b;--hero: #ff8a3d;--other: rgba(127, 212, 255, .55)}.dp .tog#dp-btn-wheels[aria-pressed=true]:before{background:linear-gradient(#fff,#fff) no-repeat 15px 3px / 8px 8px,linear-gradient(90deg,#1fc773,#8cd147,#fab219,#ff6b14,#f2291f)}.dp .pb-seg.dp-late{background:linear-gradient(90deg,var(--data),var(--warn) 10%)}.dp .svc-now{display:flex;align-items:baseline;gap:10px}.dp .svc-now .big{font-size:36px;font-weight:500;line-height:1}.dp .svc-now .big.warn{color:var(--warn)}.dp .svc-now .d{font-size:12.5px;color:var(--ink-3)}.dp .svc-now .d.warn{color:var(--warn)}.dp .svc-now .clock{margin-left:auto;font-size:13px;color:var(--ink-2)}.dp .svc-cap{margin:4px 0 0;font-size:11.5px;color:var(--ink-3)}.dp .srows{display:grid;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.dp .srow{display:grid;grid-template-columns:10px minmax(0,1fr) 30px;align-items:center;gap:8px;font-size:12.5px}.dp .srow i{width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.dp .srow b{text-align:right;font-weight:500;font-size:13px}.dp .srow[data-k=check] i{background:var(--data)}.dp .srow[data-k=queue] i{background:var(--late)}.dp .srow[data-k=lathe] i{background:var(--warn)}.dp .srow[data-k=ready] i{background:var(--good)}.dp .srow[data-k=heavy] i{background:#8b95a1}.dp .srow[data-k=service] i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink-3)}.dp .mhead,.dp .mrow{display:grid;grid-template-columns:30px 44px 52px minmax(0,1fr);align-items:center;gap:8px}.dp .mhead{margin-bottom:4px;font:500 9.5px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.dp .meas{display:grid;gap:5px}.dp .mrow{font-size:12.5px}.dp .mrow .mn{font-family:var(--font-mono)}.dp .mrow .mt{color:var(--ink-2);font-size:12px}.dp .mrow .mv{text-align:right}.dp .mrow[data-over="1"] .mv,.dp .mrow[data-over="1"] .mn{color:var(--late)}.dp .mbar{position:relative;height:6px;border-radius:1px;background:#ffffff12}.dp .mbar i{position:absolute;top:-3px;bottom:-3px;left:72.7%;width:2px;margin-left:-1px;background:var(--ink);opacity:.7}.dp .mbar b{position:absolute;left:0;top:0;bottom:0;border-radius:1px;background:var(--good)}.dp .mrow[data-over="1"] .mbar b{background:var(--late)}.dp .mempty{margin:2px 0;font-size:12px;color:var(--ink-3)}.dp svg.lchart{width:100%;height:auto;overflow:visible}.dp svg.lchart .tick{fill:var(--ink-3);font-family:var(--font-mono)}.dp svg.lchart .tick.lab{fill:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.dp svg.lchart .tick.svc-t{fill:var(--good)}.dp svg.lchart .lane{fill:#ffffff0d}.dp svg.lchart .svc{fill:#24c97a1f}.dp svg.lchart .last{stroke:var(--good);stroke-dasharray:3 3}.dp svg.lchart .grid{stroke:#ffffff12;stroke-width:1}.dp svg.lchart .grid.base{stroke:#ffffff38}.dp svg.lchart .job rect{fill:var(--other);transition:opacity .3s}.dp svg.lchart .job.hero rect{fill:var(--hero)}.dp svg.lchart .job[data-state=plan] rect:first-child{fill-opacity:.45}.dp svg.lchart .job .over{fill:var(--late);fill-opacity:1!important}.dp svg.lchart .job .jl{fill:#0b0e12;font-family:var(--font-mono);font-weight:600}.dp svg.lchart .job{transition:opacity .35s}.dp svg.lchart .cur{stroke:#fff}.dp svg.lchart .hb{fill:var(--other)}.dp svg.lchart .hb.hero{fill:var(--hero)}.dp .rail svg.lchart{font-size:10.5px}.dp .rail svg.lchart .cur{stroke-width:1.5}.dp .ch-leg{margin-top:8px}.dp .leg i.lh{width:8px;height:8px;background:var(--hero)}.dp .leg i.lo{width:8px;height:8px;background:var(--other)}.dp .lbl.set .box:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good)}.dp .lbl.set[data-s=check] .box:before{background:var(--data)}.dp .lbl.set[data-s=queue] .box:before{background:var(--late)}.dp .lbl.set[data-s=queue] span{color:#ff9a9a}.dp .lbl.set[data-s=lathe] .box:before{background:var(--warn)}.dp .lbl.set[data-s=lathe] span{color:var(--warn)}.dp .lbl.set[data-s=heavy] .box:before{background:#8b95a1}.dp .lbl.set[data-s=move] .box:before{background:#fff}.dp .lbl.set[data-w="2"] .box{border-color:#f2291fcc}.dp .lbl.set[data-w="2"] span{color:#ff8a80}.dp .lbl.set[data-w="1"] span{color:var(--warn)}.dp .lbl.set.focus .box{box-shadow:0 0 0 2px var(--warn),0 0 22px #fab2198c}.dp .lbl.unit.small .box{font-size:10px;padding:3px 7px;background:#0c0f13b3}.dp[data-mode=film] .lbl.set .box:before{width:13px;height:13px}.dp .f-srows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.dp .f-srows span{display:block;font:600 19px/1.1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.dp .f-srows b{display:block;margin-top:10px;font:500 52px/1 var(--font-mono);font-variant-numeric:tabular-nums}.dp .f-srows .q b{color:var(--late)}.dp .f-srows .r b{color:var(--good)}.dp .f-meas{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:26px;margin-top:28px}.dp .f-meas .set{font:500 46px/1 var(--font-mono)}.dp .f-meas .lab{font:600 22px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.dp .f-meas b{font:500 84px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--late)}.dp .f-meas b i{font-style:normal}.dp .f-meas b small{margin-left:10px;font-size:30px;color:var(--ink-3)}.dp #dp-f-meas .mbar{height:18px;margin-top:26px;border-radius:4px}.dp #dp-f-meas .mbar b{background:var(--late);border-radius:4px}.dp #dp-f-meas .mbar i{top:-10px;bottom:-10px;width:4px;margin-left:-2px}.dp #dp-f-meas .mbar em{position:absolute;left:72.7%;top:30px;transform:translate(-50%);font:500 20px/1 var(--font-mono);font-style:normal;color:var(--ink-2);white-space:nowrap}.dp .f-state[data-s=over]{color:var(--late);border-color:#e04848bf;background:#e0484826}.dp .f-state[data-s=wait]{color:var(--ink-3);border-color:var(--line-2);background:transparent}.dp #dp-f-chart{margin-top:16px;width:100%;height:150px;font-size:22px}.dp #dp-f-chart .cur{stroke-width:3}.dp .f-adv{height:400px}.dp .f-adv-title{margin:16px 0 12px;font-size:46px}.dp .f-adv-ev{gap:7px}.dp .f-adv-ev .ev{padding:10px 18px}.dp .f-adv-ev .ev span{font-size:24px}.dp .f-adv-ev .ev b{font-size:30px}.dp .f-adv-act p b{font-weight:600;color:var(--warn)}@container dkit (max-width: 520px){.dp .mhead,.dp .mrow{grid-template-columns:30px 44px 52px minmax(0,1fr)}}
