/* Paramètres autonomes : même verre que Plus, contrôles existants conservés. */
#systemModal:not(.sp-more-embedded) {
    padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); z-index:200; background:transparent; overflow:hidden; opacity:1; transition:none;
    backdrop-filter:none; -webkit-backdrop-filter:none;
    --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);
}
#systemModal:not(.sp-more-embedded) .modal-card {
    width:100%; max-width:380px; max-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom))); margin:0;
    padding:20px; gap:10px; border-radius:28px; text-align:left;
    overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;
    border:1px solid rgba(255,255,255,.34); color:var(--text-primary);
    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:0 18px 48px rgba(25,32,53,.2),0 3px 10px rgba(25,32,53,.09),inset 0 2px 2px rgba(255,255,255,.20),inset 0 -2px 3px rgba(107,124,153,.16);
    backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
    opacity:0; transition:opacity 160ms ease,transform 160ms cubic-bezier(.4,0,1,1);
}
#systemModal.is-visible:not(.sp-more-embedded) .modal-card { opacity:1; transition-duration:220ms; }
[data-theme=dark] #systemModal:not(.sp-more-embedded) .modal-card {
    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:0 18px 48px #0005,0 3px 10px #0003,inset 0 2px 2px rgba(231,240,255,.16),inset 0 -2px 3px rgba(0,0,0,.28);
}
#systemModal:not(.sp-more-embedded) .modal-title { font-size:20px; margin:0; padding-right:42px; color:var(--text-primary); line-height:1.3; }
#systemModal:not(.sp-more-embedded) .modal-desc { font-size:12px; line-height:1.5; margin:0; color:var(--text-secondary); }
#systemModal:not(.sp-more-embedded) .modal-close-icon { width:44px; height:44px; right:12px; top:12px; background:var(--bg-card); border:1px solid var(--border-color); color:var(--text-primary); }
#systemModal:not(.sp-more-embedded) .activation-state { padding:12px; margin:0; background:var(--bg-card); border-color:var(--border-color); }
#systemModal:not(.sp-more-embedded) .activation-row { flex-wrap:wrap; gap:6px; }
#systemModal:not(.sp-more-embedded) .activation-label { font-size:13px; }
#systemModal:not(.sp-more-embedded) .activation-state[data-state=pro] .activation-badge { color:#99edbb; background:rgba(30,90,57,.35); }
#systemModal:not(.sp-more-embedded) .activation-detail { font-size:12px; color:var(--text-secondary); }
#systemModal:not(.sp-more-embedded) .settings-group-label { font-size:11px!important; margin:2px 0 0!important; }
#systemModal:not(.sp-more-embedded) .lang-toggle-group { gap:6px!important; margin:0!important; }
#systemModal:not(.sp-more-embedded) :is(.lang-toggle-btn,.system-toggle-btn) { color:var(--text-primary)!important; }
#systemModal:not(.sp-more-embedded) .lang-toggle-btn.active,
#systemModal:not(.sp-more-embedded) :is(#activationEntryOpen,#activationCta) { color:#ffafc4!important; }
#systemModal:not(.sp-more-embedded) .system-toggle-group { gap:6px; margin:0; }
#systemModal:not(.sp-more-embedded) .system-toggle-btn { padding:10px 4px; min-height:68px; font-size:12px; }
#systemModal:not(.sp-more-embedded) .system-toggle-btn.active { background:#c81744; border-color:#e94770; }
#systemModal:not(.sp-more-embedded) img[src$="macos.png"] { filter:invert(1); }
#systemModal:not(.sp-more-embedded) .modal-confirm-btn { padding:12px; margin:0; min-height:44px; font-size:13px; background:#d51545; }
#systemModal:not(.sp-more-embedded) .activation-logout { margin:0; min-height:44px; padding:10px; font-size:12px; color:var(--text-secondary); border-color:var(--border-color); }
#systemModal:not(.sp-more-embedded) :is(.activation-entry-trigger,.activation-cta) { min-height:44px; font-size:12px; }
#systemModal:not(.sp-more-embedded) :is(button,a):focus-visible { outline:3px solid #b9d7ff; outline-offset:2px; }
/* Computer settings keep the same glass and controls in a horizontal layout.
   Touch-only screens retain the existing stacked mobile presentation. */
@media (min-width:800px) and (hover:hover) and (pointer:fine) {
    #systemModal:not(.sp-more-embedded) .modal-card {
        display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:900px; gap:12px 20px; padding:24px;
    }
    #systemModal:not(.sp-more-embedded) .modal-card > * { grid-column:1 / -1; min-width:0; }
    #systemModal:not(.sp-more-embedded) #activationState { grid-column:1; grid-row:3; }
    #systemModal:not(.sp-more-embedded) #desktopConnection { grid-column:2; grid-row:3; margin:0; }
    #systemModal:not(.sp-more-embedded) #modalLangTitle { grid-column:1; grid-row:4; }
    #systemModal:not(.sp-more-embedded) #modalOsTitle { grid-column:2; grid-row:4; }
    #systemModal:not(.sp-more-embedded) .lang-toggle-group { grid-column:1; grid-row:5; align-self:start; }
    #systemModal:not(.sp-more-embedded) .system-toggle-group { grid-column:2; grid-row:5; }
    #systemModal:not(.sp-more-embedded) #modalConfirmBtn { grid-column:1; grid-row:6; }
    #systemModal:not(.sp-more-embedded) #activationLogout { grid-column:2; grid-row:6; }
}
@media(prefers-reduced-transparency:reduce) {
    #systemModal:not(.sp-more-embedded) .modal-card { background:#18202f; backdrop-filter:none; -webkit-backdrop-filter:none; }
    [data-theme=dark] #systemModal:not(.sp-more-embedded) .modal-card { background:#1f2431; }
}
@media(prefers-reduced-motion:reduce) {
    #systemModal:not(.sp-more-embedded) .modal-card { transition:none; transform:none; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    #systemModal:not(.sp-more-embedded) .modal-card { background:#18202f; }
}
@media(forced-colors:active) {
    #systemModal:not(.sp-more-embedded) { --text-primary:CanvasText; --text-secondary:CanvasText; --border-color:CanvasText; --bg-card:Canvas; --bg-filter:Canvas; }
    #systemModal:not(.sp-more-embedded) .modal-card { background:Canvas; border:1px solid CanvasText; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
    #systemModal:not(.sp-more-embedded) .lang-toggle-btn.active { color:HighlightText!important; background:Highlight!important; }
    #systemModal:not(.sp-more-embedded) .system-toggle-btn.active { border:2px solid Highlight; }
    #systemModal:not(.sp-more-embedded) :is(#activationEntryOpen,#activationCta) { color:LinkText!important; }
}