/* Mech Tech shared customer presentation styles. Scoped to .cu-*; tokens on .cu-scope. */
.cu-scope{--cu-bg:#000;--cu-card:#1c1c1e;--cu-card2:#2c2c2e;--cu-line:rgba(255,255,255,.08);--cu-line2:rgba(255,255,255,.14);--cu-ink:#f5f5f7;--cu-dim:#9a9aa0;--cu-red:#c8102e;--cu-red2:#e0384f;--cu-green:#3fbf74;--cu-ease:cubic-bezier(.2,.7,.2,1)}
.cu-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cu-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.cu-i.ok{color:var(--cu-green)}.cu-i.mute{color:var(--cu-dim)}.cu-i.cur{color:var(--cu-ink)}
.cu-badge{position:absolute;top:-5px;left:calc(100% - 7px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--cu-red);color:#fff;font-weight:700;font-size:9.5px;line-height:16px;text-align:center;box-shadow:0 0 0 2px #0a0a0b}
/* bottom bar */
.cu-nav-bar{position:fixed;left:0;right:0;bottom:0;z-index:25;background:rgba(10,10,11,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--cu-line);padding:2px 6px env(safe-area-inset-bottom)}
.cu-nav-bar .cu-nav-in{max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.cu-nav-item{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-height:52px;padding:6px 0 5px;border:0;background:transparent;color:var(--cu-dim);font-weight:500;font-size:10.5px;line-height:1.1;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s}
.cu-nav-ic{position:relative;display:block}
.cu-nav-l{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.cu-nav-item:hover{color:var(--cu-ink)}
.cu-nav-item.is-active{color:var(--cu-red2)}
.cu-nav-item.is-active .cu-i{color:var(--cu-red2)}
.cu-nav-bar .cu-nav-item.is-active::before{content:"";position:absolute;top:0;left:50%;width:20px;height:2px;margin-left:-10px;border-radius:0 0 2px 2px;background:var(--cu-red)}
/* top tabs */
.cu-nav-tabs .cu-nav-in{display:flex;gap:2px}
.cu-nav-tabs .cu-nav-item{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;font-size:14px}
.cu-nav-tabs .cu-i{width:18px;height:18px}
.cu-nav-tabs .cu-nav-item.is-active{background:var(--cu-card)}
.cu-nav-tabs .cu-badge{box-shadow:0 0 0 2px #000}
/* vehicle + progress */
.cu-vcard{background:var(--cu-card);border:1px solid var(--cu-line);border-radius:16px;padding:14px}
.cu-cap{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cu-dim)}
.cu-vrow{display:flex;gap:14px;align-items:center;margin-top:10px;min-width:0}
.cu-thumb{width:112px;aspect-ratio:2/1;flex:none;border-radius:10px;background:#000;display:grid;place-items:center;overflow:hidden}
.cu-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.cu-vtxt{min-width:0}.cu-vname{font-size:17px;font-weight:650;line-height:1.2}
.cu-vsvc{font-size:13px;color:#cfcfd4;margin-top:4px}.cu-vro{font-size:11.5px;color:var(--cu-dim);margin-top:3px;letter-spacing:.02em}
.cu-prog-h{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:14px}
.cu-prog-h b{font-weight:600}.cu-prog-h span{color:#d5d5d9;white-space:nowrap}
.cu-bar{margin-top:8px;height:6px;border-radius:6px;background:#48484c;overflow:hidden}
.cu-bar span{display:block;height:100%;background:var(--cu-red);border-radius:6px;transform-origin:left;transform:scaleX(0);transition:transform .6s var(--cu-ease)}
.cu-prog-f{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--cu-dim)}
/* timeline */
.cu-tl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cu-tl li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}
.cu-tl .cu-i{width:18px;height:18px;margin-top:1px}
.cu-tl b{display:block;font-weight:500;font-size:14.5px}
.cu-tl span{display:block;font-size:12px;color:var(--cu-dim);margin-top:1px}
.cu-tl-upcoming b{color:var(--cu-dim)}
/* link rows + toggles */
.cu-link{position:relative;width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;border-radius:12px;border:1px solid var(--cu-line);background:var(--cu-card);color:var(--cu-ink);font:inherit;text-align:left;cursor:pointer}
.cu-link:hover{background:var(--cu-card2)}
.cu-link .lead{color:var(--cu-dim);width:20px;height:20px}.cu-link .tail{color:var(--cu-dim);width:18px;height:18px}
.cu-link-t b{display:block;font-weight:500;font-size:14.5px}.cu-link-t span{display:block;font-size:12px;color:var(--cu-dim);margin-top:1px}
.cu-link .cu-badge{position:static;box-shadow:none}
.cu-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--cu-line);cursor:pointer;position:relative}
.cu-toggle:first-child{border-top:0;padding-top:0}
.cu-toggle-t b{display:block;font-weight:500;font-size:14px}.cu-toggle-t span{display:block;font-size:12.5px;color:var(--cu-dim)}
.cu-toggle input{position:absolute;opacity:0;width:44px;height:26px;right:0;margin:0;cursor:pointer}
.cu-sw{flex:none;width:44px;height:26px;border-radius:99px;background:#48484c;position:relative;transition:background .2s}
.cu-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#f5f5f7;transition:transform .2s var(--cu-ease)}
.cu-toggle input:checked+.cu-sw{background:var(--cu-red)}
.cu-toggle input:checked+.cu-sw::after{transform:translateX(18px)}
.cu-toggle input:focus-visible+.cu-sw{outline:2px solid #fff;outline-offset:2px}
@media (max-width:340px){.cu-nav-item{font-size:9.5px}.cu-i{width:20px;height:20px}}
@media (min-width:700px){.cu-thumb{width:144px}.cu-nav-bar .cu-nav-in{max-width:560px}.cu-nav-item{font-size:11.5px;min-height:56px}}
@media (min-width:1000px){.cu-nav-bar{display:none}.cu-thumb{width:160px}}
@media (prefers-reduced-motion:reduce){.cu-bar span,.cu-sw,.cu-sw::after,.cu-nav-item{transition:none!important}}