/* =========================================================
   V289 — refinamento coordenado: cadastro, player e mobile
   Objetivo: ganhar área útil sem esconder recursos nem mudar regras.
   ========================================================= */

/* ---------- Escala visual comum ---------- */
body.app-body.admin-context{
  --u289-control-sm:36px;
  --u289-control-md:42px;
  --u289-control-lg:48px;
  --u289-font-help:10.5px;
  --u289-font-label:11.25px;
  --u289-font-field:12px;
  --u289-font-action:11.25px;
  --u289-gap-xs:6px;
  --u289-gap-sm:9px;
  --u289-gap-md:12px;
}
body.app-body.admin-context :where(.admin-page,.platform-shell,.content-studio) :where(.form-grid,.stack-form,.compact-grid) label{
  font-size:var(--u289-font-label)!important;
  line-height:1.3!important;
}
body.app-body.admin-context :where(.admin-page,.platform-shell,.content-studio) :where(.form-grid,.stack-form,.compact-grid) label>small,
body.app-body.admin-context :where(.admin-page,.platform-shell,.content-studio) :where(.field-help-v270,.table-subtle,.muted){
  font-size:var(--u289-font-help)!important;
  line-height:1.42!important;
}
body.app-body.admin-context :where(.admin-page,.platform-shell,.content-studio) :where(.form-grid,.stack-form,.compact-grid) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
  font-size:var(--u289-font-field)!important;
}
body.app-body.admin-context :where(.primary-btn,.secondary-btn,.danger-btn){
  font-size:var(--u289-font-action)!important;
}

/* ---------- Estúdio de conteúdo: ritmo, alinhamento e área útil ---------- */
body.app-body.content-admin-context .content-studio{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
}
body.app-body.content-admin-context .content-studio>.content-studio-head{
  align-items:flex-end!important;
  padding:4px 0 9px!important;
  margin:0 0 9px!important;
}
body.app-body.content-admin-context .content-studio>.content-studio-head>div:first-child{min-width:0!important}
body.app-body.content-admin-context .content-studio>.content-studio-head h1{
  font-size:clamp(23px,2vw,32px)!important;
  line-height:1.08!important;
}
body.app-body.content-admin-context .content-studio>.content-studio-head p{
  max-width:820px!important;
  font-size:10.75px!important;
  line-height:1.42!important;
}
body.app-body.content-admin-context .content-studio>.content-studio-head .admin-head-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
body.app-body.content-admin-context .content-studio>.content-studio-head .admin-head-actions :is(a,button){
  min-height:36px!important;
  height:36px!important;
  padding-inline:12px!important;
}

/* Etapas principais: compactas no desktop e uma única faixa rolável no mobile. */
body.app-body.content-admin-context .content-studio .content-steps{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  padding:5px!important;
  margin:0 0 10px!important;
}
body.app-body.content-admin-context .content-studio .content-steps>button{
  min-height:54px!important;
  padding:7px 9px!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  column-gap:8px!important;
}
body.app-body.content-admin-context .content-studio .content-steps>button>span{
  width:27px!important;height:27px!important;
}
body.app-body.content-admin-context .content-studio .content-steps>button>b{font-size:11.75px!important}
body.app-body.content-admin-context .content-studio .content-steps>button>small{font-size:9.25px!important;line-height:1.25!important}

body.app-body.content-admin-context .content-studio .studio-panel{
  padding:14px!important;
  margin-bottom:10px!important;
  border-radius:12px!important;
}
body.app-body.content-admin-context .content-studio .studio-panel-head{
  gap:10px!important;
  margin:0 0 10px!important;
  padding:0 0 9px!important;
}
body.app-body.content-admin-context .content-studio .studio-panel-head h2{
  font-size:clamp(18px,1.45vw,22px)!important;
  margin:1px 0 2px!important;
}
body.app-body.content-admin-context .content-studio .studio-panel-head p{
  max-width:860px!important;
  font-size:10.5px!important;
  line-height:1.42!important;
}
body.app-body.content-admin-context .content-studio .studio-counter{
  min-width:30px!important;height:30px!important;
}

/* Formulário do curso: sem subetapas ocultas; apenas composição mais eficiente. */
body.app-body.content-admin-context #course-main-edit-form{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:12px!important;
  row-gap:9px!important;
  align-items:start!important;
}
body.app-body.content-admin-context #course-main-edit-form>.form-section{
  display:grid!important;
  grid-template-columns:minmax(150px,max-content) minmax(0,1fr)!important;
  align-items:baseline!important;
  gap:5px 12px!important;
  margin:2px 0 0!important;
  padding:11px 0 6px!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
}
body.app-body.content-admin-context #course-main-edit-form>.form-section:first-of-type{
  padding-top:2px!important;
  border-top:0!important;
}
body.app-body.content-admin-context #course-main-edit-form>.form-section h3{
  margin:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
body.app-body.content-admin-context #course-main-edit-form>.form-section p{
  margin:0!important;
  font-size:10.25px!important;
  line-height:1.4!important;
}
body.app-body.content-admin-context #course-main-edit-form>label,
body.app-body.content-admin-context #course-main-edit-form>.course-preview-media-grid-v261,
body.app-body.content-admin-context #course-main-edit-form>.provider-note{
  margin: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){
  min-height:42px!important;height:42px!important;
}
body.app-body.content-admin-context #course-main-edit-form textarea{
  min-height:78px!important;
  height:auto!important;
  resize:vertical!important;
}
body.app-body.content-admin-context #course-main-edit-form textarea[rows="5"]{min-height:104px!important}

/* Estratégia e cartões de mídia do curso mais compactos, porém maiores que campos comuns. */
body.app-body.content-admin-context #course-main-edit-form .course-media-strategy{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-media-strategy>span{
  min-height:46px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-media-strategy b{font-size:10.5px!important}
body.app-body.content-admin-context #course-main-edit-form .course-media-strategy small{font-size:9px!important;line-height:1.3!important}
body.app-body.content-admin-context #course-main-edit-form .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-main-edit-form .course-media-box{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  align-items:start!important;
  gap:11px!important;
  min-height:0!important;
  padding:10px!important;
  border-radius:10px!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-media-preview{
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  min-height:0!important;
  border-radius:8px!important;
  background-size:cover!important;
  background-position:center!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-media-preview.cover{aspect-ratio:2/3!important}
body.app-body.content-admin-context #course-main-edit-form .course-media-preview.banner{aspect-ratio:16/9!important}
body.app-body.content-admin-context #course-main-edit-form .course-media-box>div:last-child{
  display:grid!important;
  gap:7px!important;
  align-content:start!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-media-box>div:last-child>b{font-size:11.5px!important}
body.app-body.content-admin-context #course-main-edit-form .course-media-box>div:last-child>small{font-size:9.5px!important;line-height:1.35!important}
body.app-body.content-admin-context #course-main-edit-form .course-media-box :is(input[type=url],input[type=file]){
  min-height:46px!important;height:46px!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-preview-media-grid-v261{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(150px,.55fr)!important;
  gap:9px!important;
  align-items:start!important;
}
body.app-body.content-admin-context #course-main-edit-form .course-preview-media-grid-v261>*{min-width:0!important;margin:0!important}

/* Ações: hierarquia consistente, sem botões enormes. */
body.app-body.content-admin-context .content-studio .studio-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:4px!important;
}
body.app-body.content-admin-context .content-studio .studio-actions :is(.primary-btn,.secondary-btn,.danger-btn){
  min-height:40px!important;
  height:auto!important;
  padding:9px 13px!important;
}
body.app-body.content-admin-context .content-studio :where(.icon-action,.lesson-order-save-v272-r4){
  width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;
}
body.app-body.content-admin-context .content-studio :where(.icon-action,.lesson-order-save-v272-r4) svg{
  width:15px!important;height:15px!important;
}

/* Etapa 2 mantém o fluxo direto V286/V287 e melhora apenas a composição. */
body.app-body.content-admin-context .content-studio .module-step-grid-v286{
  grid-template-columns:minmax(285px,340px) minmax(0,1fr)!important;
  gap:10px!important;
}
body.app-body.content-admin-context .content-studio .module-create-panel{top:calc(var(--header-h,62px) + 54px)!important}
body.app-body.content-admin-context .content-studio .module-editor-card-v286>summary{
  min-height:50px!important;
  padding:8px 9px!important;
}
body.app-body.content-admin-context .content-studio .module-editor-body{padding:10px!important}
body.app-body.content-admin-context .content-studio .module-bulk-lessons-v286>summary{
  min-height:48px!important;
}
body.app-body.content-admin-context .content-studio .module-bulk-body-v286{padding:9px!important}
body.app-body.content-admin-context .content-studio .bulk-lesson-columns-v286,
body.app-body.content-admin-context .content-studio .bulk-lesson-row-v286{
  grid-template-columns:minmax(185px,1fr) minmax(340px,1.7fr) minmax(120px,.5fr) 36px!important;
  gap:7px!important;
}
body.app-body.content-admin-context .content-studio .bulk-lesson-row-v286{
  padding:7px!important;
  align-items:end!important;
}
body.app-body.content-admin-context .content-studio .bulk-lesson-row-v286 :is(input[type=text],input[type=url],input[type=file]){
  min-height:42px!important;height:42px!important;
  font-size:11.25px!important;
}
body.app-body.content-admin-context .content-studio .bulk-time-v286 input[data-duration-mask]{
  max-width:none!important;
  font-variant-numeric:tabular-nums!important;
}
body.app-body.content-admin-context .content-studio .bulk-media-tabs-v287 button{
  min-height:26px!important;height:26px!important;
  font-size:9px!important;
}
body.app-body.content-admin-context .content-studio .bulk-remove-v283{
  width:36px!important;min-width:36px!important;height:42px!important;min-height:42px!important;
}
body.app-body.content-admin-context .content-studio .bulk-lesson-actions-v286{
  align-items:center!important;
  margin-top:3px!important;
}
body.app-body.content-admin-context .content-studio .bulk-lesson-actions-v286>span{
  flex:1 1 240px!important;
  font-size:9.75px!important;
}

/* Aula completa: mídia importante ganha área, sem cartões altos vazios. */
body.app-body.content-admin-context .content-studio .lesson-media-workspace-v286{
  padding:10px!important;
}
body.app-body.content-admin-context .content-studio .lesson-media-grid-v286{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.app-body.content-admin-context .content-studio .lesson-media-card-v286{
  min-height:0!important;
  padding:10px!important;
  gap:7px!important;
}
body.app-body.content-admin-context .content-studio .lesson-media-card-v286 :where(input:not([type=checkbox]):not([type=radio]),select){
  min-height:46px!important;height:46px!important;
}
body.app-body.content-admin-context .content-studio .lesson-media-card-v286 .lesson-file-drop-v286{
  min-height:78px!important;
  padding:9px!important;
}
body.app-body.content-admin-context .section-substeps-v284.section-substeps-three-v286{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:0 0 9px!important;
}
body.app-body.content-admin-context .section-substeps-v284.section-substeps-three-v286 button{
  min-height:46px!important;
}

/* Revisão: linha do módulo e ações cabem melhor em telas médias. */
body.app-body.content-admin-context .content-registry-table th,
body.app-body.content-admin-context .content-registry-table td{vertical-align:middle!important}
body.app-body.content-admin-context .content-registry-table .row-actions{flex-wrap:nowrap!important;gap:5px!important}
body.app-body.content-admin-context .module-review-toggle-v283{min-height:36px!important;height:36px!important;padding:0 10px!important}

/* ---------- Player: tabs, título e Avaliações Quiz ---------- */
.player-body .lesson-reference-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.player-body .lesson-reference-title-row h1{
  margin:0!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}
.player-body .lesson-reference-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.player-body .lesson-reference-tabs{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:3px!important;
  height:auto!important;
  min-height:46px!important;
  margin-top:5px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.player-body .lesson-reference-tabs::-webkit-scrollbar{display:none!important}
.player-body .lesson-reference-tabs button{
  flex:1 1 0!important;
  min-width:128px!important;
  max-width:220px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 13px!important;
  justify-content:center!important;
  gap:7px!important;
  scroll-snap-align:center!important;
  border-bottom:2px solid transparent!important;
  font-size:10.75px!important;
  font-weight:700!important;
  color:#aaa!important;
}
.player-body .lesson-reference-tabs button:hover{
  color:#f1f1f1!important;
  background:rgba(255,255,255,.025)!important;
}
.player-body .lesson-reference-tabs button.active,
.player-body .lesson-reference-tabs button[aria-selected="true"]{
  color:#fff!important;
  border-bottom-color:var(--brand-accent,#f2c94c)!important;
  background:linear-gradient(180deg,transparent,rgba(242,201,76,.045))!important;
}
.player-body .lesson-reference-tabs .lesson-tab-icon{
  width:17px!important;height:17px!important;
}
.player-body .lesson-reference-tabs .lesson-tab-icon svg{width:16px!important;height:16px!important}
.player-body .lesson-reference-tabs button.active .lesson-tab-icon,
.player-body .lesson-reference-tabs button[aria-selected="true"] .lesson-tab-icon{color:var(--brand-accent,#f2c94c)!important}
.player-body .lesson-reference-tabs button>b{
  min-width:18px!important;height:18px!important;
  padding:0 5px!important;
  font-size:8.5px!important;
}
.player-body .lesson-reference-panels{min-height:0!important}
.player-body .lesson-reference-panel{
  min-height:0!important;
}
.player-body .lesson-attachments-head{
  align-items:flex-start!important;
  gap:12px!important;
}
.player-body .lesson-attachments-head h2{margin:2px 0 4px!important}
.player-body .lesson-attachments-head p{max-width:820px!important;line-height:1.45!important}
.player-body .quiz-history-list-v288{gap:8px!important;margin-top:10px!important}
.player-body .quiz-history-card-v288{
  grid-template-columns:36px minmax(180px,1fr) minmax(260px,.82fr) auto!important;
  min-height:68px!important;
  gap:10px!important;
  padding:10px 11px!important;
  border-radius:10px!important;
}
.player-body .quiz-history-icon-v288{width:32px!important;height:32px!important;border-radius:9px!important}
.player-body .quiz-history-copy-v288>b{font-size:12.5px!important}
.player-body .quiz-history-copy-v288>small{font-size:9.75px!important}
.player-body .quiz-history-stats-v288{gap:4px!important}
.player-body .quiz-history-stats-v288>span{min-height:40px!important;padding:4px 5px!important}
.player-body .quiz-history-stats-v288 b{font-size:10.75px!important}
.player-body .quiz-history-stats-v288 small{font-size:7.75px!important}
.player-body .quiz-history-card-v288>em{font-size:9.75px!important}

/* ---------- Notebook / tablet ---------- */
@media(max-width:1180px){
  body.app-body.content-admin-context #course-main-edit-form .course-media-box{
    grid-template-columns:96px minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-media-preview{
    width:96px!important;min-width:96px!important;max-width:96px!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-preview-media-grid-v261{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-preview-media-grid-v261>label:last-child{
    grid-column:1/-1!important;
  }
  body.app-body.content-admin-context .content-studio .bulk-lesson-columns-v286,
  body.app-body.content-admin-context .content-studio .bulk-lesson-row-v286{
    grid-template-columns:minmax(160px,.9fr) minmax(270px,1.5fr) minmax(112px,.5fr) 36px!important;
  }
  .player-body .quiz-history-card-v288{
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .player-body .quiz-history-stats-v288{grid-column:2/-1!important;grid-row:2!important}
}

@media(max-width:980px){
  body.app-body.content-admin-context .content-studio>.content-studio-head{
    align-items:flex-start!important;
  }
  body.app-body.content-admin-context .content-studio>.content-studio-head .admin-head-actions{
    justify-content:flex-start!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-media-editor{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context .content-studio .module-step-grid-v286{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context .content-studio .module-create-panel{
    position:relative!important;top:auto!important;
  }
  body.app-body.content-admin-context .content-studio .bulk-lesson-columns-v286{display:none!important}
  body.app-body.content-admin-context .content-studio .bulk-lesson-row-v286{
    grid-template-columns:minmax(0,1fr) 36px!important;
    align-items:start!important;
  }
  body.app-body.content-admin-context .content-studio .bulk-title-v286,
  body.app-body.content-admin-context .content-studio .bulk-media-choice-v286,
  body.app-body.content-admin-context .content-studio .bulk-time-v286{grid-column:1/2!important}
  body.app-body.content-admin-context .content-studio .bulk-remove-v283{grid-column:2!important;grid-row:1!important}
  .player-body .lesson-reference-title-row{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }
  .player-body .lesson-reference-actions{justify-content:flex-start!important}
}

/* ---------- Mobile: uma faixa de navegação, campos sem corte e alvos de toque seguros ---------- */
@media(max-width:720px){
  body.app-body.content-admin-context .content-studio{padding-inline:10px!important}
  body.app-body.content-admin-context .content-studio>.content-studio-head{gap:8px!important}
  body.app-body.content-admin-context .content-studio>.content-studio-head h1{font-size:22px!important}
  body.app-body.content-admin-context .content-studio>.content-studio-head p{font-size:10.5px!important}
  body.app-body.content-admin-context .content-studio>.content-studio-head .admin-head-actions{width:100%!important}
  body.app-body.content-admin-context .content-studio>.content-studio-head .admin-head-actions>*{flex:1 1 auto!important}

  body.app-body.content-admin-context .content-studio .content-steps{
    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;
    padding:4px!important;
    gap:4px!important;
  }
  body.app-body.content-admin-context .content-studio .content-steps::-webkit-scrollbar{display:none!important}
  body.app-body.content-admin-context .content-studio .content-steps>button{
    flex:0 0 148px!important;
    min-width:148px!important;
    min-height:46px!important;
    padding:6px 8px!important;
    scroll-snap-align:center!important;
  }
  body.app-body.content-admin-context .content-studio .content-steps>button>small{display:none!important}

  body.app-body.content-admin-context .content-studio .studio-panel{padding:11px!important}
  body.app-body.content-admin-context .content-studio .studio-panel-head{margin-bottom:9px!important;padding-bottom:8px!important}
  body.app-body.content-admin-context .content-studio .studio-panel-head h2{font-size:18px!important}

  body.app-body.content-admin-context #course-main-edit-form{
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:8px!important;
  }
  body.app-body.content-admin-context #course-main-edit-form>.span-2{grid-column:1/-1!important}
  body.app-body.content-admin-context #course-main-edit-form>.form-section{
    grid-template-columns:minmax(0,1fr)!important;
    gap:2px!important;
    padding:10px 0 5px!important;
  }
  body.app-body.content-admin-context #course-main-edit-form>.form-section h3{white-space:normal!important}
  body.app-body.content-admin-context #course-main-edit-form .course-media-strategy{
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-media-strategy>span{min-height:0!important}
  body.app-body.content-admin-context #course-main-edit-form .course-media-box{
    grid-template-columns:82px minmax(0,1fr)!important;
    padding:9px!important;
    gap:9px!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-media-preview{
    width:82px!important;min-width:82px!important;max-width:82px!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-preview-media-grid-v261{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-preview-media-grid-v261>*{grid-column:auto!important}

  body.app-body.content-admin-context .section-substeps-v284.section-substeps-three-v286{
    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;
    padding:4px!important;
    gap:4px!important;
  }
  body.app-body.content-admin-context .section-substeps-v284.section-substeps-three-v286::-webkit-scrollbar{display:none!important}
  body.app-body.content-admin-context .section-substeps-v284.section-substeps-three-v286 button{
    flex:0 0 160px!important;
    min-width:160px!important;
    min-height:44px!important;
    scroll-snap-align:center!important;
  }
  body.app-body.content-admin-context .section-substeps-v284.section-substeps-three-v286 button small{display:none!important}

  body.app-body.content-admin-context .content-studio .lesson-media-grid-v286{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context .content-studio .bulk-media-tabs-v287{width:100%!important}
  body.app-body.content-admin-context .content-studio .bulk-media-tabs-v287 button{flex:1 1 50%!important}
  body.app-body.content-admin-context .content-studio .bulk-lesson-actions-v286>*{
    flex:1 1 100%!important;
    margin-left:0!important;
  }
  body.app-body.content-admin-context .content-studio .studio-actions>*{
    flex:1 1 100%!important;
    text-align:center!important;
    justify-content:center!important;
  }
  body.app-body.content-admin-context .content-registry-table .row-actions{flex-wrap:wrap!important}

  .player-body .lesson-reference-title-row{gap:9px!important}
  .player-body .lesson-reference-actions{gap:6px!important}
  .player-body .lesson-reference-tabs{
    min-height:44px!important;
    scroll-padding-inline:10px!important;
  }
  .player-body .lesson-reference-tabs button{
    flex:0 0 auto!important;
    min-width:124px!important;
    max-width:none!important;
    height:44px!important;min-height:44px!important;
    padding:0 11px!important;
    font-size:10.5px!important;
  }
  .player-body .quiz-history-card-v288{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
  }
  .player-body .quiz-history-icon-v288{width:30px!important;height:30px!important}
  .player-body .quiz-history-card-v288>em{grid-column:2!important}
  .player-body .quiz-history-stats-v288{
    grid-column:1/-1!important;
    grid-row:auto!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:460px){
  body.app-body.content-admin-context .content-studio{padding-inline:8px!important}
  body.app-body.content-admin-context .content-studio .content-steps>button{flex-basis:136px!important;min-width:136px!important}
  body.app-body.content-admin-context #course-main-edit-form .course-media-box{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-media-preview{
    width:100%!important;min-width:0!important;max-width:none!important;
  }
  body.app-body.content-admin-context #course-main-edit-form .course-media-preview.cover{max-height:210px!important;background-size:contain!important;background-repeat:no-repeat!important}
  body.app-body.content-admin-context #course-main-edit-form .course-media-preview.banner{max-height:150px!important}
  .player-body .lesson-reference-tabs button{min-width:116px!important}
  .player-body .quiz-history-stats-v288{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tema claro preserva contraste sem mudar a estrutura. */
html[data-theme="light"] body.app-body.content-admin-context #course-main-edit-form>.form-section{border-top-color:rgba(0,0,0,.09)!important}
html[data-theme="light"] .player-body .lesson-reference-tabs{border-bottom-color:rgba(0,0,0,.12)!important}