/* Final shared action-icon layer. Loaded last on every interactive page. */
.app-v10-header-tools .app-notification-toggle,
.app-page-header .app-notification-toggle,
.app-notification-toggle.app-notification-icon-only {
  position: relative !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  border: 1px solid rgba(109, 40, 217, .16) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #eef2ff, #faf5ff) !important;
  color: #6d28d9 !important;
  box-shadow: 0 7px 18px rgba(15, 23, 42, .06) !important;
  overflow: visible !important;
}

.app-v10-header-tools .app-notification-toggle > i,
.app-page-header .app-notification-toggle > i,
.app-notification-toggle.app-notification-icon-only > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  color: #6d28d9 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.app-notification-badge {
  position: absolute !important;
  top: -7px !important;
  inset-inline-end: -6px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.app-v10-header-tools .app-wallet-chip,
.app-page-header .app-wallet-chip {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(4, 120, 87, .15) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ecfdf5, #eff6ff) !important;
  color: #047857 !important;
  box-shadow: 0 7px 18px rgba(15, 23, 42, .06) !important;
  overflow: visible !important;
}

.app-v10-header-tools .app-wallet-chip > i,
.app-page-header .app-wallet-chip > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  color: #10b981 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.app-support-floating,
.app-support-floating-icon-only,
button[data-support-open] {
  position: fixed !important;
  inset-inline-start: 18px !important;
  inset-inline-end: auto !important;
  bottom: 18px !important;
  z-index: 9200 !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #075b7a !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(7, 91, 122, .25) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.app-support-floating > i,
.app-support-floating-icon-only > i,
button[data-support-open] > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.app-support-floating:hover,
.app-support-floating-icon-only:hover,
button[data-support-open]:hover {
  background: #087f8d !important;
  color: #fff !important;
}

@media (max-width: 720px) {
  .app-v10-header-tools .app-wallet-chip,
  .app-page-header .app-wallet-chip {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    flex: 0 0 40px !important;
  }

  .app-wallet-chip-text {
    display: none !important;
  }

  .app-support-floating,
  .app-support-floating-icon-only,
  button[data-support-open] {
    inset-inline-start: 12px !important;
    bottom: 14px !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  .app-support-floating > i,
  .app-support-floating-icon-only > i,
  button[data-support-open] > i {
    font-size: 20px !important;
  }
}