/* JDServer-Webs v6.2 — Solar Watch (SDO/ SOHO)
   Grid fluido, dark-friendly, responsive, con mini toolbar. */

#solar-watch { margin: 16px 0 28px; }
#solar-watch .sw-head{
  display:flex; align-items:baseline; gap:12px; margin-bottom:12px;
}
#solar-watch .sw-title{ font-weight:600; font-size:1.25rem; }
#solar-watch .sw-upd{ margin-left:auto; font-size:.9rem; opacity:.8; }
#solar-watch .sw-toolbar{ display:flex; gap:8px; }
#solar-watch .sw-btn{
  padding:6px 10px; border:1px solid var(--border);
  background: var(--card); border-radius: 999px; font-size:.85rem;
  cursor:pointer; user-select:none;
}
#solar-watch .sw-btn[disabled]{ opacity:.6; cursor:default; }

/* Grid de tarjetas */
#solar-watch .sw-grid{
  display:grid; gap:12px; grid-template-columns: 1fr;
}
@media (min-width: 820px){
  #solar-watch .sw-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 1240px){
  #solar-watch .sw-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); }
}

#solar-watch .sw-card{
  background: var(--card); border:1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow-1);
  overflow:hidden; display:flex; flex-direction:column; min-height: 220px;
}
#solar-watch .sw-card header{
  display:flex; align-items:center; gap:8px;
  padding:10px 12px; border-bottom:1px dashed var(--border);
}
#solar-watch .sw-tag{
  font-size:.75rem; opacity:.8; padding:2px 8px; border:1px solid var(--border);
  border-radius:999px; background:var(--bg);
}
#solar-watch .sw-body{ position:relative; }
#solar-watch .sw-img{
  display:block; width:100%; height:auto; background:#000;
  aspect-ratio: 1 / 1; object-fit: contain;
  /* mejora legibilidad en tema oscuro */
  image-rendering: -webkit-optimize-contrast;
}
#solar-watch .sw-caption{
  padding:8px 12px; font-size:.9rem; opacity:.9; display:flex; justify-content:space-between; gap:8px;
}
#solar-watch .sw-error{
  color:#f87171; font-size:.9rem; padding:10px 12px; display:none;
}

/* mini status puntito */
#solar-watch .dot{width:8px;height:8px;border-radius:50%; background:#22c55e;}
#solar-watch .dot.warn{background:#f59e0b;}
#solar-watch .dot.bad{background:#ef4444;}