/* MON CAPITAL — Obsidian Immersive / V3
   Couche purement graphique, chargée après les styles métier.
   Aucun changement de grille, ordre, action, données ou calculs. */
:root {
  --bg:#0b0d0f; --surface:#15181c; --surface-2:#1d2126; --surface-3:#262a30;
  --line:#2b3035; --line-2:#41464e; --text:#f1eee8; --muted:#a9adb2; --faint:#90969e;
  --gold:#c6a56a; --gold-2:#e8c88b; --gold-soft:rgba(198,165,106,.12); --gold-line:rgba(198,165,106,.36);
  --pos:#83c4a1; --neg:#e39b99; --warn:#e8c88b; --info:#a8c4e4;
  --font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-d:var(--font); --heritage:'Playfair Display',Georgia,'Times New Roman',serif;
  --mc-panel:linear-gradient(155deg,#1b1e22 0%,#14171b 62%,#121519 100%);
  --mc-metal:linear-gradient(115deg,#d9bd88 0%,#c6a56a 42%,#e1c591 78%,#b9965e 100%);
  --mc-hairline:rgba(226,211,182,.13);
}
html,body { background:var(--bg); color:var(--text); }
body { font-family:var(--font); font-variant-numeric:lining-nums tabular-nums; }
button,input,select,textarea { font-family:var(--font); }
h1,.view-h h1,.brand b,.heritage-brand b { font-family:var(--heritage); font-weight:500; letter-spacing:-.025em; }
h2,.panel-h h2,.card-h h2,.sheet-h h2 { font-family:var(--font); font-weight:650; letter-spacing:-.015em; }
.heritage-heading h2,.heritage-month h2 { font-family:var(--heritage); font-weight:500; }
.big,.goal-top b,.calc.big-line > b { font-family:var(--heritage); font-weight:500; }
.top,.heritage-home .top { background:rgba(11,13,15,.94); border-bottom:1px solid var(--line); }
.side { background:linear-gradient(170deg,#15181c,#0b0d0f 75%); border-color:var(--line); }
.top-t { font-family:var(--font); }
.heritage-brand b,.brand b { color:var(--text); }
.heritage-brand small { color:var(--gold); }
.logo { color:var(--gold); }
.tabbar,.heritage-home .tabbar { background:rgba(16,19,22,.97); border-top:1px solid var(--line-2); }
.tabbar button { color:var(--muted); }
.tabbar button.on,.heritage-home .tabbar button.on { color:var(--gold-2); }
.nav-i.on { color:var(--gold-2); background:linear-gradient(100deg,var(--gold-soft),rgba(198,165,106,.025)); box-shadow:inset 2px 0 var(--gold); }
.ico { stroke-width:1.55; }
.panel,.card,.heritage-tile,.heritage-grid .heritage-tile,.heritage-month,.home-line,.lock-card {
  background:var(--mc-panel); border-color:var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 24px rgba(0,0,0,.13);
}
.heritage-grid .heritage-tile:hover,.heritage-grid .heritage-tile:focus-visible,.home-line:hover { border-color:var(--gold-line); }
.heritage-grid .heritage-tile strong { font-family:var(--font); font-weight:650; color:var(--text); font-variant-numeric:tabular-nums; letter-spacing:-.045em; }
.tile-label,.heritage-grid .heritage-tile small { color:var(--muted); }
.tile-top,.heritage-net-label .ico { color:var(--gold); }
.tile-top>span { color:var(--faint); }
.heritage-home .heritage-hero,.hero { background:linear-gradient(160deg,#1c2025,#101216 75%); border-color:var(--gold-line); box-shadow:inset 0 1px 0 rgba(232,200,139,.10),0 12px 34px rgba(0,0,0,.24); isolation:isolate; }
/* Illustration vectorielle intégrée : relief minéral, jamais une photographie.
   La surface conserve exactement les dimensions et enfants de la V8. */
.heritage-home .heritage-hero::before { content:""; position:absolute; inset:0 0 auto; height:clamp(160px,42%,280px); background:url('relief.svg') center top/cover no-repeat; opacity:.95; pointer-events:none; z-index:-1; mask-image:linear-gradient(#000 0%,#000 52%,transparent 100%); -webkit-mask-image:linear-gradient(#000 0%,#000 52%,transparent 100%); }
.hero::after { background:none; }
.heritage-home .heritage-hero::after { background:linear-gradient(180deg,rgba(10,12,14,.20),rgba(10,12,14,.56) 30%,rgba(10,12,14,.12) 65%,transparent); z-index:-1; }
.heritage-home .heritage-net-label { color:#e2d3b7; font-family:var(--font); letter-spacing:.12em; }
.hero-amount,.heritage-home .hero-amount { font-family:var(--heritage); font-weight:500; color:#f7f3ec; letter-spacing:-.045em; text-shadow:0 2px 15px #08090b; font-variant-numeric:lining-nums tabular-nums; }
.heritage-home .hero-amount { font-size:clamp(30px,9vw,64px); line-height:1.18; overflow-wrap:anywhere; }
.heritage-gross,.heritage-change small,.heritage-home .heritage-change small { color:var(--muted); }
.heritage-up,.heritage-change .heritage-up { color:var(--gold-2); }
.heritage-change>span { font-variant-numeric:tabular-nums; }
.heritage-change>span.heritage-up { border-radius:999px; background:rgba(198,165,106,.13); box-shadow:inset 0 0 0 1px var(--gold-line); padding:3px 10px; }
.heritage-history { position:relative; }
.heritage-chart { color:var(--gold); }
.heritage-chart>g { stroke:#43474d; opacity:.75; }
.heritage-chart>path[stroke] { stroke:var(--gold-2); stroke-linejoin:round; stroke-linecap:round; filter:drop-shadow(0 0 2px rgba(218,180,112,.42)); }
.heritage-chart circle:not([role]) { fill:var(--gold-2); }
.heritage-chart circle[role=button]:focus-visible { stroke:var(--text); stroke-width:1; outline:none; }
.heritage-home .heritage-periods button { border-color:var(--line); color:var(--muted); background:rgba(18,21,25,.76); }
.heritage-home .heritage-periods button[aria-pressed=true],.heritage-periods button[aria-pressed=true] { border-color:var(--gold-line); background:var(--gold-soft); color:var(--gold-2); }
.btn,.chip { border-color:var(--line-2); }
.btn:not(.ghost):not(.danger):not(.primary) { background:linear-gradient(160deg,#292d32,#1a1d21); }
.btn.primary,.fab { background:var(--mc-metal); border-color:#c6a56a; color:#17130d; box-shadow:inset 0 1px rgba(255,255,255,.30),0 3px 12px rgba(0,0,0,.20); }
.btn.primary:hover,.fab:hover { background:#e4c48d; }
.btn.ghost { background:transparent; }
.btn:focus-visible,.icon:focus-visible,.tabbar button:focus-visible { outline-color:var(--gold-2); }
.sheet { background:var(--mc-panel); border-color:var(--line-2); }
.sheet-bg { background:rgba(0,0,0,.72); }
.field input:not([type=checkbox]):not([type=range]),.field select,.field textarea { background:#101317; border-color:var(--line-2); color:var(--text); }
.pill.gold,.chip.on { color:var(--gold-2); background:var(--gold-soft); }
.pill.ok { color:var(--pos); }.pill.err,.neg { color:var(--neg); }
.mc-axis,.mc-x,.mc-legend { color:var(--muted); }
.mc-tip { background:var(--surface-2); border-color:var(--line-2); }
/* Transition décorative uniquement : ne représente jamais les données d'un graphique. */
.view { position:relative; isolation:isolate; }
.view[data-da-transition]::before { content:""; position:absolute; top:0; left:0; right:0; height:130px; pointer-events:none; z-index:-1; background:url('onde.svg') center/100% 100% no-repeat; opacity:0; }
.view[data-da-transition="a"]::before { animation:mc-wave-a .5s ease-out both; }
.view[data-da-transition="b"]::before { animation:mc-wave-b .5s ease-out both; }
@keyframes mc-wave-a { 0%{opacity:0;transform:translateY(-7px)} 35%{opacity:.68} 100%{opacity:0;transform:translateY(5px)} }
@keyframes mc-wave-b { 0%{opacity:0;transform:translateY(-7px)} 35%{opacity:.68} 100%{opacity:0;transform:translateY(5px)} }
@media(max-width:359px){.heritage-home .hero-amount{font-size:clamp(28px,9vw,40px)}.heritage-grid .heritage-tile strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.view[data-da-transition]::before{animation:none}.heritage-tile{transition:none}}
@media print{.heritage-home .heritage-hero::before,.view::before{display:none}.panel,.card,.heritage-tile{box-shadow:none}}

/* 8.0.2 — finition banque privée, référence immersive sélectionnée. */
:root {
  --bg:#0b0c0d; --surface:#18191b; --surface-2:#202123; --surface-3:#2b2c2e;
  --text:#f6f2eb; --muted:#b8b6b1; --faint:#92918e; --line:#303031; --line-2:#454341;
  --gold:#c6a56a; --gold-2:#e9c88f;
  --mc-panel:linear-gradient(145deg,#242425 0%,#1a1b1d 42%,#141517 100%);
  --mc-metal:linear-gradient(112deg,#e7cd97 0%,#c6a56a 48%,#ddbf85 100%);
}
html,body {background:#0b0c0d;}
body {font-feature-settings:'tnum' 1,'lnum' 1;}
.top,.heritage-home .top {background:linear-gradient(180deg,#141516,#0b0c0d);border-bottom:1px solid #242424;}
.heritage-brand b,.brand b {letter-spacing:.045em;font-weight:500;}
.heritage-brand small {color:#c4aa7e;}
.heritage-home .heritage-hero {
  background:radial-gradient(ellipse at 83% 4%,#393126 0%,transparent 52%),linear-gradient(160deg,#171819,#0b0c0d 68%);
  border:1px solid #65533a; border-radius:20px; box-shadow:inset 0 1px 0 #c6a56a29,0 12px 30px #0008;
}
.heritage-home .heritage-hero::before {
  height:100%; background:url('relief.svg') center top/100% auto no-repeat; opacity:.86;
  mask-image:linear-gradient(#000 0%,#000 38%,transparent 86%); -webkit-mask-image:linear-gradient(#000 0%,#000 38%,transparent 86%);
}
.heritage-home .heritage-hero::after {
  inset:0; background:linear-gradient(180deg,#0b0c0d80 0%,#0b0c0d40 17%,#0b0c0d12 40%,#0b0c0d 91%);
}
.heritage-home .heritage-net-label {color:#f1e8d8;letter-spacing:.045em;text-transform:none;font-weight:500;font-size:14px;text-shadow:0 1px 5px #000;}
.heritage-home .hero-amount {font-size:clamp(32px,9.6vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.13;text-shadow:0 2px 12px #000,0 0 28px #0008;}
.heritage-gross b {color:#eee5d6;}
.heritage-home .heritage-change>span.heritage-up {background:#17150fbd;border:1px solid #a88b59;box-shadow:none;padding:3px 11px;color:#f1d399;}
.heritage-home .heritage-history {border-top:1px solid #bca07821;padding-top:6px;}
.heritage-chart>g {stroke:#6d604a;opacity:.45;}
.heritage-chart>path[stroke] {stroke:#f0cc89;stroke-width:2.15;filter:drop-shadow(0 0 3px #d6b06a8c);}
.heritage-chart circle:not([role]) {fill:#ffe2a9;filter:drop-shadow(0 0 3px #b99452);}
.heritage-chart stop:first-child {stop-color:#b58e48;stop-opacity:.36;}
.heritage-home .heritage-periods button {background:#141516;border-color:#353330;color:#bdb9b0;}
.heritage-home .heritage-periods button[aria-pressed=true] {background:linear-gradient(135deg,#e2c38a,#b18a4e);color:#17130d;border-color:#c6a56a;font-weight:700;}
.panel,.card,.heritage-grid .heritage-tile,.heritage-month,.home-line,.lock-card {
  background:var(--mc-panel);border-color:#4b4540;box-shadow:inset 0 1px 0 #ffffff0a,0 5px 14px #0004;
}
.heritage-grid .heritage-tile {border-radius:14px; background:linear-gradient(145deg,#302b23 0%,#222223 29%,#171819 76%);}
.heritage-grid .heritage-tile strong {font-family:var(--heritage);font-weight:400;letter-spacing:-.035em;color:#f8f3e9;}
.tile-label {color:#e0dcd4;font-weight:550;}
.tile-top {color:#dfbd80;}.tile-top>span{color:#b9a17a;}
.heritage-heading h2,.heritage-month h2 {font-family:var(--heritage);font-weight:400;color:#eee7da;}
.account-mini-row {color:#bfbcb4;}.account-mini-mark.up{color:#e2c38a}.account-mini-mark.down{color:#e5a5a1;}
.srow,.li,.bigbtn {border-color:#423f3a;}
.srow,.bigbtn {background:linear-gradient(135deg,#252424,#171819);}
.tabbar,.heritage-home .tabbar {background:linear-gradient(180deg,#191a1b,#101112);border-top:1px solid #50483b;}
.tabbar button.on,.heritage-home .tabbar button.on {color:#e9c88f;}
.tabbar button.on .ico {filter:drop-shadow(0 0 4px #c6a56a55);}
.view-h h1 {font-weight:400;font-size:clamp(24px,6vw,34px);}
@media(max-width:359px){.heritage-home .hero-amount{font-size:clamp(28px,9.2vw,37px)}.heritage-grid .heritage-tile strong{font-size:17px}}
@media(min-width:760px){.heritage-home .heritage-hero::before{background-size:100% auto;}}
/* The selected generated illustration is a small integrated relief, not a page wallpaper. */
.heritage-home .heritage-hero::before {
  background-image:url('mountain-art.webp');background-position:center top;background-size:100% auto;
  height:100%;opacity:.80;mask-image:linear-gradient(#000 0%,#000 14%,transparent 39%);-webkit-mask-image:linear-gradient(#000 0%,#000 14%,transparent 39%);
}
.heritage-home .heritage-hero::after {background:linear-gradient(180deg,#0b0c0d36 0%,#0b0c0d50 19%,#0b0c0d8c 36%,transparent 62%);}
