/* V113: Targeted Chart and Transits layout refinements. Pathfinder untouched. */

/* Chart table now contains its planetary positions; retain the chart's padding
   rather than the V112 stand-alone positions panel's zero-padding rule. */
.sky-page-chart main>section.panel.sky-unified-chart-panel:has(#positions){
  padding:14px !important;
  overflow:visible !important;
}
.sky-page-chart .sky-unified-chart-panel>.sky-chart-panel-header{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-height:58px;height:58px;
  margin:-14px -14px 13px;padding:16px 22px;
  border:0;border-bottom:1px solid var(--sky-card-separator);
  border-radius:30px 30px 0 0;
  background:var(--sky-card-header-bg);
  color:#e9daf9;
  font:700 15px/1.35 'Jost','Trebuchet MS',Arial,sans-serif;
  text-align:center;
}
/* Remove only the outer navigator outline. Leave arrow and Now button surfaces. */
.sky-page-chart .sky-unified-chart-panel>.planetwatcher-nav{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
/* Combined native date-and-time input, with original Time Zone control relocated
   into the second column. Both fields reuse the approved V112 dimensions. */
.sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;align-items:end;
}
.sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row>div{min-width:0;}
.sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row #chartDateTimePicker,
.sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row #timeZone{
  display:block;box-sizing:border-box;width:100%;min-width:0;
  height:36px !important;min-height:36px !important;max-height:36px !important;
  padding:0 8px !important;
  font:400 12px/1.25 'Jost','Trebuchet MS',Arial,sans-serif !important;
  color:#f5edff !important;color-scheme:dark;
  border:1px solid var(--sky-field-border) !important;border-radius:18px !important;
  background:var(--sky-field-bg) !important;box-shadow:var(--sky-field-shadow) !important;
}
.sky-page-chart .sky-v113-datetime-row .sky-v113-timezone{
  display:block;margin:0 !important;padding:0 !important;max-width:none !important;
}
.sky-page-chart .sky-v113-datetime-row #chartDateTimePicker:focus-visible,
.sky-page-chart .sky-v113-datetime-row #timeZone:focus-visible{outline:2px solid #c89dff;outline-offset:2px;}
@media(max-width:540px){
  .sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row #chartDateTimePicker,
  .sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row #timeZone{
    font-size:10.5px !important;padding-left:5px !important;padding-right:5px !important;
  }
}
/* Remove the orientation heading/divider; center the untouched choices. */
.sky-page-chart .sky-unified-chart-panel>.orientation-panel{
  border:0 !important;border-top:0 !important;box-shadow:none !important;
  margin-top:4px !important;padding-top:4px !important;
}
.sky-page-chart .sky-unified-chart-panel>.orientation-panel .mode-controls{
  display:flex;justify-content:center;align-items:center;gap:8px 18px !important;
}
/* Both bottom actions belong above the merged planet table. */
.sky-page-chart .sky-unified-chart-panel>.sky-v66-save-row{margin:9px auto 2px !important;}
.sky-page-chart .sky-unified-chart-panel>.chart-snapshot-link{margin:8px auto 10px !important;}
.sky-page-chart .sky-unified-chart-panel>.sky-positions-merged{
  margin:11px -14px -14px;
  border-top:1px solid var(--sky-card-separator);
  border-radius:0 0 30px 30px;
  overflow:hidden;
}
.sky-page-chart .sky-positions-merged>.table-scroll,
.sky-page-chart .sky-positions-merged>.table-scroll>table{width:100%;}
.sky-page-chart .sky-positions-merged>.table-scroll>table{border-collapse:collapse;}

/* The Upcoming Transits header is centered, without an icon. */
.sky-page-transits .sky-transits-unified>.finder-summary,
.sky-page-transits .sky-transits-unified>.finder-summary .finder-heading{
  justify-content:center !important;text-align:center !important;
}
/* White-on-purple glyphs, degree readouts, and aspect/station symbols without capsules. */
.sky-page-transits .sky-transits-unified .event-list td:nth-child(2) .pw-event-icons{
  min-height:0 !important;padding:0 !important;border:0 !important;
  border-radius:0 !important;background:transparent !important;box-shadow:none !important;
}
.sky-page-transits .sky-transits-unified .event-list td:nth-child(2) .pw-icon,
.sky-page-transits .sky-transits-unified .event-list .event-icon-position,
.sky-page-transits .sky-transits-unified .event-list .sky-station-motion{
  color:#f7efff !important;
}
.sky-page-transits .sky-transits-unified .event-list td:nth-child(2) .pw-icon svg [fill]:not([fill="none"]){fill:#f7efff !important;}
.sky-page-transits .sky-transits-unified .event-list td:nth-child(2) .pw-icon svg [stroke]:not([stroke="none"]){stroke:#f7efff !important;}
/* Shorter but still comfortably spaced transit entries. */
.sky-page-transits .sky-transits-unified .event-list tr{
  padding:8px 0 !important;
}
.sky-page-transits .sky-transits-unified .event-list td{line-height:1.25 !important;}

/* V114: only enlarge the chart wheel and scale the step/Now group together
   on mobile. The wheel's SVG geometry and all astronomical code are unchanged. */
@media (max-width:609px){
  /* Centre the enlarged wheel inside the existing panel, close to its border. */
  .sky-page-chart .sky-unified-chart-panel > .chart-wrap{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
    min-width:0;
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
  /* Increase the whole navigation group, not just the strip's height. */
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .sky-page-chart .sky-unified-chart-panel .nav-direction-row{
    height:36px !important;
  }
  .sky-page-chart .sky-unified-chart-panel .nav-side{
    height:36px !important;
    min-height:36px !important;
    grid-template-rows:36px !important;
  }
  .sky-page-chart .sky-unified-chart-panel .nav-side button{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
  .sky-page-chart .sky-unified-chart-panel .nav-side .nav-arrow{
    font-size:clamp(16px, 4.87vw, 19px) !important;
    height:19px;
    min-height:19px;
  }
  .sky-page-chart .sky-unified-chart-panel .nav-side .nav-unit{
    font-size:clamp(8px, 2.55vw, 10px) !important;
    height:11px;
    line-height:11px !important;
  }
  .sky-page-chart .sky-unified-chart-panel #now{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    width:clamp(48px, 14.36vw, 56px) !important;
    min-width:clamp(48px, 14.36vw, 56px) !important;
    max-width:clamp(48px, 14.36vw, 56px) !important;
    flex-basis:clamp(48px, 14.36vw, 56px) !important;
    font-size:12px !important;
  }
  /* V115: make the date/time readout noticeably larger and keep it centered
     in the top slot, while nudging the animation row slightly upward. */
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-current{
    font-size:17px !important;
    line-height:1.16 !important;
    min-width:0 !important;
    padding:3px 14px 2px !important;
    text-align:center !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-date,
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-clock{
    font-size:inherit !important;
    line-height:inherit !important;
  }
  .sky-page-chart .sky-unified-chart-panel > .pw-animation-toolbar{
    margin:-3px auto 0 !important;
  }
}

/* V116: Height-only consistency for the two Chart navigation/animation rows.
   Do not modify fonts, widths, spacing, astronomical logic, or other inputs. */
@media (max-width:609px){
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-direction-row,
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-side{
    box-sizing:border-box !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-side{
    grid-template-rows:34px !important;
  }
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-side button,
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav #now{
    box-sizing:border-box !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
  .sky-page-chart .sky-unified-chart-panel > .pw-animation-toolbar,
  .sky-page-chart .sky-unified-chart-panel > .pw-animation-toolbar .pw-animation-settings{
    box-sizing:border-box !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
  .sky-page-chart .sky-unified-chart-panel > .pw-animation-toolbar .pw-animation-settings > summary,
  .sky-page-chart .sky-unified-chart-panel > .pw-animation-toolbar #pwStop,
  .sky-page-chart .sky-unified-chart-panel > .pw-animation-toolbar #pwReset,
  .sky-page-chart main .controls.sky-unified-chart-panel > .pw-animation-toolbar #pwAnimate{
    box-sizing:border-box !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
}

/* V118: Hide only the redundant date/time readout above the Chart navigation.
   Keep its DOM node for existing date updates; the nav naturally collapses
   so the back/Now/forward controls move into the vacated space. */
.sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav > #navCurrent{
  display:none !important;
}


/* V119: Hide only the two visible labels above the Chart date and time-zone
   selectors (each retains its existing accessible aria-label). On phones,
   let only this two-field row use slightly more of the existing panel width. */
.sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row > div > label.field-label{
  display:none !important;
}
@media (max-width:609px){
  .sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row{
    width:calc(100% + 18px) !important;
    margin-left:-9px !important;
    margin-right:-9px !important;
  }
}
@media (max-width:340px){
  .sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row{
    width:calc(100% + 9px) !important;
    margin-right:0 !important;
  }
}

/* V121: Center the two selector boxes together on mobile, preserving
   their V119 widths and text alignment. */
@media (max-width:609px){
  .sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row{
    justify-self:center !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
@media (max-width:335px){
  /* Narrowest devices: keep the full-width pair centered despite grid minimums. */
  .sky-page-chart .sky-unified-chart-panel .sky-v113-datetime-row{
    transform:translateX(calc(50vw - 167.5px));
  }
}

/* V122: Give only the eight date-step sections a little more horizontal room.
   Keep Now, arrow labels, button heights, and all other layout unchanged. */
@media (max-width:609px){
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-direction-row{
    width:calc(100% + 16px) !important;
    margin-left:-8px !important;
    margin-right:-8px !important;
  }
}
@media (max-width:335px){
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-direction-row{
    width:calc(100% + 12px) !important;
    margin-left:-12px !important;
    margin-right:0 !important;
  }
}

/* V123: Redistribute existing mobile time-step button widths only.
   Wider outer Month/Hour sections, narrower inner Week/Day sections;
   preserve navigation group dimensions, labels, typography and button heights. */
@media (max-width:609px){
  .sky-page-chart .sky-unified-chart-panel > .planetwatcher-nav .nav-side{
    grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr) minmax(0,.86fr) minmax(0,1.14fr) !important;
  }
}

/* V124: Extend only the merged planet table's bottom edge so the rounded
   corners clear the existing North Node row; leave all row geometry intact. */
.sky-page-chart .sky-unified-chart-panel > .sky-positions-merged{
  padding-bottom:16px;
}

/* V125: Remove only the Select/Deselect All header band framing and
   align its checkbox with the checkbox column in the planet rows. */
.sky-page-chart .sky-unified-chart-panel > .sky-positions-merged{
  border-top-color:transparent !important;
}
.sky-page-chart main>section.panel.sky-unified-chart-panel:has(#positions) .sky-positions-merged th.table-actions{
  padding-left:5px !important;
  background:transparent !important;
  border-bottom-color:transparent !important;
}