/* ============================================================
   Dépannage Héloïse — coquille, moteur de présentation et écrans
   (le canevas .win7 reçoit en plus 7.scoped.css pour le chrome Aero)
   ============================================================ */
:root{
  --or:#f2b705; --or2:#d99400; --navy:#1a365d;
  --ok:#2e9e4f; --warn:#c2410c;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  background:radial-gradient(1200px 800px at 70% -10%,#243b5e,#0e1b30 60%,#0a1324);
  color:#eaf0f7; -webkit-text-size-adjust:100%;
}

/* ---------- splash ---------- */
#splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:28px 20px;gap:14px}
#splash .mark{font-size:22px;letter-spacing:.5px;color:#cfe0f5} #splash .mark b{color:var(--or)}
#splash h1{font-size:clamp(24px,6vw,38px);margin:4px 0;max-width:14ch;line-height:1.15}
#splash p{font-size:clamp(15px,3.6vw,18px);max-width:34ch;color:#c4d3e6;margin:0}
#splash .go{margin-top:10px;border:0;border-radius:16px;padding:18px 34px;font-size:20px;font-weight:800;
  color:#20160a;background:linear-gradient(var(--or),var(--or2));cursor:pointer;
  box-shadow:0 12px 30px rgba(242,183,5,.35)}
#splash .go:active{transform:translateY(1px)}
#splash small{color:#9fb2c9;max-width:40ch}

/* ---------- app ---------- */
#app{display:none;min-height:100dvh}
#app.on{display:block}
.hd{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.hd .m{color:#cfe0f5;font-size:16px}.hd .m b{color:var(--or)}
.hd .hi{color:#9fb2c9;font-size:14px}

/* ---------- panneau assistante ---------- */
.assistant{padding:14px}
.vwrap{position:relative;margin:0 auto;background:#060a12;border:3px solid rgba(255,255,255,.14);
  border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.vwrap video{width:100%;height:100%;object-fit:cover;display:block;background:#060a12}
.vwrap audio{display:none}
.vover{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:7px;
  background:rgba(8,14,24,.62);border-radius:999px;padding:5px 11px;font-size:13px;backdrop-filter:blur(4px)}
.pulse{width:9px;height:9px;border-radius:50%;background:#789;display:inline-block}
.pulse.ecoute{background:#36c06a;box-shadow:0 0 0 0 rgba(54,192,106,.6);animation:pls 1.8s infinite}
.pulse.parle{background:var(--or);box-shadow:0 0 0 0 rgba(242,183,5,.6);animation:pls 1.1s infinite}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.vctrl{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}
.ctrlbtn{border:0;border-radius:999px;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer;
  background:rgba(12,20,34,.78);color:#eaf0f7;backdrop-filter:blur(4px)}
.ctrlbtn.on{background:linear-gradient(var(--or),var(--or2));color:#20160a}
.ctrlbtn.mic.on::before{content:""}
.reco{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;padding:18px;text-align:center;background:rgba(6,10,18,.9)}
.reco.show{display:flex}
.reco button{border:0;border-radius:14px;padding:14px 20px;font-weight:800;font-size:16px;cursor:pointer;
  background:linear-gradient(var(--or),var(--or2));color:#20160a}

/* ---------- présentation ---------- */
.present{display:flex;flex-direction:column;gap:12px;padding:0 12px 12px}
#viewport{position:relative;overflow:hidden;background:#0b1526;border-radius:16px;
  border:1px solid rgba(255,255,255,.08);width:100%;aspect-ratio:16/10}
#canvas{position:absolute;top:0;left:0;width:1280px;height:800px;transform-origin:0 0;
  transition:transform .62s cubic-bezier(.4,0,.2,1);background:#000}
.scene{position:relative;width:1280px;height:800px;overflow:hidden;font-size:17px}

/* overlay : anneaux + bulle (coordonnées écran) */
#ring,#ring2{position:absolute;display:none;border-radius:12px;pointer-events:none;z-index:6}
#ring{border:4px solid var(--or);box-shadow:0 0 0 3px rgba(242,183,5,.35),0 0 22px rgba(242,183,5,.55);
  animation:ringpls 1.5s ease-in-out infinite}
#ring2{border:3px dashed #7fd0ff;box-shadow:0 0 14px rgba(127,208,255,.5)}
@keyframes ringpls{0%,100%{box-shadow:0 0 0 3px rgba(242,183,5,.3),0 0 18px rgba(242,183,5,.45)}
  50%{box-shadow:0 0 0 6px rgba(242,183,5,.5),0 0 28px rgba(242,183,5,.7)}}
.callout{position:absolute;display:none;z-index:7;max-width:min(300px,70%);
  background:linear-gradient(var(--or),var(--or2));color:#20160a;font-weight:800;font-size:16px;
  padding:11px 15px;border-radius:13px;box-shadow:0 10px 26px rgba(0,0,0,.45);line-height:1.25}
.co-tail{position:absolute;width:0;height:0}
.callout.co-top .co-tail{top:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid var(--or)}
.callout.co-bottom .co-tail{bottom:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid var(--or2)}
.callout.co-left .co-tail{left:-9px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid var(--or)}
.callout.co-right .co-tail{right:-9px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid var(--or2)}

/* HUD */
.hud{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px}
.hud .part{color:var(--or);font-weight:800;font-size:13px;letter-spacing:.3px}
.hud .trow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:2px}
.hud .tt{font-size:clamp(17px,4.4vw,22px);font-weight:800}
.hud .stepno{color:#9fb2c9;font-size:13px;white-space:nowrap}
.hud .inst{color:#dbe6f3;font-size:clamp(15px,3.7vw,17px);line-height:1.5;margin:8px 0 12px}
.hud .inst b{color:#fff}
.hud .inst .short{margin:9px 0;background:#0b1526;border:1px dashed var(--or);border-radius:10px;
  padding:10px 12px;font-weight:800;color:var(--or);font-size:18px;text-align:center;letter-spacing:.4px}
.track{height:6px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:12px}
.track #bar{height:100%;width:3%;background:linear-gradient(90deg,var(--or),var(--or2));transition:width .4s}
.navbtns{display:flex;gap:10px}
.navbtns button{flex:1;border:0;border-radius:12px;padding:13px;font-weight:800;font-size:15px;cursor:pointer}
.navbtns .prev{background:rgba(255,255,255,.1);color:#eaf0f7}
.navbtns .prev:disabled{opacity:.4}
.navbtns .next{background:linear-gradient(var(--or),var(--or2));color:#20160a}

/* ---------- chatbar + pied ---------- */
.chatbar{position:sticky;bottom:0;padding:10px 12px;background:linear-gradient(transparent,#0a1324 30%)}
#chatform{display:flex;gap:8px;max-width:760px;margin:0 auto}
#chatinput{flex:1;border:1px solid rgba(255,255,255,.18);background:#0d1830;color:#eaf0f7;
  border-radius:12px;padding:13px 14px;font-size:16px}
#chatform button{border:0;border-radius:12px;padding:0 18px;font-weight:800;cursor:pointer;
  background:linear-gradient(var(--or),var(--or2));color:#20160a}
.foot{text-align:center;padding:4px 0 14px;color:#6f84a0;font-size:12px}
.foot a{color:#9fb2c9}

/* ============================================================
   MODES  (intro = avatar plein écran ; present = avatar en coin)
   ============================================================ */
#app.mode-intro .present,#app.mode-intro .hud{display:none}
#app.mode-intro .assistant{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 120px);padding:16px}
#app.mode-intro .vwrap{width:min(92vw,560px);aspect-ratio:4/5}

#app.mode-present .hd{display:none}
#app.mode-present .assistant{position:fixed;z-index:30;right:10px;bottom:84px;width:clamp(104px,30vw,190px);padding:0}
#app.mode-present .vwrap{aspect-ratio:3/4;border-width:2px;border-radius:14px}
#app.mode-present .vover{top:6px;left:6px;padding:3px 8px;font-size:11px}
#app.mode-present .vover #etat{display:none}
#app.mode-present .vctrl{right:6px;bottom:6px;gap:5px}
#app.mode-present .ctrlbtn{padding:8px;font-size:0;border-radius:50%;line-height:0}
#app.mode-present .ctrlbtn.mic::after{content:"🎤";font-size:14px}
#app.mode-present .ctrlbtn.pause::after{content:"⏸";font-size:13px}
#app.mode-present .ctrlbtn.pause.on::after{content:"▶"}
#app.mode-present .present{padding-top:8px}

@media(min-width:900px){
  #app.mode-present{display:grid;grid-template-columns:230px 1fr;gap:4px;align-items:start}
  #app.mode-present .assistant{position:sticky;top:12px;bottom:auto;right:auto;width:auto;padding:12px;z-index:1}
  #app.mode-present .vwrap{aspect-ratio:4/5;border-width:3px}
  #app.mode-present .vover #etat{display:inline}
  #app.mode-present .vover{font-size:12px;padding:4px 10px}
  #app.mode-present .ctrlbtn{padding:9px 13px;font-size:13px;border-radius:999px;line-height:normal}
  #app.mode-present .ctrlbtn.mic::after,#app.mode-present .ctrlbtn.pause::after{content:""}
  #app.mode-present .chatbar{grid-column:1/-1}
  #viewport{aspect-ratio:16/10}
}

/* ============================================================
   ÉCRANS (tout en coordonnées 1280×800, sous .win7)
   ============================================================ */
.win7 .scene-missing{color:#fff;padding:40px;font-size:24px}

/* ---- Windows 7 : écran de connexion ---- */
.w7logon{width:1280px;height:800px;position:relative;
  background:linear-gradient(160deg,#1f6fb5,#2a8fd0 45%,#1c6aa8);overflow:hidden;color:#fff}
.w7streaks{position:absolute;inset:0;width:100%;height:100%;opacity:.25}
.w7streaks path{fill:none;stroke:#eaf6ff;stroke-width:2}
.w7center{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);display:flex;
  flex-direction:column;align-items:center;gap:10px;width:460px}
.w7tile{width:132px;height:132px;border-radius:8px;background:#dfe9f3;border:3px solid #fff;
  box-shadow:0 6px 18px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;overflow:hidden}
.w7pic{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 60%,#ffd27f,#e98a3c)}
.w7pic .core{position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);
  background:#b9541f;border-radius:50%}
.w7pic .petal{position:absolute;top:50%;left:50%;width:34px;height:52px;background:#f4a63a;border-radius:50% 50% 50% 50%;
  transform-origin:50% 100%}
.w7pic .p1{transform:translate(-50%,-100%) rotate(0deg)}.w7pic .p2{transform:translate(-50%,-100%) rotate(72deg)}
.w7pic .p3{transform:translate(-50%,-100%) rotate(144deg)}.w7pic .p4{transform:translate(-50%,-100%) rotate(216deg)}
.w7pic .p5{transform:translate(-50%,-100%) rotate(288deg)}
.w7name{font-size:30px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.4)}
.w7pz{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.w7row{display:flex;align-items:center;gap:8px}
.w7pwd{width:300px;height:46px;background:rgba(255,255,255,.92);border:1px solid #6aa0cf;border-radius:4px;
  display:flex;align-items:center;padding:0 12px;color:#1a2a3a;position:relative}
.w7pwd .ph{color:#8aa}.w7pwd .dots{letter-spacing:3px;color:#1a2a3a;font-size:20px}
.w7pwd .caret{width:1px;height:22px;background:#1a2a3a;margin-left:2px;animation:bl 1s step-end infinite}
.w7pwd.focus{box-shadow:0 0 0 3px rgba(255,255,255,.5)}
@keyframes bl{50%{opacity:0}}
.w7go{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#eaf6ff,#9fc6ea);
  border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#1c5a90;font-size:22px;font-weight:800}
.w7bal{position:absolute;top:100%;margin-top:14px;width:360px;background:#fdf7df;color:#3a2f10;
  border:1px solid #d8c57a;border-radius:6px;padding:12px 14px;font-size:15px;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.w7bal .bt{font-weight:800;display:flex;align-items:center;gap:7px;margin-bottom:5px}
.w7bal .warn{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;
  background:#e3a008;color:#fff;border-radius:50%;font-size:13px}
.w7hint{margin-top:6px;text-align:center}
.w7hint .hinttxt{font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.w7hint .w7reset{margin-top:6px;color:#dff0ff;text-decoration:underline;font-size:14px}
.w7err{display:flex;flex-direction:column;align-items:center;gap:14px;background:rgba(255,255,255,.1);
  padding:18px 22px;border-radius:8px}
.w7err .w7msg{font-size:18px}
.w7err .w7ok{background:linear-gradient(#f3f8fd,#cfe0f2);border:1px solid #6aa0cf;border-radius:4px;
  color:#13314d;font-size:16px;padding:7px 34px;font-weight:600}
.w7corner{position:absolute;top:22px;left:22px}
.w7lang{min-width:46px;padding:7px 12px;background:rgba(255,255,255,.85);color:#13314d;border-radius:4px;
  font-weight:800;font-size:17px;text-align:center;border:1px solid #6aa0cf;cursor:pointer}
.w7langlist{margin-top:6px;background:#fff;border:1px solid #6aa0cf;border-radius:6px;overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.35);width:230px}
.w7langlist .it{display:flex;align-items:center;gap:9px;padding:10px 12px;color:#13314d;font-size:15px}
.w7langlist .it .ck{width:16px;color:var(--ok);font-weight:900}
.w7langlist .it .code{font-weight:800;width:26px}
.w7langlist .it.on{background:#dcebff;}
.w7ease{position:absolute;left:22px;bottom:20px;width:46px;height:46px;border-radius:6px;
  background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px}
.w7power{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:4px;font-size:24px}
.w7power .arr{font-size:13px;background:rgba(255,255,255,.25);border-radius:3px;padding:3px 4px}
.w7brand{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;
  gap:8px;opacity:.9}
.w7word{font-size:22px;font-weight:300}.w7word sup{color:#ffd27f}
.w7ed{font-size:12px;color:#dff0ff}
.w7brand .flag{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:1px;transform:skewX(-8deg)}
.w7brand .flag i{display:block}
.w7brand .flag i:nth-child(1){background:#e34}.w7brand .flag i:nth-child(2){background:#5c8}
.w7brand .flag i:nth-child(3){background:#48d}.w7brand .flag i:nth-child(4){background:#fb3}

/* ---- clavier ---- */
.kbdesk{width:1280px;height:800px;background:radial-gradient(circle at 50% 30%,#2a3650,#131c2e);
  display:flex;align-items:center;justify-content:center;position:relative}
.kb{display:flex;gap:26px;background:#20283a;padding:26px;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.kbmain{display:flex;flex-direction:column;gap:6px}
.krow{display:flex;gap:6px}
.key{height:52px;min-width:52px;border-radius:7px;
  background:linear-gradient(#39445c,#28324a);color:#dfe7f5;display:flex;flex-direction:column;align-items:center;
  justify-content:center;font-size:13px;font-weight:700;border:1px solid #1a2234;box-shadow:0 2px 0 #10172a;line-height:1.05}
.key.mod{font-size:12px;color:#aebdd6}.key.fn{font-size:11px;color:#9fb0cc}
.key small{font-size:9px;color:#8aa;font-weight:600}
.key.hot{background:linear-gradient(var(--or),var(--or2));color:#20160a;box-shadow:0 0 0 3px rgba(242,183,5,.4),0 2px 0 #8a6a08}
.kbright{display:flex;flex-direction:column;gap:14px;align-items:center}
.leds{display:flex;gap:16px;background:#161e2e;border-radius:8px;padding:8px 14px}
.led{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7a94}
.led i{width:10px;height:10px;border-radius:50%;background:#2c3650;box-shadow:inset 0 0 3px #000}
.led.on{color:#bfe9cf}.led.on i{background:#39d06a;box-shadow:0 0 8px #39d06a}
.numpad{display:grid;grid-template-columns:repeat(4,52px);grid-template-rows:repeat(5,52px);gap:6px}
.numpad .key{width:100%;height:100%;min-width:0}

/* ---- ce qu'il faut ---- */
.needbg{width:1280px;height:800px;background:radial-gradient(circle at 50% 35%,#20406a,#0e1b30);
  display:flex;align-items:center;justify-content:center;gap:40px;color:#eaf0f7}
.needcard{width:330px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:22px;padding:34px;text-align:center}
.needcard .nicon{font-size:84px}.needcard .nt{font-size:28px;font-weight:800;margin-top:10px}
.needcard .nn{color:#9fb2c9;margin-top:8px;font-size:17px}
.needplus{font-size:60px;color:var(--or);font-weight:800}

/* ---- navigateur (bureau Windows 10) ---- */
.desk10{width:1280px;height:800px;position:relative;
  background:linear-gradient(135deg,#0b3d91,#1e88e5 60%,#6ab7ff)}
.taskbar10{position:absolute;left:0;right:0;bottom:0;height:48px;background:rgba(10,20,40,.82);
  display:flex;align-items:center;gap:14px;padding:0 14px;color:#dfe7f5;font-size:14px;backdrop-filter:blur(6px)}
.taskbar10 .start10{font-size:22px}.taskbar10 .tb10{background:rgba(255,255,255,.14);border-radius:14px;padding:6px 14px}
.taskbar10 .clock10{margin-left:auto}
.brw{position:absolute;top:40px;left:60px;right:60px;bottom:88px;background:#fff;border-radius:10px 10px 0 0;
  box-shadow:0 20px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;color:#202a3a}
.brtop{background:#dde3ec}
.brtabs{display:flex;align-items:center;gap:2px;padding:7px 10px 0}
.brtab{background:#fff;border-radius:9px 9px 0 0;padding:9px 16px;font-size:14px;display:flex;align-items:center;gap:8px}
.brtab span{color:#8893a6}.brplus{padding:6px 10px;color:#5a6577;font-size:16px}
.brwc{margin-left:auto;display:flex;gap:16px;color:#5a6577;padding-right:4px}
.brbar{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#fff}
.brnav{color:#5a6577;letter-spacing:3px}
.braddr{flex:1;background:#eef1f6;border-radius:999px;padding:9px 16px;font-size:16px;color:#2a3344}
.brdl{color:#5a6577;font-size:18px}.brdl.hot{color:var(--ok)}
.brmenu{color:#5a6577}
.brbody{flex:1;position:relative;background:#f3f5f9}
.brhint{position:absolute;top:30px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #dde;
  border-radius:10px;padding:12px 18px;font-size:16px;color:#44506a;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.dlpanel{position:absolute;top:2px;right:14px;width:320px;background:#fff;border:1px solid #d6dbe6;border-radius:10px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);padding:12px}
.dlpanel .dlh{font-weight:800;margin-bottom:8px}
.dlit{display:flex;gap:10px}.dlit .dlico{font-size:30px}
.dlname{font-weight:700;color:#1a56db}.dlsub{color:#7a8699;font-size:13px}
.dlit .dlopen{color:#1a56db;font-size:14px;margin-top:3px}

/* ---- UAC ---- */
.uacdim{width:1280px;height:800px;background:rgba(0,0,30,.55);display:flex;align-items:center;justify-content:center}
.uac{width:560px;background:#f0f0f0;border:1px solid #9aa;border-radius:8px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.6);color:#1a2230}
.uachead{background:linear-gradient(#2a6fc4,#20599f);color:#fff;padding:16px 20px}
.uachead .uact{font-size:14px;opacity:.9}.uachead .uacq{font-size:20px;margin-top:6px;font-weight:600}
.uacbody{padding:18px 20px}
.uacapp{display:flex;align-items:center;gap:10px;font-size:17px}.uacapp .uacico{font-size:24px}
.uacl{color:#444;font-size:14px;margin:10px 0 0;line-height:1.5}
.uacmore{color:#1a56db;font-size:14px;margin-top:10px}
.uacbtns{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}
.uacb{min-width:120px;text-align:center;background:linear-gradient(#fbfbfb,#e6e6e6);border:1px solid #9aa;
  border-radius:4px;padding:10px;font-size:16px}
.uacb.yes{border-color:#2a6fc4;box-shadow:0 0 0 2px rgba(42,111,196,.3)}

/* ---- assistants (Inno / media builder / reset) ---- */
.innowin,.lzwin,.pewin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:720px;
  background:#eef1f5;color:#1a2230}
.innobody{min-height:430px;padding:0}
.innowelcome{display:flex;min-height:430px}
.innoside{width:200px;background:linear-gradient(160deg,#2a6fc4,#163f73);display:flex;align-items:center;justify-content:center}
.innologo{font-size:80px}
.innomain{flex:1;padding:30px 28px}.innomain h1{font-size:24px;margin:0 0 14px}
.innomain p{font-size:16px;color:#333;line-height:1.5}
.innopage{padding:22px 26px}
.wzhead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #d6dbe4;padding-bottom:14px;margin-bottom:14px}
.wzt{font-size:19px;font-weight:700}.wzs{font-size:14px;color:#555;margin-top:3px}.wzi{font-size:34px}
.innosm{font-size:15px;color:#333}.innodim{color:#777;font-size:14px}
.licbox{background:#fff;border:1px solid #c9d0db;border-radius:4px;padding:12px;height:120px;overflow:hidden;
  font-size:13px;color:#444;margin:10px 0;line-height:1.5}
.innoradio,.innocheck{display:flex;align-items:center;gap:9px;font-size:16px;margin:10px 0}
.innofield{background:#fff;border:1px solid #c9d0db;border-radius:4px;padding:11px 12px;font-size:15px;
  display:flex;justify-content:space-between;align-items:center;margin:12px 0}
.innofield .brws{background:#e6e6e6;border:1px solid #9aa;border-radius:3px;padding:4px 12px;font-size:13px}
.innobar{height:22px;background:#fff;border:1px solid #9aa;border-radius:3px;overflow:hidden;margin-top:16px}
.innofill{height:100%;width:64%;background:repeating-linear-gradient(90deg,#1a9e4b,#1a9e4b 14px,#17913f 14px,#17913f 20px)}
.wzfoot{border-top:1px solid #d6dbe4;background:#f4f6f9;padding:14px 20px}
.wzbtns{display:flex;gap:10px;justify-content:flex-end}
.wzbtn{min-width:96px;text-align:center;background:linear-gradient(#fbfbfb,#e6e6e6);border:1px solid #9aa;
  border-radius:4px;padding:9px;font-size:15px;color:#1a2230}
.wzbtn.dis{color:#aab;border-color:#ccd}
.wzbtn.prim{border-color:#2a6fc4;box-shadow:0 0 0 2px rgba(42,111,196,.3)}
.wzbtn.big{min-width:220px;padding:16px;font-size:20px;font-weight:800;margin:18px auto 0;display:block}

/* écran principal Lazesoft */
.lzbody{padding:0}
.lzhero{height:120px;background:linear-gradient(120deg,#0b3d91,#2a8fd0);display:flex;align-items:center;padding:0 26px}
.lzpanel{display:flex;align-items:center;gap:16px;color:#fff}
.lzlogo{font-size:30px;font-weight:800;letter-spacing:.5px}.lzbirds{opacity:.6;font-size:13px}.lzicon{font-size:40px;margin-left:auto}
.lzmods{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 26px}
.lzmod{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d6dbe4;border-radius:8px;
  padding:16px;font-size:17px;font-weight:600}.lzmod .lzmi{font-size:26px}
.lzburn{margin:0 26px 26px;text-align:center;background:linear-gradient(var(--or),var(--or2));color:#20160a;
  font-weight:800;font-size:20px;padding:16px;border-radius:10px}
.mbnote{background:#fff6df;border:1px solid #e3c766;border-radius:6px;padding:11px 14px;color:#7a5a10;margin-top:12px;font-size:15px}
.mbsel{background:#fff;border:1px solid #c9d0db;border-radius:4px;padding:10px 12px;font-size:15px;margin:4px 0 10px 28px}

/* messages Yes/No / Success */
.mbmsgwrap{min-height:430px;display:flex;align-items:center;justify-content:center;background:#e9edf2}
.mbmsg{width:420px;background:#f0f0f0;border:1px solid #9aa;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.mbmsgbody{display:flex;gap:14px;align-items:center;padding:22px 24px;font-size:16px}
.mbmsgico{font-size:34px}.mbmsgico.ok{color:var(--ok)}
.mbmsgbtns{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 18px}

/* menu de démarrage */
.bootscreen{width:1280px;height:800px;background:#05070c;color:#d6e2f0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:18px;font-family:"Consolas",monospace}
.bootlogo{font-size:24px;letter-spacing:1px}
.bootbox{width:620px;border:2px solid #3a567c;border-radius:4px;overflow:hidden}
.bootrow{padding:16px 22px;font-size:20px;border-bottom:1px solid #1c2c44}
.bootrow.sel{background:#2a4a7c;color:#fff}
.boothint{color:#8aa;font-size:15px}

/* lanceur WinPE */
.pedesk{width:1280px;height:800px;background:linear-gradient(135deg,#13497e,#0a2545);display:flex;
  align-items:center;justify-content:center}
.pewin{width:720px;transform:translate(-50%,-50%)}
.petitle{background:linear-gradient(#2a6fc4,#20599f);color:#fff;padding:14px 20px;font-size:18px;font-weight:600}
.pegrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px;background:#eef1f5}
.petile{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px solid #d6dbe4;
  border-radius:10px;padding:26px;font-size:18px;font-weight:700;color:#1a2230}
.petile .peico{font-size:44px}

/* reset windows password */
.rwtable{border:1px solid #c9d0db;border-radius:4px;overflow:hidden;margin-top:12px;background:#fff}
.rwrow{display:flex;justify-content:space-between;padding:14px 16px;font-size:16px;border-bottom:1px solid #eef0f4}
.rwrow.head{background:#e9edf2;font-weight:700;color:#444;font-size:14px}
.rwrow.sel{background:#dcebff}

/* ---- commerces ---- */
.shops{width:1280px;height:800px;background:radial-gradient(circle at 50% 20%,#1a3350,#0b1626);
  color:#eaf0f7;padding:60px 90px;overflow:auto}
.shops h2{font-size:40px;margin:0 0 6px}
.shopsub{color:#b9c8dc;font-size:20px;max-width:60ch;margin:0 0 26px}
.shopcard{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 26px;margin-bottom:16px}
.shopn{font-size:24px;font-weight:800;flex:1}
.shopa{color:#9fb2c9;font-size:18px;flex:1}
.shopt{background:linear-gradient(var(--or),var(--or2));color:#20160a;font-weight:800;font-size:20px;
  padding:14px 24px;border-radius:12px;text-decoration:none;white-space:nowrap}