/* ERP UI bundle: ui-core.css */
/* Source: /assets/ui/foundation/tokens.css */
/* Canonical ERP design tokens. Keep declarations ordered for compatibility. */

:root {
  --erp-header-h: 0px;
  --erp-sidebar-w: 220px;
  --erp-icon-size: 24px;
  --erp-category-icon-size: 36px;
  --erp-category-icon-table-size: 34px;
  --erp-category-icon-detail-size: 34px;
  --erp-category-icon-badge-size: 28px;
  --erp-category-icon-filter-size: 36px;
  --erp-category-icon-choice-size: 56px;
  --erp-category-icon-tile-size: 64px;
  --erp-product-group-choice-size: 68px;
  --erp-category-icon-bg: #fff;
  --erp-category-icon-glow: 0 0 0 3px rgba(255, 255, 255, .92), 0 0 18px rgba(255, 255, 255, .88);
  --erp-toolbar-cell-gap: 12px;
  --erp-page-toolbar-h: 54px;
  --erp-footer-h: var(--erp-page-toolbar-h);
  --erp-spa-transition-duration: 150ms;
  --erp-spa-transition-easing: cubic-bezier(.22, 1, .36, 1);
  --erp-sidebar-w-collapsed: 64px;
  --erp-toolbar-btn-size: 54px;
  --erp-toolbar-btn-icon-size: 16px;
  --erp-sidebar-mobile-w: min(82vw, 320px);
  --erp-sidebar-current-w: var(--erp-sidebar-w);
  --erp-sidebar-bottom-bg: #f1f5f9;
  --erp-action-accent: #0095f6;
  --erp-action-accent-strong: #1877f2;
  --erp-action-hover-bg: #f2f3f5;
  --erp-action-hover-text: #262626;
  --erp-action-active-bg: var(--erp-action-accent);
  --erp-action-active-text: #fff;
  --erp-action-active-shadow: none;
  --erp-page-bg: var(--erp-ui-bg, #f4f7fb);
  --erp-page-toolbar-bg: var(--erp-page-bg);
  --erp-page-toolbar-hover-bg: var(--erp-action-hover-bg);
  --erp-page-toolbar-active-bg: var(--erp-action-active-bg);
  --erp-page-toolbar-text: #0f172a;
  --erp-page-toolbar-muted: #64748b;
  --erp-page-toolbar-contrast-text: #f8fafc;
  --erp-button-group-bg: var(--erp-ui-surface, #fff);
  --erp-button-group-hover-bg: var(--erp-action-hover-bg);
  --erp-button-group-active-bg: var(--erp-action-active-bg);
  --erp-button-group-text: #64748b;
  --erp-button-group-active-text: var(--erp-action-active-text);
  --erp-button-group-hover-text: var(--erp-action-hover-text);
  --erp-button-group-border: var(--erp-ui-border, #d1d5db);
  --erp-button-group-divider: var(--erp-ui-border-soft, #e5e7eb);
  --erp-button-group-radius: 16px;
  --erp-field-radius: 16px;
  --erp-popover-radius: 14px;
  --erp-menu-min-width: 220px;
  --erp-menu-max-width: min(360px, calc(100vw - 16px));
  --erp-menu-max-height: min(360px, calc(100dvh - 24px));
  --erp-menu-padding: 6px;
  --erp-menu-gap: 3px;
  --erp-menu-item-min-height: 44px;
  --erp-menu-item-padding: 6px 9px;
  --erp-menu-item-gap: 10px;
  --erp-menu-item-radius: var(--erp-ui-radius-sm, 6px);
  --erp-menu-item-font-size: 13px;
  --erp-menu-item-font-weight: 800;
  --erp-menu-icon-box-size: 32px;
  --erp-menu-icon-size: 16px;
  --erp-modal-radius: 20px;
  --erp-workspace-radius: 20px;
  --erp-badge-neutral-border: #64748b;
  --erp-badge-neutral-bg: #64748b;
  --erp-badge-neutral-text: #fff;
  --erp-badge-primary-border: #bfdbfe;
  --erp-badge-primary-bg: #eff6ff;
  --erp-badge-primary-text: #1d4ed8;
  --erp-badge-success-border: #bbf7d0;
  --erp-badge-success-bg: #f0fdf4;
  --erp-badge-success-text: #15803d;
  --erp-badge-warning-border: #fde68a;
  --erp-badge-warning-bg: #fffbeb;
  --erp-badge-warning-text: #b45309;
  --erp-badge-promo-border: #fecdd3;
  --erp-badge-promo-bg: #fff1f2;
  --erp-badge-promo-text: #be123c;
  --erp-badge-danger-border: #fecaca;
  --erp-badge-danger-bg: #fef2f2;
  --erp-badge-danger-text: #b91c1c;
  --erp-badge-purple-border: #ddd6fe;
  --erp-badge-purple-bg: #f5f3ff;
  --erp-badge-purple-text: #6d28d9;
  --erp-badge-disabled-border: #e5e7eb;
  --erp-badge-disabled-bg: #f8fafc;
  --erp-badge-disabled-text: #9ca3af;
  --erp-product-color-black-white: linear-gradient(135deg, #111827 0 49%, #fff 51%);
  --erp-product-color-black: #111827;
  --erp-product-color-white: #ffffff;
  --erp-product-color-beige: #d8c3a5;
  --erp-product-color-gray: #9ca3af;
  --erp-product-color-graphite: #4b5563;
  --erp-product-color-light-brown: #a97c50;
  --erp-product-color-brown: #7c4a2d;
  --erp-product-color-cappuccino: #a47c64;
  --erp-product-color-mocha: #6f4e37;
  --erp-product-color-navy: #1e3a8a;
  --erp-product-color-blue: #2563eb;
  --erp-product-color-sky: #7dd3fc;
  --erp-product-color-green: #16a34a;
  --erp-product-color-olive: #808000;
  --erp-product-color-red: #dc2626;
  --erp-product-color-burgundy: #881337;
  --erp-product-color-raspberry: #e11d48;
  --erp-product-color-pink: #f472b6;
  --erp-product-color-fuchsia: #c026d3;
  --erp-product-color-powder: #e8b4bc;
  --erp-product-color-yellow: #facc15;
  --erp-product-color-orange: #f97316;
  --erp-product-color-purple: #7c3aed;
  --erp-product-color-cream: #f5f0df;
  --erp-product-color-gold: #d4af37;
  --erp-product-color-silver: #c0c7d1;
  --erp-product-color-khaki: #6b7652;
  --erp-product-color-unknown: #cbd5e1;
  --erp-system-badge-bg: var(--erp-badge-neutral-bg);
  --erp-system-badge-text: var(--erp-badge-neutral-text);
  --erp-system-badge-border: #fff;
  --erp-system-badge-shadow: 0 4px 10px rgba(100, 116, 139, .28);
  --erp-block-gap: 14px;
  --erp-invoice-block-gap: var(--erp-block-gap);
  --erp-document-wizard-gap: 12px;
  --erp-workspace-viewport-h: calc(100vh - var(--erp-header-h, 56px) - var(--erp-footer-h, 56px) - var(--erp-page-toolbar-h, 54px) - 32px);
  --erp-avatar-size: 38px;
  /* page floating < overlay < modal < modal child < tooltip < notification < navigation */
  --erp-layer-local-sticky: 8;
  --erp-layer-sticky-actions: 1188;
  --erp-layer-floating: 1390;
  --erp-layer-overlay: 1400;
  --erp-layer-modal: 1500;
  --erp-layer-modal-child: 1600;
  --erp-layer-tooltip: 1700;
  --erp-layer-notification: 1800;
  --erp-layer-navigation-backdrop: 1890;
  --erp-layer-navigation: 1900;
  --erp-tooltip-bg: rgba(17, 24, 39, 0.96);
  --erp-tooltip-text: #fff;
  --erp-tooltip-border: rgba(15, 23, 42, 0.10);
  --erp-tooltip-radius: 10px;
  --erp-tooltip-shadow: 0 14px 34px rgba(15, 23, 42, 0.18);
}

/* == UI Kit tokens == */
:root {
  --erp-ui-font: Arial, Helvetica, sans-serif;

  --erp-ui-bg: #f4f7fb;
  --erp-ui-bg-soft: #edf2f7;
  --erp-ui-surface: #ffffff;
  --erp-ui-surface-raised: #ffffff;
  --erp-ui-surface-muted: #f7f9fc;
  --erp-ui-surface-soft: #edf2f7;
  --erp-ui-border: #d6dee9;
  --erp-ui-border-soft: #e7ecf2;

  --erp-ui-text: #172033;
  --erp-ui-text-soft: #334155;
  --erp-ui-ink: var(--erp-ui-text);
  --erp-ui-muted: #60708a;
  --erp-ui-muted-soft: #91a0b5;
  --erp-ui-subtle: #91a0b5;
  --erp-ui-icon: #60708a;
  --erp-ui-hover: var(--erp-action-hover-bg);

  --erp-ui-primary: #2563eb;
  --erp-ui-primary-dark: #1d4ed8;
  --erp-ui-accent: #0891b2;
  --erp-ui-accent-soft: #ecfeff;
  --erp-ui-accent-warm: #f59e0b;
  --erp-ui-gradient-brand: linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #14b8a6 100%);
  --erp-ui-gradient-soft: linear-gradient(145deg, #ffffff 0%, #f7f9fc 54%, #eef6ff 100%);
  --erp-ui-success: #16a34a;
  --erp-ui-warning: #f59e0b;
  --erp-ui-danger: #dc2626;
  --erp-ui-info: #0891b2;
  --erp-ui-purple: #7c3aed;

  --erp-ui-radius-xs: 4px;
  --erp-ui-radius-sm: 6px;
  --erp-ui-radius: 16px;
  --erp-ui-radius-md: 16px;
  --erp-ui-radius-lg: 20px;
  --erp-ui-radius-xl: 24px;
  --erp-ui-radius-pill: 999px;

  --erp-ui-space-1: 4px;
  --erp-ui-space-2: 8px;
  --erp-ui-space-3: 12px;
  --erp-ui-space-4: 16px;
  --erp-ui-space-5: 20px;
  --erp-ui-space-6: 24px;

  --erp-ui-shadow-sm: 0 3px 10px rgba(15, 23, 42, .06);
  --erp-ui-shadow: 0 12px 30px rgba(15, 23, 42, .11);
  --erp-ui-shadow-md: var(--erp-ui-shadow);
  --erp-ui-shadow-lg: 0 22px 54px rgba(15, 23, 42, .17);
  --erp-ui-shadow-top: 0 -18px 42px rgba(15, 23, 42, .08);
  --erp-ui-focus-ring: 0 0 0 3px color-mix(in srgb, var(--erp-ui-primary) 14%, transparent);
  --erp-ui-control-height: 40px;

  --erp-ui-transition: 150ms ease;
}
/* Source: /assets/ui/foundation/reset.css */
* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
/* Source: /assets/ui/foundation/typography.css */
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}

a {
  color: #1d4ed8;
  text-decoration: none;
}

ul {
  padding-left: 18px;
}
/* Source: /assets/ui/foundation/layout.css */
html:has(body.erp-embedded-page),
body.erp-embedded-page {
  height: 100%;
}

html:has(body.erp-embedded-page) {
  scrollbar-gutter: auto;
}

body {
  background: var(--erp-page-bg);
  --erp-sidebar-current-w: var(--erp-sidebar-w);
}

body.erp-embedded-page {
  background: #fff;
  overflow-x: hidden;
}

body.erp-embedded-page main {
  min-height: 100%;
}

body:not(.login-page) {
  padding-bottom: var(--erp-footer-h);
}

body.sidebar-collapsed {
  --erp-sidebar-current-w: var(--erp-sidebar-w-collapsed);
}