@media (max-width: 980px) {
  .pmbp-dashboard-sidebar-toggle,
  .pmbp-desktop-menu-utilities,
  .pmbp-desktop-menu-utility-title {
    display: none !important;
  }
}

@media (min-width: 981px) {
  :root {
    --pmbp-desktop-menu-open: 268px;
    --pmbp-desktop-menu-closed: 74px;
    --pmbp-desktop-menu-left: max(14px, env(safe-area-inset-left, 0px));
    --pmbp-desktop-menu-top: max(14px, env(safe-area-inset-top, 0px));
    --pmbp-desktop-menu-bottom: max(14px, env(safe-area-inset-bottom, 0px));
    --pmbp-desktop-menu-current: var(--pmbp-desktop-menu-open);
  }

  body.pmbp-desktop-menu-active {
    --pmbp-desktop-menu-current: var(--pmbp-desktop-menu-open);
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed {
    --pmbp-desktop-menu-current: var(--pmbp-desktop-menu-closed);
  }

  body.pmbp-desktop-menu-active,
  body.pmbp-desktop-menu-active .pmbp-app-root {
    overflow-x: hidden !important;
  }

  body.pmbp-desktop-menu-active .pmbp-app-root {
    padding: 16px 18px 32px calc(var(--pmbp-desktop-menu-left) + var(--pmbp-desktop-menu-current) + 18px) !important;
    transition: padding-left .22s ease !important;
  }

  body.pmbp-desktop-menu-active .pmbp-customer-portal {
    width: 100% !important;
    max-width: min(1240px, calc(100vw - var(--pmbp-desktop-menu-left) - var(--pmbp-desktop-menu-current) - 42px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-view {
    padding-top: 0 !important;
  }

  body.pmbp-desktop-menu-active .pmbp-mobile-topbar {
    display: none !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs {
    position: fixed !important;
    top: var(--pmbp-desktop-menu-top) !important;
    right: auto !important;
    bottom: var(--pmbp-desktop-menu-bottom) !important;
    left: var(--pmbp-desktop-menu-left) !important;
    transform: none !important;
    z-index: 1000006 !important;
    width: var(--pmbp-desktop-menu-current) !important;
    min-width: var(--pmbp-desktop-menu-current) !important;
    max-width: var(--pmbp-desktop-menu-current) !important;
    height: auto !important;
    max-height: calc(100dvh - var(--pmbp-desktop-menu-top) - var(--pmbp-desktop-menu-bottom)) !important;
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59, 130, 246, .28), transparent 34%),
      linear-gradient(180deg, rgba(15, 23, 42, .97), rgba(2, 6, 23, .985)) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    transition: width .22s ease, min-width .22s ease, max-width .22s ease, padding .22s ease !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs::-webkit-scrollbar {
    width: 5px !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .28) !important;
    border-radius: 999px !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-menu-user,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tab,
  body.pmbp-desktop-menu-active .pmbp-dashboard-sidebar-toggle,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyBtn.pmbp-notify-btn,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatBtn.pmbp-chat-btn,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn.pmbp-install-btn,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle.pmbp-translate-btn {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 46px !important;
    height: 46px !important;
    max-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    border-radius: 16px !important;
    background: rgba(15, 23, 42, .66) !important;
    color: #e5edf7 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tab:hover,
  body.pmbp-desktop-menu-active .pmbp-dashboard-sidebar-toggle:hover,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyBtn.pmbp-notify-btn:hover,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatBtn.pmbp-chat-btn:hover,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn.pmbp-install-btn:hover,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle.pmbp-translate-btn:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(125, 211, 252, .38) !important;
    background: rgba(30, 41, 59, .86) !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tab.is-active {
    color: #ffffff !important;
    border-color: rgba(96, 165, 250, .72) !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .96), rgba(14, 165, 233, .82)) !important;
    box-shadow: 0 14px 32px rgba(37, 99, 235, .26) !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-menu-user {
    min-height: 68px !important;
    height: auto !important;
    max-height: none !important;
    padding: 10px !important;
    background:
      linear-gradient(135deg, rgba(37, 99, 235, .22), rgba(14, 165, 233, .10)),
      rgba(15, 23, 42, .72) !important;
    border-color: rgba(125, 211, 252, .22) !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-menu-avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(191, 219, 254, .96), rgba(125, 211, 252, .88)) !important;
    color: #0f172a !important;
    border-color: rgba(219, 234, 254, .76) !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-menu-usertext strong {
    color: #f8fafc !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-menu-usertext span {
    color: #93c5fd !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tab em,
  body.pmbp-desktop-menu-active .pmbp-dashboard-sidebar-toggle__text,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyBtn .pmbp-notify-btn__text,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatBtn .pmbp-chat-btn__text,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn .pmbp-install-btn__text,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle .pmbp-translate-btn__text {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tab::before,
  body.pmbp-desktop-menu-active .pmbp-dashboard-sidebar-toggle__icon,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyBtn .pmbp-notify-btn__icon,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatBtn .pmbp-chat-btn__icon,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn .pmbp-install-btn__icon,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle .pmbp-translate-btn__icon {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 12px !important;
    background: rgba(96, 165, 250, .14) !important;
    color: #bfdbfe !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tab.is-active::before {
    background: rgba(255, 255, 255, .18) !important;
    color: #ffffff !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tab[data-tab="overview"]::before { content: "⌂"; }
  body.pmbp-desktop-menu-active .pmbp-dashboard-tab[data-tab="bots"]::before { content: "🤖"; }
  body.pmbp-desktop-menu-active .pmbp-dashboard-tab[data-tab="packages"]::before { content: "🛒"; }
  body.pmbp-desktop-menu-active .pmbp-dashboard-tab[data-tab="orders"]::before { content: "🧾"; }
  body.pmbp-desktop-menu-active .pmbp-dashboard-tab[data-tab="affiliate"]::before { content: "🤝"; }
  body.pmbp-desktop-menu-active .pmbp-dashboard-link::before { content: "📚"; }
  body.pmbp-desktop-menu-active #refreshBtn::before { content: "↻"; }
  body.pmbp-desktop-menu-active #logoutBtn::before { content: "⏻"; }

  body.pmbp-desktop-menu-active #refreshBtn {
    margin-top: auto !important;
  }

  body.pmbp-desktop-menu-active #logoutBtn {
    color: #fecaca !important;
    border-color: rgba(248, 113, 113, .28) !important;
    background: rgba(127, 29, 29, .32) !important;
  }

  body.pmbp-desktop-menu-active #logoutBtn::before {
    background: rgba(248, 113, 113, .16) !important;
    color: #fecaca !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tab--soft {
    color: #dbeafe !important;
    border-color: rgba(96, 165, 250, .25) !important;
    background: rgba(30, 64, 175, .18) !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-sidebar-toggle {
    color: #e0f2fe !important;
    border-color: rgba(125, 211, 252, .26) !important;
    background: rgba(8, 47, 73, .38) !important;
  }

  body.pmbp-desktop-menu-active .pmbp-desktop-menu-utilities {
    display: grid !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 4px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid rgba(148, 163, 184, .16) !important;
  }

  body.pmbp-desktop-menu-active .pmbp-desktop-menu-utility-title {
    display: block !important;
    padding: 0 6px !important;
    color: #7dd3fc !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyWrap.pmbp-notify-wrap,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatWrap.pmbp-chat-wrap,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn.pmbp-install-btn,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle.pmbp-translate-btn {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyWrap.pmbp-notify-wrap:not(.hidden),
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatWrap.pmbp-chat-wrap:not(.hidden) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 46px !important;
    height: 46px !important;
    max-height: 46px !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn.pmbp-install-btn:not(.hidden):not(.is-hidden),
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle.pmbp-translate-btn {
    display: flex !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyWrap.pmbp-notify-wrap.hidden,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatWrap.pmbp-chat-wrap.hidden,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn.pmbp-install-btn.hidden,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn.pmbp-install-btn.is-hidden {
    display: none !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyBtn.pmbp-notify-btn,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatBtn.pmbp-chat-btn {
    margin: 0 !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalNotifyBadge.pmbp-notify-badge,
  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalChatBadge.pmbp-chat-badge {
    position: absolute !important;
    top: 4px !important;
    right: 7px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 18px !important;
    z-index: 4 !important;
    transform: none !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #portalInstallAppBtn .pmbp-install-btn__icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  body.pmbp-desktop-menu-active #portalNotifyPanel.pmbp-notify-panel {
    position: fixed !important;
    top: var(--pmbp-desktop-menu-top) !important;
    right: auto !important;
    bottom: auto !important;
    left: calc(var(--pmbp-desktop-menu-left) + var(--pmbp-desktop-menu-current) + 14px) !important;
    width: min(420px, calc(100vw - var(--pmbp-desktop-menu-left) - var(--pmbp-desktop-menu-current) - 34px)) !important;
    max-width: calc(100vw - var(--pmbp-desktop-menu-left) - var(--pmbp-desktop-menu-current) - 34px) !important;
    max-height: calc(100dvh - var(--pmbp-desktop-menu-top) - var(--pmbp-desktop-menu-bottom)) !important;
    border-radius: 22px !important;
    z-index: 1000040 !important;
  }

  body.pmbp-desktop-menu-active #portalChatPanel.pmbp-chat-panel {
    position: fixed !important;
    top: var(--pmbp-desktop-menu-top) !important;
    right: auto !important;
    bottom: var(--pmbp-desktop-menu-bottom) !important;
    left: calc(var(--pmbp-desktop-menu-left) + var(--pmbp-desktop-menu-current) + 14px) !important;
    width: min(440px, calc(100vw - var(--pmbp-desktop-menu-left) - var(--pmbp-desktop-menu-current) - 34px)) !important;
    max-width: calc(100vw - var(--pmbp-desktop-menu-left) - var(--pmbp-desktop-menu-current) - 34px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 22px !important;
    z-index: 1000038 !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs {
    padding: 8px 7px !important;
    gap: 8px !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-menu-user {
    min-height: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-menu-avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-menu-usertext,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tab em,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-sidebar-toggle__text,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalNotifyBtn .pmbp-notify-btn__text,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalChatBtn .pmbp-chat-btn__text,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalInstallAppBtn .pmbp-install-btn__text,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #translateToggle .pmbp-translate-btn__text,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-desktop-menu-utility-title {
    display: none !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tab,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-sidebar-toggle,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalNotifyBtn.pmbp-notify-btn,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalChatBtn.pmbp-chat-btn,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalInstallAppBtn.pmbp-install-btn,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #translateToggle.pmbp-translate-btn {
    justify-content: center !important;
    padding: 0 !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tab::before,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-sidebar-toggle__icon,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalNotifyBtn .pmbp-notify-btn__icon,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalChatBtn .pmbp-chat-btn__icon,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #portalInstallAppBtn .pmbp-install-btn__icon,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed .pmbp-dashboard-tabs #translateToggle .pmbp-translate-btn__icon {
    margin: 0 !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed #portalNotifyPanel.pmbp-notify-panel,
  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed #portalChatPanel.pmbp-chat-panel {
    left: calc(var(--pmbp-desktop-menu-left) + var(--pmbp-desktop-menu-closed) + 14px) !important;
  }
}

@media (min-width: 981px) {
  body.pmbp-desktop-menu-active .pmbp-dashboard-sidebar-toggle {
    margin-top: 0 !important;
    order: 999 !important;
  }

  body.pmbp-desktop-menu-active #refreshBtn {
    margin-top: auto !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-menu-avatar.is-country-flag,
  body.pmbp-desktop-menu-active .pmbp-mobile-user-avatar.is-country-flag,
  body.pmbp-desktop-menu-active .pmbp-translate-btn__icon,
  body.pmbp-desktop-menu-active .pmbp-language-option__icon,
  body.pmbp-desktop-menu-active .pmbp-chat-msg__flag {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
    font-variant-emoji: emoji !important;
    text-rendering: optimizeLegibility !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-menu-avatar.is-country-flag {
    font-size: 21px !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
  }


  body.pmbp-desktop-menu-active .pmbp-chat-msg__flag {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle.pmbp-translate-btn {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.pmbp-desktop-menu-active .pmbp-dashboard-tabs #translateToggle .pmbp-translate-btn__icon {
    font-size: 19px !important;
    overflow: visible !important;
  }

  body.pmbp-desktop-menu-active #pmbpLanguagePanel.pmbp-language-panel {
    position: fixed !important;
    top: var(--pmbp-desktop-menu-top) !important;
    right: auto !important;
    bottom: auto !important;
    left: calc(var(--pmbp-desktop-menu-left) + var(--pmbp-desktop-menu-current) + 14px) !important;
    width: min(520px, calc(100vw - var(--pmbp-desktop-menu-left) - var(--pmbp-desktop-menu-current) - 34px)) !important;
    max-width: calc(100vw - var(--pmbp-desktop-menu-left) - var(--pmbp-desktop-menu-current) - 34px) !important;
    max-height: calc(100dvh - var(--pmbp-desktop-menu-top) - var(--pmbp-desktop-menu-bottom)) !important;
    border-radius: 22px !important;
    z-index: 1000042 !important;
    transform: none !important;
  }

  body.pmbp-desktop-menu-active.pmbp-desktop-menu-collapsed #pmbpLanguagePanel.pmbp-language-panel {
    left: calc(var(--pmbp-desktop-menu-left) + var(--pmbp-desktop-menu-closed) + 14px) !important;
  }

  body.pmbp-desktop-menu-active #pmbpLanguagePanel.pmbp-language-panel.hidden {
    display: none !important;
  }
}