#usernemua .mk-user-menu.user-menu[data-v-34b46e5d] {
  background-color: #091840 !important;
  padding: 0 0.75rem 1.25rem !important;
}

#usernemua .mk-user-menu .user-menu__header[data-v-34b46e5d] {
  background-color: #091840 !important;
}

#usernemua .mk-user-menu .user-menu__actions .btn[data-v-34b46e5d],
#usernemua .mk-user-menu .user-menu__actions a.btn {
  width: 100% !important;
}


#usernemua.app-drawer__root {
  z-index: 12000;
  isolation: isolate;
}

/* Backdrop must stay BEHIND the drawer panel (was covering menu = dull look) */
#usernemua .app-drawer__backdrop {
  z-index: 1 !important;
}

#usernemua .app-drawer.app-drawer--default {
  z-index: 2 !important;
  width: min(340px, 92vw);
  right: calc(-1 * min(340px, 92vw) - 1rem);
}

#usernemua.app-drawer--open .app-drawer.app-drawer--default.app-drawer--right {
  transform: translateX(calc(-1 * min(340px, 92vw) - 1rem));
}

#usernemua .app-drawer--dark {
  background-color: #091840;
}

.mk-user-menu.user-menu {
  background-color: #091840;
  box-sizing: border-box;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0.75rem 1.25rem;
  -webkit-overflow-scrolling: touch;
}

.mk-user-menu .user-menu__header {
  background-color: #091840;
  padding: 0.85rem 0 1rem;
  position: sticky;
  top: 0;
  z-index: 3;
}

.mk-user-menu .user-menu__toggle {
  align-items: center;
  background: transparent;
  border: none;
  color: #ebb058;
  cursor: pointer;
  display: flex;
  height: 2rem;
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0.65rem;
  width: 2rem;
}

.mk-user-menu .user-menu__identity {
  align-items: center;
  color: #ebb058;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  gap: 0.45rem;
  justify-content: center;
  margin: 0;
  padding: 0.35rem 2rem 0;
  text-align: center;
  text-transform: uppercase;
}

.mk-user-menu .user-menu__identity i {
  color: #ebb058;
  font-size: 1.35rem;
}

.mk-user-menu .user-menu__apk {
  align-items: center;
  background: linear-gradient(180deg, #f5d078 0%, #c9923a 100%) !important;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 0.72rem;
  font-weight: 700;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 0.75rem;
  padding: 0.65rem 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.mk-user-menu .user-menu__balance {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  margin: 0 0 0.75rem;
  padding: 0;
}

.mk-user-menu .user-menu__balance > li > span {
  color: #fff;
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}

.mk-user-menu .user-menu__balance .outlined-link {
  background: #0e214e;
  border: 1px solid #223562;
  border-radius: 8px;
  color: #fff;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 0 0.5rem 0 1.65rem !important;
  width: 100%;
}

.mk-user-menu .user-menu__balance .outlined-link__icon-l {
  left: 0.45rem !important;
}

.mk-user-menu .user-menu__balance .outlined-link span {
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0 !important;
  white-space: nowrap;
}

.mk-user-menu .user-menu__freespins {
  border: 2px solid #e3b367;
  border-radius: 10px;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

.mk-user-menu .user-menu__freespins > button {
  align-items: center;
  background: #091840;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.72rem;
  font-weight: 700;
  gap: 0.45rem;
  padding: 0.65rem 2rem 0.65rem 0.75rem;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}

.mk-user-menu .user-menu__freespins > button i.mk-freespin-chevron {
  position: absolute;
  right: 0.75rem;
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}

.mk-user-menu .user-menu__freespins.is-open > button i.mk-freespin-chevron {
  transform: rotate(-90deg);
}

.mk-user-menu .user-menu__freespins ul {
  background: #0e214e;
  list-style: none;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: max-height 0.25s ease;
}

.mk-user-menu .user-menu__freespins.is-open ul {
  max-height: 280px;
}

.mk-user-menu .user-menu__freespins ul li {
  border-top: 1px solid #223562;
  color: #eaf2ff;
  font-size: 0.72rem;
  padding: 0.55rem 0.75rem;
}

.mk-user-menu .user-menu__actions {
  display: grid;
  gap: 0.45rem;
  list-style: none;
  margin: 0 0 0.85rem;
  padding: 0;
}

.mk-user-menu .user-menu__actions .btn {
  align-items: center;
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 0.68rem;
  font-weight: 700;
  gap: 0.45rem;
  justify-content: center;
  min-height: 38px;
  padding: 0.55rem 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.mk-user-menu .mk-btn--crypto {
  background: linear-gradient(180deg, #f5d078 0%, #d4a017 100%) !important;
}

.mk-user-menu .mk-btn--gold {
  background: linear-gradient(180deg, #f0c15a 0%, #e8a838 100%) !important;
}

.mk-user-menu .mk-btn--red {
  background: linear-gradient(180deg, #e91e63 0%, #c62828 100%) !important;
}

.mk-user-menu .mk-btn--navy {
  background: linear-gradient(180deg, #152a5c 0%, #0a1b49 100%) !important;
  border: 1px solid #3b5bdb !important;
}

.mk-user-menu .mk-btn--green {
  background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%) !important;
}

.mk-user-menu .user-menu__link-group {
  margin-bottom: 0.65rem;
  padding: 0;
}

.mk-user-menu .user-menu__link-group h3 {
  color: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
  text-transform: uppercase;
}

.mk-user-menu .user-menu__link-group ul {
  display: grid;
  gap: 0.45rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mk-user-menu .user-menu__link-group a {
  align-items: stretch;
  border-radius: 6px;
  color: #fff;
  display: grid;
  font-size: 0.68rem;
  font-weight: 700;
  grid-template-columns: 46px 1fr;
  min-height: 46px;
  overflow: hidden;
  text-decoration: none;
  text-transform: uppercase;
}

.mk-user-menu .user-menu__link-group a > div {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  height: 100%;
  justify-content: center;
}

.mk-user-menu .user-menu__link-group a > div i {
  font-size: 1.25rem;
}

.mk-user-menu .user-menu__link-group a > span {
  align-items: center;
  display: flex;
  padding: 0 0.65rem;
}

.mk-user-menu .mk-op--deposit {
  background: linear-gradient(180deg, #4f9cf9 0%, #2563eb 100%) !important;
}

.mk-user-menu .mk-op--withdraw {
  background: linear-gradient(180deg, #6b8fc4 0%, #4a6a94 100%) !important;
}

.mk-user-menu .mk-op--kumpara {
  background: linear-gradient(180deg, #f0c15a 0%, #c9923a 100%) !important;
}

.mk-user-menu .mk-op--togg,
.mk-user-menu .mk-op--bonus {
  background: linear-gradient(180deg, #6b8fc4 0%, #4a6a94 100%) !important;
}

.mk-user-menu .user-menu__logout {
  background: transparent !important;
  border: 1px solid #44557a !important;
  border-radius: 999px;
  color: #fff !important;
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-top: 0.5rem;
  padding: 0 1rem !important;
  text-transform: uppercase;
  width: 100%;
}