/* ---- Sombre ---- */
html[data-m2theme="sombre"]{filter:invert(.9) hue-rotate(180deg);background:#fff}
html[data-m2theme="sombre"] img,html[data-m2theme="sombre"] video,html[data-m2theme="sombre"] iframe,html[data-m2theme="sombre"] canvas,html[data-m2theme="sombre"] picture,
html[data-m2theme="sombre"] [style*="background-image"],html[data-m2theme="sombre"] .ppx-cover,html[data-m2theme="sombre"] .m2nx-cover{filter:invert(1) hue-rotate(180deg)}
html[data-m2theme="sombre"] .bi,html[data-m2theme="sombre"] .emoji{filter:none}
/* ---- Blanc ---- */
html[data-m2theme="blanc"] body{background:#fff!important}
html[data-m2theme="blanc"] :is(.card,.science-card,.feed-card,.social-side-card,.m2so-card,.mx-card,.nx-card,.m2nx-card,.qz-card,.gx-card,.ppx-card,.masga-side-menu){box-shadow:none!important;border:1px solid #e9edf2!important;background-color:#fff!important}
/* ---- Kaki ---- */
html[data-m2theme="kaki"] body{background:#d8cdab!important}
html[data-m2theme="kaki"] :is(.card,.science-card,.feed-card,.social-side-card,.m2so-card,.mx-card,.nx-card,.m2nx-card,.qz-card,.gx-card,.ppx-card,.masga-side-menu,.m2so-panel,.mz-chat,.dropdown-menu){background-color:#f6f0dd!important;border-color:#d6c99e!important}
html[data-m2theme="kaki"] :is(header,.navbar,.topbar,.app-header,.main-header,.site-header,.mobile-top-nav-2masga){background-color:#efe5c4!important}
html[data-m2theme="kaki"] .mz-chat{--mz-bg:#f6f0dd;--mz-in:#e9dfbf}
/* ---- choix du theme ---- */
.m2th-box{position:fixed;inset:0;z-index:2147483600;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:14px}
.m2th-in{background:#fff;color:#0f172a;border-radius:18px;padding:18px;width:min(440px,100%);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.m2th-in h4{font-size:18px;font-weight:800;margin:0 0 12px}
.m2th-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.m2th-opt{border:2px solid #e2e8f0;border-radius:14px;padding:10px;cursor:pointer;background:#fff;text-align:left;font-weight:700;font-size:14px;color:#0f172a}
.m2th-opt.on{border-color:#0a66c2;box-shadow:0 0 0 3px rgba(10,102,194,.15)}
.m2th-sw{display:block;height:46px;border-radius:10px;margin-bottom:6px;border:1px solid rgba(0,0,0,.08)}
.m2th-close{margin-top:12px;width:100%;border:0;border-radius:10px;background:#eef2f7;padding:10px;font-weight:700}