/* ==========================================================
   NOYTRIX TOP ACCOUNT FIX
   ONLY TOP LANGUAGE + ACCOUNT AREA
   ========================================================== */


/* Keep header exactly where it belongs */

.workspace-header {
  overflow:
    visible !important;
}


.workspace-header
.header-actions {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    10px !important;

  flex-wrap:
    nowrap !important;
}


/* Language stays untouched visually */

.workspace-header
.language-switcher {
  flex:
    0 0 auto !important;
}


/* Account button */

#headerAccountButton {
  flex:
    0 0 auto !important;

  min-width:
    110px !important;

  height:
    48px !important;

  margin:
    0 !important;

  padding:
    0 18px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    8px !important;

  white-space:
    nowrap !important;

  box-sizing:
    border-box !important;
}


/* Logged-in version */

#headerAccountButton.top-account-user {
  min-width:
    120px !important;

  padding:
    5px 14px 5px 6px !important;

  justify-content:
    flex-start !important;

  border-color:
    rgba(
      255,
      190,
      37,
      .52
    ) !important;

  background:
    linear-gradient(
      145deg,
      rgba(
        8,
        31,
        58,
        .98
      ),
      rgba(
        5,
        22,
        42,
        .98
      )
    ) !important;

  cursor:
    pointer !important;
}


#headerAccountButton.top-account-user:hover {
  border-color:
    rgba(
      255,
      190,
      37,
      .90
    ) !important;

  background:
    linear-gradient(
      145deg,
      rgba(
        12,
        43,
        78,
        .98
      ),
      rgba(
        6,
        28,
        51,
        .98
      )
    ) !important;
}


.top-account-avatar {
  width:
    34px;

  height:
    34px;

  flex:
    0 0 34px;

  display:
    grid;

  place-items:
    center;

  border:
    2px solid
    #ffbd24;

  border-radius:
    50%;

  color:
    #fff;

  background:
    #061529;

  font-size:
    8px;

  font-weight:
    950;
}


.top-account-label {
  color:
    #f5f8fc;

  font-size:
    9px;

  font-weight:
    900;
}


/* PROFILE: keep EN + account visible.
   Do not hide or move anything else. */

body.p56-profile-open
.workspace-header {
  display:
    flex !important;

  visibility:
    visible !important;

  opacity:
    1 !important;
}


body.p56-profile-open
.workspace-header
.header-actions {
  margin-left:
    auto !important;
}


/* Prevent top controls from overflowing right */

body.p56-profile-open
.workspace-header {
  padding-right:
    14px !important;
}


body.p56-profile-open
#headerAccountButton {
  max-width:
    150px !important;
}