/* ORBITAL · Paneles opcionales. Este archivo solo cambia su presentación.
   Los colores de planetas, eclipses y estados conservan su significado. */

/* 1. Accesos compactos: todos los detalles siguen siendo desplegables nativos. */
body.orbital-theme .discovery-heading {
  margin: 26px 0 12px;
  gap: 10px 18px;
}

body.orbital-theme .discovery-heading h2 {
  color: #e9ecec;
  font-size: 13px;
  font-weight: 550;
  letter-spacing: 0.07em;
}

body.orbital-theme .discovery-heading p,
body.orbital-theme .details-heading {
  color: var(--orbital-muted, #a5adae);
  font-size: 11px;
}

body.orbital-theme .details-heading {
  margin: 24px 0 11px;
  letter-spacing: 0.08em;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid) {
  gap: 9px;
}

body.orbital-theme .discovery-grid > .compact-panel,
body.orbital-theme .discovery-grid :is(.comparison-card, .jupiter-discovery, .worlds-discovery),
body.orbital-theme #tonight-view .tonight-panel,
body.orbital-theme .scene-settings-grid :is(.compact-panel, .photography-details),
body.orbital-theme .settings-grid > .compact-panel,
body.orbital-theme .discovery-grid .discovery-launch {
  border: 1px solid var(--orbital-line, #3b4549);
  border-radius: 6px;
  background: linear-gradient(125deg, #192024, #12181c 80%);
  color: #e9ecec;
  box-shadow: inset 0 1px 0 #ffffff03;
}

body.orbital-theme .discovery-grid .discovery-launch:hover {
  background: #21292c;
  border-color: #68716e;
}

body.orbital-theme .discovery-grid .discovery-launch.selected {
  border-color: var(--orbital-accent, #e9bb75);
  box-shadow: inset 3px 0 0 var(--orbital-accent, #e9bb75);
}

body.orbital-theme .discovery-grid .discovery-launch,
body.orbital-theme .discovery-grid .discovery-summary,
body.orbital-theme .discovery-grid :is(.jupiter-discovery, .worlds-discovery) > summary,
body.orbital-theme #tonight-view .tonight-panel > summary,
body.orbital-theme .scene-settings-grid .photography-details > summary,
body.orbital-theme .scene-settings-grid #inspector-panel > summary {
  min-height: 66px;
  padding: 13px 15px;
  gap: 12px;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid) .compact-panel[open] > summary,
body.orbital-theme .discovery-grid :is(.comparison-card, .jupiter-discovery, .worlds-discovery)[open] > summary,
body.orbital-theme .scene-settings-grid .photography-details[open] > summary {
  border-bottom: 1px solid var(--orbital-line, #3b4549);
}

body.orbital-theme .discovery-grid .compact-panel > summary:hover,
body.orbital-theme .discovery-grid :is(.comparison-card, .jupiter-discovery, .worlds-discovery) > summary:hover,
body.orbital-theme #tonight-view summary:hover,
body.orbital-theme .scene-settings-grid summary:hover,
body.orbital-theme .settings-grid .compact-panel > summary:hover {
  background: #ffffff04;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid) .summary-copy strong,
body.orbital-theme .discovery-grid .explore-copy strong,
body.orbital-theme .discovery-grid :is(.jupiter-discovery, .worlds-discovery) summary strong,
body.orbital-theme #tonight-view .tonight-panel > summary strong {
  color: #e9ecec;
  font-weight: 550;
  font-size: 12px;
  letter-spacing: 0.015em;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid) .summary-copy small,
body.orbital-theme .discovery-grid .explore-copy small,
body.orbital-theme .discovery-grid :is(.jupiter-discovery, .worlds-discovery) summary small,
body.orbital-theme #tonight-view .tonight-panel .tonight-summary {
  color: var(--orbital-muted, #a5adae);
  font-size: 10px;
  line-height: 1.5;
  margin-top: 3px;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid) .summary-icon,
body.orbital-theme .discovery-grid :is(.jupiter-summary-icon, .worlds-summary-icon),
body.orbital-theme #tonight-view .tonight-panel > summary::before {
  width: 31px;
  height: 31px;
  flex-basis: 31px;
  color: var(--orbital-accent, #e9bb75);
  border: 0;
  border-radius: 4px;
  background: transparent;
}

body.orbital-theme .discovery-grid :is(.explore-terrain, .explore-ground) {
  color: var(--orbital-accent, #e9bb75);
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid) .discovery-summary::after,
body.orbital-theme .discovery-grid :is(.jupiter-discovery, .worlds-discovery) > summary::after,
body.orbital-theme #tonight-view .tonight-panel > summary::after,
body.orbital-theme .discovery-grid .launch-arrow {
  color: var(--orbital-muted, #a5adae);
  font-size: 19px;
  font-weight: 300;
}

/* 2. Formularios y botones: campos oscuros, estados activos y foco dorado. */
body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid, #about-dialog)
  button:not(.calendar-event-button):not([data-event-type]) {
  border-color: var(--orbital-line, #3b4549);
  border-radius: 5px;
  background: #20282c;
  color: #e9ecec;
  box-shadow: none;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid, #about-dialog)
  button:not(.calendar-event-button):not([data-event-type]):hover:not(:disabled) {
  border-color: #68716e;
  background: #2a3337;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid)
  button:is(.primary, [aria-pressed='true']):not([data-event-type]) {
  color: var(--orbital-accent, #e9bb75);
  border-color: #947b58;
  background: #332d24;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid)
  :is(select, input[type='text'], input[type='search'], input[type='number'], input[type='datetime-local'], textarea) {
  background: #101619;
  border: 1px solid var(--orbital-line, #3b4549);
  border-radius: 5px;
  color: #e9ecec;
  padding: 9px 10px;
  font: inherit;
  font-size: 12px;
  min-width: 0;
  max-width: 100%;
  min-height: 38px;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid) select option {
  background: #171e22;
  color: #e9ecec;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid) input::placeholder {
  color: #899395;
  opacity: 1;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid)
  :is(input[type='range'], input[type='checkbox']) {
  accent-color: var(--orbital-accent, #e9bb75);
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid, #about-dialog)
  :is(button, input, select, textarea, a, summary):focus-visible {
  outline: 2px solid var(--orbital-accent, #e9bb75);
  outline-offset: 3px;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid)
  :is(.compact-panel, .comparison-card, .jupiter-discovery, .worlds-discovery, .photography-details) > summary:focus-visible,
body.orbital-theme #tonight-view .tonight-panel > summary:focus-visible {
  outline-offset: -3px;
}

body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid) a,
body.orbital-theme #about-dialog a {
  color: var(--orbital-accent, #e9bb75);
  text-underline-offset: 3px;
}

/* 3. Fichas, comparaciones y catálogos abiertos. Las figuras conservan sus colores. */
body.orbital-theme #body-info .body-shortcut {
  border-color: var(--orbital-line, #3b4549);
  border-radius: 5px;
  background: #1b2327;
  color: #e9ecec;
}

body.orbital-theme #body-info .body-shortcut[aria-pressed='true'] {
  border-color: #947b58;
  background: #332d24;
  color: var(--orbital-accent, #e9bb75);
  box-shadow: none;
}

body.orbital-theme #body-info :is(.info-content, .reading),
body.orbital-theme .discovery-grid :is(.comparison-method, .constellation-explorer, .jupiter-technical, .worlds-technical) {
  border-color: var(--orbital-line, #3b4549);
}

body.orbital-theme .discovery-grid :is(.info-measurements, .comparison-figure, .constellation-detail, .scene-library li),
body.orbital-theme .discovery-grid .worlds-stats > div,
body.orbital-theme .discovery-grid .constellation-stars li {
  border: 1px solid #343e42;
  border-radius: 5px;
  background: #10171a;
}

body.orbital-theme .discovery-grid :is(.comparison-content, .jupiter-content, .worlds-content) {
  color: #d3d9d9;
  padding-top: 14px;
}

body.orbital-theme #body-info .info-content p,
body.orbital-theme .discovery-grid :is(.comparison-intro, .comparison-tiny, .comparison-distance small,
  .comparison-method p, .comparison-diameters small, .comparison-figure figcaption,
  .constellation-intro, .constellation-status, .constellation-location, .constellation-detail p,
  .jupiter-scale-note, .worlds-scale-note),
body.orbital-theme .discovery-grid .constellation-stars li span,
body.orbital-theme .discovery-grid .worlds-stats dt {
  color: var(--orbital-muted, #a5adae);
}

body.orbital-theme .discovery-grid :is(.comparison-selectors label, .comparison-versus),
body.orbital-theme .discovery-grid :is(.comparison-method, .constellation-detail, .jupiter-technical, .worlds-technical) > summary {
  color: #c9d0d0;
}

body.orbital-theme .discovery-grid :is(.comparison-ratio, .constellation-heading h3),
body.orbital-theme .discovery-grid .worlds-fact h3 {
  color: var(--orbital-accent, #e9bb75);
}

body.orbital-theme .discovery-grid .comparison-light {
  border-color: #66573f;
  border-radius: 5px;
  background: linear-gradient(110deg, #302b23, #1c2223);
}

body.orbital-theme .discovery-grid .comparison-light strong,
body.orbital-theme .discovery-grid .comparison-light-icon {
  color: var(--orbital-accent, #e9bb75);
}

body.orbital-theme .discovery-grid .comparison-svg-scale {
  fill: #a5adae;
}

body.orbital-theme .discovery-grid .comparison-svg-small {
  fill: #e9ecec;
}

body.orbital-theme .discovery-grid .jupiter-technical :is(th, td) {
  border-color: #343e42;
}

body.orbital-theme .discovery-grid .worlds-stats dd,
body.orbital-theme .discovery-grid .scene-library li > strong {
  color: #e9ecec;
}

/* 4. Calendario: los bordes e indicadores de cada evento siguen diferenciados. */
body.orbital-theme .discovery-grid .calendar-context {
  border-color: var(--orbital-line, #3b4549);
  border-radius: 5px;
  background: #171f22;
}

body.orbital-theme .discovery-grid :is(.calendar-kicker, .calendar-reference, .calendar-local-note,
  .calendar-range-note, .calendar-play-hint),
body.orbital-theme .discovery-grid .calendar-card :is(p, small),
body.orbital-theme .discovery-grid .calendar-demos > span {
  color: var(--orbital-muted, #a5adae);
}

body.orbital-theme .discovery-grid .calendar-context-date,
body.orbital-theme .discovery-grid .calendar-card-action {
  color: #d3d9d9;
}

body.orbital-theme .discovery-grid .calendar-card {
  border-radius: 5px;
  background: #171e22;
  padding: 13px;
}

body.orbital-theme .discovery-grid .calendar-card p {
  border-top-color: #3b4549;
}

body.orbital-theme .discovery-grid .calendar-explorer {
  border-radius: 5px;
  border-top-color: var(--orbital-line, #3b4549);
  border-right-color: var(--orbital-line, #3b4549);
  border-bottom-color: var(--orbital-line, #3b4549);
  background: #171e22;
  padding: 16px;
}

body.orbital-theme .discovery-grid .calendar-explorer p {
  color: #c9d0d0;
}

/* 5. Aprendizaje, vistas guardadas y planificación nocturna. */
body.orbital-theme .discovery-grid .experiences-panel {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #e9ecec;
}

body.orbital-theme .discovery-grid .tour-content .tour-menu {
  grid-template-columns: minmax(0, 1fr);
}

body.orbital-theme .discovery-grid .experiences-panel :is(h3, h4),
body.orbital-theme .discovery-grid .tonight-content h3,
body.orbital-theme .discovery-grid .tonight-region strong {
  color: #e9ecec;
}

body.orbital-theme .discovery-grid :is(.experience-hint, .scene-summary, .tour-step-context,
  .tonight-note, .tonight-criteria),
body.orbital-theme .discovery-grid .tour-choice span,
body.orbital-theme .discovery-grid :is(.tonight-best, .tonight-phase) p,
body.orbital-theme .discovery-grid .tonight-region:not([data-grazing='true']) :is(span, small) {
  color: var(--orbital-muted, #a5adae);
}

body.orbital-theme .discovery-grid :is(.scene-name-label, .scene-copy-link label, .tour-explanation),
body.orbital-theme #lesson-notice {
  color: #d3d9d9;
}

body.orbital-theme .discovery-grid .tour-progress,
body.orbital-theme .discovery-grid .tonight-kicker {
  color: var(--orbital-accent, #e9bb75);
}

body.orbital-theme .discovery-grid .tonight-content,
body.orbital-theme .discovery-grid .tonight-criteria {
  border-color: var(--orbital-line, #3b4549);
}

body.orbital-theme .discovery-grid :is(.tonight-best, .tonight-empty, .tonight-phase),
body.orbital-theme .discovery-grid .tonight-windows li,
body.orbital-theme .discovery-grid .tonight-region:not([data-grazing='true']) {
  border-color: #3b4549;
  border-radius: 5px;
  background: #171e22;
}

/* 6. Ajustes inferiores y ubicación. Se mantiene el orden y tamaño útil del formulario. */
body.orbital-theme .scene-settings-grid #inspector-panel
  :is(.lunar-controls, .appearance-controls, .ground-controls, .terrain-controls) {
  border-color: var(--orbital-line, #3b4549);
  border-radius: 5px;
  background: #131b1e;
}

body.orbital-theme .scene-settings-grid :is(.lunar-controls, .appearance-controls) > summary,
body.orbital-theme .settings-grid .compact-panel > summary,
body.orbital-theme .settings-grid .location-details summary {
  color: #d3d9d9;
}

body.orbital-theme .scene-settings-grid :is(.photography-mode, .photography-ev,
  .photography-note, .photography-status),
body.orbital-theme .settings-grid :is(.location-help, .location-heading p) {
  color: var(--orbital-muted, #a5adae);
}

body.orbital-theme .scene-settings-grid .photography-ev output,
body.orbital-theme .settings-grid #location-name {
  color: var(--orbital-accent, #e9bb75);
}

body.orbital-theme .scene-settings-grid .photography-note {
  opacity: 1;
}

body.orbital-theme .settings-grid {
  margin-top: 9px;
}

body.orbital-theme .settings-grid .compact-panel > summary {
  min-height: 45px;
  padding: 12px 15px;
  font-weight: 450;
  font-size: 11px;
}

body.orbital-theme .footnote {
  margin-top: 25px;
  color: #929c9e;
  font-size: 10px;
  line-height: 1.7;
}

/* 7. Información del proyecto: misma superficie, lectura tranquila. */
body.orbital-theme #about-dialog {
  background: #151d21;
  border-color: #586164;
  border-radius: 8px;
  color: #e9ecec;
  box-shadow: 0 24px 90px #0009;
}

body.orbital-theme #about-dialog::backdrop {
  background: #03080cd9;
  backdrop-filter: blur(6px);
}

body.orbital-theme #about-dialog p {
  color: #b9c2c3;
}

body.orbital-theme #about-dialog p strong {
  color: #e9ecec;
  font-weight: 550;
}

/* En pantallas pequeñas se conserva una columna y objetivos táctiles cómodos. */
@media (max-width: 760px) {
  body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid) {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  body.orbital-theme .discovery-heading {
    margin-top: 22px;
    gap: 5px;
  }

  body.orbital-theme .discovery-heading p {
    flex-basis: 100%;
  }
}

@media (pointer: coarse) {
  body.orbital-theme :is(.discovery-grid, .scene-settings-grid, .settings-grid)
    :is(button, select, input[type='text'], input[type='search'], input[type='number']) {
    min-height: 44px;
  }
}