/* V57: unify the date/animation, wheel, and chart settings in their existing order. */
.sky-unified-chart-panel{padding:12px 8px 14px}
.sky-unified-chart-panel > .planetwatcher-nav,
.sky-unified-chart-panel > .date-options,
.sky-unified-chart-panel > .pw-animation-toolbar,
.sky-unified-chart-panel > .pw-animation-rate,
.sky-unified-chart-panel > #status,
.sky-unified-chart-panel > #error{box-sizing:border-box}
.sky-unified-chart-panel > .chart-wrap{margin-top:18px}
.sky-unified-chart-panel > .aspects-key{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  justify-content:center!important;gap:7px!important;
  font-size:clamp(8px,2.2vw,11px)!important;line-height:1.25!important;
  white-space:nowrap!important;margin:7px 0 5px!important;
}
.sky-unified-chart-panel > .aspects-key > span{white-space:nowrap!important;min-width:0}
.sky-unified-chart-panel > .aspects-key .legend-line{width:13px!important;margin-right:3px!important}
.sky-unified-chart-panel > .orientation-panel{margin:6px 7px 0!important;padding:9px 7px 4px!important;border:0!important;border-top:1px solid #d8e3ee!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.sky-unified-chart-panel > .orientation-panel .section-title{font-size:13px!important;line-height:1.2!important;margin:0 0 6px!important}
.sky-unified-chart-panel > .orientation-panel .mode-controls{gap:5px 12px!important;flex-wrap:wrap!important}
.sky-unified-chart-panel > .orientation-panel .mode-controls label{font-size:11px!important;min-height:22px!important}
.sky-unified-chart-panel > .orientation-panel .timezone-control{margin-top:5px!important}
.sky-unified-chart-panel > .orientation-panel .orb-row{margin-top:5px!important}
.sky-unified-chart-panel > .orientation-panel .chart-snapshot-link{font-size:12px!important;margin:7px auto 2px!important}


/* V60: the animation menu must stack above the wheel when expanded.
   The toolbar forms an isolated stacking context; raise just that context
   while its dropdown is open, without moving or restyling any element. */
.sky-unified-chart-panel > .pw-animation-toolbar:has(#pwAnimationSettings[open]) {
  z-index: 20;
}