/* CareerSphere V0.12 — univers complets. Le contenu et les workflows restent identiques. */
:root{
  --field-bg:#fff;--field-text:#172b39;--field-placeholder:#71828d;--field-border:#cbd8dd;
  --panel:#fff;--panel-strong:#fff;--soft-panel:#f4f7f8;--text:#172b39;--muted:#647682;--line:#d4dfe3;
  --accent:#347f83;--accent-strong:#245f63;--accent-on:#fff;--soft-accent:#e3f1f0;
  --app-bg:#edf3f4;--sidebar-bg:#173440;--sidebar-text:#edf8f7;--topbar-bg:rgba(255,255,255,.96);
  --theme-shadow:0 16px 42px rgba(18,45,57,.09);--theme-radius:18px;--theme-decoration:none;
  --hub-hero:linear-gradient(145deg,#e6f2f1,#eef2f8);--font-ui:Inter,"Segoe UI",sans-serif
}
html,body,button,input,textarea,select{font-family:var(--font-ui)!important}
body,.app-shell,.workspace,.content{color:var(--text);background-color:var(--app-bg)}
body{background-image:var(--theme-decoration);background-attachment:fixed;background-size:cover}
.sidebar{background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;border-color:var(--line)!important}
.sidebar .nav-link,.sidebar .quiet-button,.sidebar .brand-copy strong,.sidebar .local-badge{color:var(--sidebar-text)!important}
.sidebar .nav-link small,.sidebar .brand-copy small,.sidebar .nav-label,.sidebar .local-badge small{color:color-mix(in srgb,var(--sidebar-text) 70%,transparent)!important}
.sidebar .nav-link.active,.sidebar .nav-link:hover{background:color-mix(in srgb,var(--accent) 32%,transparent)!important;color:var(--sidebar-text)!important}
.sidebar .nav-link.active::before{background:var(--accent)!important;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 70%,transparent)}
.nav-icon{font-size:0!important;color:var(--accent)!important}.nav-icon::before{font-size:1.05rem;line-height:1;content:"◆"}
.nav-link[data-screen="dashboard"] .nav-icon::before{content:"⌂"}.nav-link[data-screen="help"] .nav-icon::before{content:"?"}.nav-link[data-screen="scope"] .nav-icon::before{content:"◎"}.nav-link[data-screen="radar"] .nav-icon::before{content:"⌖"}.nav-link[data-screen="frame"] .nav-icon::before{content:"◇"}.nav-link[data-screen="pilot"] .nav-icon::before{content:"↗"}.nav-link[data-screen="forge"] .nav-icon::before{content:"✦"}.nav-link[data-screen="studio"] .nav-icon::before{content:"▤"}.nav-link[data-screen="proof"] .nav-icon::before{content:"✓"}.nav-link[data-screen="prompt"] .nav-icon::before{content:"⌘"}.nav-link[data-screen="admin"] .nav-icon::before{content:"⚙"}
.topbar{position:relative;background:var(--topbar-bg)!important;border-color:var(--line)!important;color:var(--text)!important;backdrop-filter:blur(16px)}
.topbar h1,.topbar span,.page-heading h1{color:var(--text)!important}.page-kicker,.eyebrow{color:var(--accent-strong)!important}
.panel,.modal,.connection-card,.admin-metric,.proof-card,.config-menu,.metric-card,.table-wrap,.module-guide-card,.career-universe-strip,.example-banner,.limited-access-note,.companion-hub{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:var(--theme-shadow)!important}
.panel,.modal,.connection-card,.metric-card,.module-guide-card{border-radius:var(--theme-radius)!important}
.panel p,.panel li,.modal p,.muted,.field-help,.connection-note,.policy-note p,.proof-preview-note,.help-menu-grid p,.help-path p,.metric-card small,.admin-inline-status{color:var(--muted)!important}
.field>span,.field label,label>span,legend,.panel h2,.panel h3,.modal h2,.modal h3,td,strong{color:var(--text)}
input,textarea,select,input[type="file"]{background:var(--field-bg)!important;color:var(--field-text)!important;border-color:var(--field-border)!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:var(--field-placeholder)!important;opacity:1!important}
input:disabled,textarea:disabled,select:disabled{background:color-mix(in srgb,var(--field-bg) 78%,var(--line))!important;color:color-mix(in srgb,var(--field-text) 62%,var(--muted))!important;opacity:1!important;cursor:not-allowed}
select option{background:var(--field-bg);color:var(--field-text)}
.button-primary,.primary-focus-cta,.hub-actions .primary,.hub-session-buttons .primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-on)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 25%,transparent)!important}
.button-secondary,.quiet-button,.text-button,.hub-actions button,.hub-context-actions button{background:var(--panel-strong)!important;border-color:var(--line)!important;color:var(--text)!important}
.button-secondary:hover,.quiet-button:hover,.hub-actions button:hover,.hub-context-actions button:hover{background:var(--soft-accent)!important;border-color:var(--accent)!important;color:var(--accent-strong)!important}
.button:disabled,button:disabled{opacity:.58!important;filter:saturate(.5);cursor:not-allowed}
table,th,td{border-color:var(--line)!important}th{background:var(--soft-panel)!important;color:var(--muted)!important}tbody tr:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important}
.scope-badge,.status-chip,.plan-pill,.access-state-pill,.feedback-recruiter-meta span{background:var(--soft-accent)!important;color:var(--accent-strong)!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important}
.analysis-job-pack,.business-rule-trace,.consent-check,.switch-row,.proof-document-fieldset,.proof-responsible-note,.policy-note,.ai-coming-soon,.hub-message,.hub-insight section,.hub-stats span{background:var(--soft-panel)!important;color:var(--text)!important;border-color:var(--line)!important}
.form-error,.auth-error{color:#c53f45!important}.danger-zone,.button-danger{--accent:#b83f4a}.success-message,.proof-feedback-thanks,.cp-thanks{color:#18744f!important}
.modal-backdrop{background:color-mix(in srgb,var(--app-bg) 30%,rgba(6,18,27,.78))!important}
.merlin-fab{min-width:226px!important;padding:8px 16px 8px 8px!important;background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;border-color:color-mix(in srgb,var(--accent) 32%,transparent)!important;box-shadow:0 18px 44px rgba(5,22,31,.3)!important}
.merlin-fab .merlin-character{width:56px!important;height:56px!important;border-radius:18px!important;overflow:visible!important}.merlin-fab .merlin-character img{object-fit:contain!important}.merlin-fab small{color:color-mix(in srgb,var(--sidebar-text) 72%,transparent)!important}
.hub-hero{height:168px!important;overflow:hidden!important;padding:8px 52px 0;background:var(--hub-hero)!important}.hub-hero>div{position:relative!important;width:230px!important;height:156px!important;place-items:end center!important;overflow:hidden!important}.hub-hero img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important}
.hub-insight-title{margin:.25rem 0 .1rem;font-size:1.02rem}.hub-context-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.hub-context-actions button{border:1px solid;border-radius:999px;padding:.58rem .78rem;font-size:.78rem;font-weight:800}.hub-actions{padding-top:.2rem;border-top:1px solid var(--line)}
.hub-theme-grid button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:.35rem;text-align:left}.hub-theme-icon{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;background:var(--soft-accent)}.hub-theme-icon::before{content:"◆"}.theme-icon-professional::before{content:"■"}.theme-icon-constellation::before{content:"✦"}.theme-icon-aurora::before{content:"☀"}.theme-icon-sparkle::before{content:"🦄"}.theme-icon-mission::before{content:"⌁"}.theme-icon-real::before{content:"◉"}

/* Professionnel : volontairement sobre, stable et sans décor immersif. */
html[data-theme="professional"]{--app-bg:#f2f4f5;--sidebar-bg:#202b32;--sidebar-text:#f4f6f7;--topbar-bg:#fff;--panel:#fff;--panel-strong:#fff;--soft-panel:#f6f7f8;--text:#17242d;--muted:#63717a;--line:#d8dee1;--accent:#285d61;--accent-strong:#214d50;--accent-on:#fff;--soft-accent:#e4eeee;--field-bg:#fff;--field-text:#17242d;--field-placeholder:#77838a;--field-border:#cbd3d7;--hub-hero:linear-gradient(145deg,#e9eeee,#f5f6f7);--theme-decoration:none;--theme-shadow:0 10px 26px rgba(27,43,50,.07);--theme-radius:8px;--font-ui:"Segoe UI",Arial,sans-serif}
html[data-theme="professional"] .nav-icon::before{font-family:"Segoe UI Symbol",sans-serif}

/* Constellation : carte céleste élégante, filaments et balises de navigation. */
html[data-theme="constellation"]{--app-bg:#eaf2f3;--sidebar-bg:radial-gradient(circle at 18% 8%,rgba(90,190,185,.22),transparent 24%),linear-gradient(180deg,#0d2a37,#143b47 62%,#102d39);--sidebar-text:#effdfb;--topbar-bg:rgba(244,251,251,.9);--panel:rgba(255,255,255,.94);--panel-strong:#fff;--soft-panel:#eef7f7;--text:#112c3a;--muted:#58717c;--line:#c5dadd;--accent:#2d8e8d;--accent-strong:#1e6c6c;--accent-on:#fff;--soft-accent:#d9efec;--field-bg:#fbffff;--field-text:#112c3a;--field-placeholder:#637b84;--field-border:#b7d0d4;--hub-hero:radial-gradient(circle at 25% 28%,#fff 0 2px,transparent 3px),radial-gradient(circle at 72% 20%,#d4aa50 0 2px,transparent 3px),linear-gradient(145deg,#cfe9e8,#e5e8f7);--theme-shadow:0 18px 44px rgba(20,63,73,.11);--theme-radius:18px;--font-ui:"Segoe UI",Aptos,sans-serif;--theme-decoration:radial-gradient(circle at 12% 16%,rgba(45,142,141,.16),transparent 22%),radial-gradient(circle at 84% 9%,rgba(197,157,73,.14),transparent 18%),linear-gradient(112deg,transparent 47%,rgba(45,142,141,.06) 48%,transparent 49%)}
html[data-theme="constellation"] .workspace::before{content:"";position:fixed;pointer-events:none;inset:76px 2% 3% 330px;background:radial-gradient(circle at 12% 16%,rgba(28,110,110,.28) 0 1px,transparent 2px),radial-gradient(circle at 55% 42%,rgba(197,157,73,.34) 0 1.5px,transparent 2.5px),radial-gradient(circle at 85% 22%,rgba(28,110,110,.24) 0 1px,transparent 2px);background-size:130px 130px,190px 190px,170px 170px;opacity:.5;z-index:0}.workspace>*{position:relative;z-index:1}
html[data-theme="constellation"] .panel{position:relative}html[data-theme="constellation"] .panel::after{content:"✦";position:absolute;right:14px;bottom:10px;color:color-mix(in srgb,var(--accent) 18%,transparent);font-size:1.05rem;pointer-events:none}
html[data-theme="constellation"] .topbar::after{content:"✦  CARTE DE TRAJECTOIRE";margin-left:auto;color:var(--accent-strong);font-size:.58rem;font-weight:850;letter-spacing:.14em}

/* Aurore : jardin lumineux, halos organiques, formes souples et respiration. */
html[data-theme="aurora"]{--app-bg:#e8f5f1;--sidebar-bg:radial-gradient(ellipse at 20% 8%,rgba(246,196,157,.24),transparent 28%),linear-gradient(180deg,#183b50,#2b625f 58%,#3f7668);--sidebar-text:#f7fffd;--topbar-bg:rgba(244,253,250,.88);--panel:rgba(255,255,255,.88);--panel-strong:#fbfffd;--soft-panel:#edf8f3;--text:#17353c;--muted:#52736f;--line:#badbd2;--accent:#2e8b72;--accent-strong:#206d59;--accent-on:#fff;--soft-accent:#d4eee3;--field-bg:#fbfffd;--field-text:#17373c;--field-placeholder:#61807a;--field-border:#a9d2c6;--hub-hero:linear-gradient(135deg,#bfe4ef,#ccebd8 48%,#f8dcc8);--theme-shadow:0 20px 50px rgba(42,112,95,.12);--theme-radius:30px;--font-ui:"Trebuchet MS","Segoe UI",sans-serif;--theme-decoration:radial-gradient(ellipse at 12% 10%,rgba(91,190,150,.26),transparent 30%),radial-gradient(ellipse at 88% 12%,rgba(231,164,132,.25),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.42),transparent 52%)}
html[data-theme="aurora"] .panel,html[data-theme="aurora"] .modal{backdrop-filter:blur(14px)}html[data-theme="aurora"] .button,html[data-theme="aurora"] .nav-link,html[data-theme="aurora"] input,html[data-theme="aurora"] textarea,html[data-theme="aurora"] select{border-radius:999px!important}html[data-theme="aurora"] textarea{border-radius:22px!important}
html[data-theme="aurora"] .module-mark,html[data-theme="aurora"] .metric-icon{border-radius:50%!important;box-shadow:0 0 0 7px rgba(89,180,143,.08)}
html[data-theme="aurora"] .nav-link[data-screen="dashboard"] .nav-icon::before{content:"☀"}html[data-theme="aurora"] .nav-link[data-screen="scope"] .nav-icon::before{content:"❀"}html[data-theme="aurora"] .nav-link[data-screen="radar"] .nav-icon::before{content:"⌁"}html[data-theme="aurora"] .nav-link[data-screen="frame"] .nav-icon::before{content:"◈"}html[data-theme="aurora"] .nav-link[data-screen="pilot"] .nav-icon::before{content:"➜"}html[data-theme="aurora"] .nav-link[data-screen="forge"] .nav-icon::before{content:"✽"}html[data-theme="aurora"] .nav-link[data-screen="proof"] .nav-icon::before{content:"♡"}
html[data-theme="aurora"] .topbar::after{content:"☀  ÉLAN CALME";margin-left:auto;color:var(--accent-strong);font-size:.6rem;font-weight:850;letter-spacing:.13em}

/* Licorne cosmique : paillettes franches, rubans arc-en-ciel et pictogrammes joyeux. */
html[data-theme="sparkle"]{--app-bg:#fff1fb;--sidebar-bg:radial-gradient(circle at 20% 8%,rgba(255,225,128,.25),transparent 18%),linear-gradient(180deg,#51206e,#8b3c91 50%,#3d4d91);--sidebar-text:#fffaff;--topbar-bg:rgba(255,249,255,.9);--panel:rgba(255,255,255,.91);--panel-strong:#fffaff;--soft-panel:#fff0fb;--text:#42214e;--muted:#765b7c;--line:#e4bddd;--accent:#b13b9c;--accent-strong:#842a78;--accent-on:#fff;--soft-accent:#f8d8f1;--field-bg:#fffaff;--field-text:#42214e;--field-placeholder:#896887;--field-border:#d9a8d1;--hub-hero:radial-gradient(circle at 18% 22%,#fff 0 4px,transparent 5px),radial-gradient(circle at 78% 18%,#ffe26c 0 4px,transparent 5px),linear-gradient(135deg,#ffcdea,#d6d2ff 53%,#fff0aa);--theme-shadow:0 18px 48px rgba(154,55,139,.16);--theme-radius:24px;--font-ui:"Trebuchet MS","Segoe UI",sans-serif;--theme-decoration:radial-gradient(circle at 8% 12%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 62% 32%,rgba(255,210,77,.72) 0 2px,transparent 3px),radial-gradient(circle at 88% 18%,rgba(152,190,255,.65) 0 2px,transparent 3px),linear-gradient(135deg,rgba(255,164,224,.24),rgba(168,177,255,.2),rgba(255,241,150,.2));background-size:58px 58px,73px 73px,91px 91px,auto}
html[data-theme="sparkle"] .sidebar{box-shadow:10px 0 40px rgba(123,53,142,.2)}html[data-theme="sparkle"] .panel{position:relative;border-width:2px!important}html[data-theme="sparkle"] .panel::before{content:"✨";position:absolute;right:13px;top:10px;font-size:1rem;filter:drop-shadow(0 2px 4px rgba(183,62,156,.25));pointer-events:none}
html[data-theme="sparkle"] .button-primary{background:linear-gradient(135deg,#c340aa,#7f65d4 58%,#efad36)!important;box-shadow:0 0 0 3px rgba(255,255,255,.7),0 12px 34px rgba(177,59,156,.3)!important}
html[data-theme="sparkle"] .nav-link[data-screen="dashboard"] .nav-icon::before{content:"🌈"}html[data-theme="sparkle"] .nav-link[data-screen="help"] .nav-icon::before{content:"❓"}html[data-theme="sparkle"] .nav-link[data-screen="scope"] .nav-icon::before{content:"🦄"}html[data-theme="sparkle"] .nav-link[data-screen="radar"] .nav-icon::before{content:"✨"}html[data-theme="sparkle"] .nav-link[data-screen="frame"] .nav-icon::before{content:"🔮"}html[data-theme="sparkle"] .nav-link[data-screen="pilot"] .nav-icon::before{content:"💌"}html[data-theme="sparkle"] .nav-link[data-screen="forge"] .nav-icon::before{content:"🪄"}html[data-theme="sparkle"] .nav-link[data-screen="studio"] .nav-icon::before{content:"📜"}html[data-theme="sparkle"] .nav-link[data-screen="proof"] .nav-icon::before{content:"💎"}html[data-theme="sparkle"] .nav-link[data-screen="prompt"] .nav-icon::before{content:"⭐"}
html[data-theme="sparkle"] .topbar::after{content:"🦄  MODE PAILLETTES ACTIVÉ";margin-left:auto;color:var(--accent-strong);font-size:.6rem;font-weight:900;letter-spacing:.08em}

/* Mission contrôle : console opérationnelle, grille tactique et panneaux instrumentés. */
html[data-theme="mission"]{color-scheme:dark;--app-bg:#061119;--sidebar-bg:linear-gradient(180deg,#030a10,#071821 58%,#091f27);--sidebar-text:#dffaff;--topbar-bg:rgba(5,16,24,.94);--panel:#0d222d;--panel-strong:#102a36;--soft-panel:#091b24;--text:#eefbfc;--muted:#9eb8bf;--line:#2c4e5a;--accent:#29c1bd;--accent-strong:#7ae4df;--accent-on:#041417;--soft-accent:#153e43;--field-bg:#081a23;--field-text:#f4ffff;--field-placeholder:#8da8af;--field-border:#3b616d;--hub-hero:linear-gradient(145deg,#0a2834,#122c4c);--theme-shadow:0 18px 50px rgba(0,0,0,.32);--theme-radius:2px;--font-ui:"Segoe UI",Consolas,monospace;--theme-decoration:linear-gradient(rgba(41,193,189,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(41,193,189,.055) 1px,transparent 1px),radial-gradient(circle at 82% 12%,rgba(41,193,189,.22),transparent 24%);background-size:32px 32px,32px 32px,auto}
html[data-theme="mission"] .panel,html[data-theme="mission"] .modal,html[data-theme="mission"] .connection-card{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border-radius:0!important}html[data-theme="mission"] .panel-heading{padding-bottom:.7rem;border-bottom:1px solid var(--line)}
html[data-theme="mission"] .nav-icon::before{font:800 .65rem/1 Consolas,monospace;letter-spacing:.03em}html[data-theme="mission"] .nav-link[data-screen="dashboard"] .nav-icon::before{content:"HUB"}html[data-theme="mission"] .nav-link[data-screen="help"] .nav-icon::before{content:"MAN"}html[data-theme="mission"] .nav-link[data-screen="scope"] .nav-icon::before{content:"ID"}html[data-theme="mission"] .nav-link[data-screen="radar"] .nav-icon::before{content:"NAV"}html[data-theme="mission"] .nav-link[data-screen="frame"] .nav-icon::before{content:"SCAN"}html[data-theme="mission"] .nav-link[data-screen="pilot"] .nav-icon::before{content:"OPS"}html[data-theme="mission"] .nav-link[data-screen="forge"] .nav-icon::before{content:"DOC"}html[data-theme="mission"] .nav-link[data-screen="studio"] .nav-icon::before{content:"CV"}html[data-theme="mission"] .nav-link[data-screen="proof"] .nav-icon::before{content:"LINK"}html[data-theme="mission"] .nav-link[data-screen="prompt"] .nav-icon::before{content:"COM"}html[data-theme="mission"] .nav-link[data-screen="admin"] .nav-icon::before{content:"SYS"}
html[data-theme="mission"] .topbar::after{content:"●  SYSTÈME OPÉRATIONNEL";margin-left:auto;color:var(--accent-strong);font:800 .58rem/1 Consolas,monospace;letter-spacing:.14em}html[data-theme="mission"] .status-dot{background:#55efb8;box-shadow:0 0 12px #55efb8}
html[data-theme="mission"] .button{border-radius:2px!important;text-transform:uppercase;letter-spacing:.06em}html[data-theme="mission"] input,html[data-theme="mission"] textarea,html[data-theme="mission"] select{border-radius:2px!important}

/* Real CareerSphere : passerelle de Constellation, profondeur spatiale et instrumentation premium. */
html[data-theme="real"]{color-scheme:dark;--app-bg:#030b13;--sidebar-bg:radial-gradient(circle at 28% 0%,rgba(57,137,150,.48),transparent 28%),linear-gradient(180deg,#071a26,#092938 58%,#061721);--sidebar-text:#f2ffff;--topbar-bg:rgba(3,12,20,.9);--panel:rgba(10,34,46,.91);--panel-strong:#0d2d3a;--soft-panel:rgba(8,29,41,.92);--text:#f0fbfb;--muted:#a7c2c7;--line:#335e6b;--accent:#65c7bd;--accent-strong:#9ce3dc;--accent-on:#062026;--soft-accent:#18434a;--field-bg:#082531;--field-text:#f5ffff;--field-placeholder:#93b0b7;--field-border:#416d79;--hub-hero:radial-gradient(circle at 48% 16%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 76% 35%,rgba(221,186,92,.95) 0 2px,transparent 3px),linear-gradient(145deg,#092c3d,#142c4f);--theme-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);--theme-radius:20px;--font-ui:Aptos,"Segoe UI",sans-serif;--theme-decoration:radial-gradient(circle at 8% 12%,#fff 0 1px,transparent 2px),radial-gradient(circle at 32% 42%,rgba(255,255,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 72% 18%,rgba(218,189,109,.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 90% 66%,rgba(115,201,195,.85) 0 1px,transparent 2px),radial-gradient(ellipse at 76% 12%,rgba(48,139,160,.36),transparent 34%),linear-gradient(145deg,#020811,#071d2a 55%,#040d17)}
html[data-theme="real"] body::before{content:"";position:fixed;inset:0;pointer-events:none;background:conic-gradient(from 90deg at 78% 18%,transparent 0 35%,rgba(101,199,189,.05) 36% 37%,transparent 38% 100%);z-index:0}html[data-theme="real"] .app-shell{position:relative;z-index:1}
html[data-theme="real"] .sidebar{border-right:1px solid rgba(124,205,201,.24)!important;box-shadow:16px 0 50px rgba(0,0,0,.26)}html[data-theme="real"] .brand-sphere{box-shadow:0 0 34px rgba(101,199,189,.45)!important}
html[data-theme="real"] .panel{backdrop-filter:blur(16px);position:relative;overflow:hidden}html[data-theme="real"] .panel::before{content:"";position:absolute;left:0;top:0;width:46px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);pointer-events:none}
html[data-theme="real"] .button-primary{background:linear-gradient(135deg,#72d0c6,#d8b15d)!important;color:#062027!important}html[data-theme="real"] .topbar::after{content:"◉  CONSTELLATION / CARRIÈRE";margin-left:auto;color:var(--accent-strong);font-size:.58rem;font-weight:850;letter-spacing:.15em}
html[data-theme="real"] .nav-link.active{box-shadow:inset 0 0 0 1px rgba(119,214,205,.22),0 0 22px rgba(64,167,165,.08)}html[data-theme="real"] .nav-icon::before{text-shadow:0 0 12px currentColor}

@media(max-width:1100px){.topbar::after{display:none!important}.workspace::before{left:0}}
@media(max-width:900px){.workspace::before{inset:0!important}.merlin-fab{min-width:0!important;width:76px!important;height:76px!important;padding:8px!important}.merlin-fab .merlin-character{width:58px!important;height:58px!important}.merlin-fab>span:last-child{display:none!important}}
@media(max-width:620px){.hub-hero{height:138px!important;padding-top:5px}.hub-hero>div{height:128px!important;width:200px!important}.hub-context-actions{display:grid}.hub-context-actions button{width:100%}.panel,.modal{--theme-radius:16px}html[data-theme="aurora"]{--theme-radius:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.panel,.nav-link,.button{transition:none!important}}
/* V0.12.1 — immersion renforcée et lisibilité transversale. */
html[data-theme]{
  --accent-2:var(--accent);--accent-3:var(--accent-strong);--panel-surface:var(--panel);
  --panel-highlight:color-mix(in srgb,var(--panel) 90%,white);--panel-edge:var(--line);
  --focus-ring:color-mix(in srgb,var(--accent) 34%,transparent);
  --error-bg:#fff0f1;--error-text:#9d2631;--success-bg:#e9f8f0;--success-text:#155f42;
  --theme-grid:none;--theme-glow:none;--theme-grain:none;--nav-active-glow:none
}
html[data-theme] body{position:relative;min-height:100vh;overflow-x:hidden}
html[data-theme] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:var(--theme-grid),var(--theme-glow),var(--theme-grain);background-repeat:repeat,no-repeat,repeat;opacity:1}
html[data-theme] .app-shell{position:relative;z-index:1}
html[data-theme]:not([data-theme="professional"]) .app-shell,
html[data-theme]:not([data-theme="professional"]) .workspace,
html[data-theme]:not([data-theme="professional"]) .content{background-color:transparent!important}
html[data-theme] .screen>.module-intro,
html[data-theme] .screen>.section-heading,
html[data-theme] .admin-intro,
html[data-theme] .proof-intro,
html[data-theme] .help-intro{position:relative;padding:1rem 1.15rem;border:1px solid var(--panel-edge);border-radius:var(--theme-radius);background:var(--panel-surface);box-shadow:var(--theme-shadow);overflow:hidden}
html[data-theme] .screen>.module-intro::before,
html[data-theme] .admin-intro::before,
html[data-theme] .proof-intro::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 40%,transparent)}
html[data-theme] .panel,
html[data-theme] .modal,
html[data-theme] .connection-card,
html[data-theme] .admin-metric,
html[data-theme] .metric-card,
html[data-theme] .insight-card,
html[data-theme] .score-card,
html[data-theme] .objective-card,
html[data-theme] .compass-card,
html[data-theme] .entitlement-panel,
html[data-theme] .usage-panel,
html[data-theme] .recommendation-panel,
html[data-theme] .funnel-panel,
html[data-theme] .weekly-panel,
html[data-theme] .proof-preview-card,
html[data-theme] .proof-public-card,
html[data-theme] .account-session-card,
html[data-theme] .theme-preview,
html[data-theme] .companion-definition-form,
html[data-theme] .companion-admin-list article{background:var(--panel-surface)!important;border-color:var(--panel-edge)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme] .panel-heading,
html[data-theme] .card-topline,
html[data-theme] .modal-head,
html[data-theme] .studio-native-head{position:relative;border-color:var(--line)!important}
html[data-theme] .panel-heading::after,
html[data-theme] .card-topline::after{content:"";position:absolute;left:0;right:0;bottom:-.65rem;height:1px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent-2) 45%,transparent),transparent)}
html[data-theme] input:focus,
html[data-theme] textarea:focus,
html[data-theme] select:focus,
html[data-theme] button:focus-visible,
html[data-theme] a:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:2px!important;border-color:var(--accent)!important}
html[data-theme] input[type="checkbox"],html[data-theme] input[type="radio"]{accent-color:var(--accent)}
html[data-theme] .field-help,
html[data-theme] .connection-note,
html[data-theme] .admin-table-note,
html[data-theme] .temporary-help,
html[data-theme] .proof-preview-note{color:var(--muted)!important}
html[data-theme] .form-error,
html[data-theme] .auth-error,
html[data-theme] .inline-feedback.danger{display:block;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--error-text) 28%,transparent);border-radius:12px;background:var(--error-bg)!important;color:var(--error-text)!important;font-weight:700}
html[data-theme] .success-message,
html[data-theme] .proof-feedback-thanks,
html[data-theme] .inline-feedback.positive{padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--success-text) 25%,transparent);border-radius:12px;background:var(--success-bg)!important;color:var(--success-text)!important}
html[data-theme] .nav-link,
html[data-theme] .button,
html[data-theme] .panel,
html[data-theme] .metric-card,
html[data-theme] .connection-card{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
html[data-theme] .nav-link:hover{transform:translateX(3px)}
html[data-theme] .button:not(:disabled):hover{transform:translateY(-1px)}
html[data-theme] .nav-link.active{box-shadow:var(--nav-active-glow)!important}
html[data-theme] .admin-section-nav,
html[data-theme] .config-menu,
html[data-theme] .forge-tabs,
html[data-theme] .view-toggle{background:var(--panel-surface)!important;border-color:var(--panel-edge)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme] .admin-section-nav button.active,
html[data-theme] .config-menu button.active,
html[data-theme] .forge-tabs button.active,
html[data-theme] .view-toggle button.active{background:var(--soft-accent)!important;color:var(--accent-strong)!important;border-color:var(--accent)!important}
html[data-theme] .table-wrap,
html[data-theme] .table-scroll{border:1px solid var(--panel-edge);border-radius:calc(var(--theme-radius) - 4px);overflow:auto;background:var(--panel-surface);box-shadow:var(--theme-shadow)}
html[data-theme] th{font-weight:850!important;letter-spacing:.055em;text-transform:uppercase;font-size:.72rem}
html[data-theme] tbody tr:nth-child(even){background:color-mix(in srgb,var(--soft-panel) 68%,transparent)}
html[data-theme] .module-mark,
html[data-theme] .metric-icon,
html[data-theme] .guide-icon,
html[data-theme] .empty-icon{background:linear-gradient(145deg,var(--soft-accent),color-mix(in srgb,var(--panel) 75%,var(--accent-2)))!important;color:var(--accent-strong)!important;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:inset 0 1px rgba(255,255,255,.45),0 8px 20px color-mix(in srgb,var(--accent) 14%,transparent)}
html[data-theme] .policy-note,
html[data-theme] .method-note,
html[data-theme] .privacy-callout,
html[data-theme] .simulation-notice,
html[data-theme] .studio-notice,
html[data-theme] .generation-warning,
html[data-theme] .guest-banner{position:relative;overflow:hidden;border-left:4px solid var(--accent)!important;background:linear-gradient(135deg,var(--soft-panel),color-mix(in srgb,var(--soft-accent) 55%,var(--panel)))!important}
html[data-theme] .policy-note::after,
html[data-theme] .method-note::after{content:"";position:absolute;width:90px;height:90px;right:-38px;top:-50px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%}
html[data-theme] .companion-hub{background:var(--panel-surface)!important;border:1px solid var(--panel-edge)!important;box-shadow:0 28px 90px color-mix(in srgb,var(--sidebar-bg) 48%,transparent),var(--theme-shadow)!important}
html[data-theme] .hub-message,
html[data-theme] .hub-insight section,
html[data-theme] .hub-stats span{background:linear-gradient(135deg,var(--soft-panel),color-mix(in srgb,var(--panel) 84%,var(--soft-accent)))!important}
html[data-theme] ::-webkit-scrollbar{width:10px;height:10px}
html[data-theme] ::-webkit-scrollbar-track{background:color-mix(in srgb,var(--app-bg) 70%,var(--panel))}
html[data-theme] ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 62%,var(--line));border:2px solid color-mix(in srgb,var(--app-bg) 70%,var(--panel));border-radius:999px}

/* Professionnel premium : graphite, ivoire, laiton discret et relief éditorial. */
html[data-theme="professional"]{
  --app-bg:#edf0f1;--sidebar-bg:linear-gradient(180deg,#182229 0%,#25323a 54%,#172127 100%);--sidebar-text:#f5f6f3;
  --topbar-bg:rgba(252,252,249,.96);--panel:#fff;--panel-surface:linear-gradient(150deg,#ffffff 0%,#fbfbf8 72%,#f3f5f3 100%);
  --panel-highlight:#fff;--panel-edge:#cbd2d3;--soft-panel:#f2f4f3;--text:#17242b;--muted:#5d6a70;--line:#d2d8d9;
  --accent:#2d6563;--accent-2:#a98243;--accent-3:#244947;--accent-strong:#234f4d;--accent-on:#fff;--soft-accent:#e0ece9;
  --field-bg:#fff;--field-text:#17242b;--field-placeholder:#68777d;--field-border:#bcc7c9;
  --theme-shadow:0 1px 0 rgba(255,255,255,.8),0 14px 32px rgba(24,38,44,.09);--theme-radius:12px;
  --focus-ring:rgba(45,101,99,.23);--nav-active-glow:inset 3px 0 #b58c49,0 10px 25px rgba(0,0,0,.12)
}
html[data-theme="professional"] .sidebar{border-right:1px solid #b58c49!important;box-shadow:12px 0 32px rgba(19,29,34,.13)}
html[data-theme="professional"] .brand-sphere{background:linear-gradient(145deg,#34736f,#1d4646)!important;box-shadow:0 0 0 1px rgba(206,177,116,.55),0 12px 24px rgba(0,0,0,.18)!important}
html[data-theme="professional"] .topbar{box-shadow:0 1px 0 rgba(169,130,67,.22),0 8px 24px rgba(24,38,44,.05)}
html[data-theme="professional"] .topbar::after{content:"CAREERSPHERE  /  ESPACE PROFESSIONNEL";margin-left:auto;color:#6a5632;font-size:.56rem;font-weight:850;letter-spacing:.16em}
html[data-theme="professional"] .panel::before,
html[data-theme="professional"] .metric-card::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,#2d6563,#b58c49,transparent);opacity:.62}
html[data-theme="professional"] .panel,
html[data-theme="professional"] .metric-card{position:relative;overflow:hidden}
html[data-theme="professional"] .button-primary{background:linear-gradient(135deg,#2d6563,#234e4d)!important;box-shadow:0 10px 22px rgba(35,79,77,.18),inset 0 1px rgba(255,255,255,.2)!important}
html[data-theme="professional"] .scope-badge,
html[data-theme="professional"] .status-chip{box-shadow:inset 0 0 0 1px rgba(169,130,67,.18)}

/* Constellation : atlas céleste, routes orbitales, balises et profondeur cosmique. */
html[data-theme="constellation"]{
  --app-bg:#dce8ec;--sidebar-bg:radial-gradient(circle at 28% 5%,rgba(90,210,205,.24),transparent 23%),radial-gradient(circle at 82% 32%,rgba(97,111,205,.19),transparent 28%),linear-gradient(180deg,#071a2a,#102f40 56%,#081c2a);
  --sidebar-text:#f0ffff;--topbar-bg:rgba(241,250,251,.89);--panel:rgba(250,255,255,.95);--panel-surface:linear-gradient(145deg,rgba(255,255,255,.97),rgba(238,249,250,.94));
  --panel-edge:#a8cbd1;--soft-panel:#e8f4f5;--text:#102d3a;--muted:#4f6c77;--line:#b9d3d7;
  --accent:#238b91;--accent-2:#675cbd;--accent-3:#c59a48;--accent-strong:#176970;--accent-on:#fff;--soft-accent:#d7eff0;
  --field-bg:#fbffff;--field-text:#102d3a;--field-placeholder:#59747d;--field-border:#9fc4ca;
  --theme-shadow:0 24px 55px rgba(11,49,66,.14),inset 0 1px rgba(255,255,255,.72);--theme-radius:20px;
  --theme-decoration:radial-gradient(circle at 12% 18%,rgba(34,139,145,.24),transparent 22%),radial-gradient(circle at 82% 10%,rgba(103,92,189,.24),transparent 24%),linear-gradient(135deg,#d7e7eb,#eef5f6 52%,#dce5f1);
  --theme-grid:radial-gradient(circle,rgba(255,255,255,.96) 0 1px,transparent 1.7px);--theme-glow:radial-gradient(ellipse at 88% 16%,rgba(92,78,188,.21),transparent 34%);--theme-grain:linear-gradient(116deg,transparent 49.65%,rgba(35,139,145,.08) 49.8%,transparent 50%);
  --nav-active-glow:inset 3px 0 #65d4cf,0 0 24px rgba(70,193,190,.18)
}
html[data-theme="constellation"] body::after{background-size:82px 82px,auto,260px 260px;animation:csStarDrift 32s linear infinite}
html[data-theme="constellation"] .sidebar::after{content:"";position:absolute;inset:96px 18px auto;height:190px;pointer-events:none;background:linear-gradient(31deg,transparent 36%,rgba(116,217,213,.2) 36.5% 37%,transparent 37.5%),linear-gradient(145deg,transparent 58%,rgba(188,164,92,.18) 58.5% 59%,transparent 59.5%);opacity:.8}
html[data-theme="constellation"] .panel,
html[data-theme="constellation"] .module-intro{backdrop-filter:blur(18px);overflow:hidden}
html[data-theme="constellation"] .panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 10%,rgba(103,92,189,.12) 0 2px,transparent 3px),linear-gradient(130deg,transparent 78%,rgba(35,139,145,.06));}
html[data-theme="constellation"] .panel::after{content:"✦";right:15px;bottom:10px;color:rgba(34,124,132,.28);font-size:1.15rem}
html[data-theme="constellation"] .module-mark{border-radius:50%!important;box-shadow:0 0 0 6px rgba(35,139,145,.08),0 0 28px rgba(103,92,189,.18)!important}
html[data-theme="constellation"] .topbar{border-bottom:1px solid rgba(35,139,145,.28)!important;box-shadow:0 10px 35px rgba(15,55,71,.08)}
html[data-theme="constellation"] .topbar::after{content:"✦  NAVIGATION CÉLESTE  ·  CAP ACTIF"}
html[data-theme="constellation"] .nav-icon{filter:drop-shadow(0 0 6px rgba(100,220,215,.6))}
html[data-theme="constellation"] .nav-link[data-screen="dashboard"] .nav-icon::before{content:"✺"}html[data-theme="constellation"] .nav-link[data-screen="scope"] .nav-icon::before{content:"◉"}html[data-theme="constellation"] .nav-link[data-screen="radar"] .nav-icon::before{content:"⌖"}html[data-theme="constellation"] .nav-link[data-screen="frame"] .nav-icon::before{content:"◇"}html[data-theme="constellation"] .nav-link[data-screen="pilot"] .nav-icon::before{content:"↗"}html[data-theme="constellation"] .nav-link[data-screen="forge"] .nav-icon::before{content:"✦"}html[data-theme="constellation"] .nav-link[data-screen="studio"] .nav-icon::before{content:"▤"}html[data-theme="constellation"] .nav-link[data-screen="proof"] .nav-icon::before{content:"◎"}html[data-theme="constellation"] .nav-link[data-screen="prompt"] .nav-icon::before{content:"✧"}

/* Aurore : lumière mouvante, brume colorée, verre givré et formes organiques. */
html[data-theme="aurora"]{
  --app-bg:#dceee9;--sidebar-bg:radial-gradient(ellipse at 16% 8%,rgba(255,185,145,.3),transparent 27%),radial-gradient(ellipse at 85% 35%,rgba(104,214,176,.25),transparent 29%),linear-gradient(180deg,#15384d,#24625c 56%,#355f52);
  --sidebar-text:#f7fffd;--topbar-bg:rgba(247,253,250,.87);--panel:rgba(255,255,255,.91);--panel-surface:linear-gradient(145deg,rgba(255,255,255,.93),rgba(238,250,246,.87));
  --panel-edge:#a7d2c6;--soft-panel:#e6f5ee;--text:#15383d;--muted:#486d68;--line:#b5d9cf;
  --accent:#2a8f72;--accent-2:#d77f76;--accent-3:#3c7db1;--accent-strong:#1e6d58;--accent-on:#fff;--soft-accent:#d0eee2;
  --field-bg:#fbfffd;--field-text:#15383d;--field-placeholder:#557b74;--field-border:#94c8b9;
  --theme-shadow:0 25px 60px rgba(32,101,83,.14),inset 0 1px rgba(255,255,255,.86);--theme-radius:30px;
  --theme-decoration:radial-gradient(ellipse at 5% 0%,rgba(255,173,144,.35),transparent 30%),radial-gradient(ellipse at 78% 4%,rgba(100,202,176,.38),transparent 34%),radial-gradient(ellipse at 94% 72%,rgba(94,150,204,.27),transparent 33%),linear-gradient(145deg,#d9eee7,#f4f2e7 52%,#dcecf0);
  --theme-grid:linear-gradient(115deg,transparent 0 30%,rgba(255,255,255,.24) 37%,transparent 44% 100%);--theme-glow:radial-gradient(ellipse at 76% 14%,rgba(255,197,151,.28),transparent 42%);--theme-grain:radial-gradient(circle,rgba(37,113,91,.08) 0 1px,transparent 1.5px);
  --nav-active-glow:inset 3px 0 #8ee2c4,0 12px 26px rgba(9,46,44,.15)
}
html[data-theme="aurora"] body::after{background-size:180% 180%,auto,42px 42px;animation:csAuroraFlow 18s ease-in-out infinite alternate}
html[data-theme="aurora"] .sidebar{box-shadow:12px 0 45px rgba(32,91,79,.17)}
html[data-theme="aurora"] .panel,
html[data-theme="aurora"] .modal,
html[data-theme="aurora"] .module-intro{backdrop-filter:blur(20px) saturate(1.12);border-width:1px!important}
html[data-theme="aurora"] .panel::before{content:"";position:absolute;right:-42px;top:-48px;width:150px;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(215,127,118,.12),transparent 68%);pointer-events:none}
html[data-theme="aurora"] .topbar{box-shadow:0 12px 36px rgba(38,104,88,.08)}
html[data-theme="aurora"] .topbar::after{content:"☀  HORIZON OUVERT  ·  ÉLAN CALME"}
html[data-theme="aurora"] .button-primary{background:linear-gradient(135deg,#2a8f72,#3b7fa0)!important}
html[data-theme="aurora"] .scope-badge,
html[data-theme="aurora"] .status-chip{background:linear-gradient(135deg,#d8f1e5,#f7dfd7)!important}
html[data-theme="aurora"] .hub-hero{background:radial-gradient(ellipse at 28% 10%,rgba(255,233,194,.9),transparent 34%),linear-gradient(135deg,#a8dce4,#bfe7cf 46%,#f3c7b2)!important}

/* Paillettes : univers pop assumé, cartes-stickers et lumière arc-en-ciel maîtrisée. */
html[data-theme="sparkle"]{
  --panel-surface:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,242,252,.94));--panel-edge:#dca6d2;
  --accent-2:#7464d9;--accent-3:#e7a532;--focus-ring:rgba(177,59,156,.25);
  --theme-shadow:0 20px 50px rgba(143,54,142,.17),0 0 0 1px rgba(255,255,255,.68);
  --theme-grid:radial-gradient(circle,rgba(255,255,255,.98) 0 2px,transparent 2.7px);--theme-glow:conic-gradient(from 120deg at 82% 13%,rgba(255,198,88,.18),rgba(222,112,207,.2),rgba(111,132,230,.17),rgba(255,198,88,.18));--theme-grain:radial-gradient(circle,rgba(138,75,174,.11) 0 1px,transparent 1.6px);
  --nav-active-glow:inset 3px 0 #ffe57f,0 0 28px rgba(255,149,221,.22)
}
html[data-theme="sparkle"] body::after{background-size:64px 64px,auto,38px 38px;animation:csSparkleFloat 12s ease-in-out infinite alternate}
html[data-theme="sparkle"] .panel,
html[data-theme="sparkle"] .metric-card,
html[data-theme="sparkle"] .module-intro{border-width:2px!important;box-shadow:0 20px 50px rgba(143,54,142,.15),6px 7px 0 rgba(124,101,211,.07)!important}
html[data-theme="sparkle"] .panel::before{content:"✦";right:15px;top:10px;width:auto;height:auto;background:none;color:#d556b6;font-size:1rem;filter:drop-shadow(0 2px 4px rgba(183,62,156,.25))}
html[data-theme="sparkle"] .panel::after{content:"";position:absolute;inset:auto 18px 0;height:3px;background:linear-gradient(90deg,#ff94d5,#8a72dc,#ffd062);border-radius:999px}
html[data-theme="sparkle"] .topbar{box-shadow:0 10px 34px rgba(150,60,145,.1)}
html[data-theme="sparkle"] .topbar::after{content:"🦄  PAILLETTES, COURAGE & CANDIDATURES"}
html[data-theme="sparkle"] .module-mark{transform:rotate(-3deg);border-radius:18px 28px 16px 25px!important}
html[data-theme="sparkle"] .status-chip,
html[data-theme="sparkle"] .scope-badge{background:linear-gradient(135deg,#ffdcef,#e4ddff,#fff1b8)!important;border-color:#d6a3d1!important}
html[data-theme="sparkle"] .hub-hero{background:radial-gradient(circle at 18% 22%,#fff 0 4px,transparent 5px),radial-gradient(circle at 78% 18%,#ffe26c 0 4px,transparent 5px),radial-gradient(circle at 54% 70%,#fff 0 3px,transparent 4px),linear-gradient(135deg,#ffc3e7,#c9c5ff 53%,#ffef9f)!important}

/* Mission contrôle : HUD tactique, scanlines, repères et cartes instrumentées. */
html[data-theme="mission"]{
  --app-bg:#040d13;--sidebar-bg:radial-gradient(circle at 26% 3%,rgba(39,201,194,.18),transparent 24%),linear-gradient(180deg,#02070c,#06151d 56%,#071d25);
  --topbar-bg:rgba(3,12,18,.95);--panel:#0b202a;--panel-surface:linear-gradient(145deg,rgba(14,40,51,.98),rgba(7,25,34,.98));--panel-edge:#315965;
  --soft-panel:#081a23;--text:#f1fcfd;--muted:#a6c0c6;--line:#2c515d;
  --accent:#2cd2c9;--accent-2:#f0b84b;--accent-3:#5aa6ff;--accent-strong:#86eee8;--accent-on:#031719;--soft-accent:#133e43;
  --field-bg:#061821;--field-text:#f5ffff;--field-placeholder:#9bb6bc;--field-border:#426d78;
  --theme-shadow:0 20px 58px rgba(0,0,0,.4),inset 0 0 0 1px rgba(108,224,218,.035);--theme-radius:2px;
  --theme-decoration:linear-gradient(rgba(44,210,201,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(44,210,201,.045) 1px,transparent 1px),radial-gradient(circle at 83% 12%,rgba(44,210,201,.19),transparent 26%),linear-gradient(145deg,#020910,#071923);
  --theme-grid:repeating-linear-gradient(0deg,rgba(126,236,230,.025) 0 1px,transparent 1px 4px);--theme-glow:radial-gradient(circle at 86% 15%,rgba(44,210,201,.16),transparent 32%);--theme-grain:linear-gradient(90deg,transparent 49.8%,rgba(240,184,75,.055) 50%,transparent 50.2%);
  --error-bg:#32141b;--error-text:#ff9ca4;--success-bg:#0d3027;--success-text:#83efc4;--focus-ring:rgba(44,210,201,.27);
  --nav-active-glow:inset 3px 0 #2cd2c9,0 0 24px rgba(44,210,201,.16)
}
html[data-theme="mission"] body::after{background-size:auto,auto,240px 240px;animation:csMissionScan 10s linear infinite}
html[data-theme="mission"] .workspace::after{content:"";position:fixed;right:24px;bottom:22px;width:110px;height:110px;border:1px solid rgba(44,210,201,.14);border-radius:50%;box-shadow:inset 0 0 0 18px rgba(44,210,201,.018),inset 0 0 0 36px rgba(44,210,201,.012);pointer-events:none}
html[data-theme="mission"] .sidebar{box-shadow:14px 0 55px rgba(0,0,0,.38);border-right:1px solid rgba(44,210,201,.27)!important}
html[data-theme="mission"] .panel,
html[data-theme="mission"] .modal,
html[data-theme="mission"] .module-intro,
html[data-theme="mission"] .connection-card{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));border-radius:0!important;position:relative}
html[data-theme="mission"] .panel::before{content:"";position:absolute;inset:7px 7px auto auto;width:18px;height:18px;border-top:2px solid var(--accent-2);border-right:2px solid var(--accent-2);background:none}
html[data-theme="mission"] .panel::after{content:"SYS / READY";position:absolute;right:13px;bottom:8px;font:700 .5rem/1 Consolas,monospace;color:rgba(134,238,232,.36);letter-spacing:.12em}
html[data-theme="mission"] .topbar{border-bottom:1px solid rgba(44,210,201,.36)!important;box-shadow:0 10px 32px rgba(0,0,0,.28)}
html[data-theme="mission"] .topbar::after{content:"●  SYSTÈME OPÉRATIONNEL  /  SESSION ACTIVE"}
html[data-theme="mission"] .button-primary{background:linear-gradient(135deg,#2cd2c9,#88eee7)!important;color:#041719!important;box-shadow:0 0 0 1px rgba(44,210,201,.55),0 0 24px rgba(44,210,201,.18)!important}
html[data-theme="mission"] .status-chip,
html[data-theme="mission"] .scope-badge{background:#102f35!important;color:#a8f5ef!important;border:1px solid #34727a!important;text-transform:uppercase;letter-spacing:.06em}
html[data-theme="mission"] table{font-family:Consolas,"Segoe UI",monospace}
html[data-theme="mission"] th{color:#82dcd8!important;background:#071820!important}
html[data-theme="mission"] tbody tr:hover{background:rgba(44,210,201,.08)!important}
html[data-theme="mission"] .hub-hero{background:linear-gradient(rgba(44,210,201,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(44,210,201,.06) 1px,transparent 1px),radial-gradient(circle at 50% 34%,rgba(44,210,201,.15),transparent 45%),#061a24!important;background-size:22px 22px,22px 22px,auto,auto!important}

/* Real CareerSphere : thème signature, passerelle orbitale, verre sombre, or et turquoise. */
html[data-theme="real"]{
  --app-bg:#020810;--sidebar-bg:radial-gradient(circle at 35% 0%,rgba(48,151,163,.44),transparent 27%),radial-gradient(circle at 92% 30%,rgba(202,159,70,.13),transparent 23%),linear-gradient(180deg,#061722,#092b38 56%,#04121c);
  --topbar-bg:rgba(3,12,20,.91);--panel:#0a2632;--panel-surface:linear-gradient(145deg,rgba(12,43,55,.94),rgba(6,25,37,.95));--panel-edge:#376674;
  --soft-panel:#08202c;--text:#f2fcfc;--muted:#b1c9ce;--line:#335d69;
  --accent:#68d4c8;--accent-2:#d8ae58;--accent-3:#668ee5;--accent-strong:#a3eee7;--accent-on:#041a20;--soft-accent:#16454c;
  --field-bg:#072632;--field-text:#f6ffff;--field-placeholder:#a0bbc1;--field-border:#4b7883;
  --theme-shadow:0 26px 75px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.055);--theme-radius:20px;
  --theme-decoration:radial-gradient(circle at 8% 12%,#fff 0 1px,transparent 2px),radial-gradient(circle at 35% 38%,rgba(255,255,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 78% 17%,rgba(218,174,88,.95) 0 1.5px,transparent 2.5px),radial-gradient(circle at 92% 72%,rgba(104,212,200,.85) 0 1px,transparent 2px),radial-gradient(ellipse at 78% 10%,rgba(51,151,171,.33),transparent 35%),linear-gradient(145deg,#01060c,#061a26 54%,#030b13);
  --theme-grid:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.7px);--theme-glow:conic-gradient(from 12deg at 78% 18%,transparent 0 35%,rgba(104,212,200,.09) 36% 36.5%,transparent 37% 61%,rgba(216,174,88,.08) 62% 62.5%,transparent 63%);--theme-grain:linear-gradient(124deg,transparent 49.7%,rgba(104,212,200,.045) 50%,transparent 50.3%);
  --error-bg:#35151d;--error-text:#ffabb2;--success-bg:#0d3029;--success-text:#90efc9;--focus-ring:rgba(104,212,200,.28);
  --nav-active-glow:inset 3px 0 #d8ae58,0 0 34px rgba(104,212,200,.14)
}
html[data-theme="real"] body::after{background-size:96px 96px,auto,300px 300px;animation:csRealOrbit 34s linear infinite}
html[data-theme="real"] body::before{background:radial-gradient(circle at 78% 18%,transparent 0 86px,rgba(104,212,200,.08) 87px 88px,transparent 89px 129px,rgba(216,174,88,.07) 130px 131px,transparent 132px),conic-gradient(from 90deg at 78% 18%,transparent 0 35%,rgba(101,199,189,.065) 36% 37%,transparent 38% 100%)!important}
html[data-theme="real"] .sidebar{border-right:1px solid rgba(216,174,88,.28)!important;box-shadow:18px 0 65px rgba(0,0,0,.38)}
html[data-theme="real"] .brand-sphere{background:radial-gradient(circle at 35% 28%,#7ee4d9,#174d58 48%,#071923)!important;box-shadow:0 0 0 1px rgba(216,174,88,.48),0 0 42px rgba(104,212,200,.38)!important}
html[data-theme="real"] .panel,
html[data-theme="real"] .modal,
html[data-theme="real"] .module-intro{backdrop-filter:blur(22px) saturate(1.12);position:relative;overflow:hidden}
html[data-theme="real"] .panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 23%),radial-gradient(circle at 92% 8%,rgba(216,174,88,.12),transparent 24%)}
html[data-theme="real"] .panel::after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:.55}
html[data-theme="real"] .topbar{border-bottom:1px solid rgba(216,174,88,.25)!important;box-shadow:0 14px 45px rgba(0,0,0,.25)}
html[data-theme="real"] .topbar::after{content:"◉  REAL CAREERSPHERE  /  CONSTELLATION ACTIVE"}
html[data-theme="real"] .button-primary{background:linear-gradient(135deg,#72ded2,#d9b15f)!important;color:#052027!important;box-shadow:0 0 0 1px rgba(216,174,88,.28),0 16px 38px rgba(43,156,151,.21)!important}
html[data-theme="real"] .module-mark,
html[data-theme="real"] .metric-icon{box-shadow:0 0 0 1px rgba(216,174,88,.22),0 0 32px rgba(104,212,200,.16)!important}
html[data-theme="real"] .status-chip,
html[data-theme="real"] .scope-badge{background:linear-gradient(135deg,#16464c,#3b3527)!important;color:#ddfbf8!important;border-color:#527479!important}
html[data-theme="real"] .hub-hero{background:radial-gradient(circle at 48% 16%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 76% 35%,rgba(221,186,92,.95) 0 2px,transparent 3px),radial-gradient(circle at 18% 54%,rgba(104,212,200,.8) 0 1px,transparent 2px),linear-gradient(145deg,#062738,#142c4e)!important}
html[data-theme="real"] .nav-icon{filter:drop-shadow(0 0 8px rgba(104,212,200,.55))}
html[data-theme="real"] .nav-link[data-screen="dashboard"] .nav-icon::before{content:"◉"}html[data-theme="real"] .nav-link[data-screen="scope"] .nav-icon::before{content:"⌾"}html[data-theme="real"] .nav-link[data-screen="radar"] .nav-icon::before{content:"⌖"}html[data-theme="real"] .nav-link[data-screen="frame"] .nav-icon::before{content:"◇"}html[data-theme="real"] .nav-link[data-screen="pilot"] .nav-icon::before{content:"↗"}html[data-theme="real"] .nav-link[data-screen="forge"] .nav-icon::before{content:"✦"}html[data-theme="real"] .nav-link[data-screen="studio"] .nav-icon::before{content:"▤"}html[data-theme="real"] .nav-link[data-screen="proof"] .nav-icon::before{content:"◎"}html[data-theme="real"] .nav-link[data-screen="prompt"] .nav-icon::before{content:"⌁"}

@keyframes csStarDrift{from{background-position:0 0,center,0 0}to{background-position:82px 82px,center,260px 0}}
@keyframes csAuroraFlow{from{background-position:0 0,center,0 0}to{background-position:100% 45%,center,21px 21px}}
@keyframes csSparkleFloat{from{background-position:0 0,center,0 0}to{background-position:32px 24px,center,19px 12px}}
@keyframes csMissionScan{from{background-position:0 0,center,0 0}to{background-position:0 24px,center,240px 0}}
@keyframes csRealOrbit{from{background-position:0 0,center,0 0}to{background-position:96px 96px,center,300px 0}}

@media(max-width:1100px){html[data-theme] .screen>.module-intro,html[data-theme] .admin-intro,html[data-theme] .proof-intro{padding:.85rem 1rem}}
@media(max-width:620px){html[data-theme] .screen>.module-intro,html[data-theme] .admin-intro,html[data-theme] .proof-intro{border-radius:16px}html[data-theme="mission"] .workspace::after{display:none}html[data-theme="sparkle"] .panel,html[data-theme="sparkle"] .metric-card{box-shadow:0 14px 34px rgba(143,54,142,.14)!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] body::after{animation:none!important}html[data-theme] .nav-link:hover,html[data-theme] .button:hover{transform:none!important}}
/* V0.12.2 — univers incarnés : chaque thème possède son propre langage d’interface. */
html[data-theme] .sidebar-footer .quiet-button{background:color-mix(in srgb,var(--sidebar-text) 7%,transparent)!important;color:var(--sidebar-text)!important;border:1px solid color-mix(in srgb,var(--sidebar-text) 25%,transparent)!important;box-shadow:none!important}
html[data-theme] .sidebar-footer .quiet-button span{color:color-mix(in srgb,var(--accent) 70%,var(--sidebar-text))!important}
html[data-theme] .sidebar-footer .quiet-button:hover{background:color-mix(in srgb,var(--accent) 28%,transparent)!important;color:#fff!important;border-color:color-mix(in srgb,var(--accent) 70%,transparent)!important}
html[data-theme] .sidebar-footer p{color:color-mix(in srgb,var(--sidebar-text) 68%,transparent)!important}
html[data-theme] .account-summary,html[data-theme] .profile-button,html[data-theme] .mobile-menu{color:var(--text)!important;border-color:var(--line)!important;background:var(--panel-strong)!important}
html[data-theme] .account-summary small,html[data-theme] .save-indicator,html[data-theme] .save-indicator span{color:var(--muted)!important}
html[data-theme] .upload-zone,html[data-theme] .update-drop,html[data-theme] .proof-file-drop{background:color-mix(in srgb,var(--field-bg) 82%,var(--soft-panel))!important;color:var(--field-text)!important;border-color:var(--field-border)!important}
html[data-theme] .theme-choice-grid button,html[data-theme] .companion-choice-grid button,html[data-theme] .hub-theme-grid button,html[data-theme] .hub-companion-grid button{background:var(--panel-strong)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme] .theme-choice-grid button small,html[data-theme] .companion-choice-grid button small{color:var(--muted)!important}
html[data-theme] .theme-choice-grid button.active,html[data-theme] .companion-choice-grid button.active,html[data-theme] .hub-theme-grid button.active{background:var(--soft-accent)!important;color:var(--accent-strong)!important;border-color:var(--accent)!important;box-shadow:inset 0 0 0 2px var(--accent)!important}
html[data-theme] .companion-hub h2,html[data-theme] .companion-hub h3,html[data-theme] .companion-hub strong,html[data-theme] .companion-hub label{color:var(--text)!important}
html[data-theme] .companion-hub p,html[data-theme] .companion-hub small,html[data-theme] .companion-hub .hub-role,html[data-theme] .companion-hub .hub-privacy{color:var(--muted)!important}

/* Professionnel — cabinet premium, ivoire, graphite, laiton ; jamais blanc sur blanc. */
html[data-theme="professional"]{--app-bg:#e7ebeb;--topbar-bg:#f7f5ef;--panel:#fcfbf7;--panel-strong:#f0f3f2;--panel-surface:linear-gradient(145deg,#fffefa,#f1f3f1);--soft-panel:#e6ebea;--text:#17262c;--muted:#485a60;--line:#aebbbd;--panel-edge:#9eadaf;--accent:#235e5b;--accent-2:#a57732;--accent-strong:#1d4f4c;--soft-accent:#d9e8e5;--field-bg:#eef2f1;--field-text:#14252b;--field-placeholder:#53666c;--field-border:#82969a;--theme-shadow:0 1px 0 rgba(255,255,255,.9),0 18px 42px rgba(19,34,40,.13)}
html[data-theme="professional"] body{background:linear-gradient(135deg,#e2e7e7,#f4f2eb 54%,#e2e8e7)!important}
html[data-theme="professional"] .workspace{background:linear-gradient(180deg,rgba(247,248,246,.78),rgba(229,235,234,.82))!important}
html[data-theme="professional"] .sidebar{background:linear-gradient(180deg,#172229,#26343b 52%,#131d22)!important;border-right:2px solid #a77c38!important}
html[data-theme="professional"] .sidebar .nav-link{border:1px solid transparent!important}
html[data-theme="professional"] .sidebar .nav-link.active{background:linear-gradient(90deg,rgba(53,111,106,.5),rgba(53,111,106,.16))!important;border-color:rgba(190,151,79,.36)!important}
html[data-theme="professional"] .sidebar-footer .quiet-button{background:#24343b!important;color:#f5f7f5!important;border-color:#53656b!important}
html[data-theme="professional"] .sidebar-footer .quiet-button:hover{background:#31524f!important;border-color:#b58b43!important}
html[data-theme="professional"] .topbar{background:linear-gradient(90deg,#fbfaf6,#f0f2ef)!important;border-bottom:1px solid #9aa9aa!important}
html[data-theme="professional"] .screen>.module-intro{background:linear-gradient(125deg,#fffefa,#eef3f1)!important;border:1px solid #98aaa9!important;box-shadow:0 14px 40px rgba(24,41,46,.12)!important}
html[data-theme="professional"] .panel,html[data-theme="professional"] .modal,html[data-theme="professional"] .connection-card,html[data-theme="professional"] .admin-metric,html[data-theme="professional"] .metric-card{border:1px solid #9facad!important;background:linear-gradient(145deg,#fffefa,#f0f3f1)!important}
html[data-theme="professional"] input,html[data-theme="professional"] textarea,html[data-theme="professional"] select{background:#edf2f1!important;border:1px solid #7f9498!important;color:#13262c!important}
html[data-theme="professional"] input:disabled,html[data-theme="professional"] textarea:disabled,html[data-theme="professional"] select:disabled{background:#d5dddd!important;color:#44575d!important;border-color:#a3b0b2!important}
html[data-theme="professional"] th{background:#dce4e2!important;color:#263c42!important}
html[data-theme="professional"] .policy-note,html[data-theme="professional"] .hub-message,html[data-theme="professional"] .hub-insight section{background:#e8eeec!important;border-color:#a9b8b8!important}
html[data-theme="professional"] .admin-section-nav,html[data-theme="professional"] .config-menu{background:linear-gradient(180deg,#faf9f5,#e9edeb)!important;border:1px solid #a8b5b6!important}
html[data-theme="professional"] .admin-section-nav button,html[data-theme="professional"] .config-menu button{color:#1d3036!important}

/* Constellation — véritable poste de commandement spatial RTS. */
html[data-theme="constellation"]{color-scheme:dark;--app-bg:#020812;--sidebar-bg:linear-gradient(180deg,#030811,#081925 55%,#020910);--sidebar-text:#e8fbff;--topbar-bg:rgba(3,13,22,.97);--panel:#071a25;--panel-strong:#0b2632;--panel-surface:linear-gradient(145deg,#0b2b38 0%,#06151f 70%,#0a202b 100%);--panel-edge:#267381;--soft-panel:#0a222d;--text:#effcff;--muted:#a3c5cc;--line:#285965;--accent:#46e4df;--accent-2:#6c8fff;--accent-3:#dcb55f;--accent-strong:#8ff4ef;--accent-on:#031719;--soft-accent:#123e47;--field-bg:#061822;--field-text:#f4ffff;--field-placeholder:#91b3ba;--field-border:#3f7c87;--theme-radius:3px;--theme-shadow:0 0 0 1px rgba(70,228,223,.14),0 22px 58px rgba(0,0,0,.52),inset 0 1px rgba(157,246,241,.06);--error-bg:#34141c;--error-text:#ffadb5;--success-bg:#0a3029;--success-text:#87f0c5}
html[data-theme="constellation"] body{background:radial-gradient(circle at 72% 15%,rgba(64,112,211,.23),transparent 25%),radial-gradient(circle at 42% 62%,rgba(34,152,168,.14),transparent 31%),linear-gradient(145deg,#01040a,#071623 52%,#02070d)!important}
html[data-theme="constellation"] body::after{background-image:radial-gradient(circle,rgba(217,250,255,.9) 0 1px,transparent 1.8px),linear-gradient(rgba(66,222,217,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(66,222,217,.04) 1px,transparent 1px)!important;background-size:78px 78px,34px 34px,34px 34px!important;opacity:.74}
html[data-theme="constellation"] .workspace{background:linear-gradient(90deg,rgba(3,11,18,.91),rgba(4,18,29,.78))!important;border-left:1px solid rgba(70,228,223,.18)}
html[data-theme="constellation"] .workspace::before{content:"";position:fixed;inset:78px 12px 12px 318px!important;pointer-events:none;background:radial-gradient(circle at 78% 16%,transparent 0 104px,rgba(70,228,223,.14) 105px 106px,transparent 107px 150px,rgba(108,143,255,.1) 151px 152px,transparent 153px),conic-gradient(from 10deg at 78% 16%,transparent 0 23%,rgba(70,228,223,.07) 24% 24.3%,transparent 24.6% 58%,rgba(220,181,95,.07) 59% 59.3%,transparent 59.6%)!important;background-size:auto!important;opacity:1!important}
html[data-theme="constellation"] .sidebar{background:linear-gradient(90deg,#02070d,#071a25 88%,#123642)!important;border-right:2px solid #2ea7aa!important;box-shadow:14px 0 60px rgba(0,0,0,.62),inset -12px 0 28px rgba(40,159,166,.08)}
html[data-theme="constellation"] .brand-sphere{border-radius:4px!important;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);background:radial-gradient(circle,#58f2eb,#13546a 46%,#030a12 70%)!important;box-shadow:0 0 0 2px #2e8995,0 0 30px rgba(70,228,223,.55)!important}
html[data-theme="constellation"] .nav-label{color:#78bac4!important;border-bottom:1px solid rgba(70,228,223,.18);padding-bottom:.4rem;letter-spacing:.15em}
html[data-theme="constellation"] .nav-link{border:1px solid transparent!important;border-radius:2px!important}
html[data-theme="constellation"] .nav-link::after{content:"";position:absolute;right:8px;width:6px;height:6px;border:1px solid rgba(70,228,223,.4);transform:rotate(45deg)}
html[data-theme="constellation"] .nav-link.active{background:linear-gradient(90deg,rgba(32,141,151,.46),rgba(16,55,68,.72))!important;border-color:#2b7783!important;box-shadow:inset 4px 0 #54eee8,0 0 24px rgba(70,228,223,.16)!important}
html[data-theme="constellation"] .sidebar-footer .quiet-button{background:linear-gradient(90deg,#0a2732,#071923)!important;color:#e9fbff!important;border-color:#2e6975!important;border-radius:2px!important}
html[data-theme="constellation"] .topbar{background:linear-gradient(90deg,#06151f,#0a2733 62%,#07141e)!important;border-bottom:2px solid #286b78!important;box-shadow:0 12px 38px rgba(0,0,0,.5),inset 0 -1px rgba(99,236,231,.17)}
html[data-theme="constellation"] .topbar::before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:repeating-linear-gradient(90deg,#48dfd9 0 42px,transparent 42px 55px,#dcb55f 55px 59px,transparent 59px 74px)}
html[data-theme="constellation"] .topbar::after{content:"COMMAND DECK  //  TRAJECTORY CONTROL";padding:.45rem .7rem;border:1px solid #2b6672;background:#071b25;color:#84eee9!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
html[data-theme="constellation"] .screen>.module-intro{min-height:132px;padding:1.3rem 1.5rem!important;background:radial-gradient(circle at 86% 50%,rgba(108,143,255,.2),transparent 23%),linear-gradient(110deg,#0c3441,#071721 72%)!important;border:2px solid #2c7884!important;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:0 0 38px rgba(70,228,223,.12),inset 0 0 40px rgba(33,121,135,.08)!important}
html[data-theme="constellation"] .screen>.module-intro::after{content:"NAV DATA  •  LINK STABLE  •  100%";position:absolute;right:18px;bottom:12px;color:#72c9cf;font:700 .58rem/1 Consolas,monospace;letter-spacing:.13em}
html[data-theme="constellation"] .panel,html[data-theme="constellation"] .modal,html[data-theme="constellation"] .connection-card,html[data-theme="constellation"] .metric-card,html[data-theme="constellation"] .companion-hub,html[data-theme="constellation"] .admin-section-nav,html[data-theme="constellation"] .config-menu{background:linear-gradient(145deg,#0b2a36,#06151e)!important;border:2px solid #286c78!important;border-radius:2px!important;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);box-shadow:0 0 0 1px rgba(80,235,230,.08),0 24px 54px rgba(0,0,0,.5),inset 0 0 32px rgba(27,110,124,.07)!important}
html[data-theme="constellation"] .panel::before{background:linear-gradient(90deg,#46e4df 0 52px,transparent 52px)!important;height:3px!important;inset:0 14px auto!important}
html[data-theme="constellation"] .panel::after{content:"NODE // ONLINE"!important;right:12px!important;bottom:8px!important;color:rgba(143,244,239,.34)!important;font:700 .52rem/1 Consolas,monospace!important;letter-spacing:.11em}
html[data-theme="constellation"] .panel-heading{padding:.7rem .85rem!important;margin:-.3rem -.3rem 1rem!important;background:linear-gradient(90deg,rgba(28,106,119,.38),rgba(6,22,31,.2));border-bottom:1px solid #2a6570!important;text-transform:uppercase;letter-spacing:.04em}
html[data-theme="constellation"] input,html[data-theme="constellation"] textarea,html[data-theme="constellation"] select{background:#04141d!important;color:#f3ffff!important;border:1px solid #3b7782!important;border-radius:2px!important;box-shadow:inset 0 0 14px rgba(36,135,149,.09)!important}
html[data-theme="constellation"] input:disabled,html[data-theme="constellation"] textarea:disabled,html[data-theme="constellation"] select:disabled{background:#142831!important;color:#a7c0c6!important;border-color:#3b5d66!important}
html[data-theme="constellation"] th{background:#0d303b!important;color:#91e8e5!important;border-bottom:2px solid #347580!important}
html[data-theme="constellation"] td{background:rgba(4,18,27,.82)!important;color:#eaf9fb!important}
html[data-theme="constellation"] tbody tr:hover td{background:#11343e!important}
html[data-theme="constellation"] .button{border-radius:2px!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);text-transform:uppercase;letter-spacing:.055em}
html[data-theme="constellation"] .button-primary{background:linear-gradient(135deg,#4ce5df,#35aeb7)!important;color:#03191d!important;border-color:#72f0eb!important;box-shadow:0 0 22px rgba(70,228,223,.24)!important}
html[data-theme="constellation"] .button-secondary,html[data-theme="constellation"] .quiet-button,html[data-theme="constellation"] .hub-actions button,html[data-theme="constellation"] .hub-context-actions button{background:#0a2732!important;color:#eafcff!important;border-color:#35717c!important}
html[data-theme="constellation"] .policy-note,html[data-theme="constellation"] .hub-message,html[data-theme="constellation"] .hub-insight section,html[data-theme="constellation"] .hub-stats span{background:linear-gradient(135deg,#0d2d38,#081b24)!important;color:#eafcff!important;border-color:#326874!important}
html[data-theme="constellation"] .hub-hero{background:linear-gradient(rgba(70,228,223,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(70,228,223,.055) 1px,transparent 1px),radial-gradient(circle at 50% 38%,rgba(108,143,255,.28),transparent 42%),#06141e!important;background-size:24px 24px,24px 24px,auto,auto!important}

/* Aurore — univers naturel et atmosphérique, rubans lumineux et verre organique. */
html[data-theme="aurora"] body{background:radial-gradient(ellipse at 4% 4%,rgba(255,169,135,.5),transparent 30%),radial-gradient(ellipse at 78% 8%,rgba(80,210,166,.48),transparent 35%),radial-gradient(ellipse at 94% 76%,rgba(78,139,210,.34),transparent 34%),linear-gradient(145deg,#cfe9df,#f5eadc 54%,#d2e9ed)!important}
html[data-theme="aurora"] body::after{background:linear-gradient(118deg,transparent 0 25%,rgba(255,255,255,.42) 31%,transparent 38% 59%,rgba(117,220,185,.22) 67%,transparent 75%),radial-gradient(circle,rgba(31,119,92,.1) 0 1px,transparent 1.8px)!important;background-size:190% 190%,44px 44px!important;filter:blur(.1px)}
html[data-theme="aurora"] .workspace{background:rgba(238,250,246,.32)!important}
html[data-theme="aurora"] .sidebar{background:radial-gradient(ellipse at 15% 7%,rgba(250,179,144,.35),transparent 28%),radial-gradient(ellipse at 80% 38%,rgba(105,223,181,.25),transparent 31%),linear-gradient(180deg,#153b4f,#24685f 58%,#315c4f)!important;border-right:1px solid rgba(211,244,231,.62)!important;box-shadow:18px 0 55px rgba(25,89,72,.22)}
html[data-theme="aurora"] .sidebar-footer .quiet-button{background:rgba(231,252,243,.1)!important;color:#f5fffc!important;border-color:rgba(219,249,238,.38)!important;border-radius:18px!important}
html[data-theme="aurora"] .topbar{background:linear-gradient(90deg,rgba(249,254,251,.94),rgba(236,249,241,.85),rgba(252,234,220,.82))!important;border-bottom:1px solid #91c5b6!important}
html[data-theme="aurora"] .screen>.module-intro{background:radial-gradient(ellipse at 88% 20%,rgba(245,177,143,.3),transparent 33%),linear-gradient(130deg,rgba(255,255,255,.95),rgba(223,246,235,.88))!important;border:1px solid #8bc5b4!important;box-shadow:0 25px 65px rgba(35,108,87,.16)!important}
html[data-theme="aurora"] .screen>.module-intro::after{content:"";position:absolute;right:-25px;bottom:-54px;width:190px;height:150px;border:2px solid rgba(57,157,125,.15);border-radius:55% 45% 67% 33%/48% 60% 40% 52%;transform:rotate(-15deg)}
html[data-theme="aurora"] .panel,html[data-theme="aurora"] .modal,html[data-theme="aurora"] .connection-card,html[data-theme="aurora"] .metric-card{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(226,247,238,.88))!important;border:1px solid #8fc7b7!important;box-shadow:0 24px 60px rgba(37,108,88,.15),inset 0 1px rgba(255,255,255,.9)!important}
html[data-theme="aurora"] .panel::after{content:"";position:absolute;right:-40px;top:-52px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(232,147,125,.13),transparent 68%)}
html[data-theme="aurora"] input,html[data-theme="aurora"] textarea,html[data-theme="aurora"] select{background:#f7fffc!important;color:#12363a!important;border:1px solid #73ad9d!important}
html[data-theme="aurora"] th{background:linear-gradient(90deg,#d9eee6,#f3dfd7)!important;color:#204b4c!important}
html[data-theme="aurora"] .policy-note,html[data-theme="aurora"] .hub-message,html[data-theme="aurora"] .hub-insight section{background:linear-gradient(135deg,#e3f4ec,#f8e5dd)!important;border-color:#9fcabd!important;color:#173e40!important}
html[data-theme="aurora"] .button-primary{background:linear-gradient(135deg,#238b70,#397faa,#d88274)!important;box-shadow:0 14px 34px rgba(43,128,103,.22)!important}

/* Paillettes — plus loin dans le pop magique : stickers, rubans, étoiles et cartes jouets. */
html[data-theme="sparkle"] body{background:radial-gradient(circle at 8% 10%,rgba(255,214,94,.52),transparent 18%),radial-gradient(circle at 88% 8%,rgba(125,126,236,.38),transparent 24%),radial-gradient(circle at 68% 75%,rgba(255,130,206,.38),transparent 27%),linear-gradient(145deg,#ffe9f7,#eee5ff 52%,#fff1c4)!important}
html[data-theme="sparkle"] body::after{background-image:radial-gradient(circle,rgba(255,255,255,.98) 0 2px,transparent 2.8px),radial-gradient(circle,rgba(255,210,71,.8) 0 1.5px,transparent 2.4px),linear-gradient(125deg,transparent 44%,rgba(255,148,215,.13) 45%,transparent 46% 64%,rgba(126,118,226,.1) 65%,transparent 66%)!important;background-size:54px 54px,91px 91px,260px 260px!important}
html[data-theme="sparkle"] .sidebar{background:radial-gradient(circle at 20% 5%,rgba(255,223,108,.35),transparent 18%),linear-gradient(180deg,#622478,#a23b97 52%,#4b509c)!important;border-right:2px solid #ffd65c!important;box-shadow:16px 0 55px rgba(100,38,130,.28)}
html[data-theme="sparkle"] .sidebar-footer .quiet-button{background:rgba(255,255,255,.12)!important;color:#fffaff!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:18px!important}
html[data-theme="sparkle"] .topbar{background:linear-gradient(90deg,#fffaff,#fff1fb 46%,#efeaff 74%,#fff8d7)!important;border-bottom:2px solid #e7afd9!important}
html[data-theme="sparkle"] .screen>.module-intro{background:radial-gradient(circle at 88% 20%,rgba(255,227,103,.46),transparent 28%),linear-gradient(125deg,#9c54aa,#cf65a6 55%,#7978d8)!important;color:#fff!important;border:2px solid rgba(255,255,255,.7)!important;box-shadow:8px 9px 0 rgba(112,88,198,.12),0 25px 60px rgba(159,61,147,.25)!important}
html[data-theme="sparkle"] .screen>.module-intro h1,html[data-theme="sparkle"] .screen>.module-intro h2,html[data-theme="sparkle"] .screen>.module-intro p,html[data-theme="sparkle"] .screen>.module-intro .eyebrow{color:#fff!important;text-shadow:0 2px 10px rgba(82,30,91,.24)}
html[data-theme="sparkle"] .screen>.module-intro::after{content:"✨  ✦  🌈";position:absolute;right:24px;bottom:14px;font-size:1.25rem;letter-spacing:.55rem}
html[data-theme="sparkle"] .panel,html[data-theme="sparkle"] .metric-card,html[data-theme="sparkle"] .connection-card{background:linear-gradient(145deg,#fffaff,#fff0fa)!important;border:2px solid #ce8fc5!important;border-radius:26px 18px 28px 20px!important;box-shadow:7px 8px 0 rgba(121,105,209,.09),0 22px 48px rgba(151,55,141,.14)!important}
html[data-theme="sparkle"] .panel:nth-child(even),html[data-theme="sparkle"] .metric-card:nth-child(even){border-radius:18px 28px 20px 26px!important}
html[data-theme="sparkle"] .panel::before{content:"✦"!important;position:absolute!important;right:14px!important;top:9px!important;color:#d64db1!important;font-size:1.2rem!important;background:none!important}
html[data-theme="sparkle"] input,html[data-theme="sparkle"] textarea,html[data-theme="sparkle"] select{background:#fff8fd!important;color:#42214e!important;border:2px solid #c979ba!important;box-shadow:inset 0 0 0 3px rgba(255,228,247,.8)!important}
html[data-theme="sparkle"] th{background:linear-gradient(90deg,#f8d8ef,#e5ddff,#fff0b9)!important;color:#51245c!important}
html[data-theme="sparkle"] .policy-note,html[data-theme="sparkle"] .hub-message,html[data-theme="sparkle"] .hub-insight section{background:linear-gradient(135deg,#fff1fb,#eee8ff,#fff8d9)!important;border-color:#d69bcb!important;color:#44214f!important}
html[data-theme="sparkle"] .button-secondary{background:#fff8fd!important;color:#55245f!important;border:2px solid #d08ac3!important}
html[data-theme="sparkle"] .button-primary{background:linear-gradient(135deg,#d447b5,#7b69dc 58%,#f0b33e)!important;border:2px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 3px rgba(218,73,181,.12),0 15px 34px rgba(144,55,142,.27)!important}

/* Mission — centre tactique terrestre, industriel, ambre et cyan. */
html[data-theme="mission"] .sidebar{background:repeating-linear-gradient(135deg,rgba(255,190,72,.035) 0 8px,transparent 8px 18px),linear-gradient(180deg,#02080c,#071b21 58%,#061014)!important;border-right:2px solid #d49d36!important}
html[data-theme="mission"] .sidebar-footer .quiet-button{background:#0b2229!important;color:#e8fbfc!important;border-color:#3c6870!important;border-radius:1px!important}
html[data-theme="mission"] .topbar{background:linear-gradient(90deg,#06161c,#0a2930 62%,#101d20)!important;border-bottom:2px solid #d29c38!important}
html[data-theme="mission"] .screen>.module-intro{background:repeating-linear-gradient(135deg,rgba(240,184,75,.04) 0 9px,transparent 9px 20px),linear-gradient(120deg,#0c3038,#071820)!important;border:2px solid #38747b!important;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
html[data-theme="mission"] .screen>.module-intro::after{content:"OPS CHANNEL  /  PRIORITY ROUTING";position:absolute;right:16px;bottom:10px;color:#d4a84d;font:700 .56rem/1 Consolas,monospace;letter-spacing:.13em}
html[data-theme="mission"] .panel-heading{background:linear-gradient(90deg,rgba(39,132,137,.22),transparent);padding:.65rem .8rem!important;border-bottom:1px solid #396b72!important}
html[data-theme="mission"] .panel::before{border-top-color:#e3aa42!important;border-right-color:#e3aa42!important}
html[data-theme="mission"] .button-secondary{background:#0c2730!important;color:#effcfd!important;border-color:#47747c!important}
html[data-theme="mission"] .sidebar .nav-link.active{background:linear-gradient(90deg,rgba(38,157,156,.36),rgba(224,166,60,.08))!important;border:1px solid #356a72!important;box-shadow:inset 4px 0 #e0a63c!important}

/* Real CareerSphere — passerelle cinématique premium, or et turquoise. */
html[data-theme="real"] .sidebar{background:radial-gradient(circle at 25% 2%,rgba(88,222,211,.32),transparent 24%),radial-gradient(circle at 88% 34%,rgba(218,174,88,.16),transparent 25%),linear-gradient(180deg,#03121c,#092e3b 56%,#020c14)!important;border-right:2px solid #b9954d!important}
html[data-theme="real"] .sidebar-footer .quiet-button{background:linear-gradient(90deg,#0c2e38,#09202c)!important;color:#f2ffff!important;border-color:#466d74!important}
html[data-theme="real"] .topbar{background:linear-gradient(90deg,#061923,#0b303b 64%,#151e25)!important;border-bottom:2px solid #b28b42!important}
html[data-theme="real"] .screen>.module-intro{background:radial-gradient(circle at 84% 28%,rgba(216,174,88,.2),transparent 25%),radial-gradient(circle at 68% 64%,rgba(104,212,200,.14),transparent 30%),linear-gradient(118deg,#0d3a45,#071823 72%)!important;border:1px solid #517984!important;box-shadow:0 0 0 1px rgba(216,174,88,.18),0 30px 80px rgba(0,0,0,.4)!important;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}
html[data-theme="real"] .screen>.module-intro::after{content:"REAL CAREERSPHERE  •  CONSTELLATION LINK";position:absolute;right:20px;bottom:12px;color:#d7ba77;font-size:.56rem;font-weight:800;letter-spacing:.15em}
html[data-theme="real"] .panel,html[data-theme="real"] .modal,html[data-theme="real"] .connection-card,html[data-theme="real"] .metric-card,html[data-theme="real"] .companion-hub{border:1px solid #4e7780!important;background:linear-gradient(145deg,rgba(13,49,61,.96),rgba(5,21,31,.97))!important;box-shadow:0 0 0 1px rgba(216,174,88,.1),0 28px 75px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.055)!important}
html[data-theme="real"] .panel-heading{padding:.7rem .85rem!important;background:linear-gradient(90deg,rgba(104,212,200,.12),rgba(216,174,88,.06),transparent);border-bottom:1px solid #456b73!important}
html[data-theme="real"] input,html[data-theme="real"] textarea,html[data-theme="real"] select{background:#061e29!important;color:#f5ffff!important;border:1px solid #527e87!important;box-shadow:inset 0 0 16px rgba(58,157,160,.08)!important}
html[data-theme="real"] th{background:linear-gradient(90deg,#123a43,#332f24)!important;color:#d9f7f4!important}
html[data-theme="real"] td{background:rgba(5,22,31,.82)!important;color:#ecfafb!important}
html[data-theme="real"] .button-secondary{background:linear-gradient(135deg,#103640,#222d31)!important;color:#efffff!important;border-color:#55777e!important}
html[data-theme="real"] .policy-note,html[data-theme="real"] .hub-message,html[data-theme="real"] .hub-insight section{background:linear-gradient(135deg,#0e3540,#272c29)!important;color:#efffff!important;border-color:#4d747b!important}

@media(max-width:900px){html[data-theme="constellation"] .workspace::before{inset:0!important}html[data-theme="constellation"] .topbar::after,html[data-theme="mission"] .topbar::after,html[data-theme="real"] .topbar::after{display:none!important}}
@media(max-width:620px){html[data-theme="constellation"] .screen>.module-intro::after,html[data-theme="mission"] .screen>.module-intro::after,html[data-theme="real"] .screen>.module-intro::after{display:none}html[data-theme="constellation"] .panel,html[data-theme="constellation"] .modal,html[data-theme="real"] .screen>.module-intro{clip-path:none;border-radius:10px!important}}