/* OFC-UI-065 — Mesmo card horizontal dos módulos de Mídia para TODOS os produtos.
 * Somente #home-view; mantém artes, cores por produto, rotas e estados existentes.
 * Desktop: duas colunas iguais em todos os grupos. Mobile: uma coluna compacta.
 */
#home-view .ofc-home-group{
 --ofc-card-art-size:176px;
}
#home-view .ofc-home-group .module-grid,
#home-view .ofc-group-moonlight .module-grid,
#home-view .ofc-group-bar .module-grid,
#home-view .ofc-group-userscripts .module-grid{
 display:grid!important;
 width:100%;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(12px,1.6vw,20px)!important;
 align-items:stretch;
}
#home-view .ofc-home-group .module-card,
#home-view .ofc-group-moonlight .module-card,
#home-view .ofc-group-bar .module-card,
#home-view .ofc-group-userscripts .module-card{
 display:grid!important;
 grid-template-columns:var(--ofc-card-art-size) minmax(0,1fr)!important;
 grid-template-rows:auto!important;
 align-items:stretch!important;
 justify-content:stretch!important;
 width:100%!important;
 min-width:0!important;
 min-height:var(--ofc-card-art-size);
 margin:0!important;
 padding:0!important;
}
#home-view .ofc-home-group .module-card>img,
#home-view .ofc-home-group .module-card>.jb-card-art,
#home-view .ofc-group-bar .module-card>img,
#home-view .ofc-group-moonlight .module-card>img,
#home-view .ofc-group-userscripts .module-card>img{
 display:block!important;
 grid-column:1;
 grid-row:1;
 align-self:start!important;
 justify-self:start!important;
 width:var(--ofc-card-art-size)!important;
 min-width:0!important;
 max-width:var(--ofc-card-art-size)!important;
 height:var(--ofc-card-art-size)!important;
 min-height:0!important;
 max-height:var(--ofc-card-art-size)!important;
 aspect-ratio:1/1!important;
 object-fit:contain!important;
 object-position:center!important;
 margin:0!important;
 padding:0!important;
 border-radius:0!important;
}
#home-view .ofc-home-group .module-card>.jb-card-art>img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 max-height:none!important;
 aspect-ratio:1!important;
 object-fit:contain!important;
}
#home-view .ofc-home-group .module-card>.module-info,
#home-view .ofc-group-moonlight .module-card>.module-info,
#home-view .ofc-group-bar .module-card>.module-info,
#home-view .ofc-group-userscripts .module-card>.module-info{
 display:flex!important;
 grid-column:2;
 grid-row:1;
 min-width:0!important;
 width:100%!important;
 min-height:var(--ofc-card-art-size)!important;
 margin:0!important;
 padding:clamp(12px,1.35vw,18px)!important;
 flex:initial!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:flex-start!important;
 gap:6px!important;
 box-sizing:border-box!important;
}
#home-view .ofc-home-group .module-card .module-info strong{
 font-size:clamp(.95rem,1.17vw,1.1rem)!important;
 line-height:1.26!important;
}
#home-view .ofc-home-group .module-card .module-info small{
 font-size:clamp(.76rem,.84vw,.85rem)!important;
 line-height:1.38!important;
}
#home-view .ofc-home-group .module-card .module-info .status-pill{
 margin-top:8px!important;
}
/* Sem diferenças de altura criadas só pelo grupo de origem. */
@media (min-width:721px) and (max-width:1020px){
 #home-view .ofc-home-group{--ofc-card-art-size:136px}
 #home-view .ofc-home-group .module-card>.module-info{
  padding:12px!important;gap:5px!important;
 }
 #home-view .ofc-home-group .module-card .module-info strong{
  font-size:.92rem!important;
 }
 #home-view .ofc-home-group .module-card .module-info small{
  font-size:.75rem!important;
 }
}
@media(max-width:720px){
 #home-view .ofc-home-group{--ofc-card-art-size:112px}
 #home-view .ofc-home-group .module-grid,
 #home-view .ofc-group-moonlight .module-grid,
 #home-view .ofc-group-bar .module-grid,
 #home-view .ofc-group-userscripts .module-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
 }
 #home-view .ofc-home-group .module-card,
 #home-view .ofc-group-moonlight .module-card,
 #home-view .ofc-group-bar .module-card,
 #home-view .ofc-group-userscripts .module-card{
  grid-template-columns:var(--ofc-card-art-size) minmax(0,1fr)!important;
  min-height:var(--ofc-card-art-size)!important;
 }
 #home-view .ofc-home-group .module-card>.module-info{
  padding:10px 12px!important;
  gap:4px!important;
 }
 #home-view .ofc-home-group .module-card .module-info strong{
  font-size:.91rem!important;
 }
 #home-view .ofc-home-group .module-card .module-info small{
  font-size:.75rem!important;
 }
 #home-view .ofc-home-group .module-card .module-info .status-pill{
  margin-top:5px!important;
 }
}
@media(max-width:365px){
 #home-view .ofc-home-group{--ofc-card-art-size:96px}
 #home-view .ofc-home-group .module-card>.module-info{
  padding:8px 10px!important;gap:3px!important;
 }
 #home-view .ofc-home-group .module-card .module-info strong{
  font-size:.86rem!important;
 }
 #home-view .ofc-home-group .module-card .module-info small{
  font-size:.7rem!important;
 }
}