/* Compact toolbar for Nextt Visual Page Editor and Universal Visual Site Editor */
body .nextt-vpe-toolbar,
body .uvse-toolbar {
  left: auto !important;
  right: 18px !important;
  bottom: 18px !important;
  width: auto !important;
  max-width: 620px !important;
  min-width: 360px !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24) !important;
}

body .nextt-vpe-title,
body .uvse-title {
  font-size: 13px !important;
  line-height: 1 !important;
  max-width: 145px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .nextt-vpe-status,
body .uvse-status {
  display: none !important;
}

body .nextt-vpe-toolbar button,
body .uvse-toolbar button {
  padding: 8px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  min-height: 32px !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
}

body .nextt-vpe-save,
body .uvse-save-page {
  min-width: 82px !important;
}

body .nextt-vpe-reset,
body .nextt-vpe-exit,
body .uvse-reset-page,
body .uvse-exit,
body .uvse-change-logo {
  min-width: auto !important;
}

/* Make side panel a little smaller too */
body .nextt-vpe-panel,
body .uvse-panel {
  width: 330px !important;
  max-width: calc(100vw - 24px) !important;
  right: 12px !important;
  padding: 14px !important;
  border-radius: 14px !important;
}

body .nextt-vpe-panel h3,
body .uvse-panel h3 {
  font-size: 17px !important;
  margin-bottom: 8px !important;
}

body .nextt-vpe-panel input,
body .nextt-vpe-panel textarea,
body .uvse-panel input,
body .uvse-panel textarea {
  padding: 9px 10px !important;
  font-size: 13px !important;
  margin: 6px 0 9px !important;
}

/* Mobile: compact but usable */
@media (max-width: 760px) {
  body .nextt-vpe-toolbar,
  body .uvse-toolbar {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  body .nextt-vpe-title,
  body .uvse-title {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    text-align: center !important;
    font-size: 12px !important;
  }

  body .nextt-vpe-toolbar button,
  body .uvse-toolbar button {
    width: 100% !important;
    padding: 8px 7px !important;
    font-size: 11px !important;
    min-height: 31px !important;
  }

  body .nextt-vpe-panel,
  body .uvse-panel {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    top: 60px !important;
  }
}

/* Very small phones */
@media (max-width: 430px) {
  body .nextt-vpe-toolbar,
  body .uvse-toolbar {
    grid-template-columns: 1fr !important;
  }

  body .nextt-vpe-title,
  body .uvse-title {
    display: none !important;
  }
}