/* Helio — thème commun, chargé APRÈS la feuille de style de chaque module.
   Palette et typographie de Helio, Mission Control et Smart wallet compris. */
@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  color-scheme: dark;
  --helio-bg: #090b0d;
  --helio-panel: #101316;
  --helio-panel-2: #15191d;
  --helio-line: #272d31;
  --helio-text: #f4f6ef;
  --helio-muted: #8d9699;
  --helio-accent: #b8ff3d;
  --helio-green: #75f0aa;
  --helio-red: #ff6b73;
  --helio-amber: #ffc857;
  --helio-blue: #71b7ff;
  --helio-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --helio-mono: "DM Mono", ui-monospace, monospace;

  /* Module whales (ancien LP Command Center) */
  --bg: var(--helio-bg);
  --panel: var(--helio-panel);
  --edge: var(--helio-line);
  --text: var(--helio-text);
  --muted: var(--helio-muted);
  --yellow: var(--helio-accent);
  --green: var(--helio-green);
  --red: var(--helio-red);
  --blue: var(--helio-blue);

  /* Module « Mes stats » (ancien Leviathan HQ) */
  --panel-2: var(--helio-panel-2);
  --text-2: #c3cbc6;
  --accent: var(--helio-accent);
  --gain: var(--helio-green);
  --loss: var(--helio-red);
  --grid: #1d2226;
  --series: var(--helio-blue);
}

/* L'attribut hidden l'emporte toujours sur un display posé par une classe. */
[hidden] { display: none !important; }

html, body { font-family: var(--helio-sans); }
body { background: radial-gradient(circle at 80% -10%, rgba(184, 255, 61, .07), transparent 31%), var(--helio-bg); color: var(--helio-text); }
code, kbd, pre, .mono { font-family: var(--helio-mono); }

/* Surfaces des modules whales et stats alignées sur celles de Helio */
.panel, .view, .stat { background: var(--helio-panel); border-color: var(--helio-line); }
.stat { background: var(--helio-panel-2); }
button.secondary, nav button { background: var(--helio-panel-2); border-color: var(--helio-line); }
input, select, textarea { background: #0c0f12; border-color: var(--helio-line); }
.eyebrow { font-family: var(--helio-mono); letter-spacing: .14em; }

/* ---- Intégré dans la coquille Helio (classe posée par embed.js) ---------- */
/* Module whales : la navigation est dans la barre latérale commune. */
html.embedded .shell { max-width: none; padding: 22px 28px 40px; }
html.embedded .shell > header { padding-bottom: 14px; }
html.embedded .shell > header h1,
html.embedded .shell > header .eyebrow,
html.embedded #app > nav { display: none; }
html.embedded .shell .view { margin-top: 16px; }
/* Module PNL : la barre latérale propre est remplacée par la commune. */
html.embedded .sidebar { display: none; }
html.embedded body > main { margin-left: 0; max-width: none; padding: 0 28px 48px; }
/* Module stats : le titre est déjà dans la coquille. */
html.embedded .topbar .brand { display: none; }