npm - @nice2dev/ui-erp - Versions diffs - 1.1.7 → 1.1.10 - Mend

@nice2dev/ui-erp 1.1.7 → 1.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/style.css DELETED Viewed

@@ -1,1511 +0,0 @@
-/**
- * ERP Components Styles
- * @package @nice2dev/ui-erp
- */
-/* =============================================================================
-   COMMON ERP STYLES
-   ============================================================================= */
-:root {
-  --erp-primary: var(--nice-primary, #6366f1);
-  --erp-primary-dark: var(--nice-primary-dark, #4f46e5);
-  --erp-primary-light: var(--nice-primary-light, #818cf8);
-  --erp-success: var(--nice-success, #22c55e);
-  --erp-warning: var(--nice-warning, #f59e0b);
-  --erp-error: var(--nice-danger, #ef4444);
-  --erp-info: var(--nice-info, #3b82f6);
-  --erp-bg: var(--nice-bg, #0f172a);
-  --erp-surface: var(--nice-bg-secondary, #1e293b);
-  --erp-surface-alt: var(--nice-bg-tertiary, #334155);
-  --erp-border: var(--nice-border, #475569);
-  --erp-text: var(--nice-text, #f1f5f9);
-  --erp-text-muted: var(--nice-text-muted, #94a3b8);
-  --erp-radius: 8px;
-  --erp-radius-sm: 4px;
-  --erp-shadow: 0 4px 6px -1px var(--nice-overlay-30, rgba(0, 0, 0, 0.3));
-  --erp-transition: 150ms ease;
-}
-/* =============================================================================
-   GANTT CHART
-   ============================================================================= */
-.nice-gantt-chart {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  min-height: 500px;
-  background: var(--erp-bg);
-  color: var(--erp-text);
-  font-family: system-ui, -apple-system, sans-serif;
-}
-.gantt__toolbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--nice-space-3, 12px) var(--nice-space-5, 20px);
-  background: var(--erp-surface);
-  border-bottom: 1px solid var(--erp-border);
-}
-.gantt__toolbar h2 {
-  margin: 0;
-  font-size: 1.125rem;
-  font-weight: 600;
-}
-.time-unit-selector,
-.view-selector {
-  display: flex;
-  gap: var(--nice-space-1, 4px);
-}
-.unit-button,
-.view-button {
-  padding: var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);
-  border: 1px solid var(--erp-border);
-  background: transparent;
-  color: var(--erp-text);
-  border-radius: var(--erp-radius-sm);
-  cursor: pointer;
-  transition: all var(--erp-transition);
-}
-.unit-button:hover,
-.view-button:hover {
-  background: var(--erp-surface-alt);
-}
-.unit-button--active,
-.view-button--active {
-  background: var(--erp-primary);
-  border-color: var(--erp-primary);
-  color: white;
-}
-.add-task-button,
-.add-button {
-  padding: var(--nice-space-2, 8px) var(--nice-space-4, 16px);
-  border: none;
-  background: var(--erp-primary);
-  color: white;
-  border-radius: var(--erp-radius);
-  font-size: 0.875rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all var(--erp-transition);
-}
-.add-task-button:hover,
-.add-button:hover {
-  background: var(--erp-primary-dark);
-}
-.gantt__container {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-}
-/* Task List */
-.gantt__task-list {
-  width: 350px;
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  border-right: 1px solid var(--erp-border);
-  background: var(--erp-surface);
-}
-.task-list__header {
-  display: flex;
-  align-items: center;
-  padding: var(--nice-space-3, 12px);
-  background: var(--erp-surface-alt);
-  border-bottom: 1px solid var(--erp-border);
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: var(--erp-text-muted);
-}
-.col-name { flex: 1; }
-.col-dates { width: 100px; text-align: center; }
-.col-progress { width: 60px; text-align: right; }
-.task-list__body {
-  flex: 1;
-  overflow-y: auto;
-}
-.task-row {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-2, 8px);
-  padding: var(--nice-space-2, 8px) var(--nice-space-3, 12px);
-  border-bottom: 1px solid var(--erp-border);
-  cursor: pointer;
-  transition: background var(--erp-transition);
-}
-.task-row:hover {
-  background: var(--erp-surface-alt);
-}
-.task-row--selected {
-  background: var(--nice-accent-tint-10, rgba(99, 102, 241, 0.1));
-}
-.collapse-button {
-  width: 20px;
-  height: 20px;
-  border: none;
-  background: transparent;
-  color: var(--erp-text-muted);
-  cursor: pointer;
-  font-size: 0.75rem;
-}
-.task-icon {
-  width: 10px;
-  height: 10px;
-  border-radius: var(--nice-radius-full, 50%);
-  flex-shrink: 0;
-}
-.milestone-icon {
-  color: var(--erp-warning);
-  font-size: 0.75rem;
-}
-.task-name {
-  flex: 1;
-  font-size: 0.875rem;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.task-dates {
-  width: 100px;
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-  text-align: center;
-}
-.task-progress {
-  width: 60px;
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-  text-align: right;
-}
-/* Timeline */
-.gantt__timeline {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-}
-.timeline__header {
-  display: flex;
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  background: var(--erp-surface-alt);
-  border-bottom: 1px solid var(--erp-border);
-}
-.time-column {
-  flex-shrink: 0;
-  padding: var(--nice-space-3, 12px) var(--nice-space-1, 4px);
-  text-align: center;
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-  border-right: 1px solid var(--erp-border);
-}
-.timeline__body {
-  position: relative;
-  flex: 1;
-}
-.grid-lines {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-}
-.grid-line {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 1px;
-  background: var(--erp-border);
-  opacity: 0.3;
-}
-.today-marker {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 2px;
-  background: var(--erp-error);
-  z-index: 5;
-}
-.today-label {
-  position: absolute;
-  top: -24px;
-  left: 50%;
-  transform: translateX(-50%);
-  padding: var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);
-  background: var(--erp-error);
-  color: white;
-  font-size: 0.625rem;
-  border-radius: var(--nice-radius-sm, 2px);
-  white-space: nowrap;
-}
-.task-bar-row {
-  position: absolute;
-  left: 0;
-  right: 0;
-}
-.task-bar {
-  position: absolute;
-  height: 24px;
-  top: 50%;
-  transform: translateY(-50%);
-  border-radius: var(--erp-radius-sm);
-  cursor: grab;
-  transition: box-shadow var(--erp-transition);
-  overflow: hidden;
-}
-.task-bar:hover {
-  box-shadow: 0 0 0 2px var(--nice-overlay-light-30, rgba(255, 255, 255, 0.3));
-}
-.task-bar--dragging {
-  cursor: grabbing;
-  opacity: 0.8;
-}
-.task-bar--milestone {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent !important;
-}
-.milestone-diamond {
-  width: 16px;
-  height: 16px;
-  transform: rotate(45deg);
-  border-radius: var(--nice-radius-sm, 2px);
-}
-.progress-fill {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  background: var(--nice-overlay-30, rgba(0, 0, 0, 0.3));
-  pointer-events: none;
-}
-.resize-handle {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 8px;
-  cursor: ew-resize;
-}
-.resize-handle--start { left: 0; }
-.resize-handle--end { right: 0; }
-.task-bar-label {
-  position: absolute;
-  left: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 0.75rem;
-  color: white;
-  white-space: nowrap;
-  text-shadow: 0 1px 2px var(--nice-overlay-50, rgba(0, 0, 0, 0.5));
-}
-.task-tooltip {
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  padding: var(--nice-space-2, 8px) var(--nice-space-3, 12px);
-  background: var(--erp-surface);
-  border: 1px solid var(--erp-border);
-  border-radius: var(--erp-radius);
-  box-shadow: var(--erp-shadow);
-  z-index: 100;
-  white-space: nowrap;
-  pointer-events: none;
-}
-.tooltip-dates,
-.tooltip-progress,
-.tooltip-assignees {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-  margin-top: var(--nice-space-1, 4px);
-}
-.dependencies-layer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
-/* =============================================================================
-   RESOURCE ALLOCATION
-   ============================================================================= */
-.nice-resource-allocation {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  min-height: 500px;
-  background: var(--erp-bg);
-  color: var(--erp-text);
-  font-family: system-ui, -apple-system, sans-serif;
-}
-.allocation__toolbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--nice-space-3, 12px) var(--nice-space-5, 20px);
-  background: var(--erp-surface);
-  border-bottom: 1px solid var(--erp-border);
-}
-.allocation__toolbar h2 {
-  margin: 0;
-  font-size: 1.125rem;
-  font-weight: 600;
-}
-.date-range {
-  margin-left: var(--nice-space-4, 16px);
-  font-size: 0.875rem;
-  color: var(--erp-text-muted);
-}
-.conflicts-badge {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-1-5, 6px);
-  padding: var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);
-  background: var(--nice-danger-tint-10, rgba(239, 68, 68, 0.1));
-  border: 1px solid var(--erp-error);
-  border-radius: var(--erp-radius);
-  color: var(--erp-error);
-  font-size: 0.875rem;
-}
-.allocation__legend {
-  display: flex;
-  gap: var(--nice-space-5, 20px);
-  padding: var(--nice-space-2, 8px) var(--nice-space-5, 20px);
-  background: var(--erp-surface-alt);
-  border-bottom: 1px solid var(--erp-border);
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.legend-item {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-1-5, 6px);
-}
-.legend-color {
-  width: 16px;
-  height: 16px;
-  border-radius: var(--nice-radius-sm, 2px);
-}
-.allocation__grid {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-}
-.grid__header {
-  display: flex;
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  background: var(--erp-surface-alt);
-  border-bottom: 1px solid var(--erp-border);
-}
-.resource-header {
-  width: 280px;
-  flex-shrink: 0;
-  padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: var(--erp-text-muted);
-  text-transform: uppercase;
-  border-right: 1px solid var(--erp-border);
-}
-.time-headers {
-  display: flex;
-  flex: 1;
-}
-.time-header {
-  min-width: 80px;
-  padding: var(--nice-space-3, 12px) var(--nice-space-2, 8px);
-  text-align: center;
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-  border-right: 1px solid var(--erp-border);
-}
-.grid__body {
-  flex: 1;
-}
-.resource-row {
-  display: flex;
-  flex-wrap: wrap;
-  border-bottom: 1px solid var(--erp-border);
-}
-.resource-cell {
-  width: 280px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-2, 8px);
-  padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
-  background: var(--erp-surface);
-  border-right: 1px solid var(--erp-border);
-  cursor: pointer;
-}
-.resource-cell:hover {
-  background: var(--erp-surface-alt);
-}
-.expand-button {
-  width: 20px;
-  height: 20px;
-  border: none;
-  background: transparent;
-  color: var(--erp-text-muted);
-  cursor: pointer;
-}
-.resource-icon {
-  font-size: 1.25rem;
-}
-.resource-info {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-.resource-name {
-  font-size: 0.875rem;
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.resource-dept {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.resource-capacity {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.time-cells {
-  display: flex;
-  flex: 1;
-}
-.time-cell {
-  min-width: 80px;
-  padding: var(--nice-space-2, 8px);
-  border-right: 1px solid var(--erp-border);
-  cursor: pointer;
-  transition: all var(--erp-transition);
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--nice-space-1, 4px);
-}
-.time-cell:hover {
-  background-color: var(--nice-accent-tint-10, rgba(99, 102, 241, 0.1)) !important;
-}
-.allocation-indicators {
-  display: flex;
-  gap: var(--nice-space-0-5, 2px);
-}
-.allocation-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: var(--nice-radius-full, 50%);
-  background: var(--erp-primary);
-  cursor: pointer;
-}
-.allocation-dot.tentative {
-  background: var(--erp-warning);
-}
-.allocation-dot.confirmed {
-  background: var(--erp-success);
-}
-.utilization-label {
-  font-size: 0.625rem;
-  color: var(--erp-text-muted);
-}
-.more-indicator {
-  font-size: 0.625rem;
-  color: var(--erp-text-muted);
-}
-.expanded-allocations {
-  width: 100%;
-  padding: var(--nice-space-2, 8px) var(--nice-space-2, 8px) var(--nice-space-2, 8px) 288px;
-  position: relative;
-  height: 40px;
-  background: var(--erp-surface);
-}
-.allocation-bar {
-  position: absolute;
-  height: 24px;
-  top: 8px;
-  border-radius: var(--erp-radius-sm);
-  background: var(--erp-primary);
-  display: flex;
-  align-items: center;
-  padding: 0 var(--nice-space-2, 8px);
-  cursor: pointer;
-  transition: all var(--erp-transition);
-}
-.allocation-bar.tentative {
-  background: var(--erp-warning);
-}
-.allocation-bar.confirmed {
-  background: var(--erp-success);
-}
-.allocation-bar.selected {
-  box-shadow: 0 0 0 2px white;
-}
-.allocation-label {
-  font-size: 0.75rem;
-  color: white;
-  white-space: nowrap;
-}
-.delete-allocation {
-  margin-left: auto;
-  padding: 0 var(--nice-space-1, 4px);
-  border: none;
-  background: transparent;
-  color: var(--nice-overlay-light-70, rgba(255, 255, 255, 0.7));
-  cursor: pointer;
-}
-.delete-allocation:hover {
-  color: white;
-}
-/* =============================================================================
-   INVENTORY MANAGER
-   ============================================================================= */
-.nice-inventory-manager {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  min-height: 500px;
-  background: var(--erp-bg);
-  color: var(--erp-text);
-  font-family: system-ui, -apple-system, sans-serif;
-}
-.inventory__toolbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--nice-space-4, 16px);
-  padding: var(--nice-space-3, 12px) var(--nice-space-5, 20px);
-  background: var(--erp-surface);
-  border-bottom: 1px solid var(--erp-border);
-  flex-wrap: wrap;
-}
-.toolbar__left {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-3, 12px);
-  flex-wrap: wrap;
-}
-.toolbar__right {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-3, 12px);
-}
-.search-box {
-  position: relative;
-}
-.search-box input {
-  width: 240px;
-  padding: var(--nice-space-2, 8px) var(--nice-space-3, 12px) var(--nice-space-2, 8px) 36px;
-  border: 1px solid var(--erp-border);
-  border-radius: var(--erp-radius);
-  background: var(--erp-surface-alt);
-  color: var(--erp-text);
-  font-size: 0.875rem;
-}
-.search-box input:focus {
-  outline: none;
-  border-color: var(--erp-primary);
-}
-.search-icon {
-  position: absolute;
-  left: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.toolbar__left select {
-  padding: var(--nice-space-2, 8px) var(--nice-space-3, 12px);
-  border: 1px solid var(--erp-border);
-  border-radius: var(--erp-radius);
-  background: var(--erp-surface-alt);
-  color: var(--erp-text);
-  font-size: 0.875rem;
-}
-.filter-checkbox {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-1-5, 6px);
-  font-size: 0.875rem;
-  color: var(--erp-text-muted);
-  cursor: pointer;
-}
-.inventory__tabs {
-  display: flex;
-  gap: 0;
-  background: var(--erp-surface);
-  border-bottom: 1px solid var(--erp-border);
-  padding: 0 var(--nice-space-5, 20px);
-}
-.tab {
-  padding: var(--nice-space-3, 12px) var(--nice-space-5, 20px);
-  border: none;
-  background: transparent;
-  color: var(--erp-text-muted);
-  font-size: 0.875rem;
-  cursor: pointer;
-  position: relative;
-  transition: all var(--erp-transition);
-}
-.tab:hover {
-  color: var(--erp-text);
-}
-.tab--active {
-  color: var(--erp-primary);
-}
-.tab--active::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 2px;
-  background: var(--erp-primary);
-}
-.alert-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 18px;
-  height: 18px;
-  margin-left: var(--nice-space-1-5, 6px);
-  padding: 0 var(--nice-space-1-5, 6px);
-  background: var(--erp-error);
-  color: white;
-  font-size: 0.625rem;
-  font-weight: 600;
-  border-radius: var(--nice-radius-full, 99px);
-}
-.inventory__content {
-  flex: 1;
-  padding: var(--nice-space-5, 20px);
-  overflow: auto;
-}
-/* Grid View */
-.items-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-  gap: var(--nice-space-4, 16px);
-}
-.item-card {
-  background: var(--erp-surface);
-  border-radius: var(--erp-radius);
-  overflow: hidden;
-  cursor: pointer;
-  transition: all var(--erp-transition);
-  position: relative;
-}
-.item-card:hover {
-  transform: translateY(-2px);
-  box-shadow: var(--erp-shadow);
-}
-.item-card--selected {
-  ring: 2px solid var(--erp-primary);
-}
-.item-checkbox {
-  position: absolute;
-  top: 12px;
-  left: 12px;
-  z-index: 10;
-}
-.item-image {
-  height: 120px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--erp-surface-alt);
-}
-.item-image img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.placeholder-image {
-  font-size: 2rem;
-}
-.item-info {
-  padding: var(--nice-space-3, 12px);
-}
-.item-sku {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.item-name {
-  margin: var(--nice-space-1, 4px) 0;
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.item-category {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.item-stock {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-2, 8px);
-  padding: var(--nice-space-2, 8px) var(--nice-space-3, 12px);
-  border-top: 1px solid var(--erp-border);
-}
-.status-badge {
-  padding: var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);
-  border-radius: var(--erp-radius-sm);
-  font-size: 0.625rem;
-  font-weight: 500;
-  color: white;
-  text-transform: capitalize;
-}
-.quantity {
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.reorder-alert {
-  font-size: 0.75rem;
-  color: var(--erp-warning);
-}
-.item-value {
-  padding: var(--nice-space-2, 8px) var(--nice-space-3, 12px);
-  border-top: 1px solid var(--erp-border);
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--erp-primary-light);
-}
-/* List View */
-.items-table {
-  background: var(--erp-surface);
-  border-radius: var(--erp-radius);
-  overflow: hidden;
-}
-.items-table table {
-  width: 100%;
-  border-collapse: collapse;
-}
-.items-table th {
-  padding: var(--nice-space-3, 12px);
-  text-align: left;
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: var(--erp-text-muted);
-  text-transform: uppercase;
-  background: var(--erp-surface-alt);
-  cursor: pointer;
-}
-.items-table th:hover {
-  color: var(--erp-text);
-}
-.items-table td {
-  padding: var(--nice-space-3, 12px);
-  font-size: 0.875rem;
-  border-bottom: 1px solid var(--erp-border);
-}
-.items-table tr:hover {
-  background: var(--erp-surface-alt);
-}
-.row--selected {
-  background: var(--nice-accent-tint-10, rgba(99, 102, 241, 0.1));
-}
-.sku-cell {
-  font-family: monospace;
-  color: var(--erp-text-muted);
-}
-.low-stock {
-  color: var(--erp-warning);
-}
-.actions-cell {
-  display: flex;
-  gap: var(--nice-space-1, 4px);
-}
-.action-btn {
-  padding: var(--nice-space-1, 4px) var(--nice-space-2, 8px);
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  border-radius: var(--erp-radius-sm);
-  transition: background var(--erp-transition);
-}
-.action-btn:hover {
-  background: var(--erp-surface-alt);
-}
-.action-btn--danger:hover {
-  background: var(--nice-danger-tint-20, rgba(239, 68, 68, 0.2));
-}
-/* Kanban View */
-.items-kanban {
-  display: flex;
-  gap: var(--nice-space-4, 16px);
-  overflow-x: auto;
-  padding-bottom: var(--nice-space-4, 16px);
-}
-.kanban-column {
-  min-width: 260px;
-  max-width: 300px;
-  flex-shrink: 0;
-  background: var(--erp-surface);
-  border-radius: var(--erp-radius);
-  overflow: hidden;
-}
-.column-header {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-2, 8px);
-  padding: var(--nice-space-3, 12px);
-  border-bottom: 2px solid;
-}
-.status-dot {
-  width: 10px;
-  height: 10px;
-  border-radius: var(--nice-radius-full, 50%);
-}
-.column-title {
-  flex: 1;
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-transform: capitalize;
-}
-.column-count {
-  padding: var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);
-  background: var(--erp-surface-alt);
-  border-radius: var(--nice-radius-full, 99px);
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.column-items {
-  padding: var(--nice-space-2, 8px);
-  max-height: 500px;
-  overflow-y: auto;
-}
-.kanban-card {
-  padding: var(--nice-space-3, 12px);
-  background: var(--erp-surface-alt);
-  border-radius: var(--erp-radius-sm);
-  margin-bottom: var(--nice-space-2, 8px);
-  cursor: pointer;
-  transition: all var(--erp-transition);
-}
-.kanban-card:hover {
-  transform: translateY(-1px);
-  box-shadow: var(--erp-shadow);
-}
-.card-sku {
-  font-size: 0.625rem;
-  color: var(--erp-text-muted);
-  font-family: monospace;
-}
-.card-name {
-  display: block;
-  margin: var(--nice-space-1, 4px) 0;
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.card-qty {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-/* Transactions Tab */
-.transactions-tab {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nice-space-4, 16px);
-}
-.add-transaction-button {
-  align-self: flex-start;
-  padding: var(--nice-space-2, 8px) var(--nice-space-4, 16px);
-  border: none;
-  background: var(--erp-primary);
-  color: white;
-  border-radius: var(--erp-radius);
-  cursor: pointer;
-}
-.transactions-list {
-  background: var(--erp-surface);
-  border-radius: var(--erp-radius);
-  overflow: hidden;
-}
-.transaction-item {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-3, 12px);
-  padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
-  border-bottom: 1px solid var(--erp-border);
-}
-.tx-icon {
-  font-size: 1.25rem;
-}
-.tx-info {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.tx-type {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-  text-transform: capitalize;
-}
-.tx-item {
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.tx-qty {
-  font-size: 0.875rem;
-  font-weight: 600;
-}
-.tx-qty.positive {
-  color: var(--erp-success);
-}
-.tx-qty.negative {
-  color: var(--erp-error);
-}
-.tx-date {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.tx-ref {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-/* Reorder Tab */
-.reorder-tab {
-  display: flex;
-  flex-direction: column;
-}
-.reorder-list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nice-space-2, 8px);
-}
-.reorder-item {
-  display: flex;
-  align-items: center;
-  gap: var(--nice-space-4, 16px);
-  padding: var(--nice-space-4, 16px);
-  background: var(--erp-surface);
-  border-radius: var(--erp-radius);
-  border-left: 4px solid var(--erp-warning);
-}
-.reorder-info {
-  flex: 1;
-}
-.reorder-sku {
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-  font-family: monospace;
-}
-.reorder-name {
-  display: block;
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.reorder-stock {
-  display: flex;
-  gap: var(--nice-space-4, 16px);
-  font-size: 0.75rem;
-  color: var(--erp-text-muted);
-}
-.supplier-name {
-  font-size: 0.875rem;
-  color: var(--erp-text-muted);
-}
-.create-po-button {
-  padding: var(--nice-space-2, 8px) var(--nice-space-4, 16px);
-  border: 1px solid var(--erp-primary);
-  background: transparent;
-  color: var(--erp-primary);
-  border-radius: var(--erp-radius);
-  font-size: 0.875rem;
-  cursor: pointer;
-  transition: all var(--erp-transition);
-}
-.create-po-button:hover {
-  background: var(--erp-primary);
-  color: white;
-}
-/* Pagination */
-.pagination {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--nice-space-4, 16px);
-  margin-top: var(--nice-space-6, 24px);
-}
-.pagination button {
-  padding: var(--nice-space-2, 8px) var(--nice-space-4, 16px);
-  border: 1px solid var(--erp-border);
-  background: var(--erp-surface);
-  color: var(--erp-text);
-  border-radius: var(--erp-radius);
-  cursor: pointer;
-}
-.pagination button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.pagination span {
-  font-size: 0.875rem;
-  color: var(--erp-text-muted);
-}
-/* Empty State */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: var(--nice-space-15, 60px);
-  text-align: center;
-  color: var(--erp-text-muted);
-}
-.empty-icon {
-  font-size: 3rem;
-  margin-bottom: var(--nice-space-4, 16px);
-}
-/* =============================================================================
-   MODALS
-   ============================================================================= */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: var(--nice-overlay-70, rgba(0, 0, 0, 0.7));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-.item-modal,
-.transaction-modal,
-.allocation-modal {
-  width: 90%;
-  max-width: 500px;
-  max-height: 90vh;
-  background: var(--erp-surface);
-  border-radius: var(--erp-radius);
-  padding: var(--nice-space-6, 24px);
-  overflow-y: auto;
-}
-.item-modal h3,
-.transaction-modal h3,
-.allocation-modal h3 {
-  margin: 0 0 var(--nice-space-5, 20px);
-  font-size: 1.125rem;
-  font-weight: 600;
-}
-.modal-form {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nice-space-4, 16px);
-}
-.modal-form label {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nice-space-1-5, 6px);
-  font-size: 0.875rem;
-  color: var(--erp-text-muted);
-}
-.modal-form input,
-.modal-form select,
-.modal-form textarea {
-  padding: var(--nice-space-2-5, 10px) var(--nice-space-3, 12px);
-  border: 1px solid var(--erp-border);
-  border-radius: var(--erp-radius-sm);
-  background: var(--erp-surface-alt);
-  color: var(--erp-text);
-  font-size: 0.875rem;
-}
-.modal-form input:focus,
-.modal-form select:focus,
-.modal-form textarea:focus {
-  outline: none;
-  border-color: var(--erp-primary);
-}
-.modal-form textarea {
-  min-height: 80px;
-  resize: vertical;
-}
-.form-row {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: var(--nice-space-4, 16px);
-}
-.modal-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--nice-space-3, 12px);
-  margin-top: var(--nice-space-6, 24px);
-}
-.cancel-button {
-  padding: var(--nice-space-2-5, 10px) var(--nice-space-5, 20px);
-  border: 1px solid var(--erp-border);
-  background: transparent;
-  color: var(--erp-text);
-  border-radius: var(--erp-radius);
-  cursor: pointer;
-}
-.save-button,
-.create-button {
-  padding: var(--nice-space-2-5, 10px) var(--nice-space-5, 20px);
-  border: none;
-  background: var(--erp-primary);
-  color: white;
-  border-radius: var(--erp-radius);
-  cursor: pointer;
-}
-.save-button:hover,
-.create-button:hover {
-  background: var(--erp-primary-dark);
-}
-/* =============================================================================
-   RESPONSIVE
-   ============================================================================= */
-@media (max-width: 1024px) {
-  .gantt__task-list {
-    width: 280px;
-  }
-  .resource-cell {
-    width: 220px;
-  }
-  .expanded-allocations {
-    padding-left: 228px;
-  }
-}
-@media (max-width: 768px) {
-  .gantt__container {
-    flex-direction: column;
-  }
-  .gantt__task-list {
-    width: 100%;
-    max-height: 200px;
-    border-right: none;
-    border-bottom: 1px solid var(--erp-border);
-  }
-  .resource-row {
-    flex-direction: column;
-  }
-  .resource-cell {
-    width: 100%;
-  }
-  .time-cells {
-    width: 100%;
-    overflow-x: auto;
-  }
-  .items-grid {
-    grid-template-columns: 1fr;
-  }
-  .toolbar__left,
-  .toolbar__right {
-    width: 100%;
-    justify-content: center;
-  }
-}
-/* =============================================================================
-   WAREHOUSE VIEW (NiceWarehouseView)
-   ============================================================================= */
-.nice-warehouse-view {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nice-space-4, 16px);
-  padding: var(--nice-space-4, 16px);
-  background: var(--erp-bg);
-  color: var(--erp-text);
-  border-radius: var(--erp-radius);
-  border: 1px solid var(--erp-border);
-}
-.nice-warehouse-view__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: var(--nice-space-3, 12px);
-}
-.nice-warehouse-view__header h3 {
-  margin: 0;
-  font-size: 1.125rem;
-  font-weight: 600;
-}
-.nice-warehouse-view__legend {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--nice-space-2, 8px);
-  font-size: 0.85rem;
-  color: var(--erp-text-muted);
-}
-.nice-warehouse-view__legend > span {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  border-radius: var(--erp-radius-sm);
-  border: 1px solid var(--erp-border);
-  margin-left: var(--nice-space-2, 8px);
-  margin-right: var(--nice-space-1, 4px);
-}
-.nice-warehouse-view__legend > span:first-of-type { margin-left: 0; }
-.nice-warehouse-view__grid {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nice-space-1, 4px);
-}
-.nice-warehouse-view__row {
-  display: flex;
-  gap: var(--nice-space-1, 4px);
-}
-.nice-warehouse-view__aisle {
-  width: var(--nice-space-3, 12px);
-  align-self: stretch;
-  border-left: 1px dashed var(--erp-border);
-  margin: 0 var(--nice-space-1, 4px);
-}
-.nice-warehouse-view__cell {
-  position: relative;
-  border: 1px solid var(--erp-border);
-  border-radius: var(--erp-radius-sm);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.7rem;
-  color: rgba(0, 0, 0, 0.7);
-  transition: transform var(--erp-transition);
-}
-.nice-warehouse-view__cell:hover {
-  transform: scale(1.08);
-  z-index: 1;
-}
-.nice-warehouse-view__cell:focus-visible {
-  outline: 2px solid var(--erp-primary);
-  outline-offset: 1px;
-}
-.nice-warehouse-view__bin {
-  pointer-events: none;
-}
-.nice-warehouse-view__details {
-  margin-top: var(--nice-space-2, 8px);
-  padding: var(--nice-space-3, 12px);
-  background: var(--erp-surface);
-  border: 1px solid var(--erp-border);
-  border-radius: var(--erp-radius);
-  font-size: 0.85rem;
-}
-.nice-warehouse-view__details ul {
-  margin: var(--nice-space-2, 8px) 0 0;
-  padding-left: var(--nice-space-4, 16px);
-}