.demo{width:100%;max-width:640px;margin:0}.demo-window{background:var(--white);color:var(--text);box-shadow:var(--shadow-2);border-radius:14px;font-size:13.5px;line-height:1.45;position:relative;overflow:hidden}.on-ink .demo-window{box-shadow:var(--shadow-3)}.demo-window.is-dark{color:var(--on-ink);background:#0b1526}.demo-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:13px;font-weight:650;display:flex}.demo-bar .ttl{align-items:center;gap:9px;min-width:0;display:flex}.demo-bar .ttl span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-bar .ttl:before{content:"";background:var(--ink);border-radius:2px;flex:none;width:8px;height:8px}.is-dark .demo-bar{border-color:var(--line-ink)}.is-dark .demo-bar .ttl:before{background:var(--coral)}.is-dark .tag-sample{color:var(--on-ink-3);background:#f4f3ee14}.demo-body{padding:16px;position:relative}.demo-steps{align-items:flex-start;gap:12px;margin-top:14px;display:flex}.demo-steps ol{flex-wrap:wrap;flex:1;gap:6px;display:flex}.demo-steps li button{border:1px solid var(--line);min-height:32px;color:var(--text-3);cursor:pointer;text-align:left;transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 5px;font-size:13px;font-weight:600;display:inline-flex}.demo-steps li button .n{width:22px;height:22px;font-family:var(--mono);background:var(--paper-2);color:var(--text-3);transition:background var(--t-fast), color var(--t-fast);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.demo-steps li button:hover{color:var(--text);border-color:var(--line-2)}.demo-steps li button.done{color:var(--text-2)}.demo-steps li button.done .n{background:var(--ink);color:var(--on-ink)}.demo-steps li button[aria-current=step]{color:var(--text);border-color:var(--ink);background:var(--white)}.demo-steps li button[aria-current=step] .n{background:var(--coral);color:var(--on-coral)}.on-ink .demo-steps li button{border-color:var(--line-ink);color:var(--on-ink-3)}.on-ink .demo-steps li button .n{color:var(--on-ink-3);background:#f4f3ee1a}.on-ink .demo-steps li button:hover{color:var(--on-ink);border-color:#f4f3ee4d}.on-ink .demo-steps li button.done{color:var(--on-ink-2)}.on-ink .demo-steps li button.done .n{background:var(--on-ink);color:var(--ink)}.on-ink .demo-steps li button[aria-current=step]{color:var(--on-ink);border-color:var(--on-ink);background:#f4f3ee0f}.on-ink .demo-steps li button[aria-current=step] .n{background:var(--coral);color:var(--on-coral)}.demo-pause{border:1px solid var(--line-2);cursor:pointer;width:40px;height:40px;color:inherit;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.demo-pause svg{width:12px;height:12px;display:block}.demo-pause .i-play{margin-left:2px}.on-ink .demo-pause{border-color:#f4f3ee47}@media (width<=699px){.demo-steps ol{align-items:center;gap:4px}.demo-steps li button:not([aria-current]){border-color:#0000;justify-content:center;gap:0;width:44px;min-height:44px;padding:0}.demo-steps li button:not([aria-current]) .t{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-steps li button[aria-current]{min-height:44px}}[data-at]{transition:opacity var(--t-mid) var(--ease), transform var(--t-mid) var(--ease), background-color var(--t-mid) var(--ease), border-color var(--t-mid) var(--ease), color var(--t-mid) var(--ease), box-shadow var(--t-mid) var(--ease)}.is-live [data-fx=rise]:not(.is-on){opacity:0;transform:translateY(10px)}.is-live [data-fx=fade]:not(.is-on){opacity:0}.is-live [data-fx=left]:not(.is-on){opacity:0;transform:translate(-14px)}.is-live [data-fx=right]:not(.is-on){opacity:0;transform:translate(14px)}.is-live [data-fx=pop]:not(.is-on){opacity:0;transform:scale(.94)}.is-live [data-fx=grow]:not(.is-on){transform:scaleX(0)}.is-live [data-fx=growy]:not(.is-on){transform:scaleY(0)}[data-fx=grow]{transform-origin:0;transition-duration:var(--t-slow)}[data-fx=growy]{transform-origin:bottom;transition-duration:var(--t-slow)}.is-live [data-fx=draw]:not(.is-on){stroke-dashoffset:var(--len,1000)}[data-fx=draw]{stroke-dasharray:var(--len,1000);stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease-io), opacity var(--t-mid)}.pill{white-space:nowrap;background:var(--paper-2);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:650;display:inline-flex}.pill:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.pill.ok{background:var(--green-soft);color:#1f6b4e}.pill.alert{background:var(--coral-soft);color:#b0342a}.pill.wait{color:#8a5a00;background:#fff3d6}.pill.info{color:#2c4471;background:#e3e9f4}.is-dark .pill{color:var(--on-ink-2);background:#f4f3ee14}.is-dark .pill.ok{color:#8fd9b8;background:#2e8b6738}.is-dark .pill.alert{color:#ffa49b;background:#d2392f2e}.is-dark .pill.wait{color:#ffd98a;background:#ffc44d29}.lbl{color:var(--text-3);font-size:11.5px;font-weight:600}.is-dark .lbl{color:var(--on-ink-3)}.num{font-family:var(--mono);font-feature-settings:"tnum" on;font-weight:500}.strong{font-weight:700}.ui-btn{background:var(--paper-2);height:30px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.ui-btn.primary{background:var(--ink);color:var(--on-ink)}.ui-btn.coral{background:var(--coral);color:var(--on-coral)}.person{align-items:center;gap:7px;font-size:12.5px;font-weight:650;display:inline-flex}.person i{background:var(--ink);width:22px;height:22px;color:var(--on-ink);border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid}.is-dark .person i{background:var(--on-ink);color:var(--ink)}.human{border:1.5px dashed var(--line-2);color:var(--text-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.human.is-on,.static .human{border-style:solid;border-color:var(--ink);color:var(--text)}.is-dark .human{color:var(--on-ink-2);border-color:#f4f3ee3d}.is-dark .human.is-on,.is-dark.static .human,.static .is-dark .human{border-color:var(--on-ink);color:var(--on-ink)}.d-chat .demo-window{container-type:inline-size}.d-chat .cols{gap:14px;display:grid}@container (width>=500px){.d-chat .cols{grid-template-columns:1fr 1.05fr;align-items:start}}.d-chat .thread{flex-direction:column;gap:8px;display:flex}.d-chat .ch{margin-bottom:2px}.d-chat .msg{border-radius:12px;max-width:92%;padding:9px 12px;font-size:13px;line-height:1.4}.d-chat .msg.in{background:var(--paper-2);border-bottom-left-radius:4px;align-self:flex-start}.d-chat .msg.out{background:var(--ink);color:var(--on-ink);border-bottom-right-radius:4px;align-self:flex-end}.d-chat .who{opacity:.7;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.d-chat .record{border:1px solid var(--line);background:linear-gradient(var(--white), #fafaf7);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.d-chat .rt{font-size:14px;font-weight:750}.d-chat dl{gap:0;margin:0;display:grid}.d-chat .row{border-top:1px solid var(--line);grid-template-columns:7.5em 1fr;gap:10px;padding:6px 0;display:grid}.d-chat dt{color:var(--text-3);font-size:12.5px}.d-chat dd{margin:0;font-size:13px;font-weight:650;display:grid}.d-chat dd>*{grid-area:1/1}.d-chat .ph{color:var(--text-3);transition:opacity var(--t-mid)}.d-chat dd:has(.v.is-on) .ph,.d-chat.static .ph{opacity:0}.d-chat .ht{text-align:right;margin-left:auto;font-size:12px}.d-map .demo-window{container-type:inline-size}.d-map .demo-window,.d-map .demo-body{min-width:0}.d-map .map{margin:-4px -4px 8px;position:relative}@container (width>=820px){.d-map .demo-body{grid-template-columns:1.2fr 1fr;align-items:start;column-gap:22px;display:grid}.d-map .map{grid-row:1/span 2;margin:0}.d-map .decision{grid-column:2}}.d-map .map svg{width:100%;height:auto}.d-map .lane{fill:none;stroke:#f4f3ee8c;stroke-width:1.5px;stroke-dasharray:4 4}.d-map .end{fill:var(--on-ink)}.d-map .cty{fill:var(--on-ink-2);font:600 11px var(--sans)}.d-map .ld{transition:opacity var(--t-mid) var(--ease)}.d-map .ld.dim.is-on,.d-map.static .ld.dim{opacity:.16}.d-map .chosen{fill:none;stroke:var(--coral);stroke-width:3px;stroke-linecap:round}.d-map .halo{fill:#d2392f2e}.d-map .dot{fill:var(--coral);stroke:#0b1526;stroke-width:2px}.d-map .tl{fill:var(--on-ink);font:700 11.5px var(--sans)}.d-map .hos{position:absolute;top:4px;left:4px}@container (width<=480px){.d-map .cty,.d-map .tl{font-size:19px}.d-map .hos{margin-top:6px;position:static}.d-map .map svg{margin-top:-6px}}.d-map .tbl{border-top:1px solid var(--line-ink);font-size:12.5px}.d-map .th,.d-map .tr{border-bottom:1px solid var(--line-ink);grid-template-columns:minmax(0,1.9fr) .8fr .7fr;align-items:center;gap:10px;padding:7px 4px;display:grid}.d-map .h-dh,.d-map .h-nx{display:none}@container (width>=520px){.d-map .th,.d-map .tr{grid-template-columns:minmax(0,1.7fr) .7fr .6fr .6fr 1.3fr}.d-map .h-dh,.d-map .h-nx{display:block}}.d-map .th{color:var(--on-ink-3);padding-block:6px;font-size:11.5px;font-weight:600}.d-map .lane-t{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.d-map .why{color:#ffa49b;transition:opacity var(--t-mid);grid-column:2/-1;font-size:12px}.d-map.is-live .tr.out:not(.is-on) .why{opacity:0}.d-map .tr.out.is-on,.d-map.static .tr.out{opacity:.45}.d-map .tr.out.is-on .lane-t,.d-map.static .tr.out .lane-t{text-decoration:line-through #f4f3ee66}.d-map .is-live .tr:not(.out) .num,.d-map .is-live .tr:not(.out) .h-nx{transition:opacity var(--t-mid)}.d-map.is-live .tr:not(.out):not(.is-on) .num,.d-map.is-live .tr:not(.out):not(.is-on) .h-nx{opacity:.25}.d-map.is-live .tr.pick.is-on .num,.d-map.is-live .tr.pick.is-on .h-nx,.d-map[data-step="3"] .tr.pick .num,.d-map[data-step="3"] .tr.pick .h-nx{opacity:1}.d-map .tr.pick.is-on,.d-map.static .tr.pick{box-shadow:inset 3px 0 0 var(--coral);background:#d2392f24}.d-map .decision{color:var(--on-ink-2);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;font-size:12.5px;display:flex}.d-route .demo-body{flex-direction:column;gap:14px;display:flex}.d-route .top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.d-route .track{padding:22px 0 6px;position:relative}.d-route .end{font-size:12px;font-weight:700;position:absolute;top:0}.d-route .end.b{right:0}.d-route .rail{background:var(--paper-2);border-radius:6px;height:6px;overflow:hidden}.d-route .fill{width:var(--p);background:var(--ink);height:100%}.d-route .truck{left:var(--p);position:absolute;top:18px;transform:translate(-50%)}.d-route .truck span{background:var(--coral);border:3px solid var(--white);width:14px;height:14px;box-shadow:0 0 0 1px var(--coral);border-radius:50%;display:block}.d-route .stop{left:var(--p);position:absolute;top:40px;transform:translate(-50%)}.d-route .stop span{font:600 11px var(--mono);color:#b0342a;background:var(--coral-soft);border-radius:4px;padding:1px 6px;display:block}.d-route .eta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;padding:12px 0 0;display:grid}.d-route .v{margin-top:2px;font-size:18px;font-weight:600}.d-route .etas{align-items:baseline;gap:10px;display:flex}.d-route .old{transition:color var(--t-mid), opacity var(--t-mid)}.d-route[data-step]:not([data-step="0"]) .old,.d-route.static .old{color:var(--text-3);font-size:14px;text-decoration:line-through}.d-route .new{color:var(--coral-ink)}.d-route .exc{background:#fdf4f2;border:1px solid #f3d0cb;border-radius:10px;gap:6px;padding:10px 12px;display:grid}.d-route .exc p{font-size:13px}.d-route .msg{border:1px solid var(--line);background:#fafaf7;border-radius:10px;padding:10px 12px}.d-route .mt{font-size:13px;font-family:var(--mono);margin:4px 0 10px;font-size:12px;line-height:1.5}.d-route .acts{gap:8px;display:flex;position:relative}.d-route .st-sent{position:absolute;top:0;left:0}.d-route .st-wait{transition:opacity var(--t-mid)}.d-route .st-sent.is-on~.x,.d-route[data-step="4"] .st-wait,.d-route.static .st-wait{opacity:0}.d-doc .demo-window{container-type:inline-size}.d-doc .cols{gap:16px;display:grid}@container (width>=540px){.d-doc .cols{grid-template-columns:.85fr 1.15fr;align-items:start}}.d-doc .paper{border:1px solid var(--line);background:#fbfaf5;border-radius:6px;padding:14px 14px 16px;position:relative;transform:rotate(-1.2deg);box-shadow:0 1px #e9e6dc,0 8px 18px -10px #101c304d}.d-doc .paper.is-on,.d-doc.static .paper{transform:rotate(-1.2deg)}.d-doc .pt{letter-spacing:.02em;font-size:13px;font-weight:800}.d-doc .ps{color:var(--text-3);margin-bottom:10px;font-size:11.5px}.d-doc .pl{gap:5px;display:grid}.d-doc .pr{border-radius:3px;justify-content:space-between;gap:8px;padding:2px 4px;font-size:12px;display:flex}.d-doc .pr span{color:var(--text-3)}.d-doc .pr b{font-family:var(--mono);font-weight:500}.d-doc .pr.hl{transition:background var(--t-mid)}.d-doc[data-step]:not([data-step="0"]) .pr.hl,.d-doc.static .pr.hl{background:#d2392f29}.d-doc .scrib{gap:5px;margin-top:12px;display:grid}.d-doc .scrib i{background:var(--paper-2);border-radius:2px;height:4px;display:block}.d-doc .scrib i:nth-child(2){width:80%}.d-doc .scrib i:nth-child(3){background:0 0;border-bottom:1.5px solid #44516a;border-radius:0;width:45%;height:10px;transform:skew(-12deg)}.d-doc .side{flex-direction:column;gap:10px;display:flex}.d-doc .cmp{font-size:12.5px}.d-doc .ch,.d-doc .cr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) .9fr .9fr 5.4em;align-items:center;gap:8px;padding:6px 0;display:grid}.d-doc .ch{color:var(--text-3);font-size:11.5px;font-weight:600}.d-doc .ch span:last-child{display:none}.d-doc .k{font-weight:650}.d-doc .mark{justify-content:flex-end;display:flex;position:relative}.d-doc .ok-tick{color:var(--green);font-weight:800}.d-doc .m-fix{position:absolute;right:0}.d-doc .m-bad.is-on,.d-doc.static .m-bad{opacity:1}.d-doc.is-live .m-bad:not(.is-on),.d-doc .m-fix.is-on~.x{opacity:0}.d-doc .cr.flag{transition:background var(--t-mid)}.d-doc .cr.flag:has(.m-bad.is-on){background:#fdf4f2}.d-doc .cr.flag:has(.m-fix.is-on),.d-doc.static .cr.flag{background:0 0}.d-doc .cr.flag:has(.m-fix.is-on) .m-bad,.d-doc.static .m-bad{opacity:0}.d-doc .fix{color:var(--text-2);border-left:2px solid var(--green);grid-column:1/-1;padding-left:10px;font-size:12px}.d-ledger .demo-window{container-type:inline-size}.d-ledger .tbl{font-size:12.5px}.d-ledger .th,.d-ledger .tr{grid-template-columns:var(--gn);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 6px;display:grid}.d-ledger .hn{display:none}@container (width>=540px){.d-ledger .th,.d-ledger .tr{grid-template-columns:var(--g)}.d-ledger .hn{display:block}.d-ledger .swap.hn{display:grid}}.d-ledger .th{color:var(--text-3);padding-top:0;font-size:11.5px;font-weight:600}.d-ledger .td{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;overflow:hidden}.d-ledger .td.first{font-family:var(--sans);font-size:12.5px;font-weight:650}.d-ledger .tr{transition:background var(--t-mid), opacity var(--t-mid);position:relative}.d-ledger .tr.focus{box-shadow:inset 3px 0 0 var(--ink);background:#f7f6f1}.d-ledger .flag{grid-column:1/-1;justify-self:start}.d-ledger .swap{display:grid}.d-ledger .swap>*{grid-area:1/1;justify-self:start}.d-ledger .sa{transition:opacity var(--t-mid)}.d-ledger .sb.is-on~.sa,.d-ledger .swap:has(.sb.is-on) .sa,.d-ledger.static .swap .sa,.d-ledger .tv:has(.sb.is-on) .sa,.d-ledger.static .tv:has(.sb) .sa{opacity:0}.d-ledger .detail{background:var(--paper);border-radius:10px;margin-top:12px;padding:12px 14px}.d-ledger .dt{margin-bottom:8px;font-size:13px;font-weight:700}.d-ledger .detail ol{gap:6px;padding-left:16px;display:grid;position:relative}.d-ledger .detail ol:before{content:"";background:var(--line-2);width:1.5px;position:absolute;top:6px;bottom:6px;left:4px}.d-ledger .detail li{font-size:12.5px;position:relative}.d-ledger .detail li:before{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-15px}.d-ledger .detail li.ok:before{background:var(--green)}.d-ledger .detail li.alert:before{background:var(--coral)}.d-ledger .detail li.wait:before{background:#e0a526}.d-ledger .hm{margin-top:12px}.d-ledger .totals{border-top:1px solid var(--line-2);flex-wrap:wrap;gap:8px 28px;margin-top:14px;padding-top:12px;display:flex}.d-ledger .tot{gap:2px;display:grid}.d-ledger .tv{font-size:18px;font-weight:600;display:grid}.d-ledger .tv>*{grid-area:1/1}.d-ledger .tv .sb{color:var(--coral-ink)}.d-tasks .demo-window{container-type:inline-size}.d-tasks .asset{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:14px;display:flex}.d-tasks .badge{background:var(--ink);width:52px;height:52px;color:var(--on-ink);border-radius:12px;flex:none;place-items:center;display:grid}.d-tasks .badge svg{width:34px}.d-tasks .at{font-size:15px;font-weight:750}.d-tasks .am{flex-wrap:wrap;gap:4px 16px;font-size:12.5px;display:flex}.d-tasks .am b{font-weight:500}.d-tasks .list{display:grid}.d-tasks .list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:11px 0;display:grid}.d-tasks .g{grid-column:1/-1}.d-tasks .tt{font-size:13.5px;font-weight:650}.d-tasks .due{color:var(--text-2);justify-self:end;font-size:12px}.d-tasks .st{justify-self:start}.d-tasks .own{justify-self:end}@container (width>=540px){.d-tasks .list li{grid-template-columns:6.5em minmax(0,1fr) auto auto}.d-tasks .g{grid-column:auto}.d-tasks .due{grid-area:1/3}.d-tasks .st{grid-column:2}.d-tasks .own{grid-area:2/3/auto/5}}.d-hub .demo-window{container-type:inline-size}.d-hub .nodes{grid-template-columns:1fr 1fr;gap:8px;display:grid}@container (width>=560px){.d-hub .nodes{grid-template-columns:repeat(3,1fr)}}.d-hub .nodes li{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 11px;display:flex}.d-hub .no{color:var(--text-3);font-size:10.5px}.d-hub .dp{font-size:13px;font-weight:750}.d-hub .it{color:var(--text-2);flex:1;font-size:12px;line-height:1.35}.d-hub .thread{background:var(--ink);color:var(--on-ink);border-radius:10px;margin-top:14px;padding:12px}.d-hub .thread .lbl{color:var(--on-ink-3);margin-bottom:8px}.d-hub .chips{flex-wrap:wrap;align-items:center;row-gap:8px;display:flex}.d-hub .chip{border:1px solid #f4f3ee4d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.d-hub .chip:last-child{background:var(--coral);color:var(--on-coral);border-color:var(--coral)}.d-hub .ln{background:var(--coral);width:22px;height:2px;margin:0 4px}.d-hub .alerts{margin-top:14px}.d-hub .alerts .at{margin-bottom:6px;font-size:13px;font-weight:750}.d-hub .alerts li{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:8px 0;font-size:12.5px;display:grid}.d-hub .alerts .person{grid-column:2}@container (width>=520px){.d-hub .alerts li{grid-template-columns:auto 1fr auto}.d-hub .alerts .person{grid-column:auto}}.d-hub .dot{background:var(--coral);border-radius:50%;width:8px;height:8px}.d-board .demo-window{container-type:inline-size}.d-board .demo-body{flex-direction:column;gap:12px;display:flex}.d-board .wrapb{gap:14px;display:grid}@container (width>=600px){.d-board .wrapb{grid-template-columns:minmax(0,1fr) 170px}}.d-board .board{grid-template-columns:74px repeat(var(--cols), minmax(0, 1fr));grid-auto-rows:38px;align-items:center;gap:4px 3px;font-size:11.5px;display:grid}.d-board .corner{grid-area:1/1}.d-board .day{text-align:center;color:var(--text-3);font-family:var(--mono);grid-row:1;font-size:10.5px}.d-board .rl{grid-column:1;font-size:12px;font-weight:700;line-height:1.15}.d-board .rl small{color:var(--text-3);font-size:10.5px;font-weight:500;display:block}.d-board .lane{background:repeating-linear-gradient(90deg, var(--paper) 0 calc(100% / var(--cols) - 3px), transparent 0 calc(100% / var(--cols)));border-radius:6px;height:100%}.d-board .cell{z-index:1;height:100%;transition:opacity var(--t-mid);padding:3px 0;position:relative}.d-board .goner.is-on,.d-board.static .goner[data-at]{opacity:0}.d-board .blk{border-radius:6px;align-items:center;height:100%;padding:0 8px;font-size:11.5px;font-weight:650;display:flex;overflow:hidden}.d-board .blk span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.d-board .blk.base{background:var(--slate-soft);color:var(--text)}.d-board .blk.muted{background:var(--paper-2);color:var(--text-3)}.d-board .blk.new{background:var(--ink);color:var(--on-ink)}.d-board .blk.ok{background:var(--green-soft);color:#1f6b4e;box-shadow:inset 0 0 0 1.5px var(--green)}.d-board .blk.risk{background:var(--coral-soft);color:#b0342a;box-shadow:inset 0 0 0 1.5px var(--coral)}.d-board .side{align-content:start;gap:8px;padding-left:0;display:grid}@container (width>=600px){.d-board .side{border-left:1px solid var(--line);padding-left:14px}}.d-board .st{font-size:12.5px;font-weight:750}.d-board .si{justify-items:start;gap:3px;display:grid}.d-board .sv{font-size:12.5px;font-weight:650}.d-bars .legend{color:var(--text-2);flex-wrap:wrap;gap:6px 14px;margin-bottom:12px;font-size:11.5px;display:flex}.d-bars .legend li{align-items:center;gap:6px;display:inline-flex}.d-bars .sw{border-radius:2px;width:12px;height:8px}.d-bars .rows{gap:16px;display:grid}.d-bars .rh{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.d-bars .rlab{font-size:13px;font-weight:700}.d-bars .bar{background:var(--paper);border-radius:6px;height:30px;display:flex;position:relative}.d-bars .seg{align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.d-bars .seg:first-child{border-radius:6px 0 0 6px}.d-bars .seg em{font-style:normal;font:600 11px var(--mono);white-space:nowrap;padding:0 7px}.d-bars .have,.d-bars .actual{background:var(--ink);color:var(--on-ink)}.d-bars .incoming,.d-bars .committed{color:var(--white);background:repeating-linear-gradient(135deg,#8592a6 0 5px,#7a879c 5px 10px)}.d-bars .request{background:var(--coral);color:var(--on-coral)}.d-bars .gap{color:#b0342a;box-shadow:inset 0 0 0 1.5px var(--coral);background:repeating-linear-gradient(135deg,#f9dcd8 0 5px,#f3cbc6 5px 10px)}.d-bars .mk{border-left:2px solid var(--text);z-index:2;width:0;position:absolute;top:-6px;bottom:-6px}.d-bars .mk b{font:600 10.5px var(--mono);white-space:nowrap;background:var(--white);padding:0 3px;position:absolute;top:calc(100% + 2px);left:0;transform:translate(-50%)}.d-bars .fl{margin-top:22px}.d-bars .row:not(:has(.fl)) .bar{margin-bottom:16px}.d-bars .sum{border-top:1px solid var(--line-2);flex-wrap:wrap;gap:10px 26px;margin-top:16px;padding-top:12px;display:flex}.d-bars .sum>div{gap:2px;display:grid}.d-bars .sv{font-size:16px;font-weight:600}.d-bars .c-alert{color:var(--coral-ink)}.d-bars .c-ok{color:var(--green)}.d-bars .hm{margin-top:12px}.d-stages .demo-window{container-type:inline-size}.d-stages .hd{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.d-stages .ht{font-size:14px;font-weight:750}.d-stages .pipe{grid-template-columns:repeat(2,1fr);gap:10px 8px;display:grid}@container (width>=520px){.d-stages .pipe{grid-template-columns:repeat(var(--n), 1fr)}}.d-stages .stg{align-content:start;gap:5px;display:grid}.d-stages .bar{background:var(--paper-2);border-radius:4px;height:8px;display:block;overflow:hidden}.d-stages .bar span{height:100%;transition:width var(--t-slow) var(--ease), background var(--t-mid);border-radius:4px;display:block}.d-stages .done .bar span{background:var(--ink)}.d-stages .active .bar span{background:var(--slate)}.d-stages .alert .bar span{background:var(--coral)}.d-stages.is-live .stg:not(.is-on) .bar span{width:0!important}.d-stages .nm{font-size:12.5px;font-weight:700}.d-stages .sb{color:var(--text-3);font-size:11.5px}.d-stages .alert .sb{color:var(--coral-ink);font-weight:600}.d-stages.is-live .stg:not(.is-on) .sb{opacity:0}.d-stages .low{gap:12px;margin-top:16px;display:grid}@container (width>=560px){.d-stages .low{grid-template-columns:1.4fr 1fr}}.d-stages .log{background:var(--paper);border-radius:10px;padding:12px}.d-stages .lt{margin-bottom:6px;font-size:12.5px;font-weight:700}.d-stages .log li{border-top:1px solid var(--line);grid-template-columns:3.4em 1fr;gap:8px;padding:5px 0;font-size:12.5px;display:grid}.d-stages .log li:first-child{border-top:0}.d-stages .tm{color:var(--text-3);font-size:11.5px}.d-stages .log li.alert span:last-child{color:#b0342a;font-weight:600}.d-stages .log li.ok span:last-child{color:#1f6b4e;font-weight:600}.d-stages .viewers ul{gap:8px;margin-top:8px;display:grid}.d-stages .msg{background:var(--ink);color:var(--on-ink);border-radius:12px 12px 12px 4px;align-self:start;padding:12px;font-size:12.5px}.d-stages .msg .lbl{color:var(--on-ink-3);margin-bottom:4px}.d-stages .hm{margin-top:12px}.d-costs .hd{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.d-costs .ht{font-size:14px;font-weight:750}.d-costs .stack{margin:26px 0 14px;position:relative}.d-costs .sbar{background:var(--paper);border-radius:7px;gap:2px;height:34px;display:flex;overflow:hidden}.d-costs .sbar span{height:100%}.d-costs .k-a{background:var(--ink)}.d-costs .k-b{background:#3d5175}.d-costs .k-c{background:#8592a6}.d-costs .k-d{background:repeating-linear-gradient(135deg,#b7c0cd 0 5px,#a9b3c2 5px 10px)}.d-costs .k-e{background:var(--coral)}.d-costs .cmp{border-left:2px dashed var(--coral-ink);position:absolute;top:-8px;bottom:-8px}.d-costs .cmp b{white-space:nowrap;font:600 11px var(--mono);color:var(--coral-ink);padding-bottom:2px;position:absolute;bottom:100%;left:0;transform:translate(-50%)}.d-costs .items{display:grid}.d-costs .items li{border-bottom:1px solid var(--line);grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.d-costs .sw{border-radius:3px;width:12px;height:12px}.d-costs .il{display:grid}.d-costs .il b{font-size:13px;font-weight:650}.d-costs .iv{font-size:13px}.d-costs .tot{flex-wrap:wrap;align-items:end;gap:10px 26px;margin-top:14px;display:flex}.d-costs .tot>div{justify-items:start;gap:3px;display:grid}.d-costs .tv{font-size:17px;font-weight:600}.d-costs .strong-extra{color:var(--ink);border-bottom:2px solid var(--coral)}.d-costs .note{color:var(--text-3);margin-top:12px;font-size:11.5px}.d-costs .hm{margin-top:12px}.d-transfer .demo-window{container-type:inline-size}.d-transfer .demo-body{gap:12px;display:grid}.d-transfer .item b{font-size:13.5px}.d-transfer .br{grid-template-columns:1fr 1fr;gap:8px;display:grid}@container (width>=600px){.d-transfer .br{grid-template-columns:repeat(4,1fr)}}.d-transfer .card{border:1px solid var(--line);background:var(--white);border-radius:10px;gap:6px;padding:10px;display:grid}.d-transfer .bn{font-size:13px;font-weight:750}.d-transfer .bs .num{font-size:15px;font-weight:600}.d-transfer .cover{background:var(--paper-2);border-radius:3px;height:6px;position:relative}.d-transfer .cv{transition:width var(--t-slow) var(--ease), opacity var(--t-mid);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.d-transfer .cv.old{background:var(--slate)}.d-transfer .low .cv.old{background:var(--coral)}.d-transfer .cv.new{background:var(--ink)}.d-transfer .dd{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.d-transfer .sw{display:grid}.d-transfer .sw>*{transition:opacity var(--t-mid);grid-area:1/1}.d-transfer .sw:has(.n.is-on) .o,.d-transfer.static .sw:has(.n) .o{opacity:0}.d-transfer .prop{background:var(--ink);color:var(--on-ink);border-radius:10px;padding:12px}.d-transfer .route{flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;display:flex}.d-transfer .arrow{background:var(--coral);width:48px;height:2px;position:relative}.d-transfer .arrow:after{content:"";border:5px solid #0000;border-left:7px solid var(--coral);border-right:0;position:absolute;top:-4px;right:-1px}.d-transfer .qty{background:var(--coral);color:var(--on-coral);border-radius:6px;margin-left:auto;padding:2px 8px;font-weight:600}.d-transfer .why{color:var(--on-ink-2);margin-top:6px;font-size:12.5px}.d-fc .demo-body{gap:12px;display:grid}.d-fc .chart{grid-template-columns:repeat(var(--n), 1fr);border-bottom:1px solid var(--line-2);align-items:end;gap:3px;height:130px;padding-top:18px;display:grid;position:relative}.d-fc .b{background:var(--ink);border-radius:3px 3px 0 0;display:block}.d-fc .b.fc{border:1.5px dashed var(--coral-ink);background:0 0;border-bottom:0}.d-fc .lead{border-left:1.5px solid var(--coral);background:#d2392f14;position:absolute;top:0;bottom:0}.d-fc .lead b{font:600 10.5px var(--mono);color:var(--coral-ink);white-space:nowrap;position:absolute;top:0;left:6px}.d-fc .axis{color:var(--text-3);justify-content:space-between;margin-top:-6px;font-size:11.5px;display:flex}.d-fc .fcl{color:var(--coral-ink)}.d-fc .calc{margin:0;display:grid}.d-fc .calc>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;font-size:13px;display:flex}.d-fc dt{color:var(--text-2)}.d-fc dd{margin:0}.d-fc .prop{border-bottom:0!important;padding-top:10px!important}.d-fc .prop dt{color:var(--text);font-weight:750}.d-fc .prop dd{background:var(--coral);color:var(--on-coral);border-radius:6px;padding:0 8px;font-size:17px;font-weight:600}.d-credit .demo-body{gap:14px;display:grid}.d-credit .order{background:var(--paper);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.d-credit .ot{font-size:14px;font-weight:750}.d-credit .os{font-size:18px;font-weight:600}.d-credit .track{background:var(--paper-2);border-radius:6px;height:30px;margin-top:22px;display:flex;position:relative}.d-credit .track>span{align-items:center;height:100%;display:flex;overflow:hidden}.d-credit .track em{font:600 11px var(--mono);white-space:nowrap;padding:0 7px;font-style:normal}.d-credit .debt{background:var(--ink);color:var(--on-ink);border-radius:6px 0 0 6px}.d-credit .new{background:var(--coral);color:var(--on-coral)}.d-credit .max{border-left:2px solid var(--text);top:-8px;bottom:-8px;height:auto!important;position:absolute!important;overflow:visible!important}.d-credit .max b{font:600 11px var(--mono);white-space:nowrap;position:absolute;bottom:100%;left:0;transform:translate(-50%)}.d-credit .rules{gap:6px;display:grid}.d-credit .rules li{align-items:center;gap:10px;font-size:13px;display:flex}.d-credit .ic{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.d-credit .ok .ic{background:var(--green-soft);color:var(--green)}.d-credit .alert .ic{background:var(--coral);color:var(--on-coral)}.d-credit .alert{font-weight:650}.d-credit .foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.d-credit .opts{flex-wrap:wrap;gap:6px;display:flex}.d-rec .demo-body{gap:14px;display:grid}.d-rec .item b{font-size:14px}.d-rec .nums{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.d-rec .nums>div{background:var(--paper);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.d-rec .big{letter-spacing:-.02em;font-size:24px;font-weight:600}.d-rec .df{transition:background var(--t-mid);background:#fdf4f2!important}.d-rec .df:has(.b.is-on),.d-rec.static .df{background:var(--green-soft)!important}.d-rec .sw{display:grid}.d-rec .sw>*{transition:opacity var(--t-mid);grid-area:1/1}.d-rec .a{color:var(--coral-ink)}.d-rec .b{color:var(--green)}.d-rec .sw:has(.b.is-on) .a,.d-rec.static .sw .a{opacity:0}.d-rec .mt{margin-bottom:4px}.d-rec .mv{border-top:1px solid var(--line);grid-template-columns:4.2em 1fr auto;align-items:center;gap:4px 10px;padding:7px 0;font-size:12.5px;display:grid}.d-rec .dt{color:var(--text-3);font-size:11.5px}.d-rec .q{font-size:12.5px}.d-rec .mv.flag{background:#fdf4f2;border-radius:6px;margin-inline:-8px;padding-inline:8px}.d-rec .fl{grid-column:2/-1;justify-self:start}.d-visits .demo-window{container-type:inline-size}.d-visits .demo-body,.d-visits .cols{gap:12px;display:grid}@container (width>=560px){.d-visits .cols{grid-template-columns:1.15fr 1fr;align-items:start}}.d-visits .map{background:#eef0ea;border-radius:10px;width:100%;height:auto}.d-visits .streets path{fill:none;stroke:#fdfdfb;stroke-width:9px}.d-visits .plan{fill:none;stroke:var(--slate);stroke-width:2px;stroke-dasharray:5 5}.d-visits .act{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.d-visits .stop circle{fill:var(--white);stroke:var(--slate);stroke-width:2px;transition:fill var(--t-mid), stroke var(--t-mid)}.d-visits .stop text{font:700 10px var(--sans);text-anchor:middle;fill:var(--text-2)}.d-visits .stop.is-on circle,.d-visits.static .stop circle{fill:var(--ink);stroke:var(--ink)}.d-visits .stop.is-on text,.d-visits.static .stop text{fill:var(--on-ink)}.d-visits .stop.missed.is-on circle,.d-visits.static .stop.missed circle{fill:var(--coral);stroke:var(--coral)}.d-visits .stop.missed.is-on text,.d-visits.static .stop.missed text{fill:var(--ink)}.d-visits .ag{margin-bottom:8px}.d-visits .list li{border-top:1px solid var(--line);grid-template-columns:1.4em 1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:12.5px;display:grid}.d-visits .no{color:var(--text-3);font-size:11px}.d-visits .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.d-visits .oc{color:var(--text-2);font-size:11.5px}.d-visits .order .oc{color:#1f6b4e;font-weight:650}.d-visits .missed .oc{color:#b0342a;font-weight:650}.d-visits .sum{flex-wrap:wrap;gap:24px;display:flex}.d-visits .sum>div{display:grid}.d-visits .sv{font-size:17px;font-weight:600}