/* ==========================================================================
   ORBIT — Data Center
   ========================================================================== */

.chart-panel { border: 1px solid var(--glass-border); border-radius: var(--radius-md); padding: var(--space-6); background: var(--space-navy); }
.chart-panel h4 { font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted); margin-bottom: var(--space-4); }

.legend { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-4); }
.legend-item { display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-xs); color: var(--text-secondary); }
.legend-dot { width: 10px; height: 10px; border-radius: 50%; }

.data-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.data-table th { text-align: left; padding: var(--space-3) var(--space-4); font-size: var(--fs-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--cosmic-gold); border-bottom: 1px solid var(--glass-border); position: sticky; top: 0; background: var(--space-navy); }
.data-table td { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--glass-border); color: var(--text-secondary); }
.data-table tr:hover td { background: rgba(255,255,255,0.02); }

.api-status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-3); }
.api-status-item { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); border: 1px solid var(--glass-border); font-size: var(--fs-sm); }

.launch-map { position: relative; height: 320px; border-radius: var(--radius-md); border: 1px solid var(--glass-border); background: radial-gradient(ellipse at center, var(--nebula-blue), var(--void-black)); overflow: hidden; }
.launch-pin { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--cosmic-gold); box-shadow: 0 0 12px var(--glow-gold); }
.launch-pin::after { content: attr(data-label); position: absolute; top: -22px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--text-secondary); white-space: nowrap; }