.mock[data-v-43f27e8b]{position:relative;background:#fff;border-radius:14px;overflow:hidden;font-family:var(--v2-font);font-size:13px;line-height:1.4;color:var(--fa-ink);border:1px solid rgba(11,42,58,.06);width:100%;max-width:720px}.mock-chrome[data-v-43f27e8b]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#f6f8fa,#edf1f4);border-bottom:1px solid rgba(11,42,58,.06)}.mock-dots[data-v-43f27e8b]{display:flex;gap:6px;flex-shrink:0}.mock-dot[data-v-43f27e8b]{width:9px;height:9px;border-radius:50%;background:#0b2a3a1f}.mock-dot[data-v-43f27e8b]:nth-child(1){background:#ff5f57}.mock-dot[data-v-43f27e8b]:nth-child(2){background:#febc2e}.mock-dot[data-v-43f27e8b]:nth-child(3){background:#28c840}.mock-url[data-v-43f27e8b]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fffc;padding:4px 10px;border-radius:6px;font-size:11.5px;color:#0b2a3a99;font-variant-numeric:tabular-nums}.mock-chrome-badge[data-v-43f27e8b]{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--fa-diesel);letter-spacing:.02em;flex-shrink:0}.mock-chrome-badge-dot[data-v-43f27e8b]{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e38;animation:mock-pulse-43f27e8b 2s var(--ease) infinite}@keyframes mock-pulse-43f27e8b{0%,to{box-shadow:0 0 0 3px #22c55e38}50%{box-shadow:0 0 0 5px #22c55e14}}.mock-header[data-v-43f27e8b]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(11,42,58,.06)}.mock-app-title[data-v-43f27e8b]{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--fa-navy);letter-spacing:-.01em}.mock-header-meta[data-v-43f27e8b]{display:inline-flex;align-items:center;gap:14px}.mock-shift[data-v-43f27e8b]{display:inline-flex;align-items:baseline;gap:6px;font-size:11px;color:#0b2a3a8c}.mock-shift-label[data-v-43f27e8b]{text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:10px}.mock-shift-value[data-v-43f27e8b]{font-variant-numeric:tabular-nums;font-weight:600;color:var(--fa-navy);font-size:12px}.mock-avatar[data-v-43f27e8b]{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#0b2a3a,#0c6d3c);color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.01em}.mock-kpis[data-v-43f27e8b]{display:grid;grid-template-columns:1fr 1px 1fr 1px 1.4fr;align-items:stretch;padding:14px 18px;gap:14px;border-bottom:1px solid rgba(11,42,58,.06);background:#fbfcfd}.mock-kpi[data-v-43f27e8b]{display:flex;flex-direction:column;gap:2px;min-width:0}.mock-kpi-divider[data-v-43f27e8b]{background:#0b2a3a0f;height:100%}.mock-kpi-label[data-v-43f27e8b]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#0b2a3a80}.mock-kpi-value[data-v-43f27e8b]{font-size:18px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fa-navy);margin-top:2px}.mock-kpi--highlight .mock-kpi-value[data-v-43f27e8b]{font-size:20px}.mock-kpi-trend[data-v-43f27e8b]{font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--fa-diesel);margin-top:2px}.mock-kpi-trend--ember[data-v-43f27e8b]{color:#b87a00}.mock-rows[data-v-43f27e8b]{padding:4px 18px 16px}.mock-row[data-v-43f27e8b]{display:grid;grid-template-columns:132px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid rgba(11,42,58,.05);animation:mock-row-in-43f27e8b .7s var(--ease) backwards}.mock-row[data-v-43f27e8b]:last-child{border-bottom:0}@keyframes mock-row-in-43f27e8b{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mock-row-truck[data-v-43f27e8b]{display:flex;flex-direction:column;gap:10px;padding-right:14px;border-right:1px solid rgba(11,42,58,.06)}.mock-row-truck-id[data-v-43f27e8b]{display:flex;align-items:center;gap:9px}.mock-row-truck-icon[data-v-43f27e8b]{flex-shrink:0;width:22px;height:22px;color:var(--fa-navy);background:#0b2a3a0f;border-radius:5px;padding:3px}.mock-row-truck-text[data-v-43f27e8b]{display:flex;flex-direction:column;line-height:1.2;min-width:0}.mock-row-truck-num[data-v-43f27e8b]{font-size:12.5px;font-weight:700;color:var(--fa-navy);letter-spacing:-.01em}.mock-row-truck-driver[data-v-43f27e8b]{font-size:10.5px;color:#0b2a3a8c;margin-top:1px}.mock-fuel-gauge[data-v-43f27e8b]{display:flex;flex-direction:column;gap:4px}.mock-fuel-gauge-track[data-v-43f27e8b]{position:relative;height:5px;background:#0b2a3a14;border-radius:999px;overflow:hidden}.mock-fuel-gauge-fill[data-v-43f27e8b]{position:absolute;inset:0 auto 0 0;background:var(--fa-diesel);border-radius:999px;transition:width .6s var(--ease)}.mock-fuel-gauge--mid .mock-fuel-gauge-fill[data-v-43f27e8b]{background:var(--fa-ember)}.mock-fuel-gauge--low .mock-fuel-gauge-fill[data-v-43f27e8b]{background:#dc2626}.mock-fuel-gauge-label[data-v-43f27e8b]{font-size:10px;font-weight:600;color:#0b2a3a99;font-variant-numeric:tabular-nums;letter-spacing:.01em}.mock-fuel-gauge--low .mock-fuel-gauge-label[data-v-43f27e8b]{color:#dc2626}.mock-row-stop[data-v-43f27e8b]{display:flex;flex-direction:column;gap:6px;min-width:0}.mock-row-stop-head[data-v-43f27e8b]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mock-row-arrow[data-v-43f27e8b]{display:inline-flex;width:12px;height:12px;color:#0b2a3a66}.mock-chain[data-v-43f27e8b]{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.01em}.mock-chain-mark[data-v-43f27e8b]{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:4px;background:currentColor;color:#fff!important;font-size:8.5px;font-weight:800;letter-spacing:-.02em}.mock-chain-name[data-v-43f27e8b]{font-size:10.5px}.mock-row-stop-name[data-v-43f27e8b]{font-size:12.5px;font-weight:600;color:var(--fa-navy);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mock-row-status[data-v-43f27e8b]{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;flex-shrink:0}.mock-row-status-dot[data-v-43f27e8b]{width:5px;height:5px;border-radius:50%}.mock-row-status--on-route[data-v-43f27e8b]{color:var(--fa-diesel);background:#0c6d3c14}.mock-row-status--on-route .mock-row-status-dot[data-v-43f27e8b]{background:var(--fa-diesel)}.mock-row-status--approaching[data-v-43f27e8b]{color:#b87a00;background:#ffb20029}.mock-row-status--approaching .mock-row-status-dot[data-v-43f27e8b]{background:var(--fa-ember);box-shadow:0 0 0 2px #ffb20052;animation:mock-pulse-approach-43f27e8b 1.6s var(--ease) infinite}@keyframes mock-pulse-approach-43f27e8b{0%,to{box-shadow:0 0 0 2px #ffb20052}50%{box-shadow:0 0 0 4px #ffb20014}}.mock-row-status--at-pump[data-v-43f27e8b]{color:#0c6d3c;background:#0c6d3c24}.mock-row-status--at-pump .mock-row-status-dot[data-v-43f27e8b]{background:#22c55e;box-shadow:0 0 0 2px #22c55e4d;animation:mock-pulse-43f27e8b 1.4s var(--ease) infinite}.mock-row-stop-meta[data-v-43f27e8b]{display:flex;align-items:center;gap:7px;font-size:11px;color:#0b2a3a94}.mock-row-dot-sep[data-v-43f27e8b]{color:#0b2a3a4d}.mock-row-meta-pump[data-v-43f27e8b]{color:var(--fa-diesel);font-weight:600;font-variant-numeric:tabular-nums}.mock-track[data-v-43f27e8b]{position:relative;height:18px;margin:4px 4px 2px}.mock-track-line[data-v-43f27e8b]{position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,rgba(11,42,58,.18) 0 4px,transparent 4px 8px);transform:translateY(-50%)}.mock-track-line-done[data-v-43f27e8b]{position:absolute;top:50%;left:0;height:2px;background:var(--fa-navy);transform:translateY(-50%);border-radius:2px;transition:width .6s var(--ease)}.mock-track-origin[data-v-43f27e8b]{position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:50%;background:var(--fa-navy);transform:translate(-50%,-50%);border:2px solid #FFFFFF;box-shadow:0 0 0 1.5px var(--fa-navy)}.mock-track-truck[data-v-43f27e8b]{position:absolute;top:50%;transform:translate(-50%,-50%);color:var(--fa-ember);width:16px;height:16px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #ffb20040,0 2px 6px #ffb20066;z-index:2;transition:left .6s var(--ease)}.mock-track-truck svg[data-v-43f27e8b]{width:12px;height:12px}.mock-track-pump[data-v-43f27e8b]{position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:18px;height:18px;border-radius:5px;background:#fff;border:1.5px solid var(--fa-ember);color:var(--fa-ember);display:flex;align-items:center;justify-content:center;z-index:1}.mock-track-pump svg[data-v-43f27e8b]{width:11px;height:11px}.mock-track-pump--active[data-v-43f27e8b]{background:var(--fa-ember);color:var(--fa-navy);box-shadow:0 0 0 3px #ffb20038}.mock-row-summary[data-v-43f27e8b]{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap}.mock-price[data-v-43f27e8b]{display:inline-flex;align-items:baseline;gap:1px;color:var(--fa-navy);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mock-price-currency[data-v-43f27e8b]{font-size:11px;font-weight:600;color:#0b2a3a8c;margin-right:1px}.mock-price-value[data-v-43f27e8b]{font-size:18px;font-weight:700}.mock-price-unit[data-v-43f27e8b]{font-size:11px;font-weight:600;color:#0b2a3a8c;margin-left:2px}.mock-price-net[data-v-43f27e8b]{margin-left:6px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fa-diesel);background:#0c6d3c1a;padding:2px 6px;border-radius:4px}.mock-saved[data-v-43f27e8b]{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--fa-diesel);font-weight:600;font-variant-numeric:tabular-nums}.mock-gallons[data-v-43f27e8b]{margin-left:auto;display:inline-flex;align-items:baseline;gap:3px;padding:4px 10px;background:#0b2a3a0d;border-radius:6px;font-variant-numeric:tabular-nums}.mock-gallons-num[data-v-43f27e8b]{font-size:13px;font-weight:700;color:var(--fa-navy);letter-spacing:-.01em}.mock-gallons-unit[data-v-43f27e8b]{font-size:10px;font-weight:600;color:#0b2a3a8c;text-transform:uppercase;letter-spacing:.06em}.mock-illustrative-label[data-v-43f27e8b]{position:absolute;top:12px;right:14px;font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#0b2a3a52;padding-left:10px;border-left:1px solid rgba(11,42,58,.12);pointer-events:none;z-index:10}@media (max-width: 620px){.mock-row[data-v-43f27e8b]{grid-template-columns:1fr;gap:10px}.mock-row-truck[data-v-43f27e8b]{flex-direction:row;align-items:center;justify-content:space-between;border-right:0;padding-right:0;padding-bottom:8px;border-bottom:1px dashed rgba(11,42,58,.08)}.mock-fuel-gauge[data-v-43f27e8b]{min-width:110px}}@media (max-width: 520px){.mock[data-v-43f27e8b]{font-size:12px}.mock-kpis[data-v-43f27e8b]{gap:8px;padding:10px 14px}.mock-kpi-value[data-v-43f27e8b]{font-size:15px}.mock-kpi--highlight .mock-kpi-value[data-v-43f27e8b]{font-size:17px}.mock-rows[data-v-43f27e8b]{padding:2px 14px 12px}.mock-row[data-v-43f27e8b]{padding:10px 0}.mock-row-stop-name[data-v-43f27e8b]{font-size:11.5px}.mock-illustrative-label[data-v-43f27e8b]{display:none}.mock-price-value[data-v-43f27e8b]{font-size:16px}}