/* =========================================================
   Reference-driven form system
   Based on the attached materials.html field language
   Scope:
   - inputs, dropdowns, labels, select2 alignment
   - cancel previous field styling without changing logic
   ========================================================= */

body.erp-modern-v2 {
  --erp-pass16-control-h: 44px;
  --erp-pass16-control-radius: 6px;
  --erp-pass16-control-bg: var(--input-bg, #ffffff);
  --erp-pass16-control-bg-hover: color-mix(in srgb, var(--input-bg, #ffffff) 98%, var(--bg, #f7f8fa) 2%);
  --erp-pass16-control-bg-focus: var(--input-focus-bg, color-mix(in srgb, var(--input-bg, #ffffff) 94%, var(--bg, #f7f8fa) 6%));
  --erp-pass16-control-border: color-mix(in srgb, var(--input-border, #d1d5db) 88%, var(--primary, #4f7cff) 12%);
  --erp-pass16-control-border-strong: color-mix(in srgb, var(--input-border, #d1d5db) 56%, var(--primary, #4f7cff) 44%);
  --erp-pass16-control-ring: 0 0 0 3px color-mix(in srgb, var(--primary, #4f7cff) 16%, transparent);
  --erp-pass16-label-bg: color-mix(in srgb, var(--card, #ffffff) 96%, var(--erp-pass16-control-bg) 4%);
  --erp-pass16-label-bg-active: color-mix(in srgb, var(--card, #ffffff) 92%, var(--erp-pass16-control-bg-focus) 8%);
  --erp-pass16-label-color: color-mix(in srgb, var(--text, #162033) 78%, var(--primary, #4f7cff) 22%);
  --erp-pass16-label-color-active: color-mix(in srgb, var(--primary, #4f7cff) 82%, var(--text, #162033) 18%);
  --erp-pass16-label-offset: 12px;
  --erp-pass16-placeholder: color-mix(in srgb, var(--text, #162033) 42%, transparent);
  --erp-pass16-arrow-color: #647b95;
}

body.erp-modern-v2 .input-group {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  gap: .35rem;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .input-group:hover,
body.erp-modern-v2 .input-group:focus-within {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .input-group > .form-control,
body.erp-modern-v2 .input-group > .custom-select,
body.erp-modern-v2 .input-group > .select2-container,
body.erp-modern-v2 .input-group > .erp-field-shell,
body.erp-modern-v2 .input-group > .invoice-box {
  flex: 1 1 auto;
  min-width: 0;
}

body.erp-modern-v2 .erp-auth-panel,
body.erp-modern-v2 .erp-config-token-panel {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .erp-field-shell,
body.erp-modern-v2 .invoice-box,
body.erp-modern-v2 .form-control-wrapper,
body.erp-modern-v2 .form-control-wrapper_grope,
body.erp-modern-v2 .l-wrapper1 {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: var(--erp-pass16-control-h);
  padding: 0 !important;
  border: 1px solid var(--erp-pass16-control-border) !important;
  border-radius: var(--erp-pass16-control-radius) !important;
  background: var(--erp-pass16-control-bg) !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

body.erp-modern-v2 .erp-field-shell:hover,
body.erp-modern-v2 .invoice-box:hover,
body.erp-modern-v2 .form-control-wrapper:hover,
body.erp-modern-v2 .form-control-wrapper_grope:hover,
body.erp-modern-v2 .l-wrapper1:hover {
  border-color: color-mix(in srgb, var(--erp-pass16-control-border) 72%, var(--primary, #4f7cff) 28%) !important;
  background: var(--erp-pass16-control-bg-hover) !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .erp-field-shell:focus-within,
body.erp-modern-v2 .invoice-box:focus-within,
body.erp-modern-v2 .form-control-wrapper:focus-within,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within,
body.erp-modern-v2 .erp-field-shell.is-open,
body.erp-modern-v2 .invoice-box.is-open,
body.erp-modern-v2 .form-control-wrapper.is-open,
body.erp-modern-v2 .form-control-wrapper_grope.is-open,
body.erp-modern-v2 .l-wrapper1.is-open,
body.erp-modern-v2 .l-wrapper1:focus-within {
  border-color: var(--erp-pass16-control-border-strong) !important;
  background: var(--erp-pass16-control-bg-focus) !important;
  box-shadow: var(--erp-pass16-control-ring) !important;
}

body.erp-modern-v2 input.form-control:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 input.erp-form-control:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 input.form-control_mycustom:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 select.form-control:not(.select2-hidden-accessible),
body.erp-modern-v2 select.erp-form-control:not(.select2-hidden-accessible),
body.erp-modern-v2 textarea.form-control,
body.erp-modern-v2 textarea.erp-form-control,
body.erp-modern-v2 .custom-input,
body.erp-modern-v2 .custom-select {
  width: 100%;
  min-width: 0;
  min-height: var(--erp-pass16-control-h);
  height: var(--erp-pass16-control-h);
  padding-top: .82rem !important;
  padding-bottom: .08rem !important;
  padding-inline-start: 12px !important;
  padding-inline-end: 12px !important;
  border: 1px solid var(--erp-pass16-control-border) !important;
  border-radius: var(--erp-pass16-control-radius) !important;
  background: var(--erp-pass16-control-bg) !important;
  box-shadow: none !important;
  color: var(--input-text, var(--text, #162033)) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: start;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

body.erp-modern-v2 input.form-control:not([type='checkbox']):not([type='radio']):not([type='hidden']):hover,
body.erp-modern-v2 input.erp-form-control:not([type='checkbox']):not([type='radio']):not([type='hidden']):hover,
body.erp-modern-v2 input.form-control_mycustom:not([type='checkbox']):not([type='radio']):not([type='hidden']):hover,
body.erp-modern-v2 select.form-control:not(.select2-hidden-accessible):hover,
body.erp-modern-v2 select.erp-form-control:not(.select2-hidden-accessible):hover,
body.erp-modern-v2 textarea.form-control:hover,
body.erp-modern-v2 textarea.erp-form-control:hover,
body.erp-modern-v2 .custom-input:hover,
body.erp-modern-v2 .custom-select:hover {
  border-color: color-mix(in srgb, var(--erp-pass16-control-border) 72%, var(--primary, #4f7cff) 28%) !important;
  background: var(--erp-pass16-control-bg-hover) !important;
}

body.erp-modern-v2 input.form-control:not([type='checkbox']):not([type='radio']):not([type='hidden']):focus,
body.erp-modern-v2 input.erp-form-control:not([type='checkbox']):not([type='radio']):not([type='hidden']):focus,
body.erp-modern-v2 input.form-control_mycustom:not([type='checkbox']):not([type='radio']):not([type='hidden']):focus,
body.erp-modern-v2 select.form-control:not(.select2-hidden-accessible):focus,
body.erp-modern-v2 select.erp-form-control:not(.select2-hidden-accessible):focus,
body.erp-modern-v2 textarea.form-control:focus,
body.erp-modern-v2 textarea.erp-form-control:focus,
body.erp-modern-v2 .custom-input:focus,
body.erp-modern-v2 .custom-select:focus {
  border-color: var(--erp-pass16-control-border-strong) !important;
  background: var(--erp-pass16-control-bg-focus) !important;
  box-shadow: var(--erp-pass16-control-ring) !important;
  outline: none !important;
}

body.erp-modern-v2 .erp-field-shell > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .erp-field-shell > select,
body.erp-modern-v2 .erp-field-shell > textarea,
body.erp-modern-v2 .erp-field-shell > .form-control,
body.erp-modern-v2 .erp-field-shell > .erp-form-control,
body.erp-modern-v2 .erp-field-shell .form-control,
body.erp-modern-v2 .erp-field-shell .erp-form-control,
body.erp-modern-v2 .erp-field-shell .form-control_mycustom,
body.erp-modern-v2 .invoice-box > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .invoice-box > select,
body.erp-modern-v2 .invoice-box > textarea,
body.erp-modern-v2 .invoice-box > .form-control,
body.erp-modern-v2 .invoice-box .form-control,
body.erp-modern-v2 .form-control-wrapper > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .form-control-wrapper > select,
body.erp-modern-v2 .form-control-wrapper > textarea,
body.erp-modern-v2 .form-control-wrapper > .form-control,
body.erp-modern-v2 .form-control-wrapper .form-control,
body.erp-modern-v2 .form-control-wrapper_grope > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .form-control-wrapper_grope > select,
body.erp-modern-v2 .form-control-wrapper_grope > textarea,
body.erp-modern-v2 .form-control-wrapper_grope > .form-control,
body.erp-modern-v2 .form-control-wrapper_grope .form-control,
body.erp-modern-v2 .form-control-wrapper_grope .form-control_mycustom,
body.erp-modern-v2 .l-wrapper1 > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .l-wrapper1 > select,
body.erp-modern-v2 .l-wrapper1 > textarea,
body.erp-modern-v2 .l-wrapper1 > .form-control,
body.erp-modern-v2 .l-wrapper1 .form-control {
  min-height: calc(var(--erp-pass16-control-h) - 2px);
  height: calc(var(--erp-pass16-control-h) - 2px);
  border: 0 !important;
  border-radius: calc(var(--erp-pass16-control-radius) - 1px) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .erp-field-shell > textarea,
body.erp-modern-v2 .invoice-box > textarea,
body.erp-modern-v2 .form-control-wrapper > textarea,
body.erp-modern-v2 .form-control-wrapper_grope > textarea,
body.erp-modern-v2 .l-wrapper1 > textarea,
body.erp-modern-v2 textarea.form-control,
body.erp-modern-v2 textarea.erp-form-control,
body.erp-modern-v2 textarea.custom-input {
  min-height: 80px !important;
  height: auto !important;
  padding-top: 14px !important;
  padding-bottom: 12px !important;
  resize: vertical;
}

body.erp-modern-v2 .erp-field-shell > input::placeholder,
body.erp-modern-v2 .erp-field-shell > textarea::placeholder,
body.erp-modern-v2 .invoice-box > input::placeholder,
body.erp-modern-v2 .invoice-box > textarea::placeholder,
body.erp-modern-v2 .form-control-wrapper > input::placeholder,
body.erp-modern-v2 .form-control-wrapper > textarea::placeholder,
body.erp-modern-v2 .form-control-wrapper_grope > input::placeholder,
body.erp-modern-v2 .form-control-wrapper_grope > textarea::placeholder,
body.erp-modern-v2 .l-wrapper1 > input::placeholder,
body.erp-modern-v2 .l-wrapper1 > textarea::placeholder,
body.erp-modern-v2 input.form-control::placeholder,
body.erp-modern-v2 textarea.form-control::placeholder,
body.erp-modern-v2 .custom-input::placeholder {
  color: var(--erp-pass16-placeholder) !important;
  opacity: 1;
}

body.erp-modern-v2 select.form-control:not(.select2-hidden-accessible),
body.erp-modern-v2 select.erp-form-control:not(.select2-hidden-accessible),
body.erp-modern-v2 .custom-select,
body.erp-modern-v2 select.custom-input,
body.erp-modern-v2 .erp-field-shell > select,
body.erp-modern-v2 .invoice-box > select,
body.erp-modern-v2 .form-control-wrapper > select,
body.erp-modern-v2 .form-control-wrapper_grope > select,
body.erp-modern-v2 .l-wrapper1 > select {
  appearance: none;
  cursor: pointer;
  padding-inline-end: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23647b95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

html[dir='rtl'] body.erp-modern-v2 select.form-control:not(.select2-hidden-accessible),
html[dir='rtl'] body.erp-modern-v2 select.erp-form-control:not(.select2-hidden-accessible),
html[dir='rtl'] body.erp-modern-v2 .custom-select,
html[dir='rtl'] body.erp-modern-v2 select.custom-input,
html[dir='rtl'] body.erp-modern-v2 .erp-field-shell > select,
html[dir='rtl'] body.erp-modern-v2 .invoice-box > select,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper > select,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope > select,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 > select {
  background-position: left 12px center;
}

html[dir='ltr'] body.erp-modern-v2 select.form-control:not(.select2-hidden-accessible),
html[dir='ltr'] body.erp-modern-v2 select.erp-form-control:not(.select2-hidden-accessible),
html[dir='ltr'] body.erp-modern-v2 .custom-select,
html[dir='ltr'] body.erp-modern-v2 select.custom-input,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell > select,
html[dir='ltr'] body.erp-modern-v2 .invoice-box > select,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper > select,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope > select,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 > select {
  background-position: right 12px center;
}

body.erp-modern-v2 .erp-field-shell .select2-container,
body.erp-modern-v2 .invoice-box .select2-container,
body.erp-modern-v2 .form-control-wrapper .select2-container,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container,
body.erp-modern-v2 .l-wrapper1 .select2-container,
body.erp-modern-v2 .input-group > .select2-container,
body.erp-modern-v2 .select2-container {
  width: 100% !important;
  min-width: 0;
  margin-top: 0 !important;
  align-self: stretch;
}

body.erp-modern-v2 .select2-container .selection {
  display: block;
  width: 100%;
  height: 100%;
  outline: none !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single {
  min-height: calc(var(--erp-pass16-control-h) - 2px) !important;
  height: calc(var(--erp-pass16-control-h) - 2px) !important;
  border: 0 !important;
  border-radius: calc(var(--erp-pass16-control-radius) - 1px) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--multiple {
  min-height: calc(var(--erp-pass16-control-h) - 2px) !important;
  height: auto !important;
  border: 0 !important;
  border-radius: calc(var(--erp-pass16-control-radius) - 1px) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: none !important;
  outline: none !important;
}

body.erp-modern-v2 .input-group > .select2-container--default .select2-selection--single,
body.erp-modern-v2 .input-group > .select2-container--default .select2-selection--multiple {
  border: 1px solid var(--erp-pass16-control-border) !important;
  border-radius: var(--erp-pass16-control-radius) !important;
  background: var(--erp-pass16-control-bg) !important;
}

body.erp-modern-v2 .input-group > .select2-container--default.select2-container--focus .select2-selection--multiple,
body.erp-modern-v2 .input-group > .select2-container--default.select2-container--open .select2-selection--single,
body.erp-modern-v2 .input-group > .select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--erp-pass16-control-border-strong) !important;
  box-shadow: var(--erp-pass16-control-ring) !important;
}

body.erp-modern-v2 .erp-field-shell .select2-container--default.select2-container--open .select2-selection--single,
body.erp-modern-v2 .erp-field-shell .select2-container--default.select2-container--open .select2-selection--multiple,
body.erp-modern-v2 .erp-field-shell .select2-container--default.select2-container--focus .select2-selection--single,
body.erp-modern-v2 .erp-field-shell .select2-container--default.select2-container--focus .select2-selection--multiple,
body.erp-modern-v2 .invoice-box .select2-container--default.select2-container--open .select2-selection--single,
body.erp-modern-v2 .invoice-box .select2-container--default.select2-container--open .select2-selection--multiple,
body.erp-modern-v2 .invoice-box .select2-container--default.select2-container--focus .select2-selection--single,
body.erp-modern-v2 .invoice-box .select2-container--default.select2-container--focus .select2-selection--multiple,
body.erp-modern-v2 .form-control-wrapper .select2-container--default.select2-container--open .select2-selection--single,
body.erp-modern-v2 .form-control-wrapper .select2-container--default.select2-container--open .select2-selection--multiple,
body.erp-modern-v2 .form-control-wrapper .select2-container--default.select2-container--focus .select2-selection--single,
body.erp-modern-v2 .form-control-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default.select2-container--open .select2-selection--single,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default.select2-container--open .select2-selection--multiple,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default.select2-container--focus .select2-selection--single,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default.select2-container--focus .select2-selection--multiple,
body.erp-modern-v2 .l-wrapper1 .select2-container--default.select2-container--open .select2-selection--single,
body.erp-modern-v2 .l-wrapper1 .select2-container--default.select2-container--open .select2-selection--multiple,
body.erp-modern-v2 .l-wrapper1 .select2-container--default.select2-container--focus .select2-selection--single,
body.erp-modern-v2 .l-wrapper1 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.erp-modern-v2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.erp-modern-v2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
body.erp-modern-v2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.erp-modern-v2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-radius: calc(var(--erp-pass16-control-radius) - 1px) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  height: calc(var(--erp-pass16-control-h) - 2px) !important;
  padding-top: .82rem !important;
  padding-bottom: .08rem !important;
  padding-inline-start: 12px !important;
  padding-inline-end: 36px !important;
  color: var(--input-text, var(--text, #162033)) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: start !important;
  box-sizing: border-box;
  outline: none !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  min-height: calc(var(--erp-pass16-control-h) - 2px) !important;
  height: auto !important;
  padding-top: .45rem !important;
  padding-bottom: .2rem !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--erp-pass16-placeholder) !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 28px !important;
  height: 100% !important;
  top: 0 !important;
}

html[dir='rtl'] body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 8px !important;
  right: auto !important;
}

html[dir='ltr'] body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 8px !important;
  left: auto !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: color-mix(in srgb, var(--text, #162033) 52%, var(--primary, #4f7cff) 18%) transparent transparent transparent !important;
  border-width: 6px 5px 0 5px !important;
  margin-left: -5px !important;
  margin-top: -3px !important;
}

body.erp-modern-v2 select.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .select2-dropdown {
  border: 1px solid var(--erp-pass16-control-border-strong) !important;
  border-radius: var(--erp-pass16-control-radius) !important;
  background: var(--card, #ffffff) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08) !important;
  overflow: hidden;
  z-index: 1088 !important;
  margin-top: 6px;
  outline: none !important;
}

body.erp-modern-v2 .select2-container--open .select2-dropdown--above {
  margin-top: 0;
  margin-bottom: 6px;
}

body.erp-modern-v2 .select2-container--open .select2-dropdown--below,
body.erp-modern-v2 .select2-container--open .select2-dropdown--above,
body.erp-modern-v2 .select2-container--default .select2-dropdown--below,
body.erp-modern-v2 .select2-container--default .select2-dropdown--above {
  border-top: 1px solid var(--erp-pass16-control-border-strong) !important;
  border-bottom: 1px solid var(--erp-pass16-control-border-strong) !important;
  border-radius: var(--erp-pass16-control-radius) !important;
}

body.erp-modern-v2 .select2-container--default .select2-results > .select2-results__options {
  max-height: min(280px, 42vh);
}

body.erp-modern-v2 .select2-search--dropdown {
  padding: .45rem !important;
  background: color-mix(in srgb, var(--card, #ffffff) 96%, var(--bg, #f7f8fa) 4%);
}

body.erp-modern-v2 .select2-search--dropdown .select2-search__field {
  height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid var(--erp-pass16-control-border) !important;
  border-radius: var(--erp-pass16-control-radius) !important;
  background: var(--erp-pass16-control-bg) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.erp-modern-v2 .select2-results__option {
  padding: .55rem .75rem !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.erp-modern-v2 .select2-container--default .select2-results__option--highlighted[aria-selected],
body.erp-modern-v2 .select2-container--default .select2-results__option--highlighted[data-selected] {
  background: color-mix(in srgb, var(--primary, #4f7cff) 12%, #ffffff) !important;
  color: var(--primary, #4f7cff) !important;
}

body.erp-modern-v2 .select2-container--default .select2-results__option[aria-selected='true'],
body.erp-modern-v2 .select2-container--default .select2-results__option[data-selected='true'] {
  background: color-mix(in srgb, var(--primary, #4f7cff) 8%, #ffffff) !important;
  color: var(--text, #162033) !important;
}

body.erp-modern-v2 .erp-field-shell > .form-label,
body.erp-modern-v2 .erp-field-shell .form-label,
body.erp-modern-v2 .erp-field-shell > .custom-label,
body.erp-modern-v2 .erp-field-shell .custom-label,
body.erp-modern-v2 .invoice-box > .form-label,
body.erp-modern-v2 .invoice-box .form-label,
body.erp-modern-v2 .invoice-box > .custom-label,
body.erp-modern-v2 .invoice-box .custom-label,
body.erp-modern-v2 .form-control-wrapper > .form-label,
body.erp-modern-v2 .form-control-wrapper .form-label,
body.erp-modern-v2 .form-control-wrapper > .custom-label,
body.erp-modern-v2 .form-control-wrapper .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope > .form-label,
body.erp-modern-v2 .form-control-wrapper_grope .form-label,
body.erp-modern-v2 .form-control-wrapper_grope > .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope .custom-label,
body.erp-modern-v2 .l-wrapper1 > .form-label,
body.erp-modern-v2 .l-wrapper1 .form-label,
body.erp-modern-v2 .l-wrapper1 > .custom-label,
body.erp-modern-v2 .l-wrapper1 .custom-label {
  position: absolute !important;
  inset-block-start: 0 !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: .4rem !important;
  min-height: 1rem !important;
  max-width: calc(100% - 24px) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--erp-pass16-label-bg) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  color: var(--erp-pass16-label-color) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
  direction: inherit !important;
  transition: color .18s ease, background-color .18s ease !important;
}

html[dir='rtl'] body.erp-modern-v2 .erp-field-shell > .form-label,
html[dir='rtl'] body.erp-modern-v2 .erp-field-shell .form-label,
html[dir='rtl'] body.erp-modern-v2 .erp-field-shell > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .erp-field-shell .custom-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box > .form-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box .form-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper > .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope > .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope .custom-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 > .form-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 .form-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 .custom-label,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell > .form-label,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell .form-label,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell .custom-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box > .form-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box .form-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper > .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope > .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope .custom-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 > .form-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 .form-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 .custom-label {
  inset-inline-start: var(--erp-pass16-label-offset) !important;
  inset-inline-end: auto !important;
  left: auto !important;
  right: auto !important;
  text-align: start !important;
}

body.erp-modern-v2 .erp-field-shell:focus-within .form-label,
body.erp-modern-v2 .erp-field-shell:focus-within .custom-label,
body.erp-modern-v2 .invoice-box:focus-within .form-label,
body.erp-modern-v2 .invoice-box:focus-within .custom-label,
body.erp-modern-v2 .form-control-wrapper:focus-within .form-label,
body.erp-modern-v2 .form-control-wrapper:focus-within .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within .form-label,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within .custom-label,
body.erp-modern-v2 .l-wrapper1:focus-within .form-label,
body.erp-modern-v2 .l-wrapper1:focus-within .custom-label,
body.erp-modern-v2 .erp-field-shell.is-open .form-label,
body.erp-modern-v2 .erp-field-shell.is-open .custom-label,
body.erp-modern-v2 .invoice-box.is-open .form-label,
body.erp-modern-v2 .invoice-box.is-open .custom-label,
body.erp-modern-v2 .form-control-wrapper.is-open .form-label,
body.erp-modern-v2 .form-control-wrapper.is-open .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-open .form-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-open .custom-label,
body.erp-modern-v2 .l-wrapper1.is-open .form-label,
body.erp-modern-v2 .l-wrapper1.is-open .custom-label,
body.erp-modern-v2 .erp-field-shell.is-filled .form-label,
body.erp-modern-v2 .erp-field-shell.is-filled .custom-label,
body.erp-modern-v2 .invoice-box.is-filled .form-label,
body.erp-modern-v2 .invoice-box.is-filled .custom-label,
body.erp-modern-v2 .form-control-wrapper.is-filled .form-label,
body.erp-modern-v2 .form-control-wrapper.is-filled .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-filled .form-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-filled .custom-label,
body.erp-modern-v2 .l-wrapper1.is-filled .form-label,
body.erp-modern-v2 .l-wrapper1.is-filled .custom-label,
body.erp-modern-v2 .custom-input:focus ~ .custom-label,
body.erp-modern-v2 .custom-input:not(:placeholder-shown) ~ .custom-label,
body.erp-modern-v2 select.custom-input:valid ~ .custom-label {
  top: 0 !important;
  transform: translateY(-50%) !important;
  background: var(--erp-pass16-label-bg-active) !important;
  box-shadow: none !important;
  color: var(--erp-pass16-label-color-active) !important;
  font-size: .72rem !important;
}

body.erp-modern-v2 .erp-field-shell > textarea ~ .form-label,
body.erp-modern-v2 .erp-field-shell > textarea ~ .custom-label,
body.erp-modern-v2 .invoice-box > textarea ~ .form-label,
body.erp-modern-v2 .invoice-box > textarea ~ .custom-label,
body.erp-modern-v2 .form-control-wrapper > textarea ~ .form-label,
body.erp-modern-v2 .form-control-wrapper > textarea ~ .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope > textarea ~ .form-label,
body.erp-modern-v2 .form-control-wrapper_grope > textarea ~ .custom-label,
body.erp-modern-v2 .l-wrapper1 > textarea ~ .form-label,
body.erp-modern-v2 .l-wrapper1 > textarea ~ .custom-label,
body.erp-modern-v2 textarea.custom-input ~ .custom-label {
  top: 22px;
}

body.erp-modern-v2 .erp-field-shell > textarea:focus ~ .form-label,
body.erp-modern-v2 .erp-field-shell > textarea:focus ~ .custom-label,
body.erp-modern-v2 .erp-field-shell > textarea:not(:placeholder-shown) ~ .form-label,
body.erp-modern-v2 .erp-field-shell > textarea:not(:placeholder-shown) ~ .custom-label,
body.erp-modern-v2 .invoice-box > textarea:focus ~ .form-label,
body.erp-modern-v2 .invoice-box > textarea:focus ~ .custom-label,
body.erp-modern-v2 .invoice-box > textarea:not(:placeholder-shown) ~ .form-label,
body.erp-modern-v2 .invoice-box > textarea:not(:placeholder-shown) ~ .custom-label,
body.erp-modern-v2 .form-control-wrapper > textarea:focus ~ .form-label,
body.erp-modern-v2 .form-control-wrapper > textarea:focus ~ .custom-label,
body.erp-modern-v2 .form-control-wrapper > textarea:not(:placeholder-shown) ~ .form-label,
body.erp-modern-v2 .form-control-wrapper > textarea:not(:placeholder-shown) ~ .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope > textarea:focus ~ .form-label,
body.erp-modern-v2 .form-control-wrapper_grope > textarea:focus ~ .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope > textarea:not(:placeholder-shown) ~ .form-label,
body.erp-modern-v2 .form-control-wrapper_grope > textarea:not(:placeholder-shown) ~ .custom-label,
body.erp-modern-v2 .l-wrapper1 > textarea:focus ~ .form-label,
body.erp-modern-v2 .l-wrapper1 > textarea:focus ~ .custom-label,
body.erp-modern-v2 .l-wrapper1 > textarea:not(:placeholder-shown) ~ .form-label,
body.erp-modern-v2 .l-wrapper1 > textarea:not(:placeholder-shown) ~ .custom-label,
body.erp-modern-v2 textarea.custom-input:focus ~ .custom-label,
body.erp-modern-v2 textarea.custom-input:not(:placeholder-shown) ~ .custom-label {
  top: 0;
}

body.erp-modern-v2 .erp-field-shell--with-arrows > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .erp-field-shell--with-arrows > select,
body.erp-modern-v2 .erp-field-shell--with-arrows > textarea,
body.erp-modern-v2 .erp-field-shell--with-arrows > .form-control,
body.erp-modern-v2 .invoice-box.erp-field-shell--with-arrows > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .invoice-box.erp-field-shell--with-arrows > select,
body.erp-modern-v2 .invoice-box.erp-field-shell--with-arrows > textarea,
body.erp-modern-v2 .invoice-box.erp-field-shell--with-arrows > .form-control {
  padding-inline-end: 36px !important;
}

body.erp-modern-v2 .erp-field-shell--password > input,
body.erp-modern-v2 .erp-field-shell--password > .form-control {
  padding-inline-end: 40px !important;
}

body.erp-modern-v2 .erp-field-shell--password .form-label {
  max-width: calc(100% - 48px) !important;
}

body.erp-modern-v2 .erp-auth-password-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: color-mix(in srgb, var(--text, #162033) 62%, var(--primary, #4f7cff) 38%);
  box-shadow: none;
  z-index: 3;
}

html[dir='rtl'] body.erp-modern-v2 .erp-auth-password-toggle {
  left: 6px;
  right: auto;
}

html[dir='ltr'] body.erp-modern-v2 .erp-auth-password-toggle {
  right: 6px;
  left: auto;
}

body.erp-modern-v2 .erp-auth-password-toggle:hover,
body.erp-modern-v2 .erp-auth-password-toggle:focus {
  outline: none;
  background: color-mix(in srgb, var(--primary, #4f7cff) 10%, transparent);
}

body.erp-modern-v2 .erp-auth-password-toggle i {
  font-size: 14px !important;
}

body.erp-modern-v2 .input-group-text {
  min-height: var(--erp-pass16-control-h);
  padding: 0 .75rem;
  border: 1px solid var(--erp-pass16-control-border) !important;
  border-radius: var(--erp-pass16-control-radius) !important;
  background: color-mix(in srgb, var(--erp-pass16-control-bg) 92%, var(--primary, #4f7cff) 8%) !important;
  color: color-mix(in srgb, var(--text, #162033) 72%, var(--primary, #4f7cff) 28%) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

body.erp-modern-v2 .flatpickr-calendar {
  border: 1px solid var(--erp-pass16-control-border-strong) !important;
  border-radius: 14px !important;
  background: var(--card, #ffffff) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .12) !important;
  overflow: hidden;
  z-index: 1090 !important;
  margin-top: 6px;
}

body.erp-modern-v2 .flatpickr-months,
body.erp-modern-v2 .flatpickr-month,
body.erp-modern-v2 .flatpickr-weekdays {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary, #4f7cff) 94%, #ffffff 6%), color-mix(in srgb, var(--primary, #4f7cff) 78%, #0f172a 22%)) !important;
  color: #ffffff !important;
}

body.erp-modern-v2 .flatpickr-current-month,
body.erp-modern-v2 .flatpickr-weekday,
body.erp-modern-v2 .flatpickr-monthDropdown-months,
body.erp-modern-v2 span.flatpickr-weekday {
  color: #ffffff !important;
}

body.erp-modern-v2 .flatpickr-day {
  border-radius: 10px !important;
  color: var(--text, #162033) !important;
  font-weight: 700;
}

body.erp-modern-v2 .flatpickr-day.today {
  border-color: color-mix(in srgb, var(--primary, #4f7cff) 36%, transparent) !important;
}

body.erp-modern-v2 .flatpickr-day.selected,
body.erp-modern-v2 .flatpickr-day.startRange,
body.erp-modern-v2 .flatpickr-day.endRange {
  background: color-mix(in srgb, var(--primary, #4f7cff) 18%, #ffffff 82%) !important;
  border-color: color-mix(in srgb, var(--primary, #4f7cff) 28%, transparent) !important;
  color: var(--text, #162033) !important;
}

body.erp-modern-v2 .flatpickr-day:hover {
  background: color-mix(in srgb, var(--primary, #4f7cff) 10%, #ffffff 90%) !important;
  border-color: transparent !important;
}