/* Local overrides loaded after app.min.css */

/* Fix logo clipping when sidebar is collapsed (data-sidebar-size=sm).
   In the template CSS, the brand box shrinks but keeps large horizontal padding. */
body[data-sidebar-size=sm] .navbar-brand-box {
  padding: 20px 0.5rem 0 !important;
  text-align: center;
}

body[data-sidebar-size=sm] .navbar-brand-box .logo-sm,
body[data-sidebar-size=sm] .navbar-brand-box .logo-lg {
  display: inline-block;
}

body[data-sidebar-size=sm] .navbar-brand-box .logo-sm img {
  display: block;
  max-width: 100%;
  height: 24px;
  object-fit: contain;
}