/* Via Mercatoria DEV v28 - egységes kompakt fiók/profil kezelő a jobb felső sarokban. */
.vm-account-controls {
  position:absolute;
  right:42px;
  top:8px;
  z-index:140;
  display:flex;
  align-items:center;
  gap:2px;
  width:auto;
  height:32px;
}

.vm-authenticated-controls {
  display:flex;
  align-items:center;
  gap:2px;
}

.vm-account-icon-wrap {
  position:relative;
  display:flex;
  align-items:center;
}

.vm-account-icon {
  width:30px;
  height:30px;
  min-width:30px;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:rgba(255,255,255,.72);
  font-size:17px;
  line-height:1;
  cursor:pointer;
  opacity:.72;
  transition:opacity .15s ease, background-color .15s ease;
}

.vm-account-icon:hover,
.vm-account-icon:focus-visible,
.vm-account-icon[aria-expanded="true"] {
  opacity:1;
  background:rgba(255,255,255,.12);
  outline:none;
}

.vm-login-button img {
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
  opacity:.78;
}

.vm-login-button:hover img,
.vm-login-button:focus-visible img {
  opacity:1;
}

.vm-admin-quick-button {
  font-size:16px;
}

.vm-account-tooltip {
  display:none;
  position:absolute;
  right:0;
  top:36px;
  width:max-content;
  min-width:220px;
  max-width:300px;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:7px;
  background:rgba(35,35,35,.96);
  color:#fff;
  box-shadow:0 5px 16px rgba(0,0,0,.28);
  font-size:12px;
  line-height:1.35;
  text-align:left;
  pointer-events:none;
  white-space:nowrap;
  z-index:160;
}

.vm-account-icon-wrap:hover .vm-account-tooltip,
.vm-account-icon-wrap:focus-within .vm-account-tooltip {
  display:block;
}

.vm-account-tooltip-line {
  display:block;
  text-align:left;
}

.vm-account-tooltip-line > span:first-child {
  color:#d8d8d8;
}

.vm-account-tooltip-primary {
  margin-bottom:2px;
}

.vm-account-tooltip-primary strong {
  color:#fff;
}

.vm-profile-menu {
  position:absolute;
  right:0;
  top:38px;
  width:270px;
  box-sizing:border-box;
  padding:8px;
  border:1px solid #c8c1b8;
  border-radius:9px;
  background:#fff;
  color:#302d29;
  box-shadow:0 8px 24px rgba(0,0,0,.30);
  z-index:170;
}

.vm-profile-menu-user {
  padding:7px 8px 8px;
  text-align:left;
}

.vm-profile-menu-user strong,
.vm-profile-menu-user span {
  display:block;
  text-align:left;
}

.vm-profile-menu-user strong {
  color:#780001;
  font-size:1rem;
  line-height:1.25;
}

#vmProfileUsername {
  margin-top:2px;
  color:#686159;
  font-size:.83rem;
}

#vmProfileRoleDomain {
  margin-top:2px;
  color:#3f3a35;
  font-size:.86rem;
}

.vm-profile-menu-separator {
  height:1px;
  margin:2px 4px 6px;
  background:#e3ddd5;
}

.vm-profile-menu-action {
  width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  box-sizing:border-box;
  padding:8px 9px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#34302c;
  cursor:pointer;
  text-align:left;
  line-height:1.2;
}

.vm-profile-menu-action i {
  width:18px;
  text-align:center;
  color:#6a625b;
}

.vm-profile-menu-action span {
  flex:1;
  text-align:left;
}

.vm-profile-menu-action:hover,
.vm-profile-menu-action:focus-visible {
  background:#f0ece6;
  outline:none;
}

.vm-profile-menu-logout {
  color:#7b211e;
}

.vm-profile-menu-logout i {
  color:#7b211e;
}

.vm-password-title {
  margin:0 0 14px;
  text-align:left;
}

.vm-password-message {
  margin:0 30px 24px;
  padding:9px 10px;
  border:1px solid #d1a3a0;
  border-radius:6px;
  background:#fff2f1;
  color:#8a2521;
  text-align:left;
  font-size:.9rem;
}

.vm-password-message.is-success {
  border-color:#a8c2ac;
  background:#f0f8f1;
  color:#245f31;
}

/* Utolsó módosítás információ az adatlap szerkesztőben. */
.vm-last-modified {
  margin:0 0 12px;
  padding:7px 9px;
  border-left:3px solid #777;
  background:#f5f5f5;
  font-size:.86em;
  text-align:left;
}

@media screen and (max-width:760px) {
  .vm-account-controls {
    right:40px;
    top:6px;
  }
  .vm-account-icon {
    width:28px;
    height:28px;
    min-width:28px;
    font-size:16px;
  }
  .vm-profile-menu {
    right:-28px;
    top:36px;
    width:min(270px, calc(100vw - 32px));
  }
  .vm-account-tooltip {
    display:none !important;
  }
}


/* v26 – kompakt panelben a profil menü/tooltip kifelé, balra nyíljon, miközben
   az admin gyorsgomb rejtve marad. */
#sideBar.vm-panel-collapsed .vm-profile-menu {
  right:-36px;
  top:38px;
}

#sideBar.vm-panel-collapsed .vm-account-tooltip {
  right:-4px;
  top:36px;
}

/* 2026-09-19 v28 – egységes fiókmenü kijelentkezett és bejelentkezett állapotban. */
.vm-login-button {
  font-size:17px;
}

.vm-login-button i {
  display:block;
  line-height:1;
}

.vm-account-icon[aria-expanded="true"] + .vm-account-tooltip {
  display:none !important;
}

.vm-guest-account-panel,
.vm-authenticated-account-panel {
  width:100%;
  box-sizing:border-box;
}

.vm-login-menu-header {
  padding:6px 8px 10px;
  text-align:left;
}

.vm-login-menu-header strong {
  display:block;
  color:#780001;
  font-size:1rem;
  line-height:1.25;
  text-align:left;
}

.vm-inline-login-form {
  margin:0;
  padding:0 8px 6px;
}

.vm-inline-login-form .vm-form-field {
  margin:0 0 9px;
}

.vm-inline-login-form .vm-form-field > label {
  display:block;
  margin:0 0 4px;
  color:#3f3a35;
  font-size:.86rem;
  font-weight:bold;
  line-height:1.25;
  text-align:left;
}

.vm-inline-login-form input[type="text"],
.vm-inline-login-form input[type="password"] {
  display:block;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:7px 8px;
  border:1px solid #bdb6ae;
  border-radius:5px;
  background:#fff;
  font-size:.92rem;
  line-height:1.25;
  text-align:left;
}

.vm-inline-login-form input:focus {
  border-color:#777067;
  outline:1px solid rgba(120,0,1,.18);
}

.vm-login-submit {
  width:100%;
  box-sizing:border-box;
  margin:2px 0 0;
  text-align:center;
}

.vm-login-inline-message {
  margin:7px 0 0 !important;
  padding:7px 8px !important;
  border:1px solid #d1a3a0;
  border-radius:5px;
  background:#fff2f1;
  color:#8a2521;
  font-size:.83rem;
  line-height:1.3;
  text-align:left;
}

.vm-forgot-password-link {
  display:block;
  width:auto;
  margin:8px 0 0;
  padding:2px 0;
  border:0;
  background:transparent;
  color:#780001;
  cursor:pointer;
  font-size:.84rem;
  line-height:1.3;
  text-align:left;
}

.vm-forgot-password-link:hover,
.vm-forgot-password-link:focus-visible {
  text-decoration:underline;
  outline:none;
}

.vm-forgot-password-info {
  margin:7px 0 2px;
  padding:8px 9px;
  border-left:3px solid #8e8880;
  background:#f5f2ee;
  color:#504a44;
  font-size:.82rem;
  line-height:1.35;
  text-align:left;
}

.vm-guest-tooltip {
  min-width:0;
  width:max-content;
}