/* Fonely Brand System v2 */
:root{
  --fonely-logo-orange:url("assets/Imagem%20do%20ChatGPT%2030%20de%20set.%20de%202026%2C%2000_11_38.png");
  --fonely-logo-brown:url("assets/Imagem%20do%20ChatGPT%2030%20de%20set.%20de%202026%2C%2000_08_48.png");
  --fonely-icon-orange:url("assets/Imagem%20do%20ChatGPT%2030%20de%20set.%20de%202026%2C%2000_31_34.png");
  --fonely-icon-brown:url("assets/Imagem%20do%20ChatGPT%2030%20de%20set.%20de%202026%2C%2000_33_57.png");
}

/* dark surfaces */
.layout>aside .fonely-official-logo{
  content:var(--fonely-logo-brown)!important;
  object-fit:contain!important;
  filter:none!important;
}

.fe-brand-side .fe-logo{
  content:var(--fonely-logo-orange)!important;
  object-fit:contain!important;
  filter:none!important;
}

/* light surfaces */
.fe-auth-brand img,
.fe-card-head>img{
  content:var(--fonely-logo-brown)!important;
  object-fit:contain!important;
  filter:none!important;
}

/* keep logo proportions consistent across product */
.layout>aside .fonely-official-logo{width:168px!important;max-width:168px!important;height:auto!important}
.fe-brand-side .fe-logo{width:195px!important;height:auto!important}
.fe-auth-brand img{width:170px!important;height:auto!important}


/* Login light panel — centered, larger brand mark */
@media(min-width:721px){
  .fe-auth-brand{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important
  }
  .fe-auth-brand img{
    display:block!important;
    width:215px!important;
    max-width:215px!important;
    height:auto!important;
    margin:0 auto!important;
    object-position:center!important
  }
}
@media(max-width:720px){
  .fe-auth-brand{
    display:flex!important;
    justify-content:center!important;
    width:100%!important
  }
  .fe-auth-brand img{
    width:180px!important;
    max-width:180px!important;
    margin:0 auto!important
  }
}


/* Login hero uses the compact Fonely icon */
.fe-brand-side .fe-logo{
  content:var(--fonely-icon-brown)!important;
  width:84px!important;
  max-width:84px!important;
  height:auto!important;
}
@media(max-width:1020px){
  .fe-brand-side .fe-logo{
    width:72px!important;
    max-width:72px!important;
  }
}


/* Sidebar brand uses the full brown Fonely wordmark */
.layout>aside .brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:92px!important;
  padding:10px 10px 22px!important;
}
.layout>aside .fonely-official-logo{
  content:var(--fonely-logo-brown)!important;
  width:168px!important;
  max-width:168px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:900px){
  .layout>aside .fonely-sidebar-icon,
  .layout>aside .fonely-official-logo{
    width:58px!important;
    max-width:58px!important;
  }
}

@media(max-width:900px){
  .layout>aside .fonely-official-logo{
    content:var(--fonely-logo-brown)!important;
    width:150px!important;
    max-width:150px!important;
  }
}

/* Login hero remains icon-only */
.fe-brand-side .fe-logo{
  content:var(--fonely-icon-brown)!important;
}

/* Login form keeps the full brown logo */
.fe-auth-brand img{
  content:var(--fonely-logo-brown)!important;
}