#tnta-demo .commerce-panel{background:#fff;border:1px solid #dbe5ee;border-radius:12px;padding:16px;margin:12px 0}
#tnta-demo .commerce-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
#tnta-demo .commerce-filters label{display:grid;gap:4px}
#tnta-demo .commerce-panel th{white-space:nowrap}
#tnta-demo .commerce-panel td{vertical-align:top}
#tnta-demo .commerce-panel button{cursor:pointer}
#tnta-demo .commerce-panel .warn{background:#fff5df;padding:9px;border-radius:6px}
.tnta-road{position:relative;height:65px;border-bottom:3px dashed #043c69;overflow:hidden;background:linear-gradient(0deg,#eaf4fc,transparent);border-radius:8px}
.tnta-vehicle{position:absolute;bottom:0;color:#043c69;font-size:36px;animation:tnta-move 6s ease-in-out infinite}
@keyframes tnta-move{0%{transform:translateX(-50px)}100%{transform:translateX(650px)}}
.motion-off .tnta-vehicle{animation:none;left:45%}
@media(prefers-reduced-motion:reduce){.tnta-vehicle{animation:none;left:45%}}
.tnta-timeline{padding-left:22px;border-left:2px solid #dbe5ee;margin-left:10px}
.tnta-timeline li{padding:7px 0;color:#043c69}
.tnta-public{margin:0;background:#eff5fa;color:#193247;font:16px/1.6 system-ui,sans-serif}
.tracking-public{max-width:760px;margin:50px auto;padding:28px;background:#fff;border:1px solid #dbe5ee;border-radius:20px;box-shadow:0 12px 40px #043c6910}
.tracking-public h1{color:#043c69}
.tracking-public label{display:block;margin:10px 0}
.tracking-public input:not([type=checkbox]){display:block;padding:12px;box-sizing:border-box;width:100%;border:1px solid #abc0d4;border-radius:8px;font:inherit}
.tracking-public button{background:#043c69;color:white;border:0;padding:12px 24px;border-radius:8px;font:inherit;cursor:pointer}
.tracking-public a{color:#043c69}
.tracking-small{font-size:13px;color:#53697c}
#track-error{color:#a32638}
@media(max-width:600px){.tracking-public{margin:16px;padding:18px}#tnta-demo .commerce-filters>*{width:100%}#tnta-demo .commerce-panel{padding:10px}}