/* JDServer-Webs v6.3 — modules/astronomy_now/astronomy-now.css
   Estética LIVE: tarjetas, grid responsive, pill de actualizado. */

#astronomy-now { margin: 14px 0 20px; }

.an-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px
}
.an-title{font-weight:600}
.an-updated{
  font-size:.9rem;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:8px
}

.an-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)
}
.an-badge .dot{
  width:.55rem;
  height:.55rem;
  border-radius:50%;
  box-shadow:0 0 0 1px var(--border) inset
}
.an-badge.ok .dot{background:#16a34a}
.an-badge.warn .dot{background:#f59e0b}
.an-badge.bad .dot{background:#dc2626}
.an-badge.unk .dot{background:#6b7280}

.an-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px
}
.an-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-1);
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:92px
}
.an-label{font-size:.88rem;color:var(--muted)}
.an-main{font-size:1.6rem;line-height:1.1;font-variant-numeric:tabular-nums}
.an-sub{font-size:.95rem;color:var(--muted)}

.an-empty{
  border:1px dashed var(--border);
  border-radius:var(--radius);
  padding:14px;
  background:var(--surface);
  color:var(--muted)
}

/* Faltaban estas clases (el JS ya las usa) */
.an-moon-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.an-moon-svg{
  flex:0 0 auto;
  width:88px;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.an-moon-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--muted);
  font-size:.95rem;
}
.an-moon-meta > div:first-child{
  color:var(--text);
  font-weight:600;
}