/* =========================================================
   V290 — criação de curso em subetapas + aproveitamento de área
   Escopo: Estúdio de Conteúdo / Etapa 1 — Novo curso.
   Preserva todos os campos e regras existentes; altera apenas composição.
   ========================================================= */

body.app-body.content-admin-context .content-studio [data-content-panel="1"],
body.app-body.content-admin-context .content-studio [data-content-panel="1"]>.studio-panel,
body.app-body.content-admin-context #course-create-form-v290{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* Categorias ficam disponíveis, mas não roubam altura do formulário. */
body.app-body.content-admin-context #categorias-cursos{
  margin:0 0 10px!important;
}
body.app-body.content-admin-context #categorias-cursos>summary{
  min-height:44px!important;
  padding:8px 10px!important;
}
body.app-body.content-admin-context #categorias-cursos .category-manager-body-v261{
  padding:10px!important;
}

/* O formulário usa toda a largura. Os painéis internos fazem a composição. */
body.app-body.content-admin-context #course-create-form-v290{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  gap:9px 10px!important;
  align-items:start!important;
}
body.app-body.content-admin-context #course-create-form-v290>.smart-substeps-v284,
body.app-body.content-admin-context #course-create-form-v290>.course-create-pane-v290,
body.app-body.content-admin-context #course-create-form-v290>.course-create-actions-v290{
  grid-column:1/-1!important;
}

/* Subetapas do curso: compactas, legíveis e sem espaço morto. */
body.app-body.content-admin-context #course-create-form-v290>.smart-substeps-v284{
  margin:0 0 1px!important;
  padding:7px!important;
  border-radius:11px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .smart-substeps-head-v284{
  margin-bottom:6px!important;
  gap:10px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .smart-substeps-head-v284>div{
  gap:6px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .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-create-form-v290 .smart-substep-nav-v284 button>span:first-child{
  width:26px!important;
  height:26px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284 button b{
  font-size:10.75px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284 button small{
  font-size:8.25px!important;
  line-height:1.25!important;
}
body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284 button em{
  top:4px!important;
  right:5px!important;
}

/* Cada subetapa possui grid de 12 colunas para preencher a linha inteira. */
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-v290{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  gap:9px 10px!important;
  align-items:start!important;
  min-width:0!important;
  padding:2px 0 0!important;
}
body.app-body.content-admin-context #course-create-form-v290 .span-12{grid-column:1/-1!important}
body.app-body.content-admin-context #course-create-form-v290 .course-col-3-v290{grid-column:span 3!important}
body.app-body.content-admin-context #course-create-form-v290 .course-col-4-v290{grid-column:span 4!important}
body.app-body.content-admin-context #course-create-form-v290 .course-col-6-v290{grid-column:span 6!important}
body.app-body.content-admin-context #course-create-form-v290 .course-col-8-v290{grid-column:span 8!important}

body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-head-v290{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
  padding:3px 0 7px!important;
  margin:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-head-v290>div{
  min-width:0!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-head-v290 h3{
  margin:1px 0 2px!important;
  font-size:14px!important;
  line-height:1.2!important;
  color:var(--text,#f2f2f2)!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-head-v290 p{
  max-width:900px!important;
  margin:0!important;
  color:var(--muted,#8f8f8f)!important;
  font-size:9.75px!important;
  line-height:1.4!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-badge-v290{
  flex:0 0 auto!important;
  min-height:25px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 9px!important;
  border:1px solid rgba(242,201,76,.2)!important;
  border-radius:999px!important;
  background:rgba(242,201,76,.06)!important;
  color:#e8cf79!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

body.app-body.content-admin-context #course-create-form-v290 .course-create-subheading-v290{
  display:flex!important;
  align-items:center!important;
  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-create-form-v290 .course-create-subheading-v290>div{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-subheading-v290 b{
  font-size:11.25px!important;
  line-height:1.25!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-subheading-v290 small{
  color:var(--muted,#8f8f8f)!important;
  font-size:9px!important;
  line-height:1.35!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-subheading-v290 b>span{
  font-weight:500!important;
  color:var(--muted,#8f8f8f)!important;
}

/* Controles: consistentes. Mídias continuam propositalmente maiores. */
body.app-body.content-admin-context #course-create-form-v290 label{
  min-width:0!important;
  margin:0!important;
  align-self:start!important;
}
body.app-body.content-admin-context #course-create-form-v290 :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-create-form-v290 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-create-form-v290 textarea[rows="4"]{
  min-height:98px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-tip-v290{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:7px 9px!important;
  border:1px solid rgba(242,201,76,.13)!important;
  border-radius:8px!important;
  background:rgba(242,201,76,.035)!important;
  color:#aaa!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-tip-v290 b{
  flex:0 0 auto!important;
  color:#ead27e!important;
}

/* Mídia usa o máximo da área útil sem criar cartões altos vazios. */
body.app-body.content-admin-context #course-create-form-v290 .course-media-strategy{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-media-strategy>span{
  min-height:42px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-media-editor{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-media-box{
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr)!important;
  align-items:start!important;
  gap:11px!important;
  min-width:0!important;
  min-height:0!important;
  padding:10px!important;
  border-radius:10px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-media-preview{
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  min-height:0!important;
  border-radius:8px!important;
  background-position:center!important;
  background-size:cover!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-media-preview.cover{aspect-ratio:2/3!important}
body.app-body.content-admin-context #course-create-form-v290 .course-media-preview.banner{aspect-ratio:16/9!important}
body.app-body.content-admin-context #course-create-form-v290 .course-media-box>div:last-child{
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
  min-width:0!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-media-box :is(input[type=url],input[type=file]){
  min-height:46px!important;
  height:46px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .home-hero-create-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}
body.app-body.content-admin-context #course-create-form-v290 .home-hero-create-card{
  min-width:0!important;
  min-height:0!important;
  padding:10px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .home-hero-create-card :is(input[type=url],input[type=file]){
  min-height:46px!important;
  height:46px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-preview-media-grid-v290{
  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-create-form-v290 .course-preview-media-grid-v290>*{
  min-width:0!important;
  margin:0!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-preview-media-grid-v290 input[type=file]{
  margin-top:6px!important;
}

/* Checkboxes não podem voltar a virar caixas altas e vazias. */
body.app-body.content-admin-context #course-create-form-v290 .course-check-v290{
  align-self:stretch!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.018)!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-check-v290 input[type=checkbox]{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
}

body.app-body.content-admin-context #course-create-form-v290 .course-quality-checklist{
  display:grid!important;
  grid-template-columns:auto repeat(6,minmax(110px,1fr))!important;
  align-items:center!important;
  gap:6px!important;
  min-height:0!important;
  margin:0!important;
  padding:8px 10px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-quality-checklist>b{
  white-space:nowrap!important;
  font-size:10px!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-quality-checklist>span{
  min-width:0!important;
  font-size:8.75px!important;
  line-height:1.3!important;
}

/* A ação permanece disponível em qualquer subetapa sem ocupar uma faixa enorme. */
body.app-body.content-admin-context #course-create-form-v290 .course-create-actions-v290{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  margin-top:1px!important;
  padding-top:8px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-action-hint-v290{
  flex:1 1 auto!important;
  min-width:0!important;
  color:var(--muted,#8f8f8f)!important;
  font-size:9.25px!important;
  line-height:1.35!important;
}
body.app-body.content-admin-context #course-create-form-v290 .course-create-actions-v290 .primary-btn{
  flex:0 0 auto!important;
  min-width:190px!important;
}

/* Notebooks: ainda usa duas ou três colunas, sem buracos. */
@media(max-width:1180px){
  body.app-body.content-admin-context #course-create-form-v290 .course-col-3-v290{grid-column:span 6!important}
  body.app-body.content-admin-context #course-create-form-v290 .course-col-4-v290{grid-column:span 6!important}
  body.app-body.content-admin-context #course-create-form-v290 .course-col-8-v290{grid-column:span 6!important}
  body.app-body.content-admin-context #course-create-form-v290 .course-media-box{
    grid-template-columns:104px minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-preview{
    width:104px!important;min-width:104px!important;max-width:104px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-quality-checklist{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-quality-checklist>b{grid-column:1/-1!important}
}

@media(max-width:860px){
  body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-editor,
  body.app-body.content-admin-context #course-create-form-v290 .home-hero-create-grid,
  body.app-body.content-admin-context #course-create-form-v290 .course-preview-media-grid-v290{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-box{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-preview{
    width:118px!important;min-width:118px!important;max-width:118px!important;
  }
}

/* Mobile: subetapas em uma faixa horizontal, campos em uma coluna e nenhum overflow. */
@media(max-width:720px){
  body.app-body.content-admin-context #course-create-form-v290{
    gap:8px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290>.smart-substeps-v284{
    padding:5px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .smart-substeps-head-v284{
    margin-bottom:5px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .smart-substeps-head-v284 small{
    display:none!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    gap:4px!important;
    padding-bottom:1px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284::-webkit-scrollbar{display:none!important}
  body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284 button{
    flex:0 0 154px!important;
    min-width:154px!important;
    min-height:44px!important;
    scroll-snap-align:center!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284 button small,
  body.app-body.content-admin-context #course-create-form-v290 .smart-substep-nav-v284 button em{
    display:none!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-v290{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 :where(.span-12,.course-col-3-v290,.course-col-4-v290,.course-col-6-v290,.course-col-8-v290){
    grid-column:1/-1!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-head-v290{
    gap:8px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-badge-v290{
    display:none!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-strategy{
    grid-template-columns:minmax(0,1fr)!important;
    gap:4px!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-strategy>span{
    min-height:0!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-quality-checklist{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-create-actions-v290{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-create-actions-v290 .primary-btn{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:460px){
  body.app-body.content-admin-context #course-create-form-v290 .course-media-box{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-preview{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-preview.cover{
    max-height:220px!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
  }
  body.app-body.content-admin-context #course-create-form-v290 .course-media-preview.banner{max-height:150px!important}
  body.app-body.content-admin-context #course-create-form-v290 .course-quality-checklist{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

html[data-theme="light"] body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-head-v290,
html[data-theme="light"] body.app-body.content-admin-context #course-create-form-v290 .course-create-actions-v290{
  border-color:rgba(0,0,0,.09)!important;
}
html[data-theme="light"] body.app-body.content-admin-context #course-create-form-v290 .course-create-subheading-v290,
html[data-theme="light"] body.app-body.content-admin-context #course-create-form-v290 .course-check-v290{
  border-color:rgba(0,0,0,.09)!important;
  background:rgba(0,0,0,.015)!important;
}
html[data-theme="light"] body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-head-v290 h3{color:#242424!important}

/* Estado oculto precisa prevalecer sobre o display:grid dos painéis V290. */
body.app-body.content-admin-context #course-create-form-v290 .course-create-pane-v290.smart-hidden-v284{
  display:none!important;
}

/* Booleanos nunca acompanham a altura de campos com texto auxiliar na mesma linha. */
body.app-body.content-admin-context #course-create-form-v290 .course-check-v290{
  align-self:start!important;
  height:42px!important;
  max-height:42px!important;
}