:root{--bg:#080808;--panel:#111;--line:#343434;--gold:#d4af37;--gold2:#f3d66f;--text:#f5f5f5;--muted:#aaa;--ok:#69d990;--bad:#ff7777}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;user-select:none;-webkit-user-select:none}
body{overflow-x:hidden}.wrap{max-width:1180px;margin:auto;padding:22px;position:relative}.watermark{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;opacity:.08}
.watermark span{position:absolute;transform:rotate(-28deg);font-size:22px;font-weight:900;white-space:nowrap;color:#fff}
.content{position:relative;z-index:1}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #333;padding-bottom:14px;margin-bottom:16px}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:74px}.brand h1{margin:0;color:var(--gold2);font-size:24px}.pill{border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:8px 12px;font-size:12px}
.card{background:rgba(17,17,17,.97);border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:14px}.question{font-size:24px;line-height:1.35;color:white;margin:8px 0 16px}
h2,h3{color:var(--gold2)}ul{line-height:1.55}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button{font:inherit;border:1px solid var(--gold);background:#1b1606;color:var(--gold2);border-radius:9px;padding:11px 15px;font-weight:900;cursor:pointer}
button:hover{background:var(--gold);color:#050505}textarea{width:100%;min-height:110px;background:#080808;color:white;border:1px solid #444;border-radius:9px;padding:12px;font:inherit;user-select:text;-webkit-user-select:text}
.status{padding:10px;border-radius:8px;border:1px solid #444;color:var(--muted)}.status.ok{color:var(--ok);border-color:#275f38}.status.bad{color:var(--bad);border-color:#783333}.hidden{display:none!important}
.small{font-size:11px;color:var(--muted)}.locked{padding:50px 20px;text-align:center}.proofbox{border:1px dashed #555;border-radius:10px;padding:12px}
@media print{body{display:none!important}}
@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.question{font-size:20px}}

.mirror{max-width:1050px;margin:14px auto 40px}.mirror-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #5b4a22;padding-bottom:12px}.note-number{font-weight:900;color:#f1c84d;font-size:18px}.sync-badge{border:1px solid #c9a227;color:#f1c84d;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.section-title{color:#f1c84d;font-size:17px;font-weight:900;margin:14px 0 9px}.question-btn{display:block;width:100%;text-align:left;margin:7px 0;padding:12px;border:1px solid #5b4a22;background:#17130a;color:#f4f1e8;border-radius:10px;cursor:pointer;font-size:15px}.question-btn:hover,.question-btn.selected{border-color:#f1c84d;background:#2a210d}.question-btn.auditor-active{box-shadow:inset 4px 0 0 #f1c84d;border-color:#c9a227}.question-btn .qtag{font-weight:900;color:#f1c84d;margin-right:5px}.question-btn .active-tag{float:right;color:#f1c84d;font-size:10px;font-weight:900}.expect-panel,.response-panel{margin-top:12px;border:1px solid #4a3d1e;border-radius:12px;padding:14px;background:#0b0b0b}.expect-group{margin-top:14px}.expect-row{display:flex;align-items:center;gap:10px;border:1px solid #4a3d1e;border-radius:9px;padding:10px;margin:7px 0;background:#111}.expect-row input[type="checkbox"]{width:18px;height:18px;flex:0 0 auto}.expect-label{flex:1}.proof-file{max-width:260px}.selected-question{padding:12px;border:1px solid #6f5620;background:#1b1609;border-radius:10px;margin-bottom:10px;font-weight:700}.response-panel textarea{width:100%;min-height:110px;margin:10px 0;background:#090909;color:#f4f1e8;border:1px solid #4b4026;border-radius:9px;padding:12px}@media(max-width:750px){.mirror-head{display:block}.sync-badge{display:inline-block;margin-top:8px}.expect-row{align-items:flex-start;flex-wrap:wrap}.proof-file{max-width:100%;width:100%}}
/* V1.7.0 — visio latérale */
.video-rail{position:fixed;top:185px;width:245px;z-index:5;background:#0b0b0bee;border:1px solid #6a5420;border-radius:14px;padding:10px;box-shadow:0 12px 35px #0008}.video-left{left:16px}.video-right{right:16px}.video-title{text-align:center;color:var(--gold2);font-weight:900;font-size:14px;margin-bottom:7px}.video-rail video{width:100%;aspect-ratio:4/3;background:#000;border-radius:10px;border:1px solid #3d331c;object-fit:cover}.video-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.video-actions button{font-size:10px;padding:7px 8px;flex:1}.video-rail .small{text-align:center;margin-top:6px}
@media(max-width:1540px){.video-rail{position:relative;top:auto;left:auto!important;right:auto!important;width:min(100%,500px);margin:10px auto}.video-rail video{aspect-ratio:16/9}.wrap{max-width:1180px}}
@media(min-width:1541px){.wrap{max-width:1000px}}