/*! JDServer-Webs v6.2 — astronomy_sky_live PRO (VirtualSky) */
#astronomy-sky-live{ margin:20px 0; }

#astronomy-sky-live .asl-head{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:10px;
}
#astronomy-sky-live .asl-title{ font-size:1.3rem; font-weight:600; }
#astronomy-sky-live .asl-updated{ font-size:.9rem; color:var(--muted); }

#astronomy-sky-live .asl-canvas-wrap{
  width:100%; background:#0b0b0b; border-radius:var(--radius);
  overflow:hidden; position:relative; box-shadow: var(--shadow-1);
}
#astronomy-sky-live .asl-canvas{ display:block; width:100%; height:auto; background:#000; }

#astronomy-sky-live .asl-toolbar{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; align-items:center;
}
#astronomy-sky-live .asl-btn, #astronomy-sky-live .asl-toggle{
  background:var(--card); border:1px solid var(--border); color:var(--text);
  border-radius:14px; padding:6px 10px; font-size:.9rem; cursor:pointer;
  display:inline-flex; align-items:center; gap:6px; user-select:none;
}
#astronomy-sky-live .asl-btn:hover, #astronomy-sky-live .asl-toggle:hover{ background:var(--hover); }
#astronomy-sky-live .asl-btn:disabled{ opacity:.45; cursor:not-allowed; }
#astronomy-sky-live .asl-toggle[data-on="1"]{
  background:var(--accent, #243); border-color:var(--accent, #375); color:#fff;
}
#astronomy-sky-live .asl-spacer{ flex:1 1 auto; }

#astronomy-sky-live .asl-legend{
  margin-top:8px; font-size:.9rem; color:var(--muted);
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
}
#astronomy-sky-live .asl-dot{ width:10px; height:10px; border-radius:50%; display:inline-block; }
#astronomy-sky-live .asl-dot.sun{ background:#f59e0b; }
#astronomy-sky-live .asl-dot.moon{ background:#60a5fa; }
#astronomy-sky-live .asl-dot.planet{ background:#a78bfa; }

/* Pseudo-fullscreen (fallback para iOS) */
#astronomy-sky-live.asl-full{
  position:fixed; inset:0; z-index:9999; background:#000; margin:0;
  border-radius:0 !important; padding:10px 10px 56px;
}
#astronomy-sky-live.asl-full .asl-canvas-wrap{ height:calc(100vh - 86px); }
#astronomy-sky-live.asl-full .asl-toolbar{
  position:fixed; left:10px; right:10px; bottom:10px;
  background:rgba(0,0,0,.35); backdrop-filter: blur(6px);
  padding:8px; border-radius:12px;
}

@media (max-width: 820px){
  #astronomy-sky-live .asl-canvas-wrap{ min-height: 70vw; }
  #astronomy-sky-live .asl-btn, #astronomy-sky-live .asl-toggle{
    padding:6px 9px; font-size:.88rem;
  }
}