/* =========================================================
   V292 — estabilidade do editor de Quiz + fluxo contínuo de perguntas
   Corrige heranças legadas de grid que espremiam a edição do Quiz.
   ========================================================= */

/* A edição da aula/Quiz deve usar 100% da largura disponível. A regra antiga
   de .admin-columns tinha especificidade maior e criava uma coluna vazia. */
html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  gap:12px!important;
  align-items:start!important;
}
html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Topo da configuração da etapa: 4 campos curtos em uma linha, sem sobreposição. */
html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:start!important;
  align-content:start!important;
}
html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="lesson_type"]),
html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="status"]),
html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>input[name="sort_order"]),
html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="video_source"]){
  grid-column:span 3!important;
  min-width:0!important;
}

/* A regra de aprovação nunca pode ocupar uma única coluna do grid. */
body.app-body.admin-context .lesson-quiz-pass-wide-v292{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
}
body.app-body.admin-context .lesson-quiz-pass-wide-v292 b,
body.app-body.admin-context .lesson-quiz-pass-wide-v292 span{
  min-width:0!important;
  max-width:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
}
body.app-body.admin-context .lesson-quiz-pass-wide-v292 span{line-height:1.45!important}

/* O workbench do Quiz usa a área útil; lateral continua presente, mas não comprime o editor. */
body.app-body.content-admin-context .quiz-workbench-v270 .quiz-workbench-grid-v270{
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.55fr)!important;
  gap:12px!important;
  width:100%!important;
}
body.app-body.content-admin-context .quiz-workbench-v270 .quiz-workbench-main-v270,
body.app-body.content-admin-context .quiz-workbench-v270 .quiz-admin-list-v270,
body.app-body.content-admin-context .quiz-workbench-v270 .quiz-admin-card-v270{
  width:100%!important;
  min-width:0!important;
}

/* Contexto explícito: várias perguntas pertencem ao mesmo Quiz. */
body.app-body.content-admin-context .quiz-question-context-v292{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:11px 12px!important;
  border:1px solid rgba(242,201,76,.16)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(242,201,76,.055),rgba(242,201,76,.02))!important;
}
body.app-body.content-admin-context .quiz-question-context-v292>div:first-child{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px 10px!important;
  min-width:0!important;
}
body.app-body.content-admin-context .quiz-question-context-v292 span{
  color:#a9a9ad!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
body.app-body.content-admin-context .quiz-question-context-v292 strong{
  display:grid!important;
  place-items:center!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:rgba(242,201,76,.12)!important;
  color:#f2d06a!important;
  font-size:11px!important;
}
body.app-body.content-admin-context .quiz-question-context-v292 small{
  min-width:0!important;
  margin:0!important;
  color:#a6a6aa!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}
body.app-body.content-admin-context .quiz-question-context-actions-v292,
body.app-body.content-admin-context .quiz-help-actions-v292,
body.app-body.content-admin-context .quiz-question-actions-v292{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

/* Adição contínua de perguntas: cabeçalho + contagem sempre visíveis. */
body.app-body.content-admin-context .quiz-question-builder-head-v292{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-bottom:9px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
body.app-body.content-admin-context .quiz-question-builder-head-v292>div{min-width:0!important}
body.app-body.content-admin-context .quiz-question-builder-head-v292 h4{margin:0!important;font-size:12.5px!important}
body.app-body.content-admin-context .quiz-question-builder-head-v292 p{
  margin:3px 0 0!important;
  color:#999!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}
body.app-body.content-admin-context .quiz-question-builder-head-v292>span{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  color:#d8d8da!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

/* Campos do Quiz jamais quebram letra por letra. */
body.app-body.content-admin-context .quiz-workbench-v270 :is(label,small,p,span,b,strong,h2,h3,h4){
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.app-body.content-admin-context .quiz-workbench-v270 :is(input,select,textarea){
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Subetapas permanecem legíveis e ocupam a largura disponível. */
body.app-body.content-admin-context .evaluation-substeps-v284{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media(max-width:1180px){
  body.app-body.content-admin-context .quiz-workbench-v270 .quiz-workbench-grid-v270{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context .quiz-workbench-v270 .quiz-workbench-side-v270{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="lesson_type"]),
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="status"]),
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>input[name="sort_order"]),
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="video_source"]){
    grid-column:span 6!important;
  }
  body.app-body.admin-context .lesson-quiz-pass-wide-v292{grid-template-columns:1fr!important;gap:3px!important}
  body.app-body.content-admin-context .quiz-question-context-v292{grid-template-columns:1fr!important}
  body.app-body.content-admin-context .quiz-question-context-actions-v292{justify-content:flex-start!important}
}
@media(max-width:720px){
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="lesson_type"]),
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="status"]),
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>input[name="sort_order"]),
  html body.app-body.prime-v086.admin-context.content-admin-context main.page-shell>.admin-columns.lesson-content-columns-v272-r4>.panel:first-child>form.form-grid>label:has(>select[name="video_source"]){
    grid-column:1/-1!important;
  }
  body.app-body.content-admin-context .quiz-workbench-v270 .quiz-workbench-side-v270{grid-template-columns:1fr!important}
  body.app-body.content-admin-context .quiz-question-context-v292>div:first-child{grid-template-columns:auto auto!important}
  body.app-body.content-admin-context .quiz-question-context-v292 small{grid-column:1/-1!important}
  body.app-body.content-admin-context .quiz-question-actions-v292,
  body.app-body.content-admin-context .quiz-help-actions-v292{justify-content:stretch!important}
  body.app-body.content-admin-context .quiz-question-actions-v292>* ,
  body.app-body.content-admin-context .quiz-help-actions-v292>*{flex:1 1 100%!important;justify-content:center!important}
}
