/* PAYANTARA_AUTH_SIDEBAR_IDENTITY_V3211 */

/* Login and register: logo centered directly above auth card. */
body.auth-body .auth-shell{
  width:min(100%,460px);
  margin-inline:auto;
}

body.auth-body .auth-shell > .auth-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:54px;
  margin:0 auto 16px!important;
  padding:0 12px!important;
  text-align:center!important;
  color:var(--pf-brand-secondary,#0f172a)!important;
  text-decoration:none!important;
}

body.auth-body .auth-shell > .auth-brand .pf-runtime-brand-logo{
  display:block!important;
  width:auto!important;
  max-width:min(190px,72vw)!important;
  max-height:48px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}

body.auth-body .auth-shell > .auth-brand .brand-mark{
  display:grid;
  place-items:center;
  margin:0!important;
}

body.auth-body .auth-shell > .auth-brand .pf-brand-text{
  text-align:center!important;
}

body.auth-body .auth-card,
body.auth-body .login-card,
body.auth-body .register-card{
  margin-inline:auto!important;
}

/* Sidebar logo: give it balanced left/right breathing room. */
body.dashboard-body .sidebar > .brand,
body.dashboard-body .sidebar .sidebar-brand,
body.dashboard-body .sidebar .brand.sidebar-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:calc(100% - 24px)!important;
  min-height:58px;
  margin:0 12px 10px!important;
  padding:10px 12px!important;
  overflow:hidden;
  border-radius:12px;
}

body.dashboard-body .sidebar > .brand img.pf-runtime-brand-logo,
body.dashboard-body .sidebar .sidebar-brand img.pf-runtime-brand-logo,
body.dashboard-body .sidebar .brand.sidebar-brand img.pf-runtime-brand-logo{
  display:block!important;
  width:auto!important;
  max-width:154px!important;
  max-height:36px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}

/* Shared avatar becomes a clean user icon, not generated initials. */
body.dashboard-body .pf-user-icon-avatar,
body.dashboard-body .topbar-actions .avatar,
body.dashboard-body .sidebar .avatar,
body.dashboard-body .sidebar .user-avatar,
body.dashboard-body .sidebar .profile-avatar,
body.dashboard-body .sidebar-user-avatar{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid color-mix(
    in srgb,
    var(--pf-brand-primary,#e37434) 30%,
    transparent
  )!important;
  border-radius:11px!important;
  background:color-mix(
    in srgb,
    var(--pf-brand-primary,#e37434) 16%,
    #fff
  )!important;
  color:var(--pf-brand-primary,#e37434)!important;
  font-size:0!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:0 6px 16px rgba(15,23,42,.08)!important;
}

body.dashboard-body .topbar-actions .avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
}

body.dashboard-body .pf-user-glyph{
  display:block!important;
  width:18px!important;
  height:18px!important;
  color:currentColor!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none;
}

body.dashboard-body .topbar-actions .pf-user-glyph{
  width:17px!important;
  height:17px!important;
}

/* Keep username and role/title compact beside the user icon. */
body.dashboard-body .sidebar .sidebar-user,
body.dashboard-body .sidebar .user-profile,
body.dashboard-body .sidebar .profile-card,
body.dashboard-body .sidebar .user-card{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0;
  margin-inline:10px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
}

body.dashboard-body .sidebar .sidebar-user :where(b,strong),
body.dashboard-body .sidebar .user-profile :where(b,strong),
body.dashboard-body .sidebar .profile-card :where(b,strong),
body.dashboard-body .sidebar .user-card :where(b,strong){
  display:block;
  max-width:150px;
  overflow:hidden;
  font-size:.78rem!important;
  font-weight:700!important;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.dashboard-body .sidebar .sidebar-user :where(small,span),
body.dashboard-body .sidebar .user-profile :where(small,span),
body.dashboard-body .sidebar .profile-card :where(small,span),
body.dashboard-body .sidebar .user-card :where(small,span){
  max-width:150px;
  overflow:hidden;
  font-size:.68rem!important;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:575.98px){
  body.auth-body .auth-shell > .auth-brand{
    min-height:46px;
    margin-bottom:12px!important;
  }

  body.auth-body .auth-shell > .auth-brand .pf-runtime-brand-logo{
    max-width:min(160px,64vw)!important;
    max-height:42px!important;
  }

  body.dashboard-body .sidebar > .brand,
  body.dashboard-body .sidebar .sidebar-brand,
  body.dashboard-body .sidebar .brand.sidebar-brand{
    width:calc(100% - 20px)!important;
    margin-inline:10px!important;
    padding-inline:10px!important;
  }
}