/* ===== widget Sécurité : la barre d'adresse en gros plan, la console de notre outil d'audit qui déroule
   ses contrôles, et la jauge de note qui monte après les corrections. Carte .wz, unités cqw. ===== */
.scu{position:absolute;inset:0;container-type:inline-size;font-family:Inter,"Figtree",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.scu *{box-sizing:border-box}.scu p{margin:0;font:inherit;color:inherit;letter-spacing:normal}
.scu-url{position:absolute;left:5cqw;right:5cqw;top:6cqw;height:11cqw;display:flex;align-items:center;gap:2cqw;padding:0 3cqw;border-radius:99px;
  background:#fff;border:.25cqw solid #221726;box-shadow:0 2cqw 4cqw -2cqw rgba(34,23,38,.4);font:500 3.4cqw/1 Inter,system-ui;color:#202124}
.scu-url svg{width:4.2cqw;height:4.2cqw;flex:none;color:#2E9E6A}
.scu-url b{font-weight:600}.scu-url small{color:#8A8D98;font-weight:400}
.scu-con{position:absolute;left:5cqw;top:23cqw;width:76cqw;height:80cqw;border-radius:2cqw;overflow:hidden;background:#15171C;border:.25cqw solid #221726;
  box-shadow:0 3cqw 6cqw -2cqw rgba(34,23,38,.5);color:#C9D1D9;font:400 2.35cqw/1.55 "JetBrains Mono",ui-monospace,monospace}
.scu-con-barre{height:6cqw;display:flex;align-items:center;gap:1.2cqw;padding:0 2.4cqw;background:#1D2027;color:#8A93A3;font:500 1.9cqw/1 Inter,system-ui}
.scu-con-barre i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#3A3F4A}.scu-con-barre span{margin-left:1.4cqw}
.scu-lignes{padding:2cqw 2.6cqw;display:flex;flex-direction:column;gap:.4cqw}
.scu-l{display:flex;gap:1.4cqw;white-space:nowrap;opacity:0;transform:translateY(.8cqw);transition:opacity .25s,transform .3s}
.scu-l.on{opacity:1;transform:none}
.scu-l .p{color:#6E7681}.scu-l .nom{flex:1;overflow:hidden}
.scu-l .r{font-weight:700}.scu-l .r.ok{color:#56D364}.scu-l .r.av{color:#E3B341}.scu-l .r.ko{color:#F85149}
.scu-l.cmd{color:#fff}.scu-l.cmd .p{color:#56D364}
.scu-l.fin{color:#8A93A3;margin-top:.8cqw}
/* la jauge */
.scu-note{position:absolute;right:3cqw;top:68cqw;width:34cqw;padding:2.6cqw 2.6cqw 3cqw;border-radius:2.4cqw;background:#fff;border:.25cqw solid #221726;
  box-shadow:0 3cqw 6cqw -2cqw rgba(34,23,38,.5);text-align:center;transform:rotate(3deg) translateY(8cqw);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s}
.scu-note.on{transform:rotate(3deg);opacity:1}
.scu-note p{font:600 2cqw/1.2 Inter,system-ui;color:#6B6E79}
.scu-jauge{position:relative;width:24cqw;height:24cqw;margin:1.6cqw auto 1.4cqw}
.scu-jauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.scu-jauge circle{fill:none;stroke-width:8}
.scu-jauge .fond{stroke:#EEE9F2}.scu-jauge .arc{stroke:var(--col,#E3B341);stroke-linecap:round;stroke-dasharray:251.3;stroke-dashoffset:calc(251.3 * (1 - var(--v,0) / 100));transition:stroke .4s}
.scu-jauge b{position:absolute;inset:0;display:grid;place-items:center;font:400 7.4cqw/1 var(--display,"Luckiest Guy"),system-ui;color:#221726}
.scu-grade{display:inline-block;padding:.9cqw 2cqw;border-radius:99px;background:var(--col,#E3B341);color:#fff;font:700 2.1cqw/1 Inter,system-ui;transition:background .4s}
