/* Shared look & feel for the Wesvic* components (copied from the PieceCounter webapp; grid/editor parts only).
   Uses Radzen CSS variables (--rz-*) so light and dark themes both work. */
:root { --rz-grid-cell-padding: 0.35rem 0.6rem; }

/* Grids */
.wesvic-grid { margin-bottom: 1rem; }
.wesvic-grid-toolbar { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; padding: 0.25rem 0; }
.wesvic-grid-toolbar-spacer { flex: 1; }
.wesvic-grid-selected-count { font-size: 0.875rem; font-weight: 600; color: var(--rz-primary); }
.wesvic-grid .rz-cell-data { white-space: nowrap; }

/* Inputs / forms */
.wesvic-editor .rz-form-field { width: 100%; }
.wesvic-editor-buttons { margin-top: 1.25rem; }
.wesvic-editor-delete { margin-right: auto; }
.wesvic-editor-dialog .rz-dialog-content { padding-top: 0.5rem; }
.wesvic-check { display: flex; align-items: center; gap: 0.5rem; }

/* Drag handle column */
.wesvic-drag-handle { color: var(--rz-text-secondary-color); opacity: 0.85; font-size: 1.25rem; vertical-align: middle; cursor: grab; }