.wiser-app{--green:#3dae2b;--green2:#2f8f22;--ink:#15231c;--muted:#64736b;--soft:#f2f8f1;--line:#dbe7dc;--card:#fff;max-width:1380px;margin:24px auto 60px;padding:0 18px;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wiser-app *{box-sizing:border-box}.wiser-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:36px;border-radius:30px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.23),transparent 24%),linear-gradient(135deg,#163d23,#3dae2b);box-shadow:0 24px 60px rgba(21,58,34,.23);overflow:hidden}.wiser-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:700;font-size:13px}.wiser-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;margin:16px 0}.wiser-hero p{font-size:18px;line-height:1.55;max-width:760px;margin:0;color:#eef9ef}.wiser-hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:22px;backdrop-filter:blur(8px)}.wiser-hero-card h3{margin:0 0 14px}.wiser-progress-bar{height:14px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden}.wiser-progress-bar span{display:block;height:100%;background:#fff;border-radius:999px;transition:width .35s ease}.wiser-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:14px}.wiser-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.wiser-btn{border:0;border-radius:13px;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.2s}.wiser-btn.primary{background:var(--green);color:#fff}.wiser-btn.dark{background:#173323;color:#fff}.wiser-btn.light{background:#fff;color:#1f3a29;border:1px solid var(--line)}.wiser-btn.ghost{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.28)}.wiser-btn:hover{transform:translateY(-1px)}.wiser-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.wiser-grid{display:grid;grid-template-columns:280px 1fr;gap:22px;margin-top:24px}.wiser-sidebar{position:sticky;top:18px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 12px 36px rgba(22,51,35,.07)}.wiser-nav a{display:flex;gap:11px;align-items:center;padding:12px 11px;border-radius:13px;color:#2f4036;text-decoration:none;font-weight:700;margin:3px 0}.wiser-nav a:hover,.wiser-nav a.active{background:var(--soft);color:#216817}.wiser-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf3ed;font-size:12px;flex:0 0 auto}.wiser-dot.done{background:#dff4da;color:#24731a}.wiser-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 12px 36px rgba(22,51,35,.06);margin-bottom:20px;scroll-margin-top:20px}.wiser-panel h2{font-size:27px;margin:0 0 8px}.wiser-panel .lead{color:var(--muted);font-size:16px;line-height:1.55;margin:0 0 20px}.wiser-callout,.wiser-example{padding:16px 18px;border-radius:16px;background:var(--soft);border-left:5px solid var(--green);margin:16px 0;line-height:1.5}.wiser-warning{padding:15px 17px;border-radius:16px;background:#fff7e8;border:1px solid #f1d49b;color:#714d09;margin:16px 0}.wiser-arch{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:22px 0}.wiser-arch div{padding:20px 14px;border-radius:18px;background:#f7faf7;border:1px solid var(--line);text-align:center}.wiser-arch div strong,.wiser-arch div span{display:block}.wiser-arch div span{font-size:13px;color:var(--muted);margin-top:5px}.wiser-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wiser-device{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.wiser-device img{width:100%;height:190px;object-fit:contain;background:#f7faf7}.wiser-device-body{padding:16px}.wiser-device h3{font-size:17px;margin:0 0 5px}.wiser-ref{font-size:12px;font-weight:800;color:var(--green2);letter-spacing:.03em}.wiser-device p{font-size:14px;line-height:1.45;color:#56675e;margin:10px 0}.wiser-tags{display:flex;gap:6px;flex-wrap:wrap}.wiser-tag{font-size:11px;padding:5px 8px;border-radius:999px;background:#eff5ef;color:#3a5943}.wiser-validate-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:18px;border-top:1px dashed #cfdbd0}.wiser-validate-row span{color:#607068;font-size:14px}.wiser-step-btn.done{background:#daf2d4;color:#246a1a}.wiser-wiring-layout{display:grid;grid-template-columns:1fr 240px;gap:18px}.wiser-board{position:relative;min-height:590px;border-radius:22px;border:2px dashed #bfd0c1;background:linear-gradient(90deg,rgba(61,174,43,.035) 1px,transparent 1px),linear-gradient(rgba(61,174,43,.035) 1px,transparent 1px),#fbfdfb;background-size:24px 24px;overflow:hidden}.wiser-board svg.wires{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.wiser-node{position:absolute;z-index:4;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #263d2e;cursor:pointer;transform:translate(-50%,-50%);background:#2f8f22}.wiser-node.selected{box-shadow:0 0 0 5px #f4c94b}.wiser-node-label{position:absolute;z-index:5;transform:translate(-50%,10px);font-size:11px;font-weight:800;background:#fff;padding:2px 5px;border-radius:6px;white-space:nowrap;border:1px solid #dce7dd;pointer-events:none}.wiser-comp{position:absolute;z-index:1;background:#fff;border:1px solid #d8e5d9;border-radius:18px;padding:12px;box-shadow:0 10px 30px rgba(31,59,39,.08);text-align:center}.wiser-comp img{max-width:100%;max-height:150px;object-fit:contain}.wiser-comp strong{display:block;font-size:13px;margin-top:5px}.wiser-source{left:4%;top:12%;width:150px;height:125px}.wiser-module{left:36%;top:30%;width:260px;min-height:225px}.wiser-module-stage{position:relative;width:100%;aspect-ratio:52/30}.wiser-module-stage img{width:100%;height:100%;max-height:none;object-fit:contain;display:block}.wiser-button{left:5%;top:65%;width:170px;height:120px}.wiser-lamp{right:5%;top:44%;width:160px;height:145px}.wiser-wire-tools{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.wiser-wire-tools h3{margin:0 0 12px;font-size:16px}.wiser-color-list{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.wiser-color{width:28px;height:28px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #adb8b0;cursor:pointer}.wiser-color.active{box-shadow:0 0 0 3px #1f3727}.wiser-wire-message{font-size:13px;line-height:1.45;padding:10px;border-radius:10px;background:#f5f8f5;margin:10px 0}.wiser-sim-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfdfb}.wiser-sim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wiser-sim-step{padding:16px 10px;border-radius:14px;text-align:center;border:1px solid #dce7dd;background:#fff;cursor:pointer;font-weight:700;font-size:13px}.wiser-sim-step.ok{background:#e4f6df;border-color:#94d286}.wiser-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wiser-field label{display:block;font-weight:800;font-size:13px;margin-bottom:6px}.wiser-field select,.wiser-field input,.wiser-field textarea{width:100%;padding:11px;border-radius:11px;border:1px solid #cfdcd0;background:#fff}.wiser-energy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wiser-load{padding:16px;border:1px solid #d7e2d8;border-radius:15px;background:#fff;cursor:pointer}.wiser-load.selected{border-color:#f0a12c;background:#fff6e8}.wiser-load strong{display:block}.wiser-load small{color:var(--muted)}.wiser-diagnostic{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wiser-choice{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;cursor:pointer;text-align:left}.wiser-choice.correct{background:#e3f5df;border-color:#80c772}.wiser-choice.wrong{background:#ffeded;border-color:#df8b8b}.wiser-quiz-q{padding:18px 0;border-bottom:1px solid #e5eee6}.wiser-quiz-q:last-child{border-bottom:0}.wiser-quiz-q h3{font-size:16px;margin:0 0 12px}.wiser-quiz-q label{display:block;padding:10px 12px;border:1px solid #dce6dd;border-radius:11px;margin:7px 0;cursor:pointer}.wiser-result{margin-top:16px;padding:16px;border-radius:15px;background:#f1f7f1}.wiser-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wiser-check{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.wiser-check i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eef3ee;font-style:normal}.wiser-check.done i{background:#dcf3d7;color:#22661a}.wiser-ad{margin:22px 0;min-height:60px}.wiser-lock{padding:18px;border-radius:16px;background:#f6f7f6;border:1px dashed #bec9c0;text-align:center;color:#657168}.wiser-footer-note{font-size:12px;color:#7a887f;margin-top:22px;line-height:1.5}.wiser-admin{max-width:1400px;margin:24px auto 60px;padding:0 18px;font-family:Arial,Helvetica,sans-serif}.wiser-admin-hero{padding:28px;border-radius:25px;color:#fff;background:linear-gradient(135deg,#193a25,#3dae2b);margin-bottom:20px}.wiser-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.wiser-admin-card{background:#fff;border:1px solid #dde7df;border-radius:20px;padding:20px;margin-bottom:18px}.wiser-admin-card h2{margin-top:0}.wiser-table-wrap{overflow:auto}.wiser-table{width:100%;border-collapse:collapse;font-size:13px}.wiser-table th,.wiser-table td{padding:10px;border-bottom:1px solid #e6eee7;text-align:left;vertical-align:top}.wiser-table th{background:#f6faf6}.wiser-admin input,.wiser-admin textarea,.wiser-admin select{width:100%;padding:9px;border:1px solid #cad8cc;border-radius:10px}.wiser-admin textarea{min-height:100px}.wiser-alert{padding:12px 14px;border-radius:12px;margin:10px 0}.wiser-alert.ok{background:#e4f5df;color:#245d1e}.wiser-alert.err{background:#fff0f0;color:#852c2c}.wiser-suivi{max-width:1400px;margin:24px auto 60px;padding:0 18px;font-family:Arial,Helvetica,sans-serif}.wiser-suivi .hero{padding:28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#193a25,#3dae2b);margin-bottom:20px}.wiser-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#edf4ed}.wiser-badge.ok{background:#dff3da;color:#27661f}.wiser-badge.wait{background:#fff3d9;color:#765308}@media(max-width:1000px){.wiser-hero,.wiser-grid,.wiser-wiring-layout{grid-template-columns:1fr}.wiser-sidebar{position:relative;top:auto}.wiser-device-grid{grid-template-columns:repeat(2,1fr)}.wiser-form-row,.wiser-energy-grid,.wiser-sim-grid{grid-template-columns:repeat(2,1fr)}.wiser-admin-grid{grid-template-columns:1fr}}@media(max-width:650px){.wiser-app{padding:0 10px}.wiser-hero{padding:24px}.wiser-panel{padding:18px}.wiser-device-grid,.wiser-checklist,.wiser-form-row,.wiser-energy-grid,.wiser-sim-grid,.wiser-diagnostic{grid-template-columns:1fr}.wiser-arch{grid-template-columns:1fr}.wiser-arch>b{transform:rotate(90deg)}.wiser-board{min-height:720px}.wiser-source{left:6%;top:5%}.wiser-module{left:18%;top:31%;width:250px}.wiser-button{left:5%;top:69%}.wiser-lamp{right:4%;top:64%}}

/* Wiser V2 - images administrables et simulateur sur photos */
.wiser-admin-image-preview{height:310px;border:1px solid #d7e2d8;border-radius:14px;overflow:hidden;background:#f8fbf8;display:flex;align-items:center;justify-content:center}
.wiser-admin-image-preview img{width:100%;height:100%;object-fit:contain;display:block}
.wiser-terminal-editor{position:relative;max-width:620px;height:310px;border:1px solid #d7e2d8;border-radius:14px;overflow:hidden;background:#f8fbf8;display:flex;align-items:center;justify-content:center}
.wiser-terminal-editor>img{width:100%;height:100%;object-fit:contain;display:block}
.wiser-admin-terminal{position:absolute;width:25px!important;height:25px!important;padding:0!important;border-radius:50%!important;background:#3dae2b!important;border:3px solid #fff!important;box-shadow:0 0 0 2px #183b24!important;transform:translate(-50%,-50%);cursor:move;z-index:4}
.wiser-admin-terminal.selected{background:#f4c94b!important;box-shadow:0 0 0 4px #173323!important}
.wiser-terminal-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.wiser-sim-device-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#f8fbf8}
.wiser-sim-device-picker select{min-width:320px;max-width:100%;padding:10px;border-radius:10px;border:1px solid #cad8cc;background:#fff}
.wiser-board-v2{min-height:640px}
.wiser-module-v2{left:34%;top:24%;width:310px;min-height:300px}
.wiser-module-v2 .wiser-module-stage{aspect-ratio:1/1;max-height:245px;margin:auto}
.wiser-module-v2 .wiser-module-stage img{width:100%;height:100%;object-fit:contain}
.wiser-lamp-v2{right:4%;top:34%;width:170px;height:155px}
.wiser-motor{right:4%;top:23%;width:185px;height:165px}
.wiser-motor-icon{font-size:56px;line-height:1;margin:12px 0}
.wiser-button-v2{left:5%;top:69%;width:190px;height:125px}
@media(max-width:1000px){.wiser-admin-image-preview,.wiser-terminal-editor{height:280px}.wiser-module-v2{left:28%;width:300px}.wiser-board-v2{min-height:720px}.wiser-motor{right:4%;top:58%}.wiser-lamp-v2{right:4%;top:58%}.wiser-button-v2{left:4%;top:76%}}
@media(max-width:650px){.wiser-sim-device-picker select{min-width:0;width:100%}.wiser-board-v2{min-height:900px}.wiser-module-v2{left:9%;top:24%;width:82%;}.wiser-source{left:5%;top:4%}.wiser-motor,.wiser-lamp-v2{right:4%;top:62%}.wiser-button-v2{left:4%;top:78%}}

/* Wiser V2.1 - une seule image par appareil */
.wiser-single-image-editor{width:100%;max-width:680px;height:360px}
.wiser-save-image-box{margin-top:18px;padding:15px;border:1px solid #b8d8b4;border-radius:14px;background:#f0f9ee;display:flex;flex-direction:column;gap:10px}
.wiser-save-image-btn{width:100%;font-size:15px}
.wiser-device-settings{margin-top:8px}
.wiser-device-settings>summary{cursor:pointer;padding:11px 0;color:#36533e}
@media(max-width:1000px){.wiser-single-image-editor{height:300px}}