/* Simple CSS for the tracking page */
html, body { margin:0; padding:0; height:100%; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
#map { height: 60%; }
#map-fallback.hidden { display:none }
#map-fallback { height:60%; display:flex; align-items:center; justify-content:center; background:#f8fafc; }
#map-fallback img{ max-width:100%; max-height:100%; object-fit:contain }
#panel{ padding:14px; border-top:1px solid #e5e7eb }
.row{ display:flex; gap:8px; align-items:center; margin:6px 0 }
.row span{ width:70px; color:#6b7280 }
.muted{ color:#6b7280; font-size:14px }
.btn{ display:inline-block; border:1px solid #0a7; background:#0a7; color:#fff; padding:10px 12px; border-radius:10px; cursor:pointer; text-decoration:none }
.btn.ghost{ background:#fff; color:#0a7 }