/* v21 — dashboard reference + 2 themes + PRO gold 3D + cinematic intro */
:root{--gold-1:#fff4a8;--gold-2:#e8b93f;--gold-3:#9c6400;--rose-bg:#f8d5e7;--rose-panel:#fff6fb;--rose-strong:#e688b8;--rose-text:#161116}
.brand-badge{position:relative!important;isolation:isolate;background:linear-gradient(145deg,var(--gold-1) 0%,#f7d563 30%,var(--gold-2) 60%,var(--gold-3) 100%)!important;color:#4f3200!important;border:1px solid #fff0a2!important;border-radius:8px!important;padding:.42rem .62rem!important;font-weight:900!important;letter-spacing:.08em!important;text-shadow:0 1px 0 #fff7be!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.85),inset 0 -3px 5px rgba(102,57,0,.38),0 4px 0 #704500,0 7px 13px rgba(0,0,0,.35)!important;transform:perspective(180px) rotateX(7deg);transition:transform .22s ease,filter .22s ease}.brand-badge::after{content:'';position:absolute;inset:2px;border-radius:5px;border:1px solid rgba(255,255,255,.58);pointer-events:none}.brand-badge:hover{transform:perspective(180px) rotateX(0) translateY(-2px);filter:saturate(1.15) brightness(1.08)}
/* Dashboard de référence : structure adaptée à la maquette */
.ref-dashboard{transform-style:preserve-3d;perspective:1200px;overflow:hidden}.ref-card,.ref-kpi{will-change:transform,box-shadow;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}.ref-card:hover,.ref-kpi:hover{transform:translateY(-4px) rotateX(.45deg);box-shadow:0 16px 34px rgba(0,0,0,.3);border-color:var(--rd-accent)}.ref-kpi i{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.18)}.ref-chart-main,.ref-small-chart{animation:chartReveal .85s .18s both}.ref-kpi{animation:cardRise .55s both}.ref-kpi:nth-child(2){animation-delay:.08s}.ref-kpi:nth-child(3){animation-delay:.16s}.ref-bottom .ref-card{animation:cardRise .65s .24s both}
body.brand-decors:not(.theme-rose) .ref-dashboard{--rd-accent:#ff9a56;--rd-accent2:#ffd073;--rd-warning:#ff704c;--rd-panel:#572417;--rd-panel2:#74331d;--rd-line:#a95732;background:radial-gradient(circle at 75% -15%,rgba(255,167,92,.23),transparent 35%),linear-gradient(145deg,#35150f,#5c2518 55%,#2b120d);border-color:#b65b33;box-shadow:0 20px 50px rgba(71,27,13,.42)}
body.brand-decors:not(.theme-rose) .ref-kpi .edge{box-shadow:0 -2px 10px rgba(255,154,86,.55)}
body.brand-mmcr:not(.theme-rose) .ref-dashboard{--rd-accent:#25c7df;--rd-accent2:#65d78b;--rd-warning:#f08b45;--rd-panel:#0e3454;--rd-panel2:#17506e;--rd-line:#2d7496;background:radial-gradient(circle at 78% -10%,rgba(53,169,208,.23),transparent 36%),linear-gradient(145deg,#07192c,#0c3352 56%,#071a2c);border-color:#2f7898;box-shadow:0 20px 50px rgba(9,47,72,.38)}
/* Le deuxième thème est Rose, avec écriture noire sur toute l'application */
body.theme-rose{--app-text:var(--rose-text)!important;--app-muted:#5f4d57!important;--brand-primary:#d66aa3!important;--brand-secondary:#ef9bc5!important;background:linear-gradient(135deg,#fdebf4,#f7cfe3 48%,#efb5d3) fixed!important;color:var(--rose-text)!important}body.theme-rose.is-admin main.container{background:linear-gradient(135deg,#fff4fa,#f7d5e7 52%,#efbdd7)!important;color:var(--rose-text)!important}body.theme-rose .app-navbar{background:linear-gradient(180deg,#f6c5df,#e899c0)!important;border-bottom-color:#bd4d88!important;color:#111!important}body.theme-rose .app-navbar *,body.theme-rose .app-navbar .brand-title,body.theme-rose .app-navbar .brand-title small,body.theme-rose .app-navbar .mmcr-text-logo strong,body.theme-rose .app-navbar .mmcr-text-logo small{color:#111!important}body.theme-rose .app-navbar .btn{border-color:#241820!important}body.theme-rose .admin-sidebar{background:linear-gradient(180deg,#f3bad7,#dc79ad)!important;border-color:#bd4d88!important}body.theme-rose .sidebar-group summary,body.theme-rose .sidebar-link,body.theme-rose .sidebar-link i{color:#111!important}body.theme-rose .sidebar-link:hover{background:rgba(255,255,255,.35)!important}body.theme-rose .sidebar-link.active{background:#fff1f8!important;color:#111!important;box-shadow:inset 4px 0 #9f2869!important}
body.theme-rose .ref-dashboard{--rd-accent:#b62d78;--rd-accent2:#158a72;--rd-warning:#c85c19;--rd-panel:#fff7fb;--rd-panel2:#f9dcec;--rd-line:#d58ab2;color:#111!important;background:radial-gradient(circle at 78% -15%,rgba(214,106,163,.28),transparent 35%),linear-gradient(145deg,#fff9fc,#f7d2e5 58%,#efb9d5);border-color:#c85f98;box-shadow:0 20px 48px rgba(117,35,78,.22)}body.theme-rose .ref-head h1,body.theme-rose .ref-card h2,body.theme-rose .ref-kpi strong,body.theme-rose .ref-kpi small,body.theme-rose .ref-table,body.theme-rose .ref-table th,body.theme-rose .ref-rotation-row,body.theme-rose .ref-details summary,body.theme-rose .ref-period{color:#111!important}body.theme-rose .ref-period select{background:#fff7fb;color:#111;border-color:#b95188}body.theme-rose .ref-table th{background:rgba(164,36,105,.12)}body.theme-rose .ref-table td,body.theme-rose .ref-table th{border-bottom-color:rgba(80,22,53,.16)}body.theme-rose .ref-track{background:#d7b0c5}body.theme-rose .ref-empty{color:#4f3d47}.theme-rose .app-footer,.theme-rose .app-footer *{color:#111!important}
/* Intro cinéma courte, affichée une seule fois par session */
.cinema-intro{display:none;position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at 50% 42%,#27364a 0%,#090e17 48%,#020305 100%);align-items:center;justify-content:center;overflow:hidden}.cinema-intro.is-active{display:flex}.cinema-intro::before,.cinema-intro::after{content:'';position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent 14%,transparent 38%,rgba(255,255,255,.08),transparent 54%);animation:projectorSpin 2.6s linear infinite}.cinema-intro::after{animation-direction:reverse;opacity:.55}.cinema-intro-card{position:relative;z-index:2;text-align:center;color:#fff;transform:scale(.72) translateZ(-90px);opacity:0;animation:introLogo 1.35s cubic-bezier(.15,.8,.2,1) forwards}.cinema-intro-logo{height:96px;max-width:220px;object-fit:contain;background:#fff;border-radius:14px;padding:5px;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 18px 55px rgba(0,0,0,.55)}.cinema-intro-mmcr{font-weight:950;font-size:3.2rem;letter-spacing:.22em;text-shadow:0 5px 0 #092a41,0 13px 28px rgba(0,0,0,.65)}.cinema-intro-sub{margin-top:15px;font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:#dfeaf2}.cinema-intro-pro{display:inline-block;margin-top:18px;padding:7px 14px;border-radius:7px;background:linear-gradient(145deg,#fff2a0,#d69b1e 58%,#815000);color:#3e2700;font-weight:950;letter-spacing:.16em;box-shadow:inset 0 2px rgba(255,255,255,.72),0 5px 0 #654000,0 12px 27px rgba(0,0,0,.5)}.cinema-intro.is-leaving{animation:introCurtain .36s ease forwards}
@keyframes cardRise{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes chartReveal{from{opacity:0;transform:scaleX(.92);transform-origin:left center}to{opacity:1;transform:scaleX(1)}}@keyframes projectorSpin{to{transform:rotate(360deg)}}@keyframes introLogo{0%{opacity:0;transform:scale(.72) translateZ(-90px);filter:blur(8px)}55%{opacity:1;transform:scale(1.05) translateZ(20px);filter:blur(0)}100%{opacity:1;transform:scale(1) translateZ(0)}}@keyframes introCurtain{to{opacity:0;visibility:hidden;transform:scale(1.03)}}
@media(max-width:760px){.cinema-intro-mmcr{font-size:2.25rem}.cinema-intro-logo{height:78px}.ref-card:hover,.ref-kpi:hover{transform:none}}@media(prefers-reduced-motion:reduce){.cinema-intro{display:none!important}.ref-card,.ref-kpi,.ref-chart-main,.ref-small-chart{animation:none!important;transition:none!important}}