:root{--success:#52d995;--danger:#ff7d89;--surface:#222429;--line:#363940}
body{background:#191b20!important}.shell{grid-template-columns:258px minmax(0,1fr)}main{max-width:1480px;width:100%;padding:30px 38px 70px}aside:not(.live-preview){background:#202227;border-right:1px solid #30333a}.brand{letter-spacing:-.6px}.nav .group-title{font-size:10px;letter-spacing:1.15px;color:#8993a4;padding:12px 8px 6px}.group-items{border-left:0;margin-left:0;padding-left:0}.group-items button{border-radius:7px!important;margin:2px 0;padding:10px 12px!important;font-size:12px!important}.nav button.active{background:#ff8a4315!important;color:#ffac7c!important;box-shadow:inset 3px 0 #ff9259!important}.custom-heading{align-items:center;margin:16px 0 20px}.custom-heading h1{font-size:27px;letter-spacing:-.8px}.custom-heading p{font-size:13px;line-height:1.6;max-width:760px}.top{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:22px}.crumb{font-size:11px}.settings-stack{gap:16px}.settings-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:none}.settings-card>h2{background:transparent;padding:17px 20px;font-size:13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.settings-body{padding:20px;gap:20px}.field>label,.field-label{font-size:12px}.field small,.help{font-size:11px;line-height:1.65;color:#9ca3b1}.field input:not([type=checkbox]):not([type=color]),.field textarea,.field select{background:#1c1e23;border-color:#3b3e47;border-radius:7px;padding:11px 12px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #ff9c6555;outline-offset:1px}.module-tabs{display:flex;gap:3px;overflow:auto;border-bottom:1px solid var(--line);margin:0 0 18px;padding:0;background:transparent;border-radius:0}.module-tabs button{white-space:nowrap;border:0!important;border-radius:0!important;padding:13px 15px!important;background:transparent!important;color:#9da4b3;font-size:12px}.module-tabs button[aria-selected=true]{color:#ffac7c!important;box-shadow:inset 0 -2px #ff9259}.workspace-grid.has-preview{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.live-preview{top:20px;border-radius:10px;background:#202227;padding:17px}.preview-label{font-size:10px;letter-spacing:1.3px}.local-notice,.capability-note{font-size:11px!important;box-shadow:none}.capability-note{background:#272622;border-color:#49443a;border-left-width:2px}.capability-note:before{content:'À savoir · ';font-weight:700;color:#ddb992}.live-toolbar{background:#202227;border-color:var(--line);font-size:11px}.save,.btn{border-radius:7px!important;font-size:12px}.save{background:#f18b55!important;color:#18191e!important;box-shadow:none!important;font-weight:750}.save:hover{background:#ffa16f!important}.save-bar{bottom:15px;background:#24272ef5;border-color:#444852;padding:12px 16px;backdrop-filter:blur(12px);border-radius:9px}.save-bar:has(.unsaved){border-color:#c68c59}.record{border:1px solid var(--line);border-radius:8px;padding:13px!important;background:#ffffff02}.record-main strong{font-size:12px}.record-main small{font-size:11px}.empty-state{font-size:12px;padding:25px!important}.pill-select{max-height:210px;overflow:auto;scrollbar-width:thin}.pill-select label:has(input:checked){background:#284638;border-color:#438564;color:#b5f3cd}.ux-tools{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}.ux-search{flex:1;min-width:180px;position:relative}.ux-search input{width:100%;background:#202227;border:1px solid #3b3e47;color:#dce0e8;padding:11px 13px 11px 34px;border-radius:8px;font:inherit;font-size:12px}.ux-search:before{content:'⌕';position:absolute;left:12px;top:7px;font-size:22px;color:#8b95a6}.ux-tools button{font:inherit;font-size:11px;background:#25282f;color:#bec4ce;border:1px solid #3b3f48;border-radius:7px;padding:10px 12px;cursor:pointer}.ux-jumps{display:flex;gap:7px;overflow-x:auto;padding:1px 0 15px;margin-bottom:4px;scrollbar-width:thin}.ux-jumps button{flex-shrink:0;border:1px solid #363b44;background:#22252b;color:#acb5c5;padding:8px 11px;border-radius:6px;font:inherit;font-size:11px;cursor:pointer}.ux-jumps button:hover{color:#ffd0ad;border-color:#8d6449}.ux-jumps .ux-index{color:#7f899a;margin-right:6px;font-size:10px}.ux-collapse{margin-left:auto;border:0;background:transparent;color:#8f98a7;cursor:pointer;padding:3px 8px;font-size:17px;border-radius:5px}.ux-collapse:hover{background:#ffffff09;color:white}.ux-collapsed>.settings-body,.ux-collapsed>.table-scroll{display:none!important}.ux-collapsed>h2{border-bottom:0}.ux-filtered{display:none!important}.ux-empty{padding:28px;border:1px dashed #434954;border-radius:10px;color:#a7b0c1;text-align:center;font-size:13px}.ux-module-state{border:1px solid #743941!important;background:#36252b!important;color:#ffadb5!important;font-size:12px!important;padding:10px 14px!important;font-weight:700;display:flex;align-items:center;gap:8px;border-radius:8px;cursor:pointer}.ux-module-state:before{content:'';width:7px;height:7px;background:#ff7d89;border-radius:50%}.ux-module-state[data-active=true]{background:#203d30!important;border-color:#37664d!important;color:#91e5b6!important}.ux-module-state[data-active=true]:before{background:#52d995}.ux-module-state:disabled{opacity:.5;cursor:not-allowed}.ux-draft{font-size:10px;color:#b8a187;margin-left:7px}.switch-row{padding:14px 0;border-bottom:1px solid #343740;gap:16px}.switch-row>span:first-child{flex:1}.switch-row strong{font-size:12px}.switch-row small{font-size:11px;color:#959ead}.switch-row input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;flex:0 0 36px;width:36px!important;height:21px!important;min-width:36px;position:relative;border:1px solid #a64a56!important;background:#9b3d4c!important;border-radius:20px!important;cursor:pointer;transition:background .15s}.switch-row input[type=checkbox]:checked{background:#238858!important;border-color:#3dab76!important}.switch-row input[type=checkbox]:before{display:none!important}.switch-row input[type=checkbox]:after{content:''!important;display:block!important;position:absolute!important;left:3px!important;top:3px!important;width:13px!important;height:13px!important;border-radius:50%!important;background:#fff!important;transform:none!important;transition:left .15s}.switch-row input[type=checkbox]:checked:after{left:18px!important}.ux-switch-state{font-size:10px;font-weight:650;color:#ff9ca7;min-width:56px;text-align:right}.switch-row:has(input:checked)>.ux-switch-state{color:#7cdaa5}.switch-row:has(input:disabled){opacity:.5}.switch-row:has(input:disabled)>.ux-switch-state{color:#adb3c0}.settings-card{scroll-margin-top:20px}.ux-nav-dot{margin-left:auto;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#cb6976}.ux-nav-dot[data-active=true]{background:#54be87}.nav button{display:flex;align-items:center;gap:9px}.ux-home-link{color:#b2bac8;text-decoration:none}.ux-home-link:hover{color:#ffb889}.ux-count{font-size:10px;color:#858e9e;padding:0 3px}.custom-layout{gap:22px}.settings-stack>form{display:grid;gap:16px}
@media(max-width:1200px){main{padding:24px}.workspace-grid.has-preview{grid-template-columns:minmax(0,1fr)}.live-preview{position:static;grid-row:auto}.preview-column{position:static}}@media(max-width:850px){.shell{grid-template-columns:220px minmax(0,1fr)}main{padding:20px}.custom-heading{flex-wrap:wrap}.custom-layout{grid-template-columns:1fr}.custom-heading h1{font-size:24px}}@media(max-width:600px){.shell{display:block}main{padding:16px 14px 80px}.ux-tools{gap:7px}.ux-tools button{padding:9px}.settings-body{padding:16px}.ux-switch-state{min-width:50px}.custom-heading>button{margin-left:0}.save-bar{bottom:8px}.module-tabs button{padding:12px!important}.nav .group-title{font-size:10px!important}.ux-module-state{font-size:11px!important}}
.custom-heading>#module-save{margin-left:auto}.custom-heading>.ux-module-state{margin-left:0}.local-notice{padding:12px 15px;margin-bottom:14px;border-color:#393d46;background:#22252a}.local-notice>span:first-child{font-size:16px}.local-notice strong{font-size:11px}.local-notice small{font-size:10px}.ux-capability{margin:0 0 16px;border:1px solid #3a3e46;border-radius:7px;background:#212329;color:#a4acba;font-size:11px}.ux-capability summary{padding:11px 14px;cursor:pointer}.ux-capability .capability-note{margin:0!important;border:0;border-top:1px solid #3a3e46;border-radius:0 0 7px 7px;background:#252623}.live-toolbar #runtime-toggle[data-active=false]{color:#ffacb6;border-color:#743941;background:#36252b}.live-toolbar #runtime-toggle[data-active=true]{color:#97e4b7;border-color:#37664d;background:#203d30}
.toggle{background:#943f4c!important;cursor:pointer}.toggle.on{background:#25875a!important}.toggle:after{background:white!important}.module{background:#24272e!important;border:1px solid #363b45!important;border-radius:9px!important}.module-icon{background:#ffffff05!important;color:#b1bacb!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Vue d'ensemble */
.stat-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.stat-chart{display:flex;flex-direction:column;gap:6px}
.stat-chart-head{display:flex;justify-content:space-between;font-size:13px}
.stat-chart svg{width:100%;height:56px;fill:var(--accent,#ff8a43)}
.stat-chart rect:hover{opacity:.7}
.stat-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:16px 0}
.stat-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.stat-list li{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checklist li{display:flex;justify-content:space-between;align-items:center;gap:12px}
.checklist li.done{opacity:.6}