/* V112: shared approved Sky Scout components on the Chart and Transits pages.
   Finder = master panel geometry; Chart = master input/action appearance.
   Deliberately scoped away from Pathfinder. No calculations or interactions changed. */
.sky-page-chart,.sky-page-transits{
  --sky-card-bg:linear-gradient(165deg,rgba(53,35,77,.96),rgba(31,21,55,.98) 52%,rgba(18,13,37,.99));
  --sky-card-header-bg:linear-gradient(180deg,rgba(117,83,160,.34),rgba(83,55,120,.18));
  --sky-card-border:#b283dc;
  --sky-card-separator:rgba(229,211,249,.27);
  --sky-field-bg:linear-gradient(180deg,#483361 0%,#2a203f 100%);
  --sky-field-border:#7859a3;
  --sky-field-shadow:inset 0 1px 0 #ffffff19,0 2px 7px #09051233;
  --sky-primary-bg:linear-gradient(180deg,#8149b3 0%,#542989 53%,#2b154e 100%);
  --sky-primary-shadow:0 0 0 1px rgba(173,99,228,.35),0 0 12px rgba(201,128,255,.75),0 0 25px rgba(153,78,232,.46),0 5px 15px rgba(9,3,22,.48),inset 0 1px 0 rgba(255,224,255,.48);
}
/* The same shell and corner geometry as the approved Position/Transit Finder. */
.sky-page-chart main>section.panel,
.sky-page-transits main>section.panel{
  background:var(--sky-card-bg) !important;
  border:1.5px solid var(--sky-card-border) !important;
  border-radius:32px !important;
  box-shadow:0 0 0 1px #a96ce42b,0 0 15px #aa62e350,0 0 30px #6d35af33,0 12px 34px #0803168a,inset 0 1px #ead5ff2c !important;
}
/* Finder and Upcoming Transits use the identical header measurements and fills. */
.sky-page-transits .sky-transits-unified>.finder-summary{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-height:58px !important;
  height:58px !important;
  margin:0 !important;
  padding:16px 22px !important;
  border:0 !important;
  border-bottom:1px solid var(--sky-card-separator) !important;
  border-radius:32px 32px 0 0 !important;
  background:var(--sky-card-header-bg) !important;
  color:#e9daf9 !important;
  font:700 15px/1.35 'Jost','Trebuchet MS',Arial,sans-serif !important;
  text-align:left !important;
}
.sky-page-transits .sky-transits-unified>.finder-summary .finder-heading{width:100%;justify-content:flex-start;}
.sky-page-transits .sky-transits-unified.panel:has(.table-scroll){
  padding:0 !important;
  overflow:hidden !important;
}
.sky-page-transits .sky-transits-unified>.sky-transits-body{
  box-sizing:border-box;
  padding:12px clamp(12px,3.5vw,21px) 16px;
  border-radius:0 0 32px 32px;
}
.sky-page-transits .sky-transits-unified .search-action{margin:12px 0 0;}
/* Chart positions table: same outer shell and a header band using the same
   header surface; actual planetary position rows are not changed. */
.sky-page-chart main>section.panel:has(#positions){padding:0 !important;overflow:hidden;}
.sky-page-chart main>section.panel:has(#positions)>.table-scroll{width:100%;}
.sky-page-chart main>section.panel:has(#positions)>.table-scroll>table{width:100%;border-collapse:collapse;}
.sky-page-chart main>section.panel:has(#positions) th.table-actions{
  box-sizing:border-box;
  height:58px;
  padding:16px 22px !important;
  background:var(--sky-card-header-bg) !important;
  border-bottom:1px solid var(--sky-card-separator) !important;
}
/* One set of field dimensions and typography based on the Planetary Chart's
   existing date control. Keep specialized wheel arrows/animation icons intact. */
.sky-page-chart #chartDatePicker,
.sky-page-chart #chartTimePicker,
.sky-page-chart .orientation-panel .timezone-control select,
.sky-page-transits .position-finder .finder-field :is(input:not([type=checkbox]):not([type=radio]),select),
.sky-page-transits .position-finder .finder-extra-row select,
.sky-page-transits .sky-transits-unified .search-inputs :is(input,select){
  box-sizing:border-box !important;
  width:100%;
  min-height:36px !important;
  height:36px !important;
  max-height:36px !important;
  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;
  color:#f5edff !important;
  font:400 13px/1.25 'Jost','Trebuchet MS',Arial,sans-serif !important;
}
.sky-page-chart #chartDatePicker,
.sky-page-chart #chartTimePicker,
.sky-page-chart .orientation-panel .timezone-control select,
.sky-page-transits .position-finder .finder-field :is(input:not([type=checkbox]):not([type=radio]),select),
.sky-page-transits .position-finder .finder-extra-row select,
.sky-page-transits .sky-transits-unified .search-inputs :is(input,select){padding-left:11px !important;padding-right:11px !important;}
/* Share the Chart's approved primary-action gradient, geometry and glow. */
.sky-page-chart #pwAnimate,
.sky-page-chart .sky-unified-chart-panel>.sky-v66-save-row .sky-life-save-icon,
.sky-page-transits #finderGo,
.sky-page-transits #show,
.sky-page-transits #more{
  box-sizing:border-box !important;
  min-height:36px !important;
  height:36px !important;
  max-height:36px !important;
  border:1px solid #c88efc !important;
  border-radius:18px !important;
  background:var(--sky-primary-bg) !important;
  box-shadow:var(--sky-primary-shadow) !important;
  color:#fff8ff !important;
  font:650 13px/1.1 'Jost','Trebuchet MS',Arial,sans-serif !important;
  padding:0 18px !important;
}
/* The two different types of transit-search toggles share the same field shell
   while retaining their existing radio/expand behavior. */
.sky-page-transits .sky-transits-unified .search-mode label,
.sky-page-transits .sky-transits-unified .planet-picker>summary{
  border-radius:18px !important;
  border-color:var(--sky-field-border) !important;
  background:var(--sky-field-bg) !important;
  box-shadow:var(--sky-field-shadow) !important;
  color:#f5edff !important;
  font:650 13px/1.25 'Jost','Trebuchet MS',Arial,sans-serif !important;
  min-height:36px !important;
  height:36px !important;
  max-height:36px !important;
}
/* Preserve the contrasting transit-result rows and small pale symbol capsules. */
.sky-page-transits .sky-transits-unified .sky-transits-results .table-scroll,
.sky-page-transits .sky-transits-unified .sky-transits-results .table-scroll:has(.event-list){
  background:transparent !important;border:0 !important;box-shadow:none !important;
}

/* Earlier dedicated control rules set a 30/32px max-height. Include their
   original IDs so these shared dimensions win across responsive view modes. */
.sky-page-chart main .controls .pw-animation-toolbar #pwAnimate,
html.sky-desktop .sky-page-chart main .controls .pw-animation-toolbar #pwAnimate,
.sky-page-transits main .search-panel .search-inputs #fromTime,
.sky-page-transits main .search-panel .search-inputs #rangeFrom,
.sky-page-transits main .search-panel .search-inputs #rangeTo{
  box-sizing:border-box !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  border-radius:18px !important;
  font:400 13px/1.25 'Jost','Trebuchet MS',Arial,sans-serif !important;
}
.sky-page-chart main .controls .pw-animation-toolbar #pwAnimate,
html.sky-desktop .sky-page-chart main .controls .pw-animation-toolbar #pwAnimate{
  font-weight:650 !important;
}