/* Treasure Droid — deep-space / Star-Wars-salvage brand layer.
   Loads AFTER oracle-theme.css and re-skins the whole app via design tokens.
   Palette: "Bounty" — treasure gold + deep space navy + emerald. */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&family=Rajdhani:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Re-point the oracle tokens so every existing component recolors itself */
  --oracle-ink: #0b1020;
  --oracle-void: #0e1430;
  --oracle-purple: #121a38;
  --oracle-violet: #1b2550;
  --oracle-gold: #f5c542;
  --oracle-gold-bright: #ffe08a;
  --oracle-gold-dim: #b8902a;
  --oracle-parchment: #eaeaf2;
  --oracle-parchment-dim: #9aa3c0;
  --oracle-mist: rgba(45, 212, 167, 0.10);
  --oracle-glow: rgba(245, 197, 66, 0.35);
  --oracle-crystal: rgba(45, 212, 167, 0.22);

  --rh-bg: #0b1020;
  --rh-bg-1: #0e1430;
  --rh-bg-card: linear-gradient(165deg, #16203f 0%, #0e1430 55%, #0b1020 100%);
  --rh-bg-elevated: #1b2550;
  --rh-bg-hover: #243066;
  --rh-green: #f5c542;
  --rh-green-dim: #b8902a;
  --rh-green-glow: rgba(245, 197, 66, 0.35);
  --rh-text: #eaeaf2;
  --rh-text-muted: #9aa3c0;
  --rh-text-dim: #6b7299;
  --rh-border: rgba(245, 197, 66, 0.22);
  --rh-border-soft: rgba(90, 110, 170, 0.22);
  --rh-font-display: 'Orbitron', 'Segoe UI', sans-serif;
  --rh-font-body: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
  --rh-mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;
  --rh-profit: #2dd4a7;
  --rh-loss: #e85d4a;
  --rh-amber: #f5c542;
}

html, body {
  background:
    linear-gradient(rgba(11, 16, 32, 0.58), rgba(11, 16, 32, 0.82)),
    radial-gradient(ellipse 900px 520px at 50% -6%, rgba(45, 212, 167, 0.12), transparent 55%),
    radial-gradient(ellipse 560px 380px at 85% 10%, rgba(245, 197, 66, 0.10), transparent 55%),
    url('../assets/starfield.png') center top / cover no-repeat fixed,
    #0b1020 !important;
  font-family: var(--rh-font-body) !important;
  letter-spacing: 0.01em;
}

h1, h2, h3, .rh-card__title, .rh-section-title, .rh-glass-hero__headline,
.rh-topbar__title, .rh-model__name {
  font-family: var(--rh-font-display) !important;
  letter-spacing: 0.02em;
}

/* Topbar logo → the rusty droid icon */
.rh-topbar__logo {
  background: url('../assets/treasure-droid-icon.png') center / cover no-repeat !important;
  border: 1px solid rgba(245, 197, 66, 0.5) !important;
  border-radius: 9px !important;
  box-shadow: 0 0 16px rgba(45, 212, 167, 0.25), inset 0 -2px 8px rgba(0, 0, 0, 0.4) !important;
  color: transparent !important;
}
.rh-topbar__logo::before { content: none !important; }

/* Scroll deco + motto → mission banner type */
.rh-scroll-deco {
  font-family: var(--rh-mono) !important;
  color: var(--oracle-gold-bright) !important;
  letter-spacing: 0.25em;
}
.rh-oracle-motto {
  font-family: var(--rh-font-display) !important;
  color: var(--rh-text-muted);
  font-style: normal !important;
}

/* Hero mascot banner */
.td-banner {
  position: relative; border-radius: 16px; overflow: hidden; margin: 12px 0 6px;
  border: 1px solid var(--rh-border);
  box-shadow: 0 0 50px rgba(45, 212, 167, 0.08);
  min-height: 190px;
}
.td-banner__art {
  width: 100%; height: 100%; min-height: 190px; max-height: 320px;
  object-fit: cover; display: block; filter: saturate(1.05);
}
.td-banner__overlay {
  position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 18px 22px;
  background: linear-gradient(90deg, rgba(11,16,32,0.86) 0%, rgba(11,16,32,0.45) 45%, rgba(11,16,32,0.05) 75%);
}
.td-banner__title {
  font-family: var(--rh-font-display); font-weight: 800; font-size: clamp(26px, 4vw, 40px);
  letter-spacing: 0.12em; margin: 0; color: var(--oracle-gold-bright);
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.8);
}
.td-banner__tag {
  font-family: var(--rh-mono); font-size: 13px; color: #cfe9df; margin: 4px 0 0;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9);
}
@media (max-width: 760px) {
  .td-banner__overlay { background: linear-gradient(0deg, rgba(11,16,32,0.92), rgba(11,16,32,0.25)); }
}

/* Tab + chip accents pick up gold/emerald from tokens automatically. */
.rh-chip--ok { background: rgba(45, 212, 167, 0.16) !important; color: var(--rh-profit) !important; }

/* ── Fleet cockpit ─────────────────────────────────────────── */
.td-fleet-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-top: 14px; }
.td-agent-card {
  text-align: left; cursor: pointer; color: var(--rh-text);
  background: var(--rh-bg-card); border: 1px solid var(--rh-border-soft);
  border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 6px;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.td-agent-card:hover { border-color: var(--oracle-gold); transform: translateY(-2px); box-shadow: 0 6px 24px rgba(45,212,167,0.12); }
.td-agent-card__top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.td-agent-card__name { font-family: var(--rh-font-display); font-weight: 700; font-size: 15px; }
.td-agent-card__kind { font-family: var(--rh-mono); font-size: 11px; color: var(--rh-text-dim); }
.td-agent-card__big { font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; margin: 2px 0; font-family: var(--rh-mono); }
.td-agent-card__row { display: flex; justify-content: space-between; font-size: 13px; font-variant-numeric: tabular-nums; }
.td-agent-card__blurb { font-size: 12px; color: var(--rh-text-muted); margin: 4px 0 0; line-height: 1.45; }
.td-agent-card__cta { font-size: 12px; color: var(--oracle-gold-bright); margin-top: 8px; }

.td-breadcrumb { font-size: 13px; margin: 4px 0 12px; color: var(--rh-text-muted); }
.td-breadcrumb a { color: var(--oracle-gold-bright); text-decoration: none; }
.td-breadcrumb a:hover { text-decoration: underline; }
.td-equity { margin-top: 12px; display: flex; align-items: center; gap: 12px; }

.td-pick { border-bottom: 1px solid var(--rh-border-soft); }
.td-pick:last-child { border-bottom: none; }
.td-pick__head { width: 100%; text-align: left; cursor: pointer; color: var(--rh-text); background: none; border: none;
  display: flex; align-items: center; gap: 12px; padding: 12px 2px; }
.td-pick__sym { font-weight: 700; min-width: 110px; }
.td-pick__side { font-family: var(--rh-mono); font-size: 10px; padding: 1px 5px; border-radius: 4px; background: rgba(255,255,255,0.06); }
.td-pick__nums { display: flex; flex-direction: column; flex: 1; font-size: 13px; font-variant-numeric: tabular-nums; }
.td-pick__toggle { color: var(--rh-text-dim); }
.td-pick__why { padding: 4px 2px 14px; }
.td-pick__sleeves { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.td-sleeve { font-family: var(--rh-mono); font-size: 11px; padding: 2px 7px; border-radius: 5px; background: rgba(90,110,170,0.16); }
.td-pick__why p { font-size: 13px; color: var(--rh-text-muted); line-height: 1.55; margin: 0; }

.td-trades { display: flex; flex-direction: column; }
.td-trade { display: grid; grid-template-columns: 90px 90px 160px 1fr; gap: 10px; align-items: baseline;
  padding: 8px 0; border-bottom: 1px solid var(--rh-border-soft); font-size: 13px; }
.td-trade:last-child { border-bottom: none; }
.td-trade__sym { font-weight: 700; }
.td-trade__act { font-family: var(--rh-mono); font-size: 12px; }
.td-trade__reason { font-size: 12px; }
@media (max-width: 760px) { .td-trade { grid-template-columns: 1fr 1fr; } .td-trade__reason { grid-column: 1 / -1; } }