/* Page-scoped styles for tracking.html */
#dan-map {
      width: 100%; height: calc(100vh - 180px); min-height: 400px;
      border-radius: var(--radius); border: 1px solid #e5e3dc;
    }
    .tracking-header {
      display: flex; align-items: center; justify-content: space-between;
      flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;
    }
    .tracking-meta {
      display: flex; gap: 1.5rem; flex-wrap: wrap; font-size: 0.875rem;
    }
    .tracking-meta .meta-item { display: flex; flex-direction: column; gap: 0.15rem; }
    .tracking-meta .meta-label {
      font-size: 0.6875rem; font-weight: 700; text-transform: uppercase;
      letter-spacing: 0.05em; color: var(--muted);
    }
    .tracking-meta .meta-value { font-weight: 600; color: var(--ink); }
    .live-badge {
      display: inline-flex; align-items: center; gap: 6px;
      background: #dcfce7; color: #16a34a; padding: 0.3rem 0.75rem;
      border-radius: 999px; font-size: 0.75rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.04em;
    }
    .live-badge .dot {
      width: 8px; height: 8px; border-radius: 50%; background: #16a34a;
      animation: pulse 2s ease-in-out infinite;
    }
    @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }
    .stale-badge { background: #fef3c7; color: #d97706; }
    .stale-badge .dot { background: #d97706; }
    .offline-badge { background: #fef2f2; color: #dc2626; }
    .offline-badge .dot { background: #dc2626; animation: none; }
    .refresh-note {
      font-size: 0.75rem; color: var(--muted); margin-top: 0.5rem;
    }