@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

.antx-toggle-btn,
.antx-sidebar,
.antx-sidebar-show,
.antx-panel,
.antx-selection-box,
.antx-comment-card,
.antx-lightbox,
.antx-confirm-modal {
  font-family: "Inter", "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.antx-ui-root,
.antx-ui-root * {
  box-sizing: border-box;
}

/* Theme-proof base reset inside plugin UI only. */
.antx-ui-root {
  position: static;
  z-index: auto !important;
  isolation: isolate;
  pointer-events: none;
  color: #0f172a;
  line-height: 1.4;
}

.antx-ui-root :is(p, span, label, strong, em, small, a, li, ul, ol, option, optgroup) {
  font-family: "Inter", "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.antx-sidebar button,
.antx-panel button,
.antx-panel textarea,
.antx-panel input,
.antx-panel select,
.antx-comment-card button,
.antx-comment-card textarea,
.antx-comment-card input,
.antx-comment-card select {
  font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.antx-ui-root button,
.antx-ui-root input,
.antx-ui-root textarea,
.antx-ui-root select {
  font: inherit;
  font-family: "Inter", "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: normal;
  text-transform: none;
  text-shadow: none;
  margin: 0 !important;
  box-shadow: none !important;
}

.antx-ui-root :is(button, input, textarea, select):focus,
.antx-ui-root :is(button, input, textarea, select):focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.antx-ui-root button,
.antx-ui-root textarea,
.antx-ui-root select {
  -webkit-appearance: none;
  appearance: none;
}

.antx-ui-root select {
  -webkit-appearance: menulist !important;
  appearance: auto !important;
}

.antx-ui-root select option,
.antx-ui-root select optgroup {
  font-family: "Inter", "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.antx-ui-root button {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* Safer button reset for plugin controls (avoids breaking native button behavior). */
.antx-ui-root :is(
  .antx-toggle-btn,
  .antx-sidebar-hide,
  .antx-sidebar-show,
  .antx-sidebar-tab,
  .antx-sidebar-item,
  .antx-anno-btn,
  .antx-save,
  .antx-cancel,
  .antx-comment-close,
  .antx-comment-edit,
  .antx-comment-resolve,
  .antx-comment-delete,
  .antx-comment-edit-save,
  .antx-comment-edit-cancel,
  .antx-lightbox-close,
  .antx-reply-send,
  .antx-comment-shot-overlay,
  .antx-marker
) {
  font-family: "Inter", "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  appearance: none;
  -webkit-appearance: none;
  text-decoration: none !important;
  outline: none;
}