/* MISTER FAST LiveMapChat WEB V3.2.4.3 — Sidebar Auth only */
.mf514-menu .mf3243-sidebar-auth{
  width:calc(100% - 16px);
  min-height:48px;
  margin:10px 8px 0;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:12px;
  box-sizing:border-box;
  font:inherit;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.mf514-menu .mf3243-sidebar-auth span{width:26px;text-align:center;font-size:19px}
.mf514-menu .mf3243-sidebar-auth b{display:block;white-space:nowrap}
.mf514-menu .mf3243-sidebar-auth.is-login{border:1px solid #FFC400;background:#FFC400;color:#003DA5}
.mf514-menu .mf3243-sidebar-auth.is-login:hover{background:#ffd447}
.mf514-menu .mf3243-sidebar-auth.is-logout{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.10);color:#fff}
.mf514-menu .mf3243-sidebar-auth.is-logout:hover{background:#c62828;border-color:#c62828}
.mf3242-authbar,[data-mf3242-authbar]{display:none!important}
html.mf3243-login-open,body.mf3243-login-open{overflow:hidden}

/* =========================================
   Sidebar logged-in user
========================================= */

.mf-sidebar-user{
  display:flex;
  align-items:center;
  gap:12px;
  margin:4px 10px 14px;
  padding:12px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:16px;
  background:rgba(255,255,255,.10);
  box-sizing:border-box;
}

.mf-sidebar-user-avatar{
  width:46px;
  height:46px;
  min-width:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:2px solid #FFC400;
  border-radius:50%;
  background:#fff;
  color:#003DA5;
  font-size:17px;
  font-weight:900;
}

.mf-sidebar-user-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.mf-sidebar-user-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.mf-sidebar-user-info b{
  overflow:hidden;
  color:#fff;
  font-size:14px;
  line-height:1.3;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mf-sidebar-user-info small{
  display:flex;
  align-items:center;
  gap:5px;
  color:rgba(255,255,255,.82);
  font-size:11px;
  line-height:1.3;
}

.mf-sidebar-user-info small i{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:50%;
  background:#20c997;
  box-shadow:0 0 0 3px rgba(32,201,151,.18);
}

/* =========================================
   Sidebar user profile — fixed layout
========================================= */

.mf-sidebar-user{
  width:calc(100% - 22px);
  min-height:68px;
  display:flex;
  align-items:center;
  gap:11px;
  margin:10px 11px 14px;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  box-sizing:border-box;
}

.mf-sidebar-user-avatar{
  width:44px;
  height:44px;
  min-width:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:2px solid #FFC400;
  border-radius:50%;
  background:#fff;
  color:#003DA5;
  font-size:16px;
  font-weight:900;
  line-height:1;
}

.mf-sidebar-user-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}

.mf-sidebar-user-info{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}

.mf-sidebar-user-info b{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.25;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mf-sidebar-user-info small{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  color:rgba(255,255,255,.82);
  font-size:10px;
  line-height:1.2;
}

.mf-sidebar-user-info small i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  display:inline-block;
  border-radius:50%;
  background:#20c997;
  box-shadow:0 0 0 3px rgba(32,201,151,.16);
}

.mf-sidebar-user-info small em{
  color:rgba(255,255,255,.55);
  font-style:normal;
}