/* Mon salaire — sélecteur de 10 thèmes v20 */
html[data-salary-theme="orange"]{--orange:#ff6a00;--orange-strong:#d95700;--orange-soft:#ffe2cc;--peach:#fff2e8;--yellow:#ffd0a6;--yellow-soft:#fff8f2;--surface:#fffaf6;--canvas:#fff4ec;--line:#efd7c6;--shadow:0 14px 38px #9f4b001a}
html[data-salary-theme="rose"]{--orange:#f04f92;--orange-strong:#c92f70;--orange-soft:#ffdce9;--peach:#fff0f6;--yellow:#ffd3e5;--yellow-soft:#fff5f9;--surface:#fffafd;--canvas:#fff4f8;--line:#ecd1de;--shadow:0 14px 38px #7b385917}
html[data-salary-theme="bleu"]{--orange:#3478f6;--orange-strong:#1f5fd1;--orange-soft:#dce9ff;--peach:#edf4ff;--yellow:#cfe1ff;--yellow-soft:#f5f9ff;--surface:#fbfdff;--canvas:#f2f7ff;--line:#d3e0f5;--shadow:0 14px 38px #174b9c17}
html[data-salary-theme="violet"]{--orange:#8157e8;--orange-strong:#6439c8;--orange-soft:#e9e0ff;--peach:#f4f0ff;--yellow:#dfd2ff;--yellow-soft:#faf8ff;--surface:#fdfcff;--canvas:#f6f2ff;--line:#dfd5f2;--shadow:0 14px 38px #54329817}
html[data-salary-theme="rouge"]{--orange:#e5484d;--orange-strong:#be3338;--orange-soft:#ffdfe0;--peach:#fff0f0;--yellow:#ffd0d2;--yellow-soft:#fff7f7;--surface:#fffafa;--canvas:#fff3f3;--line:#efd2d3;--shadow:0 14px 38px #8e2e3217}
html[data-salary-theme="vert"]{--orange:#22a365;--orange-strong:#177a4a;--orange-soft:#d9f2e5;--peach:#edf9f3;--yellow:#ccebdc;--yellow-soft:#f5fbf8;--surface:#fbfffd;--canvas:#f1faf5;--line:#d2e9dd;--shadow:0 14px 38px #17683f17}
html[data-salary-theme="turquoise"]{--orange:#00a8a8;--orange-strong:#007d80;--orange-soft:#d4f2f1;--peach:#eaf9f8;--yellow:#c8ebe9;--yellow-soft:#f4fbfb;--surface:#fbffff;--canvas:#eefafa;--line:#cfe8e7;--shadow:0 14px 38px #006d7017}
html[data-salary-theme="jaune"]{--orange:#e6a700;--orange-strong:#b77d00;--orange-soft:#fff0b8;--peach:#fff8df;--yellow:#ffe58b;--yellow-soft:#fffbef;--surface:#fffdf7;--canvas:#fff9e8;--line:#eadfb9;--shadow:0 14px 38px #8f680017}
html[data-salary-theme="noir"]{--orange:#292c33;--orange-strong:#111318;--orange-soft:#e1e3e7;--peach:#f1f2f4;--yellow:#d7d9de;--yellow-soft:#f7f7f8;--surface:#fcfcfd;--canvas:#f1f2f4;--line:#d6d8dd;--shadow:0 14px 38px #1113181c}
html[data-salary-theme="beige"]{--orange:#b77b55;--orange-strong:#8f5c3d;--orange-soft:#ead8ca;--peach:#f5ebe3;--yellow:#e5cfbd;--yellow-soft:#fbf7f3;--surface:#fffdfb;--canvas:#f7f0e9;--line:#e3d4c8;--shadow:0 14px 38px #70462f17}

/* Remplace les roses codés en dur de la version de test par le thème choisi. */
.app-shell{background:radial-gradient(circle at 15% -8%,color-mix(in srgb,var(--orange) 22%,transparent),transparent 32%),radial-gradient(circle at 100% 18%,color-mix(in srgb,var(--orange-soft) 62%,transparent),transparent 24%),var(--canvas)!important}
.app-header{background:color-mix(in srgb,var(--canvas) 90%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--line) 78%,transparent)!important}
.brand-mark,.access-brand{background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 78%,white),var(--orange-strong))!important;box-shadow:0 8px 20px color-mix(in srgb,var(--orange-strong) 25%,transparent)!important}
.result-hero{background:radial-gradient(circle at 96% 6%,color-mix(in srgb,var(--orange-soft) 65%,transparent),transparent 25%),linear-gradient(145deg,color-mix(in srgb,var(--orange) 76%,white) 0%,var(--orange) 48%,var(--orange-strong) 100%)!important;border-color:color-mix(in srgb,var(--orange-strong) 30%,transparent)!important;box-shadow:0 18px 38px color-mix(in srgb,var(--orange-strong) 24%,transparent)!important}
.result-main{ text-shadow:0 3px 16px color-mix(in srgb,var(--orange-strong) 30%,transparent)!important }
.live-badge i{box-shadow:0 0 0 4px color-mix(in srgb,var(--orange-strong) 14%,transparent)!important}
.empty-state button,.primary-button{box-shadow:0 9px 20px color-mix(in srgb,var(--orange-strong) 20%,transparent)!important}
.install-card{background:linear-gradient(135deg,color-mix(in srgb,var(--orange-strong) 42%,#252a32),color-mix(in srgb,var(--orange-strong) 66%,#252a32))!important;box-shadow:0 15px 35px color-mix(in srgb,var(--orange-strong) 22%,transparent)!important}
.pricing-card.recommended{border-color:color-mix(in srgb,var(--orange) 45%,transparent)!important}
.access-shell{background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--orange) 25%,transparent),transparent 34%),radial-gradient(circle at 95% 20%,color-mix(in srgb,var(--orange-soft) 70%,transparent),transparent 28%),var(--canvas)!important}
.onboarding-shell{background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--orange) 22%,transparent),transparent 30%),radial-gradient(circle at 100% 14%,color-mix(in srgb,var(--orange-soft) 66%,transparent),transparent 25%),var(--canvas)!important}
.profile-section select:focus,.profile-section input:focus{border-color:color-mix(in srgb,var(--orange) 65%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 12%,transparent)!important}
.bottom-nav{background:color-mix(in srgb,var(--surface) 95%,transparent)!important;box-shadow:0 12px 38px color-mix(in srgb,var(--orange-strong) 15%,transparent)!important}

/* Sélecteur de couleur */
.theme-picker-trigger{position:fixed;z-index:58;right:max(14px,calc((100vw - 480px)/2 + 14px));bottom:calc(82px + env(safe-area-inset-bottom));height:43px;padding:0 13px;border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--ink);box-shadow:0 8px 25px color-mix(in srgb,var(--orange-strong) 15%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:.01em}
.theme-picker-trigger:active{transform:scale(.97)}
.theme-trigger-dot{width:14px;height:14px;border-radius:50%;background:var(--orange);box-shadow:inset 0 0 0 2px #ffffffb8,0 0 0 1px color-mix(in srgb,var(--orange-strong) 20%,transparent)}
.theme-picker-overlay{position:fixed;z-index:100;inset:0;background:#12172266;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;align-items:end;padding:18px 12px max(14px,env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.theme-picker-overlay.open{opacity:1;visibility:visible}
.theme-picker-sheet{width:min(100%,480px);margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 24px 80px #11182738;transform:translateY(18px);transition:transform .2s ease}
.theme-picker-overlay.open .theme-picker-sheet{transform:translateY(0)}
.theme-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:6px}
.theme-picker-kicker{margin:0 0 3px;color:var(--orange);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.theme-picker-title{margin:0;color:var(--ink);font-size:20px;line-height:1.15;letter-spacing:-.035em;font-weight:850}
.theme-picker-copy{margin:0 0 15px;color:var(--ink-soft);font-size:10px;line-height:1.45}
.theme-picker-close{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--peach);color:var(--ink-soft);font-size:21px;line-height:1}
.theme-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.theme-choice{min-height:51px;padding:7px 10px;border:1px solid var(--line);border-radius:14px;background:var(--peach);display:flex;align-items:center;gap:10px;color:var(--ink);font-size:11px;font-weight:800;text-align:left;position:relative}
.theme-choice.active{border-color:var(--orange);box-shadow:0 0 0 2px color-mix(in srgb,var(--orange) 13%,transparent);background:var(--surface)}
.theme-choice.active:after{content:"✓";margin-left:auto;color:var(--orange-strong);font-size:13px}
.theme-swatch{width:28px;height:28px;border-radius:10px;flex:0 0 28px;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000000f}
@media (min-width:560px){.theme-picker-trigger{bottom:91px}}
@media (max-width:360px){.theme-picker-trigger{width:43px;padding:0;justify-content:center}.theme-trigger-label{display:none}.theme-picker-grid{grid-template-columns:1fr 1fr}}

/* V21 — correctif : toutes les zones d'accent suivent vraiment la couleur choisie. */
.result-hero{
  background-color:var(--orange)!important;
  background-image:
    radial-gradient(circle at 96% 6%,color-mix(in srgb,var(--orange-soft) 76%,transparent),transparent 27%),
    linear-gradient(145deg,color-mix(in srgb,var(--orange) 76%,white) 0%,var(--orange) 48%,var(--orange-strong) 100%)!important;
  border-color:color-mix(in srgb,var(--orange-strong) 34%,transparent)!important;
  box-shadow:0 18px 38px color-mix(in srgb,var(--orange-strong) 24%,transparent)!important;
}
.save-month-button,.live-badge,.eur-pill{
  background:var(--yellow)!important;
  color:color-mix(in srgb,var(--orange-strong) 72%,#2e1e27)!important;
}
.input-card{border-top-color:var(--orange)!important}
.input-card:nth-of-type(2n){border-top-color:color-mix(in srgb,var(--orange) 62%,white)!important}
.icon-tile,.icon-tile.orange{color:var(--orange-strong)!important;background:var(--peach)!important}
.clear-primes-button{color:var(--orange-strong)!important;background:var(--orange-soft)!important}
.clear-primes-button:active{color:#fff!important;background:var(--orange-strong)!important}
.card-body,.stepper-row,.money-field-row{border-color:var(--line)!important}
.stepper-control button:disabled{color:color-mix(in srgb,var(--orange) 20%,#c7cbd1)!important}
.section-heading button{color:var(--orange)!important}
.pricing-card.recommended{border-color:color-mix(in srgb,var(--orange) 45%,transparent)!important}
.profile-warning,.auth-feedback.error,.subscription-status{border-color:color-mix(in srgb,var(--orange) 22%,transparent)!important}
.bottom-nav button.active{color:var(--orange-strong)!important;background:linear-gradient(135deg,var(--orange-soft),var(--yellow-soft))!important}
.theme-picker-trigger{border-color:color-mix(in srgb,var(--orange) 28%,var(--line))!important}

/* Le bouton montre la couleur active : utile pour vérifier qu'un changement a bien été appliqué. */
.theme-trigger-dot{background:var(--orange)!important}