/* Verre sombre stable ; le flou reste limité au panneau. */
.sp-more-dialog { display:none; }
@media(max-width:1099px), (hover:none) and (pointer:coarse) {
    .brand-actions #settingsToggle { display:none; }
    .sp-more-dialog[open] {
        display:flex; flex-direction:column; position:fixed; inset:auto; left:50%; margin:0 0 0 -179px;
        width:358px; max-width:calc(100vw - 32px); height:50dvh; max-height:calc(100dvh - 108px);
        padding:18px; border:0; border-radius:28px; overflow:visible; background:transparent;
        isolation:isolate; z-index:112; color:var(--text-primary);
        /* Une seule couche filtrée : éviter un flou enfant sous une opacité animée. */
        backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
        box-shadow:0 18px 48px rgba(25,32,53,.2),0 3px 10px rgba(25,32,53,.09);
        --text-primary:#f4f6fb; --text-secondary:#e0e5ef; --border-color:rgba(230,240,255,.23); --bg-card:rgba(255,255,255,.08); --bg-filter:rgba(255,255,255,.08); --bg-surface-2:rgba(255,255,255,.08);
    }
    #systemModal.sp-more-embedded :is(.lang-toggle-btn,.system-toggle-btn) { color:var(--text-primary)!important; }
    #systemModal.sp-more-embedded .lang-toggle-btn.active,
    #systemModal.sp-more-embedded :is(#activationEntryOpen,#activationCta) { color:#ffafc4!important; }
    .sp-more-dialog::before {
        content:""; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit;
        border:1px solid rgba(255,255,255,.34);
        background:linear-gradient(165deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 44%,rgba(10,15,29,.10)),rgba(24,31,47,.70);
        box-shadow:inset 0 2px 2px rgba(255,255,255,.20),inset 0 -2px 3px rgba(107,124,153,.16);
        backdrop-filter:none; -webkit-backdrop-filter:none;
    }
    .sp-more-dialog::after {
        content:""; position:absolute; inset:2px; z-index:1; border-radius:inherit; pointer-events:none;
        border-top:1px solid rgba(255,255,255,.24); border-bottom:1px solid rgba(255,255,255,.16);
        background:radial-gradient(ellipse at 12% 0%,rgba(255,255,255,.10),transparent 48%),radial-gradient(ellipse at 90% 100%,rgba(255,187,209,.1),transparent 52%);
    }
    [data-theme=dark] .sp-more-dialog::before {
        background:linear-gradient(165deg,rgba(169,183,215,.12),rgba(255,255,255,.025) 45%,rgba(10,15,29,.12)),rgba(31,36,49,.52); border-color:rgba(214,225,250,.26);
        box-shadow:inset 0 2px 2px rgba(231,240,255,.16),inset 0 -2px 3px rgba(0,0,0,.28);
    }
    [data-theme=dark] .sp-more-dialog::after { border-top-color:#e6efff25; border-bottom-color:#afc8ff16; background:radial-gradient(ellipse at 12% 0%,#d7e5ff16,transparent 48%),radial-gradient(ellipse at 90% 100%,#ff86b009,transparent 52%); }
    [data-theme=dark] .sp-more-dialog { box-shadow:0 18px 48px #0005,0 3px 10px #0003; }
    .sp-more-heading,.sp-more-viewport { position:relative; z-index:2; }
    .sp-more-heading { display:flex; align-items:center; gap:6px; flex:none; min-height:44px; margin:-4px -4px 12px; }
    .sp-more-heading::after { content:""; position:absolute; top:calc(50dvh - 12px); left:calc(var(--sp-more-anchor) - 18px); width:24px; height:3px; border-radius:3px; background:rgba(255,255,255,.65); box-shadow:0 1px 5px #25304a15; }
    .sp-more-heading h2 { font-size:20px; letter-spacing:-.03em; margin:0; font-weight:700; }
    .sp-more-heading button { border:0; background:transparent; color:inherit; width:40px; height:40px; display:grid; place-items:center; border-radius:50%; cursor:pointer; }
    .sp-more-heading button[hidden] { display:none; }
    #spMoreClose { margin-left:auto; background:var(--bg-card); border:1px solid var(--border-color); }
    .sp-more-dialog svg { width:23px; height:23px; flex:none; }
    .sp-more-viewport { flex:1; min-height:0; overflow:hidden; border-radius:18px; }
    .sp-more-track { display:flex; height:100%; width:200%; transform:none; transition:transform 340ms cubic-bezier(.22,1,.36,1); }
    .sp-more-settings-view .sp-more-track { transform:translateX(-50%); }
    .sp-more-pane { width:50%; flex:none; height:100%; overflow:auto; overscroll-behavior:contain; scrollbar-width:none; -ms-overflow-style:none; padding:2px; }
    .sp-more-pane::-webkit-scrollbar { display:none; width:0; height:0; }
    #spMoreHome { display:flex; flex-direction:column; gap:14px; }
    #spMoreActions { display:grid; gap:8px; }
    #spMoreActions :is(a,button) { display:flex; align-items:center; gap:12px; width:100%; min-height:62px; padding:13px 14px; border:1px solid var(--border-color); border-radius:18px; text-decoration:none; background:var(--bg-card); color:inherit; font:inherit; font-size:15px; font-weight:650; cursor:pointer; }
    #spMoreActions :is(a,button)>svg:last-child { margin-left:auto; width:18px; opacity:.6; }
    #spMoreActions a .sp-nav-pro { margin-left:auto; font-size:8px; }
    #spMoreActions a>svg:last-child { margin-left:0; }
    .sp-more-promo { position:relative; margin-top:auto; padding:16px; border:1px solid rgba(255,106,144,.42); border-radius:20px; background:linear-gradient(135deg,rgba(232,29,83,.26),rgba(203,12,62,.14)); }
    .sp-more-promo[hidden] { display:none; }
    .sp-more-pro-brand { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:750; letter-spacing:.03em; }
    .sp-more-pro-brand img { display:block; width:112px; height:26px; object-fit:contain; }
    .sp-more-pro-brand>span { padding:3px 6px; border:1px solid rgba(255,155,184,.35); border-radius:6px; background:rgba(232,29,83,.2); }
    .sp-more-promo h3 { font-size:17px; letter-spacing:-.03em; margin:10px 0 6px; }
    .sp-more-promo p { font-size:12px; line-height:1.5; margin:0 0 12px; color:var(--text-secondary); }
    .sp-more-promo a { display:flex; align-items:center; justify-content:center; min-height:38px; border-radius:12px; background:#df184b; color:#fff; font-size:12px; font-weight:700; text-decoration:none; }
    #systemModal.sp-more-embedded { position:static; inset:auto; padding:0; width:auto; height:auto; min-height:0; background:transparent; opacity:1; visibility:visible; pointer-events:auto; overflow:visible; backdrop-filter:none; transform:none; transition:none; }
    #systemModal.sp-more-embedded .modal-card { display:flex; margin:0; padding:0 1px 4px; width:100%; max-width:none; border:0; border-radius:0; background:transparent; box-shadow:none; transform:none; transition:none; gap:12px; text-align:left; }
    #systemModal.sp-more-embedded :is(#modalSysTitle,#systemModalClose) { display:none; }
    #systemModal.sp-more-embedded .modal-desc { font-size:12px; line-height:1.5; margin:0; color:var(--text-secondary); }
    #systemModal.sp-more-embedded .activation-state { padding:12px; margin:0; background:var(--bg-card); border-color:var(--border-color); }
    #systemModal.sp-more-embedded .activation-row { flex-wrap:wrap; gap:6px; }
    #systemModal.sp-more-embedded .activation-detail { font-size:11px; }
    #systemModal.sp-more-embedded .settings-group-label { font-size:10px!important; margin-bottom:-6px!important; }
    #systemModal.sp-more-embedded .lang-toggle-group { gap:6px!important; margin:0!important; }
    #systemModal.sp-more-embedded .system-toggle-group { gap:6px; margin:0; }
    #systemModal.sp-more-embedded .system-toggle-btn { padding:10px 4px; min-height:60px; font-size:12px; }
    #systemModal.sp-more-embedded .system-icon { font-size:20px; }
    #systemModal.sp-more-embedded .system-name { font-size:11px; }
    #systemModal.sp-more-embedded .modal-confirm-btn { padding:12px; margin:0; min-height:44px; font-size:12px; }
    #systemModal.sp-more-embedded .activation-logout { margin:0; }
    .sp-more-dialog :is(button,a):focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
    .sp-more-dialog :is(button,a):active { background-color:rgba(128,145,172,.12); }
}
@media(max-width:389px) {
    .sp-more-dialog[open] { width:calc(100vw - 32px); margin-left:calc((32px - 100vw)/2); padding:16px; }
}
@media(prefers-reduced-motion:reduce) { .sp-more-track { transition:none!important; } }
@media(prefers-reduced-transparency:reduce) {
    .sp-more-dialog[open] { backdrop-filter:none; -webkit-backdrop-filter:none; }
    .sp-more-dialog::before { backdrop-filter:none; -webkit-backdrop-filter:none; background:#18202f; }
    [data-theme=dark] .sp-more-dialog::before { background:#1f2431; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .sp-more-dialog::before { background:#18202f; }
    [data-theme=dark] .sp-more-dialog::before { background:#1f2431; }
}
@media(forced-colors:active) {
    .sp-more-dialog[open] { color:CanvasText; background:Canvas; border:1px solid CanvasText; backdrop-filter:none; -webkit-backdrop-filter:none; --text-primary:CanvasText; --text-secondary:CanvasText; --border-color:CanvasText; --bg-card:Canvas; }
    .sp-more-dialog::before,.sp-more-dialog::after { display:none; }
    .sp-more-promo a { color:LinkText; border:1px solid LinkText; }
    .sp-more-pro-brand>span { border-color:CanvasText; }
}
@media print { .sp-more-dialog { display:none!important; } }