.tracking-live-summary{font-weight:800;color:#075985}.tracking-point-legend{display:flex;gap:.45rem;align-items:center;margin:.35rem 0;color:#475569;font-size:.75rem}.tracking-point-legend span{padding:.08rem .3rem;background:#dbeafe;color:#1e3a8a;font:700 .68rem/1.2 "Courier New",Courier,monospace}.tracking-segment{border:1px solid #cbd5e1;border-radius:16px;margin:.75rem 0;overflow:hidden}.tracking-segment summary{cursor:pointer;display:grid;gap:.25rem;padding:1rem;list-style:none}.tracking-segment summary::-webkit-details-marker{display:none}.tracking-segment summary strong{font-size:1.05rem}.tracking-segment summary span{color:#475569;font-size:.9rem}.tracking-segment[open] summary{border-bottom:1px solid #dbe4ea;background:#f0f9ff}.tracking-point-list{display:block;margin:0;padding:0;list-style:none;overflow-x:auto}.tracking-point{min-width:max-content;padding:.16rem .45rem;border-bottom:1px solid #e2e8f0;font:400 .68rem/1.25 "Courier New",Courier,monospace;white-space:nowrap}.tracking-point:last-child{border-bottom:0}.tracking-point.is-latest{background:#ecfdf5;font-weight:700}.tracking-point.is-manual{background:#dbeafe;color:#1e3a8a}.tracking-point-empty{padding:.45rem;color:#64748b;font-size:.8rem}@media(max-width:520px){.tracking-segment summary{padding:.65rem}.tracking-point{padding:.14rem .35rem;font-size:.62rem}}@media(prefers-color-scheme:dark){.tracking-live-summary{color:#7dd3fc}.tracking-point-legend{color:#cbd5e1}.tracking-point-legend span,.tracking-point.is-manual{background:#1e3a5f;color:#bfdbfe}.tracking-segment{border-color:#475569}.tracking-segment[open] summary{background:#0c4a6e;border-color:#475569}.tracking-segment summary span,.tracking-point-empty{color:#cbd5e1}.tracking-point{border-color:#334155}.tracking-point.is-latest:not(.is-manual){background:#064e3b}}
.tracking-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:.25rem 0 1rem}.tracking-tabs button{min-height:46px;padding:.5rem .35rem;border:1px solid #94a3b8;border-radius:14px;background:#fff;color:#0f172a;font-weight:750}.tracking-tabs button[aria-pressed=true]{border-color:#0284c7;background:#e0f2fe;color:#075985}.traccar-management{display:grid;gap:.75rem;margin-top:1rem}.traccar-management label{display:grid;gap:.3rem;font-weight:750}.traccar-management select{width:100%;min-height:48px;font-size:16px}.traccar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.traccar-actions button{min-height:48px}.traccar-actions #traccar-sync{grid-column:1/-1}.traccar-compact-points{overflow-x:auto}.traccar-compact-points p{min-width:max-content;margin:0;padding:.3rem .55rem;border-bottom:1px solid #e2e8f0;font:400 .7rem/1.25 "Courier New",Courier,monospace}.traccar-point-card{margin:.65rem 0;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden}.traccar-point-card>summary{display:grid;gap:.2rem;padding:.75rem;list-style:none;cursor:pointer}.traccar-point-card>summary::-webkit-details-marker{display:none}.traccar-point-card>summary span{font-size:.85rem;color:#64748b}.traccar-point-card[open]>summary{background:#f5f3ff;border-bottom:1px solid #c4b5fd}.traccar-value-grid{margin:0}.traccar-value-grid>div{display:grid;grid-template-columns:minmax(8.5rem,.8fr) minmax(0,1.2fr);gap:.5rem;padding:.38rem .65rem;border-bottom:1px solid #e2e8f0}.traccar-value-grid>div:last-child{border-bottom:0}.traccar-value-grid dt{font-size:.78rem;font-weight:750;color:#475569;overflow-wrap:anywhere}.traccar-value-grid dd{margin:0;font-size:.8rem;overflow-wrap:anywhere}.tracking-comparison-map{min-height:180px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;display:grid;place-items:center;overflow:hidden}.tracking-comparison-map svg{display:block;width:100%;height:auto}.tracking-comparison-map polyline{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.gps1-line{stroke:#0284c7}.gps2-line{stroke:#7c3aed}.tracking-comparison-legend{display:flex;gap:1rem}.tracking-comparison-legend span::before{content:"";display:inline-block;width:1.1rem;height:.25rem;margin-right:.35rem;vertical-align:middle;border-radius:3px}.tracking-comparison-legend .gps1::before{background:#0284c7}.tracking-comparison-legend .gps2::before{background:#7c3aed}.tracking-comparison{padding:.55rem .65rem;border-left:5px solid #94a3b8;background:#f8fafc}.tracking-comparison.match,.tracking-comparison.bracketed_match{border-color:#16a34a}.tracking-comparison.mismatch{border-color:#dc2626}.tracking-comparison.unverified{border-color:#d97706}
@media(max-width:520px){.tracking-tabs{position:sticky;top:0;z-index:3;background:var(--app-bg,#f8fafc);padding:.35rem 0}.tracking-tabs button{font-size:.76rem}.traccar-actions{grid-template-columns:1fr}.traccar-actions #traccar-sync{grid-column:auto}.traccar-value-grid>div{grid-template-columns:1fr;gap:.1rem}.traccar-value-grid dd{font-size:.88rem}.tracking-segment summary{padding:.65rem}.tracking-point{padding:.14rem .35rem;font-size:.62rem}}
@media(prefers-color-scheme:dark){.tracking-tabs button{background:#0f172a;border-color:#475569;color:#e2e8f0}.tracking-tabs button[aria-pressed=true]{background:#0c4a6e;color:#bae6fd}.traccar-point-card{border-color:#475569}.traccar-point-card>summary span,.traccar-value-grid dt{color:#cbd5e1}.traccar-point-card[open]>summary{background:#312e81;border-color:#6d28d9}.traccar-value-grid>div,.traccar-compact-points p{border-color:#334155}.tracking-comparison-map,.tracking-comparison{background:#0f172a;border-color:#475569}}
.tracking-comparison-map{min-height:260px}.tracking-comparison-map[data-map-renderer=google]{display:block}.tracking-comparison-legend{flex-wrap:wrap}.tracking-comparison-legend .gps2-start::before{width:.7rem;height:.7rem;border-radius:50%;background:#7c3aed}.traccar-load-points{width:100%;min-height:48px;margin:.5rem 0}
.tracking-maneuver-position{margin:0;padding:.28rem .45rem;border-bottom:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font:700 .68rem/1.3 "Courier New",Courier,monospace;overflow-wrap:anywhere}.tracking-maneuver-position:last-child{border-bottom:0}.tracking-map-actions{display:flex;margin:.55rem 0}.tracking-map-actions a{display:grid;place-items:center;min-height:44px;padding:.55rem .8rem;border-radius:12px;color:#fff;text-decoration:none;font-weight:800}@media(prefers-color-scheme:dark){.tracking-maneuver-position{border-color:#1e40af;background:#172554;color:#bfdbfe}}
