/* NosaCell global account-entry highlight — intentionally loaded after every visual layer. */
body .nosa-header .nosa-header-tools > .nosa-account-entry {
  position: relative !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 10px 6px 13px !important;
  border: 2px solid #f0c400 !important;
  border-radius: 17px !important;
  color: #17150f !important;
  background: linear-gradient(180deg,#fffef9 0%,#fff8d8 100%) !important;
  box-shadow: 0 0 0 4px rgba(255,210,31,.22), 0 12px 28px rgba(37,31,7,.09) !important;
  overflow: visible !important;
  transform: none;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease, transform .2s ease !important;
}
body .nosa-header .nosa-header-tools > .nosa-account-entry:hover {
  border-color: #d8ac00 !important;
  background: linear-gradient(180deg,#fffdf6 0%,#fff1ad 100%) !important;
  box-shadow: 0 0 0 5px rgba(255,210,31,.27), 0 16px 34px rgba(37,31,7,.13) !important;
  transform: translateY(-2px) !important;
}
body .nosa-header .nosa-header-tools > .nosa-account-entry > span:first-child {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(186,145,0,.32) !important;
  border-radius: 12px !important;
  color: #15130b !important;
  background: linear-gradient(145deg,#ffe97d 0%,#ffd21f 72%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 7px 15px rgba(201,159,0,.2) !important;
}
body .nosa-header .nosa-header-tools > .nosa-account-entry > span:first-child .nosa-icon,
body .nosa-header .nosa-header-tools > .nosa-account-entry > span:first-child svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  color: currentColor !important;
}
body .nosa-header .nosa-header-tools > .nosa-account-entry > span:last-child {
  min-width: 96px !important;
  max-width: 150px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1.15 !important;
}
body .nosa-header .nosa-header-tools > .nosa-account-entry small {
  display: block !important;
  color: #8b7300 !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
body .nosa-header .nosa-header-tools > .nosa-account-entry b {
  display: block !important;
  max-width: 145px !important;
  overflow: hidden !important;
  margin-top: 4px !important;
  color: #17150f !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
body .nosa-header .nosa-header-tools > .nosa-account-entry::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid rgba(255,246,194,.92);
  border-radius: 13px;
  pointer-events: none;
}

/* Keep the highlighted account entry available on tablet; compact it instead of dropping it. */
@media (max-width: 1024px) and (min-width: 761px) {
  body .nosa-header .nosa-header-tools > .nosa-account-entry {
    min-height: 46px !important;
    padding: 5px 8px 5px 10px !important;
    border-radius: 15px !important;
    box-shadow: 0 0 0 3px rgba(255,210,31,.2), 0 10px 22px rgba(37,31,7,.08) !important;
  }
  body .nosa-header .nosa-header-tools > .nosa-account-entry > span:first-child {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border-radius: 10px !important;
  }
  body .nosa-header .nosa-header-tools > .nosa-account-entry > span:last-child {
    min-width: 78px !important;
    max-width: 112px !important;
  }
  body .nosa-header .nosa-header-tools > .nosa-account-entry b {
    max-width: 108px !important;
    font-size: 8.5px !important;
  }
}

/* Preserve the existing compact mobile header strategy. */
@media (max-width: 760px) {
  body .nosa-header .nosa-header-tools > .nosa-account-entry {
    display: none !important;
  }
}
