*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#172033;font-family:Segoe UI,Arial,sans-serif}.wrap{max-width:1400px;margin:auto;padding:26px}.narrow{max-width:760px}.nav{display:flex;align-items:center;gap:16px;margin-bottom:24px}.nav .grow{flex:1}.nav a{text-decoration:none;color:#33415c;font-weight:700}.brand{font-size:23px;font-weight:900}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:900;color:#d52e3b}.card{background:white;border-radius:18px;padding:23px;box-shadow:0 7px 25px #15213a12;margin-bottom:18px}h1{font-size:35px;margin:5px 0 20px}h2{margin-top:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:flex;align-items:center;gap:12px}.row .grow{flex:1}.pill{padding:6px 10px;border-radius:99px;background:#edf0f5;font-size:12px;font-weight:800}.shared{background:#e5f6ed;color:#16774a}.private{background:#f1edf7;color:#66418a}button,.btn{border:0;background:#d52e3b;color:white;padding:12px 16px;border-radius:10px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#e9edf3;color:#25324a}.danger{background:#a9222d}input,textarea,select{width:100%;padding:12px;border:1px solid #d7dce5;border-radius:9px;font:inherit;margin:6px 0 14px}label{font-size:13px;font-weight:800;color:#48546a}.qcard{border-left:5px solid #d52e3b}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{padding:10px;background:#f1f3f6;border-radius:8px}.choice.correct{background:#e4f7ec;color:#126e42;font-weight:800}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:11px;border-bottom:1px solid #e5e8ee;text-align:left}.muted{color:#748096}.login{max-width:430px;margin:9vh auto}.session-card h3{margin:4px 0}.bigscore{font-size:55px;font-weight:950}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:70px;font-size:18px}.a0{background:#cf3540}.a1{background:#2876bf}.a2{background:#bd871b}.a3{background:#26885a}.person{padding:9px 0;border-bottom:1px solid #e8ebef;display:flex}.person b{margin-left:auto}.done:before{content:"✓ ";color:#15915a}.stage{background:#111827;color:white;min-height:100vh;padding:28px}.stage .card{color:#172033;min-height:75vh;display:flex;flex-direction:column;justify-content:center}.stage h1{color:white}.podium{display:flex;justify-content:center;align-items:flex-end;gap:15px;text-align:center}.pod{width:220px;background:#edf0f5;padding:20px;border-radius:16px 16px 0 0}.p1{min-height:260px;order:2}.p2{min-height:210px;order:1}.p3{min-height:180px;order:3}@media(max-width:800px){.wrap{padding:14px}.grid,.two,.answers,.choices{grid-template-columns:1fr}.nav{flex-wrap:wrap}.table{font-size:13px}.stage{padding:10px}.pod{width:31%;padding:8px}.pod h2{font-size:14px}}
.inline-check{width:auto;margin:0 7px 0 0}.answer.selected{outline:5px solid #111827;outline-offset:2px;transform:scale(.98)}.validate-btn{width:100%;font-size:18px;padding:16px;background:#172033}.answer:disabled{opacity:.7;cursor:default}

.question-image{display:block;max-width:100%;max-height:430px;object-fit:contain;margin:14px auto 20px;border-radius:12px}.presentation-image{max-height:45vh}

.projector-wait{text-align:center;padding:22px 20px}
.projector-wait h1{font-size:clamp(30px,4vw,58px);margin:10px 0 18px}
.qr-wrap{display:inline-flex;background:#fff;padding:18px;border-radius:18px;margin:8px auto 14px}
.qr-wrap img{width:min(42vw,390px);height:auto;display:block}
.join-address{display:inline-block;font-size:clamp(18px,2.2vw,30px);font-weight:800;padding:10px 18px;border:2px solid #d8dde8;border-radius:12px;margin:8px 0 12px}

.result-box{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:#eef1f6;margin:14px 0}
.result-ok{border-left:5px solid #168a57}.result-ko{border-left:5px solid #c52d3a}
.speed-record{font-size:1.05rem;padding:10px 12px;background:#f4f0df;border-radius:10px}
.projector-fast{text-align:center;font-size:clamp(24px,3vw,44px);font-weight:900;margin:24px auto}
.qdetail{border-top:1px solid #dde2ea;padding:10px 0}.qdetail summary{cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center}.qdetail summary span{color:#667085;font-size:.9rem}.qdetail-body{padding:8px 0 2px}
@media(max-width:700px){.qdetail summary{align-items:flex-start;flex-direction:column;gap:4px}}

.pilot-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;align-items:start}
.pilot-grid>div{display:grid;gap:16px}.pilot-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.action-hint{font-weight:700;color:#667085}.live-state{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:800;font-size:.9rem}
.state-waiting{background:#fff2c8;color:#7c5700}.state-question{background:#dcecff;color:#145a9c}.state-correction{background:#dff5e8;color:#12663e}.state-ranking{background:#eee7ff;color:#5635a5}.state-finished{background:#eceff3;color:#596273}
.btn.danger,button.danger{background:#b4232f;color:#fff}
.phone-preview-card{position:sticky;top:18px}.phone-shell{max-width:310px;margin:8px auto;background:#111827;border-radius:30px;padding:10px;box-shadow:0 14px 35px rgba(16,24,40,.18)}
.phone-screen{min-height:470px;background:#f6f7fa;border-radius:22px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.phone-screen img{max-width:100%;max-height:170px;object-fit:contain;border-radius:10px;margin:8px auto}.phone-state{font-size:.72rem;font-weight:900;letter-spacing:.1em;color:#d92d3a}
.phone-screen h3{font-size:1.1rem}.mini-answers{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.mini-answers span{padding:9px 5px;background:#fff;border:1px solid #dde2ea;border-radius:8px;font-size:.75rem;font-weight:700}
.phone-screen button{margin-top:10px}.mini-ok{font-weight:900;color:#168a57}.mini-podium{font-size:3rem}
@media(max-width:900px){.pilot-grid{grid-template-columns:1fr}.phone-preview-card{position:static}.phone-shell{max-width:360px}.session-head{align-items:flex-start}}

.session-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.session-actions form{margin:0}.session-actions button{white-space:nowrap}

.answer-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:900}
.answer-badge.answered{background:#dff5e8;color:#12663e}.answer-badge.waiting{background:#fff2c8;color:#7c5700}

.alert{padding:14px 16px;border-radius:12px;margin:12px 0 18px}.danger-alert{background:#fee4e2;color:#912018}.success-alert{background:#dcfae6;color:#086c3c}
.active-session{display:flex;align-items:center;justify-content:space-between;gap:20px;border:2px solid #d92d3a}.qr-preview{text-align:center}.qr-preview img{width:min(280px,80%);aspect-ratio:1;object-fit:contain}
.public-body{background:#f4f6f9}.public-center{width:min(520px,calc(100% - 32px));margin:15vh auto}.no-session{text-align:center;padding:36px}
.table-scroll{overflow:auto}@media(max-width:700px){.active-session{align-items:flex-start;flex-direction:column}}

.waiting-player{text-align:center;padding:26px 14px}.waiting-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#dcfae6;color:#087443;font-size:30px;font-weight:900}.waiting-player h2{margin-top:8px}.waiting-dots{display:flex;justify-content:center;gap:7px;margin-top:22px}.waiting-dots span{width:8px;height:8px;border-radius:50%;background:#98a2b3;animation:waitpulse 1.2s infinite}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes waitpulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.projector-correct-title{text-align:center;margin:28px 0 14px;color:#079455;font-size:24px;font-weight:1000;letter-spacing:.06em}.projector-correct{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:28px}.correct-answer-card{min-width:280px;max-width:600px;padding:25px 35px!important;color:#fff!important;text-align:center;font-size:30px;font-weight:1000;border:5px solid #12b76a!important;box-shadow:0 0 0 5px #d1fadf}.projector-results{margin-top:10px}
.question-close-zone{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #e4e7ec}.question-close-zone small{color:#667085}


/* === Interface stagiaire : priorité mobile === */
.player-card{
  width:min(100%,720px);
  box-sizing:border-box;
  overflow:hidden;
}
.player-card .question-image{
  display:block;
  width:auto;
  max-width:100%;
  max-height:34vh;
  object-fit:contain;
  margin:14px auto;
}
.player-card .answers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  width:100%;
}
.player-card .answer{
  width:100%;
  min-width:0;
  min-height:64px;
  padding:12px 10px;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.15;
  font-size:16px;
}
.player-card .validate-btn{
  width:100%;
  min-height:52px;
  font-size:16px;
}
@media (max-width:600px){
  body{overflow-x:hidden}
  .login{
    width:100%;
    max-width:none;
    min-height:100dvh;
    margin:0;
    padding:12px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .login > .card,
  .player-card{
    width:100%;
    max-width:100%;
    margin:0;
    padding:18px 14px;
    border-radius:18px;
    box-sizing:border-box;
  }
  .player-card h2{
    margin:8px 0 10px;
    font-size:clamp(22px,7vw,30px);
    line-height:1.12;
    overflow-wrap:anywhere;
  }
  .player-card .eyebrow{
    font-size:12px;
    letter-spacing:.08em;
  }
  .player-card .muted{
    margin:8px 0 12px;
    font-size:13px;
  }
  .player-card .question-image{
    max-width:100%;
    max-height:30vh;
    margin:10px auto 14px;
  }
  .player-card .answers{
    grid-template-columns:1fr 1fr !important;
    gap:8px;
  }
  .player-card .answer{
    min-height:68px;
    padding:10px 7px;
    font-size:15px;
    border-radius:11px;
  }
  .player-card br{display:none}
  .player-card .validate-btn{
    margin-top:12px;
    min-height:54px;
    font-size:16px;
    border-radius:11px;
  }
  .player-card .result-box{
    box-sizing:border-box;
    max-width:100%;
  }
}
@media (max-width:380px){
  .login{padding:8px}
  .login > .card,.player-card{padding:15px 10px}
  .player-card .answer{font-size:14px;min-height:62px}
  .player-card .question-image{max-height:27vh}
}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-bottom:18px}.permission-item{display:flex;align-items:flex-start;gap:8px;font-weight:400}.permission-item input{width:auto;margin-top:3px}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}}

.matrix-wrap{overflow:auto;padding:0;max-width:100%}.permission-matrix{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%}.permission-matrix th,.permission-matrix td{border-right:1px solid #dde3ec;border-bottom:1px solid #dde3ec;padding:9px;text-align:center;background:#fff}.permission-matrix thead th{position:sticky;top:0;z-index:3;background:#eef2f7;min-width:64px}.permission-matrix thead th span{display:block;font-weight:800}.permission-matrix thead th small{display:block;color:#6d7890;font-size:10px}.permission-matrix .sticky-col{position:sticky;left:0;z-index:2;text-align:left;min-width:180px;background:#fff}.permission-matrix thead .sticky-col{z-index:4;background:#eef2f7}.permission-matrix input[type=checkbox]{width:20px;height:20px;margin:0}.matrix-save{display:flex;justify-content:flex-end;margin:14px 0 28px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 18px}.check-card{border:1px solid #d8dee8;border-radius:10px;padding:10px;display:flex;gap:7px;align-items:flex-start;font-weight:400}.check-card input{width:auto;margin-top:2px}.framing-row{display:grid;grid-template-columns:100px 1fr auto auto;gap:8px;align-items:center;margin-bottom:9px}.framing-row input{margin:0}.active-check{display:flex;align-items:center;gap:5px}.active-check input{width:auto}@media(max-width:800px){.check-grid{grid-template-columns:1fr}.framing-row{grid-template-columns:1fr}.permission-matrix .sticky-col{min-width:135px}}

button.danger,.btn.danger{background:#b42318;color:#fff;border-color:#b42318}.framing-entry{border-bottom:1px solid #e4e8ef;padding:10px 0}.framing-entry:last-child{border-bottom:0}.permission-matrix thead th small{max-width:110px;white-space:normal;line-height:1.1}

.account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e4e8ef;padding:8px 0}.account-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.account-actions{display:flex;gap:6px;align-items:center}.account-actions form{margin:0}.account-actions button{white-space:nowrap}.user-dialog{width:min(560px,calc(100vw - 30px));border:0;border-radius:16px;padding:22px;box-shadow:0 18px 60px #0004}.user-dialog::backdrop{background:#10213b88}.role-mini{display:block;font-weight:400;color:#6d7890;font-size:10px;margin-top:2px}@media(max-width:800px){.account-row,.account-main{align-items:flex-start}.account-row{flex-direction:column}.account-actions{flex-wrap:wrap}}

.mode-switch{display:inline-flex;margin:0 6px}.mode-button{padding:4px 8px;border:1px solid #cfd7e4;border-radius:8px;background:#fff;color:#10213b;font-weight:700;cursor:pointer}.mode-button:hover{background:#eef2f7}.user-name{margin-right:2px}

.page-head{align-items:center;margin-bottom:14px}.users-matrix .user-col{min-width:220px}.actions-col{min-width:130px;position:sticky;left:220px;z-index:2;background:#fff}.permission-matrix thead .actions-col{z-index:4;background:#eef2f7}.mini-actions{display:flex;justify-content:center;gap:5px}.icon-action{width:32px;height:32px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#e8edf5;color:#10213b;border:1px solid #d5ddea;font-size:17px}.status-on{background:#e9f8ee;color:#16823b;border-color:#bde7ca}.status-off,.delete-icon{background:#fdeceb;color:#b42318;border-color:#f4c3bf}.quiz-filters{margin-bottom:22px}.filter-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(150px,1fr));gap:10px}.filter-grid input,.filter-grid select{margin:0}.filter-actions{display:flex;gap:8px;margin-top:12px}.quiz-card form{margin:0}.wrap{flex-wrap:wrap}.inactive-section{margin-top:28px}.inactive-section>summary{font-size:20px;font-weight:800;cursor:pointer;margin-bottom:14px}.disabled-card{opacity:.82;border-style:dashed}.disabled-grid{margin-top:12px}@media(max-width:900px){.filter-grid{grid-template-columns:1fr 1fr}.users-matrix .user-col{min-width:165px}.actions-col{left:165px}}@media(max-width:600px){.filter-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:10px}.actions-col{position:static}}

.year-banner{display:flex;align-items:center;justify-content:space-between;gap:12px}.year-banner form{margin:0}.year-create{margin-top:16px}.copy-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:430px;overflow:auto;margin:12px 0 18px}@media(max-width:700px){.copy-topics{grid-template-columns:1fr}.year-banner{align-items:flex-start;flex-direction:column}}

.projector-live-follow{margin-top:24px;padding-top:18px;border-top:2px solid #e3e8ef}.live-follow-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.live-follow-head h2{margin:0}.live-follow-head>b{font-size:24px}.live-follow-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:12px}.live-follow-columns h3{margin:0 0 10px}.live-name-list{display:flex;flex-wrap:wrap;gap:8px}.live-name{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-weight:800}.live-name.done{background:#e8f7ed;color:#176b35;border:1px solid #b9e1c6}.live-name.waiting{background:#fff4df;color:#875b08;border:1px solid #efd59e}@media(max-width:800px){.live-follow-columns{grid-template-columns:1fr}.live-follow-head>b{font-size:20px}}

.support-upload{margin-bottom:18px}.support-upload-row{display:flex;gap:12px;align-items:center;margin-top:10px}.support-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:18px;align-items:start}.support-document{max-height:76vh;overflow:auto}.support-sticky{position:sticky;top:0;background:white;z-index:3;padding:8px 0 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #ddd}.support-sticky input{max-width:320px}.support-help{padding:10px 12px;background:#f4f7fb;border-radius:10px}.support-page{padding:18px 6px;border-bottom:1px solid #e4e7eb}.support-page-no{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.support-text{white-space:pre-wrap;line-height:1.55;user-select:text}.support-builder{position:sticky;top:12px}.support-builder textarea,.support-builder input{width:100%;box-sizing:border-box;margin:6px 0 12px}.selected-box{background:#f5f7fa;padding:12px;border-radius:10px;margin-bottom:10px;max-height:150px;overflow:auto}.selected-box #selectedSource{font-size:12px;font-weight:700;margin-top:8px}.support-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:14px}.support-actions button{padding:8px}.support-builder-buttons{display:flex;flex-wrap:wrap;gap:8px}.alert{margin-top:12px;padding:12px;border-radius:10px;background:#fff1f0}@media(max-width:950px){.support-workspace{grid-template-columns:1fr}.support-builder{position:static}.support-document{max-height:none}.support-upload-row,.support-sticky{align-items:stretch;flex-direction:column}.support-sticky input{max-width:none}}

.support-viewer-only{display:grid;grid-template-rows:minmax(420px,56vh) minmax(240px,34vh);gap:16px}.support-visual,.support-extracted{min-height:0;overflow:hidden}.support-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.support-frame{width:100%;height:calc(100% - 55px);border:1px solid #d8dde5;border-radius:10px;background:#eef1f5}.support-extracted{overflow:auto}.support-copy-text{white-space:pre-wrap;line-height:1.55;user-select:text;padding:14px;background:#f7f9fb;border-radius:10px;min-height:110px}.ppt-visual{height:calc(100% - 55px);overflow:auto;background:#e8ecf2;padding:18px;box-sizing:border-box}.ppt-slide-no{font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:8px}.ppt-slide-text{min-height:300px;background:white;border-radius:10px;padding:34px;white-space:pre-wrap;font-size:23px;line-height:1.45;box-shadow:0 2px 12px #0002}.pdf-note{font-size:12px;margin-bottom:7px}.support-toolbar select{min-width:145px}@media(max-width:800px){.support-viewer-only{display:block}.support-visual,.support-extracted{margin-bottom:14px;min-height:420px}.support-toolbar{align-items:stretch;flex-direction:column}}

.support-page-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.compact-upload{padding:10px 14px;margin:8px 0 12px}.compact-upload-row{display:flex;gap:10px;align-items:center}.compact-upload-row input{flex:1}.creation-workspace{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(430px,.85fr);gap:12px;height:calc(100vh - 205px);min-height:650px}.creation-workspace.viewer-alone{grid-template-columns:1fr}.workspace-left{display:flex;flex-direction:column;padding:10px;overflow:hidden}.workspace-title{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:34px}.quiz-editor-frame{width:100%;flex:1;border:1px solid #dce2e9;border-radius:9px;background:white}.workspace-right{display:grid;grid-template-rows:minmax(0,58%) minmax(0,42%);gap:12px;min-height:0}.visual-panel,.text-panel{padding:10px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.support-nav{display:flex;gap:6px}.real-support-frame{width:100%;flex:1;border:1px solid #d8dde5;border-radius:8px;background:#eef1f5}.text-panel{overflow:auto}.support-copy-text{white-space:pre-wrap;line-height:1.5;user-select:text;padding:10px;background:#f7f9fb;border-radius:8px}.empty-support{display:grid;place-items:center;flex:1;background:#f7f9fb}.ppt-fallback{overflow:auto;flex:1;background:#f7f9fb;padding:16px;border-radius:8px}.ppt-fallback #pptTextVisual{margin-top:12px;background:white;padding:22px;white-space:pre-wrap;font-size:20px;line-height:1.45}.alert{margin-top:8px;padding:9px;background:#fff1f0}@media(max-width:1100px){.creation-workspace{grid-template-columns:1fr;height:auto}.workspace-left{height:850px}.workspace-right{height:850px}}

/* V32 - poste de travail création + support */
.creation-workspace{
 display:grid !important;
 grid-template-columns:minmax(0,55fr) minmax(0,45fr) !important;
 gap:14px !important;
 height:calc(100vh - 190px) !important;
 min-height:680px !important;
 align-items:stretch !important;
}
.workspace-left{
 min-width:0 !important;height:100% !important;display:flex !important;
 flex-direction:column !important;padding:10px !important;overflow:hidden !important;
}
.quiz-editor-frame{
 display:block !important;width:100% !important;height:100% !important;min-height:0 !important;
 flex:1 1 auto !important;border:1px solid #d8dde5 !important;border-radius:8px !important;background:#fff !important;
}
.workspace-right{
 min-width:0 !important;height:100% !important;display:grid !important;
 grid-template-rows:minmax(0,60fr) minmax(0,40fr) !important;gap:14px !important;
}
.visual-panel,.text-panel{
 min-width:0 !important;min-height:0 !important;padding:10px !important;
 display:flex !important;flex-direction:column !important;overflow:hidden !important;
}
.visual-host{position:relative;min-width:0;min-height:0;flex:1 1 auto;overflow:hidden;background:#eef1f5;border-radius:8px}
.real-support-frame{
 position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
 min-width:100% !important;min-height:100% !important;border:0 !important;background:#eef1f5 !important;
}
.text-panel{overflow:auto !important}
.support-copy-text{font-size:14px !important;line-height:1.45 !important;white-space:pre-wrap !important;user-select:text !important}
.workspace-title{flex:0 0 auto !important;margin-bottom:7px !important}
.visual-title{flex-wrap:wrap}
.support-nav{display:flex !important;align-items:center !important;gap:6px !important}
.support-nav select{min-width:145px !important}
.compact-upload{padding:8px 12px !important;margin:5px 0 10px !important}
.support-page-head h1{margin:0 0 3px !important}
.empty-support{height:100%}
@media(max-width:900px){
 .creation-workspace{grid-template-columns:1fr !important;height:auto !important}
 .workspace-left{height:800px !important}
 .workspace-right{height:850px !important}
}

/* V33: workspace PC full width, no mobile breakpoint at 1100px */
body.support-desktop .wrap{width:100%;max-width:none;margin:0;padding:12px 20px}
body.support-desktop .creation-workspace{display:grid!important;grid-template-columns:minmax(0,55%) minmax(0,45%)!important;width:100%;gap:12px!important;height:calc(100dvh - 195px)!important;min-height:550px!important}
body.support-desktop .workspace-left{width:100%;height:100%!important;min-width:0;min-height:0}
body.support-desktop .workspace-right{width:100%;height:100%!important;min-width:0;min-height:0;grid-template-rows:minmax(0,60%) minmax(0,40%)!important}
body.support-desktop .quiz-editor-frame{width:100%!important;height:100%!important;flex:1 1 0!important;min-height:0!important}
body.support-desktop .visual-host{width:100%;height:100%}
body.support-desktop .real-support-frame{width:100%!important;height:100%!important}
body.support-desktop .compact-upload-row{display:flex;flex-direction:row;align-items:center}
body.support-desktop .compact-upload-row input{width:auto;min-width:0}
body.quiz-embedded{background:white}
body.quiz-embedded .wrap{max-width:none!important;width:100%;padding:10px!important;margin:0!important}
body.quiz-embedded h1{font-size:24px;margin:3px 0 10px}
body.quiz-embedded .card{padding:14px;margin-bottom:12px}
body.quiz-embedded .nav{display:none!important}
@media(max-width:700px){
 body.support-desktop .creation-workspace{display:flex!important;flex-direction:column;height:auto!important}
 body.support-desktop .workspace-left{height:700px!important}
 body.support-desktop .workspace-right{height:800px!important}
}

/* V34: compact single-question workspace */
.workspace-editor{padding:8px 12px;max-width:100%;box-sizing:border-box}.workspace-settings{border:1px solid #d8e0eb;border-radius:9px;background:#f7f9fc;margin-bottom:12px}.workspace-settings summary{cursor:pointer;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.workspace-settings summary span{font-size:12px;color:#64748b}.workspace-settings .card{margin:0;padding:12px}.workspace-editor-top{display:flex;justify-content:space-between;align-items:center}.workspace-editor-top h2{font-size:21px;margin:8px 0}.workspace-question-form{padding-bottom:65px}.workspace-question-form label{margin-top:10px;display:block}.workspace-question-form textarea,.workspace-question-form input:not([type=checkbox]){box-sizing:border-box;max-width:100%}.workspace-bottom{position:sticky;bottom:0;display:flex;gap:10px;justify-content:space-between;align-items:center;background:white;padding:12px 0;border-top:1px solid #dce3ed;z-index:2}.workspace-bottom button{padding:10px 12px}.workspace-success{color:#13753b}.workspace-error{color:#b42318}body.quiz-embedded .wrap{padding:0!important}body.quiz-embedded{overflow-x:hidden}

.workspace-finish{background:#176c42!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:10px 14px!important}.workspace-bottom{flex-wrap:wrap!important}.workspace-finish:hover{background:#125a36!important}

/* V38 : navigation PC harmonisée */
@media (min-width: 900px) {
 body:not(.quiz-embedded) .nav {
   display:flex; align-items:stretch; justify-content:space-between;
   gap:clamp(7px, 1.05vw, 18px); min-height:66px; margin-bottom:20px;
 }
 body:not(.quiz-embedded) .nav > a,
 body:not(.quiz-embedded) .nav > span,
 body:not(.quiz-embedded) .nav > form {
   display:flex; align-items:center; justify-content:center; text-align:center;
   min-width:0; line-height:1.3; align-self:stretch;
 }
 body:not(.quiz-embedded) .nav > a:not(.brand) {font-size:clamp(11px,.83vw,14px);}
 body:not(.quiz-embedded) .nav > .brand {flex:0 0 auto;text-align:left;justify-content:flex-start;}
 body:not(.quiz-embedded) .nav > .grow {flex:1 1 8px;min-width:0;}
 body:not(.quiz-embedded) .nav > span:not(.grow) {font-size:12px;flex:0 1 150px;}
 body:not(.quiz-embedded) .nav > form {flex:0 0 auto;}
}
@media (max-width:899px) {body:not(.quiz-embedded) .nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}body:not(.quiz-embedded) .nav>a{text-align:center}}