/* JDServer-Webs v6.2 — modules/iss/iss.css */
#iss { margin: 14px 0 22px; }
.iss-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.iss-title{ font-weight:600; }
.iss-updated{ font-size:.9rem; color:var(--muted); display:flex; align-items:center; gap:8px; }

.iss-grid{
  display:grid;
  grid-template-columns: 1.3fr .7fr;
  gap:12px;
}
@media (max-width: 980px){
  .iss-grid{ grid-template-columns: 1fr; }
}

/* Tarjetas LIVE reusadas */
.iss-card, .iss-side, .iss-video{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
}

.iss-map{
  height: 420px;
  border-radius: var(--radius);
  overflow: hidden;
}
@media (max-width: 520px){
  .iss-map{ height: 360px; }
}

.iss-side{ padding: 12px; display:flex; flex-direction:column; gap:10px; }
.iss-row{ display:flex; justify-content:space-between; align-items:center; }
.iss-label{ font-size:.9rem; color:var(--muted); }
.iss-value{ font-variant-numeric: tabular-nums; }

.iss-badge{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.15rem .5rem; border-radius:999px; font-size:.78rem; line-height:1;
  border:1px solid var(--border); background:var(--card); color:var(--muted);
}
.iss-badge .dot{ width:.55rem; height:.55rem; border-radius:50%; box-shadow:0 0 0 1px var(--border) inset; }
.iss-badge.ok .dot{ background:#16a34a; }
.iss-badge.warn .dot{ background:#f59e0b; }
.iss-badge.bad .dot{ background:#dc2626; }
.iss-badge.unk .dot{ background:#6b7280; }

.iss-video{ margin-top:12px; padding:0; overflow:hidden; }
.iss-video header{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid var(--border); }
.iss-video .sel{ display:flex; gap:8px; }
.iss-video .btn{
  font-size:.85rem; padding:.35rem .6rem; border:1px solid var(--border); border-radius:999px; background:var(--surface);
}
.iss-video .btn.active{ background:var(--primary-soft, var(--surface)); border-color:var(--primary,#888); color:var(--text); }
.iss-video .frame-wrap{ position:relative; padding-top:56.25%; }
.iss-video iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* Leaflet tune (auto cargado): respetar esquemas */
.leaflet-container{ background: var(--surface); }
.leaflet-control-attribution{ font-size:10px; }

/* Mini leyenda bajo mapa */
.iss-legend{ margin-top:8px; font-size:.85rem; color:var(--muted); display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.iss-legend .swatch{ display:inline-block; width:12px; height:3px; border-radius:2px; vertical-align:middle; margin-right:6px; }
.iss-legend .cur{ background:#1d4ed8; }
.iss-legend .trk{ background:#16a34a; }