/* Palarid · The shared tool shell · v4.54.0
   ==========================================================================
   The footer that ends a tool. It has to do two contradictory things: be
   findable when you have finished a task, and be ignorable while you are
   still doing one. So it sits below a real separator, uses the muted text
   colour rather than the accent, and never competes with the tool's own
   primary button — the Calculate you came for stays the loudest thing on
   the screen.
   ========================================================================== */

.pal-shell {
  margin: 28px 0 4px;
  padding: 18px 0 0;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ── Copy ────────────────────────────────────────────────────────────────
   A secondary control, deliberately. It appears only once an answer exists,
   so it must not pull the eye at the moment it arrives — the answer should. */
.pal-shell-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.pal-shell-copy {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--text);
  border-radius: 10px;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  min-height: 40px;
}

/* ── Related ─────────────────────────────────────────────────────────── */
.pal-shell-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 10px;
}

.pal-shell-row { display: flex; flex-wrap: wrap; gap: 8px; }

.pal-shell-link {
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--line);
  color: var(--text);
  border-radius: 999px;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
  min-height: 40px;            /* the 44px coarse-pointer rule still applies */
  text-align: left;
}

/* The interaction layer (v4.53) already gives these hover and press states,
   because it targets `.panel-pane button` and these are buttons inside a
   pane. Nothing is repeated here on purpose — a second set of rules for the
   same states is how two components start to disagree. */

@media (pointer: coarse) {
  .pal-shell-copy, .pal-shell-link { min-height: 44px; }
}

/* Light theme: the translucent white fill that reads as a raised chip on the
   dark surface reads as nothing at all on white. */
body.light .pal-shell-link,
html[data-theme="light"] .pal-shell-link {
  background: rgba(0, 0, 0, .035);
}

@media (max-width: 560px) {
  .pal-shell { margin-top: 22px; }
  .pal-shell-row { gap: 6px; }
  .pal-shell-link { font-size: 13px; padding: 8px 13px; }
}

@media print {
  .pal-shell { display: none; }
}