.source-strip{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:12px 14px;margin-bottom:12px;border-radius:12px;
  background:linear-gradient(135deg,#0b273d,#0b1b2d);border:1px solid #28516d
}
.source-kicker{display:block;font-size:9px;letter-spacing:.09em;color:#79a6c3;font-weight:800;margin-bottom:3px}
.source-strip strong{font-size:12px}.source-right{text-align:right}.source-right span{display:block;color:#829aaf;font-size:9px;text-transform:uppercase}

.tracking-status{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid;font-size:10px;font-weight:900}
.tracking-status.live{background:#0c291f;color:#9ef0ca;border-color:#2d7255}
.tracking-status.off,.tracking-status.finished{background:#301617;color:#ffb2b5;border-color:#753639}
.tracking-status.lost{background:#2a210d;color:#ffd98a;border-color:#806229}
.tracking-status.waiting{background:#192431;color:#c7d4df;border-color:#465769}
.tracking-dot{width:7px;height:7px;border-radius:50%;background:currentColor}

.telemetry-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-bottom:14px}
.telemetry-card{background:#0c1c2d;border:1px solid #1d3c59;border-radius:11px;padding:11px}
.telemetry-card span{display:block;color:#8199ad;font-size:9px;text-transform:uppercase}
.telemetry-card strong{display:block;font-size:17px;margin-top:6px}
.telemetry-card small{color:#7991a5;font-size:9px}

.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:14px}
.tracking-map-card{background:#0c1c2d;border:1px solid #1d3c59;border-radius:13px;overflow:hidden}
.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid #1d3c59}
.map-toolbar strong{display:block;font-size:12px}.map-toolbar>div>span{display:block;color:#859db1;font-size:9px;margin-top:2px}
.map-legend{display:flex!important;gap:11px;align-items:center;flex-wrap:wrap}
.map-legend span{display:flex!important;align-items:center;gap:5px;margin:0!important}
.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.legend-dot.launch{background:#f2c15a}.legend-dot.first{background:#48bdf2}.legend-dot.sonde{background:#fff}.legend-dot.receiver{background:#51d49a}

#trackingMap{height:625px}
.map-footer{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;color:#8fa7ba;font-size:10px;border-top:1px solid #1d3c59}

.tracking-side{display:grid;gap:14px;align-content:start}
.tracking-panel .card-body{padding-top:5px}
.info-row{display:flex;justify-content:space-between;gap:12px;padding:8px 1px;border-bottom:1px solid #17324a;font-size:11px}
.info-row:last-child{border-bottom:0}.info-row span{color:#8da4b7}.info-row strong{text-align:right}
.info-row.emphasis strong{color:#8fe0ff}

.ref-block{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:10px 2px;border-bottom:1px solid #17324a}
.ref-block:last-child{border-bottom:0}
.ref-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid}
.ref-icon.launch{background:#2b2010;border-color:#7a5a24}
.ref-icon.first{background:#10283a;border-color:#35688d;color:#67c7ff}
.ref-icon.rx{background:#0e281f;border-color:#347157}
.ref-block strong{display:block;font-size:11px;color:#eef6ff}
.ref-block span{display:block;font-size:10px;color:#9cb0c0;margin-top:3px}
.ref-block small{display:block;font-size:9px;color:#748da0;margin-top:3px}

.tracking-note{margin-top:14px;padding:11px 13px;border:1px solid #29465f;border-radius:10px;background:#0c1c2d;color:#8ea7ba;font-size:10px;line-height:1.5}

@media(max-width:1250px){
  .telemetry-grid{grid-template-columns:repeat(4,1fr)}
  .tracking-layout{grid-template-columns:1fr}
  #trackingMap{height:560px}
}
@media(max-width:700px){
  .telemetry-grid{grid-template-columns:repeat(2,1fr)}
  .source-strip,.map-toolbar{align-items:flex-start;flex-direction:column}
  .source-right{text-align:left}
  #trackingMap{height:470px}
}

.card-subtitle{font-size:9px;color:#7e97aa;margin-top:3px}
.prediction-badge{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900;border:1px solid}
.prediction-badge.on{background:#251d38;border-color:#7454a1;color:#dfc9ff}
.prediction-badge.off{background:#1a222a;border-color:#485764;color:#9daeba}
.legend-dot.prediction{background:#a78bfa}
.prediction-note{font-size:9px;color:#879caf;margin-top:6px;line-height:1.4}

.compare-separator{height:1px;background:#1d3b55;margin:5px 0}
.comparison-quality{
  margin-top:9px;padding:8px 9px;border-radius:8px;
  background:#091827;border:1px solid #203b55;
  color:#91a8bb;font-size:9px;line-height:1.45
}
.comparison-quality.good{color:#a5e8c8;border-color:#2c684e;background:#0b2119}
.comparison-quality.warn{color:#f0d399;border-color:#6b5527;background:#261e0d}
.comparison-quality.info{color:#9ed8f4;border-color:#315e78;background:#0b2130}


/* Tracking 1.4 · gráficos de telemetría sincronizados */
.tracking-main-column{min-width:0;display:grid;gap:14px;align-content:start}
.telemetry-charts-card{
  background:#0c1c2d;border:1px solid #1d3c59;border-radius:13px;overflow:hidden
}
.telemetry-charts-head{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:12px 14px;border-bottom:1px solid #1d3c59
}
.telemetry-charts-head strong{display:block;font-size:12px}
.telemetry-charts-head span{display:block;color:#8199ad;font-size:9px;margin-top:3px}
.charts-live-badge{
  padding:7px 10px;border-radius:999px;background:#192431;border:1px solid #465769;
  color:#dce8f1;font-size:9px;font-weight:900
}
.telemetry-charts-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px
}
.telemetry-chart{
  position:relative;min-width:0;height:260px;padding:12px 12px 8px;
  border-radius:12px;background:#081526;border:1px solid #1b3550;overflow:hidden
}
.chart-title{height:24px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#dce9f4}
.chart-swatch{display:inline-block;width:30px;height:9px;border:2px solid;border-radius:1px}
.chart-swatch.altitude{border-color:#00d8ff;background:rgba(0,216,255,.12)}
.chart-swatch.temperature{border-color:#ff9f0a;background:rgba(255,159,10,.12)}
.chart-swatch.vertical{border-color:#b96cff;background:rgba(185,108,255,.12)}
.chart-swatch.snr{border-color:#20d07a;background:rgba(32,208,122,.12)}
.telemetry-chart canvas{display:block;width:100%;height:210px;cursor:crosshair}
.chart-tooltip{
  display:none;position:absolute;z-index:5;pointer-events:none;min-width:128px;
  padding:7px 8px;border-radius:6px;background:rgba(4,13,24,.94);border:1px solid #39536a;
  color:#eef7ff;font-size:9px;line-height:1.55;box-shadow:0 5px 15px rgba(0,0,0,.35)
}
.chart-tooltip.show{display:block}
.charts-footer{
  display:flex;justify-content:space-between;gap:15px;padding:9px 14px;
  border-top:1px solid #1d3c59;color:#829bad;font-size:9px
}
.charts-footer strong{color:#cde3f2}
@media(max-width:900px){
  .telemetry-charts-grid{grid-template-columns:1fr}
  .telemetry-chart{height:245px}
  .telemetry-chart canvas{height:195px}
}
@media(max-width:600px){
  .telemetry-charts-head,.charts-footer{align-items:flex-start;flex-direction:column}
}