@import "tailwindcss";

@import './base.css';
@import './utilities.css';

/* Component imports */
@import './components/modals.css';
@import './components/toolbar.css';
@import './components/tooltip.css';
@import './components/tabs.css';

@import './components/select.css';
@import './components/slider.css';
@import './components/preview.css';
@import './components/html-editor.css';
@import './components/popover.css';
@import './components/ai-helper.css';
@import './components/onboarding.css';
@import './components/pro.css';
@import './components/toast.css';


/* Blocks imports */
@import './blocks/floating-settings.css';
@import './blocks/settings.css';
@import './blocks/settings-page.css';
@import './blocks/layer-tree.css';
@import './blocks/sidebar-left.css';

/* App wrapper - isolate from WordPress admin styles */
#opus-price-builder-app,
#opus-price-builder-settings {
  @apply font-sans text-base text-text antialiased;
  
  /* Reset WordPress admin styles */
  all: initial;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
  & * {
    box-sizing: border-box;
  }
}

#opus-price-builder-app .oppb-app-wrapper {
	@apply mt-4;
}
