/* Exoplanetas — añadidos sobre model-lite.css */

/* .select: ver shared/css/model-lite.css */

.side-card {
  position: fixed; left: 14px; bottom: 96px; z-index: 9;
  width: min(330px, calc(100vw - 28px));
  max-height: 52vh; overflow-y: auto;
  padding: 14px 16px; background: var(--space-panel);
  border: 1px solid var(--line); border-radius: 14px;
  box-shadow: var(--shadow); backdrop-filter: blur(8px);
  scrollbar-width: thin;
}
.side-card h2 { margin: 0; font-size: 1.2rem; }
.card-sub { margin: 2px 0 8px; font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ion-teal); }
#card-rows { margin: 0; padding: 0; }
#card-rows .info-row { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 6px 0; border-bottom: 1px solid rgba(245,233,208,0.08); font-size: 0.83rem; }
#card-rows dt { color: var(--starlight-dim); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; }
#card-rows dd { margin: 0; font-family: var(--font-mono); font-size: 0.8rem; }
.card-blurb { font-size: 0.86rem; line-height: 1.5; font-style: italic; border-top: 1px solid var(--line); padding-top: 9px; }
.card-src { font-size: 0.72rem; color: var(--starlight-faint); line-height: 1.45; margin: 6px 0 0; }

@media (max-width: 760px) { .side-card { bottom: 132px; max-height: 38vh; } }

/* Las etiquetas de planeta son botones: deben recibir el puntero
   (la capa #labels lo bloquea por defecto). */
.tag-planet { pointer-events: auto; cursor: pointer; font-family: inherit; }
.tag-planet:hover { border-color: var(--sol-amber); color: var(--sol-amber); }