/* Fraiha V4.3.2a — EXACT ORIGINAL LOGO ONLY
   No crop. No generated sparkle. No face extraction. No alternate icon. */

.brandRow{
  height:142px!important;
  min-height:142px!important;
  position:relative!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 8px 4px!important;
}
.brandIcon.brandFullLogo,
.brandIcon{
  position:static!important;
  width:128px!important;
  height:128px!important;
  max-width:128px!important;
  flex:0 0 128px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))!important;
  transform:none!important;
}
.brandIcon:hover{transform:scale(1.025)!important}

/* The original logo already contains Fraiha AI branding and its own text.
   Hide duplicated HTML brand copy beside it. */
.brandText{display:none!important}

/* Keep collapse control available without overlapping the original logo. */
.brandRow>.desktopOnly{
  position:absolute!important;
  right:0!important;
  top:8px!important;
  z-index:60!important;
}

/* New Chat must always start after the dedicated logo area. */
.newChat{margin-top:6px!important;position:relative!important;z-index:2!important}

/* Exact original logo inside the homepage logo frame. */
.heroIcon{
  width:96px!important;
  height:96px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  background:transparent!important;
  border:1px solid rgba(0,255,163,.28)!important;
  border-radius:24px!important;
}

/* Exact original logo in every Fraiha assistant avatar/frame. */
.msg.assistant .msgAvatar{
  font-size:0!important;
  background-color:#0A0E1A!important;
  background-image:url("/static/branding/Fraiha_AI_Logo-64.png?v=432a")!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  border:1px solid rgba(0,255,163,.20)!important;
}

/* Sidebar shell stays fixed; only recent conversations scroll. */
.sidebar{
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.nav,.brandRow,.newChat,.chatSearch,.sectionHead,.sidebarBottom,.credit{
  flex-shrink:0!important;
}
.chatList{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.projectList{
  flex:0 1 105px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

/* Collapsed sidebar still uses the same unchanged logo, just technically scaled. */
.sidebarCollapsed .brandRow{
  height:72px!important;
  min-height:72px!important;
  padding:8px 4px!important;
}
.sidebarCollapsed .brandIcon.brandFullLogo,
.sidebarCollapsed .brandIcon{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  flex-basis:58px!important;
}

/* Mobile: entire exact logo remains visible; no cropping. */
@media(max-width:760px){
  .brandRow{height:124px!important;min-height:124px!important}
  .brandIcon.brandFullLogo,.brandIcon{
    width:112px!important;height:112px!important;max-width:112px!important;flex-basis:112px!important
  }
}