@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@400;500;600;700&display=swap');

:root{--amber:#8d49ad;--purple:#5b286f;--purple-bright:#a85bc7;--ink:#140b19;--muted:#c8b8d0}
html,body{font-family:'Antonio',Arial,sans-serif}
.card{background:linear-gradient(120deg,rgba(35,15,44,.97),rgba(12,7,16,.96));border-color:#a85bc74a;box-shadow:0 18px 60px #18031aaa}
.card:before{height:3px;background:linear-gradient(90deg,#fff,var(--purple-bright),transparent 82%)}
.brand-row{display:flex;align-items:center;gap:12px}
.brand-logo{width:54px;height:54px;object-fit:cover;border-radius:5px;border:1px solid #ffffff2b;box-shadow:0 6px 18px #0007}
.brand-name{font-size:18px;font-weight:700;letter-spacing:.12em;color:#fff}
.eyebrow{margin-top:3px}.live-dot{background:#fff;box-shadow:0 0 10px #fff}
.cities{margin-top:9px;font-family:'Antonio';font-size:25px}.road{font-family:'Antonio';background:#fff;color:var(--purple);letter-spacing:.08em}
.route-line i{border-color:var(--purple-bright)}.route-line b{background:linear-gradient(90deg,var(--purple-bright),#fff6,var(--purple-bright))}.job strong{color:#fff}
.speed span,.gear strong,.eta strong,.assist strong,.assist-icon,.limit-ring b{font-family:'Antonio'}
.gear strong{color:#fff}.bar i{background:linear-gradient(90deg,var(--purple),var(--purple-bright))}
.assist.active{border-color:#a85bc799;box-shadow:0 0 14px #8d49ad4a}.assist-icon{color:#fff;border-color:var(--purple-bright)}
.gps-progress{height:5px;margin-top:11px;background:#ffffff1c;border-radius:5px;overflow:hidden}
.gps-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),#fff);border-radius:5px;box-shadow:0 0 9px var(--purple-bright);transition:width .6s ease}
.gps-progress-label{display:block;margin-top:5px;font-size:8px;letter-spacing:.16em;color:#c8b8d0}
.trip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:14px -28px -22px;background:#ffffff12;border-top:1px solid #ffffff18}
.trip-stats>div{padding:10px 14px;background:#130a19}.trip-stats>div+div{border-left:1px solid #ffffff14}
.trip-stats small{display:block;font-size:7px;letter-spacing:.14em}.trip-stats strong{display:block;margin-top:3px;font:600 15px 'Antonio';color:#fff;letter-spacing:.04em}
#overlay{transition:opacity .55s ease,transform .55s ease,filter .55s ease}
body.telemetry-hidden #overlay{opacity:0;filter:blur(5px);pointer-events:none}
body.telemetry-hidden.config #overlay{transform:translateY(24px) scale(var(--scale,1))}

/* Dedicated driver-assistance column */
.dashboard{grid-template-columns:170px 82px minmax(190px,1fr) 165px 178px}
.dashboard>.speed{order:1}.dashboard>.gear{order:2}.dashboard>.stats{order:3}.dashboard>.eta{order:4}.dashboard>.driving-assists{order:5}
.dashboard>.driving-assists{position:static;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px!important;border-left:1px solid #ffffff12!important;border-right:0!important;height:100%}
.driving-assists .assist{width:100%;height:50px;display:flex;align-items:center;gap:10px;padding:7px 9px;background:#ffffff08;border:1px solid #ffffff17;border-radius:5px;opacity:1;transition:.25s}
.driving-assists .assist-copy{display:flex;min-width:0;flex-direction:column}.driving-assists .assist-copy small{font-size:7px;letter-spacing:.12em;white-space:nowrap}.driving-assists .assist-copy strong{font:600 16px 'Antonio';letter-spacing:.04em;white-space:nowrap}
.driving-assists .assist-icon{flex:0 0 32px;width:32px;height:32px;font-size:12px;background:#ffffff08;border:2px solid #765087;color:#a999b0}
.driving-assists .assist.active{background:#813fae24;border-color:#a85bc777;box-shadow:inset 3px 0 var(--purple-bright)}.driving-assists .assist.active .assist-icon{color:#fff;border-color:#fff;box-shadow:0 0 9px #a85bc766}
.driving-assists .limit-ring{flex:0 0 36px;width:36px;height:36px;border:4px solid #e34852;background:#fff}.driving-assists .limit-ring b{font-size:15px;color:#111}
.driving-assists .assist.overspeed{background:#63131acc;border-color:#ff5263;animation:none;box-shadow:inset 3px 0 #ff5263}.driving-assists .assist.overspeed .assist-copy strong{color:#ff8b94}
@media(max-width:1050px){.dashboard{grid-template-columns:145px 75px minmax(180px,1fr) 155px 170px}.dashboard>.driving-assists{display:flex}.driving-assists .assist{height:47px}}
.tmp-panel{display:grid;grid-template-columns:38px 1fr 1fr 8px;align-items:center;gap:10px;margin:22px -28px -22px;padding:9px 14px;background:linear-gradient(90deg,#351642,#160b1b);border-top:1px solid #a85bc744}
.tmp-panel img{width:38px;height:38px;border-radius:5px;background:#ffffff10;object-fit:cover}.tmp-player,.tmp-server{display:flex;min-width:0;flex-direction:column}.tmp-panel small{font-size:7px;letter-spacing:.14em}.tmp-panel strong{font:600 14px 'Antonio';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmp-panel span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmp-panel>i{width:8px;height:8px;border-radius:50%;background:#6e6671}.tmp-panel>i.online{background:#55dc82;box-shadow:0 0 9px #55dc82}
.dashboard>.stream-panel{position:static;order:6;grid-column:1/-1;display:grid;grid-template-columns:150px repeat(4,1fr);min-height:46px;padding:0;border:0;border-top:1px solid #a85bc733;background:linear-gradient(90deg,#35164299,#160b1b99)}
.stream-panel>div{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:7px 12px;border-right:1px solid #ffffff12}.stream-panel>div:last-child{border:0}
.stream-panel small{font-size:6px;letter-spacing:.13em}.stream-panel strong{font:600 13px 'Antonio';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stream-panel .stream-brand{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;background:#5b286f44}.stream-brand span{display:flex;flex-direction:column}.stream-brand>i{width:9px;height:9px;border-radius:50%;background:#756c79}.stream-brand>i.online{background:#55dc82;box-shadow:0 0 10px #55dc82}