.tracking-note{display:flex;gap:10px;align-items:flex-start;background:#fff9eb;border:1px solid #f5e8c9;border-radius:8px;padding:11px 13px;margin:-3px 0 15px;color:#85652e;font-size:10px;line-height:1.5}.tracking-note b{white-space:nowrap;color:#76551f}.tracking-note span{color:#8c7650}.tracking-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:15px;margin-bottom:15px}.map-panel{padding-bottom:14px}.demo-map{height:300px;position:relative;overflow:hidden;border-radius:8px;background-color:#eef2ed;background-image:linear-gradient(34deg,transparent 47%,#fff 48%,#fff 49%,transparent 50%),linear-gradient(148deg,transparent 46%,#fff 47%,#fff 48%,transparent 49%),linear-gradient(90deg,#dce8dc 1px,transparent 1px),linear-gradient(#dce8dc 1px,transparent 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px}.demo-map svg{width:100%;height:100%}.map-river{fill:none;stroke:#a8d5e0;stroke-width:20;opacity:.75}.map-road{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.map-road.minor{stroke:#d6d6ce;stroke-width:2}.map-city{font:700 11px 'DM Sans';fill:#6a776c;letter-spacing:.4px}.map-pin{stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 3px #52625c55)}.pin-green{fill:#31a784}.pin-purple{fill:#8876d8}.pin-orange{fill:#db9c4a}.pin-muted{fill:#9aa5b2}.map-legend{position:absolute;bottom:10px;left:10px;display:flex;flex-wrap:wrap;gap:10px;background:#ffffffed;padding:8px 10px;border:1px solid #e8ece6;border-radius:6px;font-size:9px;color:#697669}.tracking-person{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f2f4}.tracking-person:last-child{border-bottom:0}.tracking-person .rep-name{flex:1}.tracking-person .status{font-size:8px}.tracking-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:15px}.tracking-controls div{display:grid;gap:4px}.tracking-controls b{font-size:10px}.tracking-controls small{font-size:9px;color:#929ca8}.tracking-controls div:nth-of-type(2){grid-column:1}.tracking-controls div:nth-of-type(2)+span{grid-column:2;grid-row:2}.tracking-grid+.panel{margin-top:0}
@media(max-width:850px){.tracking-grid{grid-template-columns:1fr}.demo-map{height:240px}}
@media(max-width:520px){.tracking-note{display:block}.tracking-note b{display:block;margin-bottom:4px}.tracking-controls{grid-template-columns:1fr}.tracking-controls div:nth-of-type(2),.tracking-controls div:nth-of-type(2)+span{grid-column:auto;grid-row:auto}.map-legend{gap:6px;font-size:8px}}