/* =========================================================
   UniSST v110 — cards compactos + ações por ícones
   Camada final de compatibilidade visual. Carregada depois de
   app.css e prime-v086.css para preservar a lógica existente.
   ========================================================= */
:root{
  --u110-card-w:clamp(205px,15.4vw,248px);
  --u110-card-h:calc(var(--u110-card-w) * .5625);
  --u110-poster-w:clamp(168px,13.2vw,218px);
  --u110-poster-h:calc(var(--u110-poster-w) * 1.5);
  --u110-gap:14px;
  --u110-radius:8px;
  --u110-gold:#e2bd55;
  --u110-gold-2:#cda53c;
  --u110-bg:#050505;
}

body:is(.prime-v086,.prime-public-v086,.prime-player-v086){
  font-family:Arial,"Segoe UI",Helvetica,sans-serif!important;
  background:var(--u110-bg)!important;
}
body:is(.prime-v086,.prime-public-v086) h1,
body:is(.prime-v086,.prime-public-v086) h2,
body:is(.prime-v086,.prime-public-v086) h3,
body:is(.prime-v086,.prime-public-v086) button,
body:is(.prime-v086,.prime-public-v086) input,
body:is(.prime-v086,.prime-public-v086) select,
body:is(.prime-v086,.prime-public-v086) textarea{font-family:Arial,"Segoe UI",Helvetica,sans-serif!important}

/* ---------- Mesma escala de cards antes e depois do login ---------- */
body.prime-v086.authenticated-home-page .v078-reference-home,
body.prime-public-v086 .pv-public-showcase{--pv-rail-gap:var(--u110-gap)!important}

body.prime-v086.authenticated-home-page .v078-reference-home a.reference-landscape-card,
body.prime-v086.authenticated-home-page .v078-reference-home .reference-standard-rail a.course-card,
body.prime-public-v086 .pv-public-landscape-rail .pv-public-course-card{
  flex:0 0 var(--u110-card-w)!important;
  width:var(--u110-card-w)!important;
  min-width:var(--u110-card-w)!important;
  max-width:var(--u110-card-w)!important;
  height:var(--u110-card-h)!important;
  min-height:var(--u110-card-h)!important;
  max-height:var(--u110-card-h)!important;
  aspect-ratio:16/9!important;
  border-radius:var(--u110-radius)!important;
}
body.prime-v086.authenticated-home-page .v078-reference-home .reference-poster-rail>a,
body.prime-v086.authenticated-home-page .v078-reference-home a.prime-poster-card,
body.prime-v086.authenticated-home-page .v078-reference-home a.featured-preview-card,
body.prime-public-v086 .pv-public-poster-rail .pv-public-course-card{
  flex:0 0 var(--u110-poster-w)!important;
  width:var(--u110-poster-w)!important;
  min-width:var(--u110-poster-w)!important;
  max-width:var(--u110-poster-w)!important;
  height:var(--u110-poster-h)!important;
  min-height:var(--u110-poster-h)!important;
  max-height:var(--u110-poster-h)!important;
  aspect-ratio:2/3!important;
  border-radius:var(--u110-radius)!important;
}
body:is(.prime-v086,.prime-public-v086) .course-card .card-img,
body.prime-v086 .featured-preview-card .featured-preview-art{
  border-radius:var(--u110-radius)!important;
  box-shadow:0 4px 15px rgba(0,0,0,.38)!important;
}
body:is(.prime-v086,.prime-public-v086) .course-card:hover .card-img,
body.prime-v086 .featured-preview-card:hover .featured-preview-art{
  box-shadow:0 12px 28px rgba(0,0,0,.62)!important;
}
body:is(.prime-v086,.prime-public-v086) .popular-chip,
body:is(.prime-v086,.prime-public-v086) .pv-public-chip,
body:is(.prime-v086,.prime-public-v086) .rank-badge{
  min-height:19px!important;padding:3px 7px!important;border-radius:2px!important;
  background:#fff!important;color:#131313!important;font-size:9px!important;line-height:1!important;font-weight:800!important;
}

/* Catálogo e biblioteca: densidade de streaming, sem cards gigantes. */
body.prime-v086 .catalog-20-grid,
body.prime-v086 .catalog-24-grid,
body.prime-v086 .library-page .catalog-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:24px 14px!important;
}
body.prime-v086 .catalog-20-grid .course-card,
body.prime-v086 .catalog-24-grid .course-card,
body.prime-v086 .library-page .catalog-grid .course-card{
  min-width:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:var(--u110-radius)!important;
}
body.prime-v086 .catalog-20-grid .course-card .card-img,
body.prime-v086 .catalog-24-grid .course-card .card-img,
body.prime-v086 .library-page .catalog-grid .course-card .card-img{
  width:100%!important;aspect-ratio:16/9!important;height:auto!important;border-radius:var(--u110-radius)!important;overflow:hidden!important;
}
body.prime-v086 .catalog-20-grid .prime-card-info,
body.prime-v086 .catalog-24-grid .prime-card-info,
body.prime-v086 .library-page .course-card.large .card-info{
  position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;
  padding:7px 2px 0!important;background:transparent!important;box-shadow:none!important;
}
body.prime-v086 .catalog-20-grid .prime-card-info b,
body.prime-v086 .catalog-24-grid .prime-card-info b,
body.prime-v086 .library-page .course-card.large .card-info b{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  min-height:0!important;font-size:12.5px!important;line-height:1.25!important;color:#f5f6f7!important;
}
body.prime-v086 .catalog-20-grid .prime-card-info p,
body.prime-v086 .catalog-24-grid .prime-card-info p,
body.prime-v086 .catalog-20-grid .card-meta,
body.prime-v086 .catalog-24-grid .card-meta{display:none!important}

/* ---------- Hover/Glance: imagem + texto compacto + botões circulares ---------- */
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance{
  width:min(360px,calc(100vw - 28px))!important;max-width:360px!important;border-radius:8px!important;background:#1D1D1D!important;
  box-shadow:0 22px 58px rgba(0,0,0,.74)!important;
}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .course-hover-preview-body{
  padding:12px 13px 14px!important;background:#1D1D1D!important;
}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .course-hover-preview-title-row b{
  font-size:16px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;
}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-entitlement{font-size:10.5px!important;margin-top:5px!important}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .course-hover-preview-actions{
  gap:9px!important;margin-top:10px!important;justify-content:flex-start!important;
}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.primary,
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.playlist{
  flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;
  padding:0!important;border-radius:50%!important;background:#393939!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;
}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.primary:hover,
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.playlist:hover{background:#4F4F4F!important;border-color:rgba(255,255,255,.35)!important}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.primary span,
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.playlist span{display:none!important}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.primary svg,
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.playlist svg{width:20px!important;height:20px!important}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .preview-action.playlist svg{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .course-hover-preview-meta{margin-top:9px!important;font-size:10.5px!important}
body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance .course-hover-preview-body p{
  margin-top:7px!important;font-size:11px!important;line-height:1.38!important;-webkit-line-clamp:2!important;color:#eef1f3!important;
}

/* Poster expandido: reduz o painel e converte ações para o mesmo padrão de ícones. */
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-title{font-size:21px!important;line-height:1.08!important}
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-copy{left:20px!important;bottom:20px!important;gap:8px!important;width:min(48%,300px)!important}
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-actions{gap:9px!important}
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-cta,
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-playlist{
  position:relative!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;
  padding:0!important;border-radius:50%!important;background:#404040!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;
  font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-cta:before{
  content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:3px;
}
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-playlist span{display:none!important}
html body:is(.prime-v086,.prime-public-v086) .pv-super-focus-playlist svg{width:19px!important;height:19px!important}

/* ---------- Página do curso: principal compacto, sem ocupar a largura toda ---------- */
body.prime-v086 .course-access-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
body.prime-v086 .course-access-actions>form{width:auto!important;display:inline-flex!important;margin:0!important}
body.prime-v086 .course-detail-hero .prime-play-btn,
body.prime-v086 .course-access-actions .prime-play-btn{
  width:auto!important;max-width:min(100%,360px)!important;min-width:0!important;min-height:44px!important;height:44px!important;
  padding:0 18px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  font-size:13px!important;line-height:1!important;font-weight:750!important;background:linear-gradient(180deg,#f0cf6a,#d4aa3d)!important;color:#111!important;
  box-shadow:0 5px 16px rgba(0,0,0,.22)!important;
}
body.prime-v086 .course-detail-hero .prime-play-btn svg,
body.prime-v086 .course-access-actions .prime-play-btn svg{width:17px!important;height:17px!important;flex:0 0 17px!important}
body.prime-v086 .course-detail-hero .prime-play-btn:hover,
body.prime-v086 .course-access-actions .prime-play-btn:hover{background:linear-gradient(180deg,#f6d97f,#ddb64e)!important}
body.prime-v086 .course-access-actions .prime-play-btn:disabled{opacity:.62!important;cursor:not-allowed!important}
body.prime-v086 .course-playlist-action{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important}
body.prime-v086 .course-playlist-caption{font-size:11px!important;color:#CACACA!important}
body.prime-v086 .prime-circle-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important}

/* Administração: listas de manutenção mais densas. */
body.prime-v086.admin-context .studio-panel,
body.prime-v086.admin-context .panel{border-radius:12px!important}
body.prime-v086.admin-context .premium-list .lesson-management-row{min-height:58px!important;padding:10px 12px!important}
body.prime-v086.admin-context .icon-row-actions{gap:6px!important;flex-wrap:nowrap!important}
body.prime-v086.admin-context .icon-action{width:34px!important;height:34px!important;min-width:34px!important;border-radius:8px!important}
body.prime-v086.admin-context .icon-action svg{width:16px!important;height:16px!important}

/* Responsividade: mantém cards menores sem sacrificar toque. */
@media(max-width:1399px) and (min-width:1101px){
  :root{--u110-card-w:clamp(198px,17.2vw,228px);--u110-poster-w:clamp(164px,15.5vw,204px)}
  body.prime-v086 .catalog-20-grid,body.prime-v086 .catalog-24-grid,body.prime-v086 .library-page .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1100px) and (min-width:681px){
  :root{--u110-card-w:clamp(190px,24vw,224px);--u110-poster-w:clamp(158px,20vw,194px)}
  body.prime-v086 .catalog-20-grid,body.prime-v086 .catalog-24-grid,body.prime-v086 .library-page .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:680px){
  :root{--u110-card-w:72vw;--u110-card-h:40.5vw;--u110-poster-w:41vw;--u110-poster-h:61.5vw;--u110-gap:10px}
  body.prime-v086 .catalog-20-grid,body.prime-v086 .catalog-24-grid,body.prime-v086 .library-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 9px!important}
  body.prime-v086 .course-detail-hero .prime-play-btn,body.prime-v086 .course-access-actions .prime-play-btn{min-height:42px!important;height:42px!important;padding:0 14px!important;font-size:12px!important;max-width:calc(100vw - 40px)!important}
  body.prime-v086 .course-playlist-caption{display:none!important}
  body.prime-v086 .prime-circle-btn{width:40px!important;height:40px!important;min-width:40px!important}
}

/* Sincroniza componentes auxiliares com a nova escala real dos cards. */
:root{--pv-super-focus-w:calc(var(--u110-poster-h) * 1.7777778)}
body.prime-v086.authenticated-home-page .v078-reference-home .rail-arrow,
body.prime-public-v086 .pv-public-rail-shell .rail-arrow{height:var(--u110-card-h)!important}
body.prime-v086.authenticated-home-page .v078-reference-home .reference-super-rail .rail-arrow,
body.prime-public-v086 .pv-public-rail-shell:has(.pv-public-poster-rail) .rail-arrow{height:var(--u110-poster-h)!important}