/* IP */
.ip-grid { display:grid; grid-template-columns:1fr; gap:0.5rem; }
.ip-item {
  display:flex; flex-direction:column; gap:0.125rem;
  background:rgba(255,255,255,0.05); border-radius:0.75rem; padding:0.5rem 0.75rem;
}
.ip-label { font-size:0.625rem; color:rgba(255,255,255,0.5); text-transform:uppercase; letter-spacing:0.03em; }
.ip-val { font-size:0.875rem; font-weight:600; color:#fff; font-variant-numeric:tabular-nums; word-break:break-all; }
.ip-val.ip-big { font-size:1.125rem; font-weight:700; }

/* ISS */
#issMap {
  width:100%; height:220px; border-radius:0.75rem; overflow:hidden; background:#0a0a0a;
  margin-bottom:0.75rem; z-index:1;
}
.leaflet-container { background:#0a0a0a !important; }
.iss-marker {
  width:16px; height:16px; background:#ef4444; border-radius:50%;
  box-shadow: 0 0 0 4px rgba(239,68,68,0.3), 0 0 0 8px rgba(239,68,68,0.1);
  animation: iss-pulse 2s infinite;
}
@keyframes iss-pulse {
  0%,100% { transform:scale(1); opacity:1; }
  50% { transform:scale(1.3); opacity:0.7; }
}
.iss-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:0.5rem; }
.iss-item {
  background:rgba(255,255,255,0.05); border-radius:0.75rem; padding:0.5rem; text-align:center;
}
.iss-label { font-size:0.625rem; color:rgba(255,255,255,0.5); text-transform:uppercase; }
.iss-val { font-size:0.875rem; font-weight:700; color:#fff; }

/* Theme light overrides */
body.theme-light .ip-item { background: rgba(0,0,0,0.06); }
body.theme-light .ip-label { color: rgba(0,0,0,0.65); }
body.theme-light .ip-val { color: #0f172a; }
.theme-light #issMap { background: #e2e8f0; }
body.theme-light .leaflet-container { background: #e2e8f0 !important; }
body.theme-light .iss-item { background: rgba(0,0,0,0.06); }
body.theme-light .iss-label { color: rgba(0,0,0,0.65); }
body.theme-light .iss-val { color: #0f172a; }