/* OFC-UI-040 · 31/10/2026 — Gato Guardião + ícones 1:1 nos cabeçalhos.
ANTES: launcher-brand retangular na home, banners largos nos módulos e Moonlight
apenas tipográfico. DEPOIS: arte Guardião na home; os mesmos ícones quadrados
dos cards identificam os módulos ADS, Karaokê RC1 e Moonlight.
NÃO ALTERA: tela de login, banner do Moonlight público, scripts, IndexedDB,
estoques ou lógica. ROLLBACK: remover CSS e restaurar index.html UI-039. */
#home-view .ofc-dashboard-hero{
  display:grid;grid-template-columns:minmax(118px,190px) minmax(0,1fr)!important;
  align-items:center;gap:clamp(15px,2vw,30px);min-height:clamp(155px,18vw,210px);
  padding:clamp(10px,1.7vw,20px);
}
#home-view .ofc-dashboard-hero>.masthead{
  display:flex;justify-content:center;align-items:center;
  background:#160b0c;border:1px solid #934c51;border-radius:12px;
  aspect-ratio:1/1;width:min(100%,190px)!important;max-width:190px;
  overflow:hidden;margin:0!important;box-shadow:0 12px 28px #0005;
}
#home-view .ofc-dashboard-hero>.masthead::before,
#home-view .ofc-dashboard-hero>.masthead::after{display:none!important}
#home-view .ofc-dashboard-hero .masthead img{
  width:100%;height:100%!important;max-height:none!important;
  aspect-ratio:1/1;display:block;object-fit:cover!important;
  object-position:center;
}
#home-view .ofc-home-welcome{min-width:0}
.ofc-module-lead{
  display:grid;grid-template-columns:minmax(116px,164px) minmax(0,1fr)!important;
  gap:clamp(12px,2.25vw,24px)!important;
  padding:clamp(12px,1.8vw,20px)!important;align-items:center!important;
  min-height:0!important;
}
.ofc-module-lead .ofc-module-icon{
  width:100%;max-width:164px;aspect-ratio:auto;
  min-width:0;margin:0;position:relative;padding:7px 7px 12px;
  border-radius:13px;border:1px solid #714755;
  background:linear-gradient(155deg,#28151f,#120d15);
  text-align:center;box-sizing:border-box;
}
.ofc-module-lead .ofc-module-icon img,
.ofc-module-lead>.ofc-module-icon img{
  display:block;width:100%!important;height:auto!important;
  max-height:none!important;aspect-ratio:1/1;object-fit:contain!important;
  object-position:center;background:#100a10;border-radius:9px;
}
.ofc-module-lead .ofc-module-icon figcaption{
  margin-top:8px;font-size:clamp(.7rem,.98vw,.83rem);
  color:#f3d4d7;font-weight:800;line-height:1.2;overflow-wrap:anywhere;
}
.ofc-module-lead .ofc-module-icon .version-stamp{
  position:static!important;display:inline-block;margin-top:6px;
  font-size:.61rem;letter-spacing:0;border:1px solid #755364;
  border-radius:5px;padding:2px 6px;background:#160a13;
}
.ofc-module-lead>.module-heading{margin:0!important;padding:0!important;min-width:0}
.ofc-module-lead>.module-heading .muted{display:block!important;max-width:68ch}
.ofc-module-lead .ofc-module-icon--moonlight{border-color:#415777;background:linear-gradient(160deg,#0b2231,#131022)}
.ofc-module-lead .ofc-module-icon--moonlight figcaption{color:#a4eaf5}
#home-view .module-card{overflow:hidden}
#home-view .module-card img{display:block;aspect-ratio:1/1!important;width:100%;height:auto!important;max-height:250px;object-fit:contain!important}
#home-view .module-card .module-info{position:relative;margin:0;width:100%;overflow-wrap:anywhere}
@media(max-width:760px){
 #home-view .ofc-dashboard-hero{grid-template-columns:minmax(100px,128px) minmax(0,1fr)!important;min-height:0}
 #home-view .ofc-dashboard-hero>.masthead{max-width:128px!important}
 .ofc-module-lead{grid-template-columns:minmax(90px,126px) minmax(0,1fr)!important}
 .ofc-module-lead .ofc-module-icon{max-width:126px;padding:5px}
 .ofc-module-lead .ofc-module-icon figcaption{font-size:.68rem}
 .ofc-module-lead .module-heading h2{font-size:1.23rem!important}
}
@media(max-width:460px){
 #home-view .ofc-dashboard-hero{grid-template-columns:90px minmax(0,1fr)!important;gap:10px}
 #home-view .ofc-dashboard-hero>.masthead{max-width:90px!important}
 #home-view .ofc-dashboard-hero h1{font-size:1.15rem!important}
 .ofc-module-lead{grid-template-columns:91px minmax(0,1fr)!important;gap:9px!important}
 .ofc-module-lead>.module-heading .muted{font-size:.72rem!important}
 .ofc-module-lead .ofc-module-icon .version-stamp{font-size:.55rem}
}