/* =========================================================
   V291 — revisão de curso consistente + barra de seleção
   Escopo:
   1) Etapa 1 de edição/revisão usa as mesmas 4 subetapas da criação.
   2) Preferências de aula viram uma barra larga, dividida e responsiva.
   Nenhum campo ou regra de negócio é removido.
   ========================================================= */

/* ---------- Revisão do curso: mesma leitura da criação ---------- */
body.app-body.content-admin-context #course-main-edit-form{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  grid-auto-rows:max-content!important;
  gap:9px 10px!important;
  align-items:start!important;
  align-content:start!important;
}

body.app-body.content-admin-context #course-main-edit-form>.smart-substeps-v284,
body.app-body.content-admin-context #course-main-edit-form>.form-section,
body.app-body.content-admin-context #course-main-edit-form>.span-2,
body.app-body.content-admin-context #course-main-edit-form>.studio-actions,
body.app-body.content-admin-context #course-main-edit-form>.provider-note{
  grid-column:1/-1!important;
  min-width:0!important;
}

/* Campos comuns ocupam metade da largura útil. */
body.app-body.content-admin-context #course-main-edit-form>label:not(.span-2){
  grid-column:span 6!important;
  min-width:0!important;
  margin:0!important;
}
body.app-body.content-admin-context #course-main-edit-form>label.span-2{
  grid-column:1/-1!important;
}

/* Parâmetros curtos ganham três colunas para usar a área sem sobras. */
@supports selector(label:has(input)){
  body.app-body.content-admin-context #course-main-edit-form>label:has(> :is(
    [name="level"],[name="language"],[name="workload_minutes"],[name="min_watch_percent"],
    [name="lesson_access_mode"],[name="min_grade"],[name="corporate_price"],[name="access_days"],
    [name="certificate_modality"],[name="certificate_valid_days"],[name="certificate_theory_minutes"],
    [name="certificate_practice_minutes"],[name="certificate_responsible_name"],
    [name="certificate_responsible_title"],[name="certificate_responsible_registration"],
    [name="certificate_notes"],[name="catalog_visibility"],[name="enrollment_mode"],
    [name="access_status"],[name="early_access_enabled"],[name="early_access_lesson_limit"],
    [name="early_access_days"],[name="is_featured"]
  )){
    grid-column:span 4!important;
  }
  body.app-body.content-admin-context #course-main-edit-form>label:has(> [name="home_section"]){grid-column:span 8!important}
  body.app-body.content-admin-context #course-main-edit-form>label:has(> [name="home_position"]){grid-column:span 4!important}
}

/* Subetapas exatamente com a mesma proporção visual da criação. */
body.app-body.content-admin-context #course-main-edit-form>.smart-substeps-v284{
  margin:0 0 1px!important;
  padding:7px!important;
  border-radius:11px!important;
}
body.app-body.content-admin-context #course-main-edit-form .smart-substeps-head-v284{
  margin-bottom:6px!important;
  gap:10px!important;
}
body.app-body.content-admin-context #course-main-edit-form .smart-substeps-head-v284>div{
  gap:6px!important;
}
body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}
body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284 button{
  min-height:48px!important;
  padding:6px 8px!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  gap:7px!important;
  border-radius:8px!important;
}
body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284 button>span:first-child{
  width:26px!important;
  height:26px!important;
}
body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284 button b{
  font-size:10.75px!important;
  line-height:1.2!important;
}
body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284 button small{
  font-size:8.25px!important;
  line-height:1.25!important;
}

/* Cabeçalhos acompanham a densidade da criação e ocupam toda a linha. */
body.app-body.content-admin-context #course-main-edit-form>.form-section{
  min-height:38px!important;
  margin:2px 0 0!important;
  padding:7px 9px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.018)!important;
}
body.app-body.content-admin-context #course-main-edit-form>.form-section h3{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.25!important;
}
body.app-body.content-admin-context #course-main-edit-form>.form-section p{
  margin:2px 0 0!important;
  color:var(--muted,#8f8f8f)!important;
  font-size:9.25px!important;
  line-height:1.35!important;
}

/* Controles consistentes e sem altura artificial. */
body.app-body.content-admin-context #course-main-edit-form label{
  min-width:0!important;
  align-self:start!important;
}
body.app-body.content-admin-context #course-main-edit-form :is(input:not([type=checkbox]):not([type=radio]),select){
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
}
body.app-body.content-admin-context #course-main-edit-form textarea{
  width:100%!important;
  min-width:0!important;
  min-height:88px!important;
  height:auto!important;
  resize:vertical!important;
}
body.app-body.content-admin-context #course-main-edit-form>label.check{
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  justify-self:stretch!important;
  align-self:start!important;
  padding:0 12px!important;
}

/* Mídias da revisão usam a largura total e não se misturam com parâmetros. */
body.app-body.content-admin-context #course-main-edit-form .course-media-strategy,
body.app-body.content-admin-context #course-main-edit-form .course-media-editor,
body.app-body.content-admin-context #course-main-edit-form .course-review-media-grid-v291{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-review-media-grid-v291{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:start!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-review-media-grid-v291>label,
body.app-body.content-admin-context #course-main-edit-form .course-review-media-grid-v291>div{
  min-width:0!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-review-media-grid-v291>div{
  display:grid!important;
  gap:7px!important;
}

/* Ações sempre fecham a largura do painel e ficam alinhadas. */
body.app-body.content-admin-context #course-main-edit-form>.studio-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:2px!important;
  padding-top:9px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}

/* Hero/Banner faz parte da subetapa Mídias mesmo sendo gerenciado em formulários próprios. */
body.app-body.content-admin-context [data-smart-follow-form="course-edit"]{
  min-width:0!important;
}
body.app-body.content-admin-context [data-smart-follow-form="course-edit"].smart-hidden-v284{
  display:none!important;
}

/* ---------- Barra de seleção larga e dividida ---------- */
body.app-body.admin-context .lesson-toggle-bar-v291{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:1px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.018)!important;
}
body.app-body.admin-context .lesson-toggle-bar-v291.lesson-toggle-bar-v291-four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  gap:9px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.09)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text,#f2f2f2)!important;
  font-size:10.5px!important;
  font-weight:720!important;
  line-height:1.2!important;
  cursor:pointer!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291:last-child{
  border-right:0!important;
}
body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291:hover{
  background:rgba(255,255,255,.035)!important;
}
body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291>input[type=checkbox]{
  appearance:auto!important;
  flex:0 0 16px!important;
  width:16px!important;
  min-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#e5b93f!important;
}
body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@supports selector(label:has(input:checked)){
  body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291:has(input:checked){
    background:linear-gradient(180deg,rgba(242,201,76,.105),rgba(242,201,76,.045))!important;
    color:#f1d77c!important;
    box-shadow:inset 0 -2px 0 rgba(242,201,76,.58)!important;
  }
}

/* ---------- Telas médias ---------- */
@media(max-width:1100px){
  body.app-body.content-admin-context #course-main-edit-form>label:not(.span-2),
  body.app-body.content-admin-context #course-main-edit-form>label.check{
    grid-column:span 6!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-review-media-grid-v291{
    grid-template-columns:1fr!important;
  }
}

/* ---------- Mobile ---------- */
@media(max-width:720px){
  body.app-body.content-admin-context #course-main-edit-form{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.app-body.content-admin-context #course-main-edit-form>:where(label,.span-2,.form-section,.studio-actions,.provider-note){
    grid-column:1/-1!important;
  }
  body.app-body.content-admin-context #course-main-edit-form>.smart-substeps-v284{
    padding:6px!important;
    overflow:hidden!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284{
    display:flex!important;
    gap:5px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284::-webkit-scrollbar{display:none!important}
  body.app-body.content-admin-context #course-main-edit-form .smart-substep-nav-v284 button{
    flex:0 0 185px!important;
    min-width:185px!important;
    scroll-snap-align:center!important;
  }
  body.app-body.content-admin-context #course-main-edit-form>.studio-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.app-body.content-admin-context #course-main-edit-form>.studio-actions>*{
    width:100%!important;
  }
  body.app-body.admin-context .lesson-toggle-bar-v291,
  body.app-body.admin-context .lesson-toggle-bar-v291.lesson-toggle-bar-v291-four{
    grid-template-columns:1fr!important;
  }
  body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291{
    min-height:44px!important;
    height:44px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291:last-child{
    border-bottom:0!important;
  }
}

/* Light mode */
html[data-theme="light"] body.app-body.content-admin-context #course-main-edit-form>.form-section,
html[data-theme="light"] body.app-body.admin-context .lesson-toggle-bar-v291{
  border-color:rgba(0,0,0,.10)!important;
  background:rgba(0,0,0,.018)!important;
}
html[data-theme="light"] body.app-body.admin-context .lesson-toggle-bar-v291>label.check.lesson-toggle-v291{
  border-color:rgba(0,0,0,.08)!important;
}

/* Regra final de visibilidade: subetapa fechada sempre vence componentes com display !important. */
body.app-body.content-admin-context #course-main-edit-form>.smart-hidden-v284,
body.app-body.content-admin-context #course-main-edit-form .smart-hidden-v284,
body.app-body.admin-context .lesson-toggle-bar-v291.smart-hidden-v284{
  display:none!important;
}