/* MANA logo/sidebar fix V3 */
:root{
  --mana-ink:#0B0E10;
  --mana-deep:#1A323C;
  --mana-blue:#2C6883;
  --mana-aqua:#73CEDF;
  --mana-light:#F2F2F2;
}

.sidebar .logo,
.side-logo,
.app-logo,
.brand,
.brand-block,
.logo-wrap{
  display:flex;
  align-items:center;
  gap:12px;
}

.sidebar .logo img,
.side-logo img,
.app-logo img,
.brand img,
.brand-block img,
.logo-wrap img{
  display:block;
  max-width:100%;
}

#manaSidebarBrand{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 8px 12px;
  margin:0 0 10px;
}
#manaSidebarBrand img{
  width:132px;
  height:auto;
  display:block;
  filter:drop-shadow(0 0 18px rgba(115,206,223,.12));
}
#manaSidebarBrand .mana-side-copy{
  display:none;
}
#manaSidebarBrandSmall{
  display:none;
}

/* hide legacy dark mark/text only in sidebar/header brand area */
.mana-logo-replaced .dark-mark,
.mana-logo-replaced .statdark-mark,
.mana-logo-replaced .sidebar-logo-text,
.mana-logo-replaced .brand-text,
.mana-logo-replaced .logo-text{
  display:none !important;
}

/* compact sidebar compatibility */
.sidebar.collapsed #manaSidebarBrand,
.sidebar.is-collapsed #manaSidebarBrand,
body.sidebar-collapsed #manaSidebarBrand{
  justify-content:center;
}
.sidebar.collapsed #manaSidebarBrand img,
.sidebar.is-collapsed #manaSidebarBrand img,
body.sidebar-collapsed #manaSidebarBrand img{
  width:42px;
}

/* optional header logo if same markup is reused */
#manaTopBrand{
  display:flex;
  align-items:center;
  gap:12px;
}
#manaTopBrand img{ width:160px; height:auto; }