/* =========================================================
   ERP Modern Plan - Final CSS layer
   Purpose:
   - neutralize leftover legacy/global style bleed from site/views-inline bundle
   - keep the project on a single modern ERP visual plan
   - improve UX without changing any business logic
   ========================================================= */

html,
body.erp-modern-v2 {
  --erp-plan-shell-padding: clamp(10px, 1vw, 16px);
  --erp-plan-block-gap: .1rem;
  --erp-plan-card-gap: .7rem;
  --erp-plan-control-height: 42px;
  --erp-plan-control-radius: 14px;
  --erp-plan-control-border: color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .16));
  --erp-plan-control-border-strong: color-mix(in srgb, var(--primary, #4f7cff) 26%, rgba(15, 23, 42, .16));
  --erp-plan-control-bg: color-mix(in srgb, var(--card, #ffffff) 94%, var(--primary, #4f7cff) 6%);
  --erp-plan-control-focus-bg: color-mix(in srgb, var(--card, #ffffff) 90%, var(--primary, #4f7cff) 10%);
  --erp-plan-soft-surface: color-mix(in srgb, var(--card, #ffffff) 90%, var(--primary, #4f7cff) 10%);
  --erp-plan-soft-surface-2: color-mix(in srgb, var(--card, #ffffff) 84%, var(--primary, #4f7cff) 16%);
  --erp-plan-accent-surface: color-mix(in srgb, var(--card, #ffffff) 86%, var(--accent, #14b8a6) 14%);
  --erp-plan-danger-surface: color-mix(in srgb, var(--card, #ffffff) 88%, #ef4444 12%);
  --erp-plan-table-head: color-mix(in srgb, var(--primary, #4f7cff) 12%, var(--card, #ffffff) 88%);
  --erp-plan-table-hover: color-mix(in srgb, var(--primary, #4f7cff) 7%, var(--card, #ffffff) 93%);
  --erp-plan-table-sticky: color-mix(in srgb, var(--primary, #4f7cff) 14%, var(--card, #ffffff) 86%);
  --erp-plan-label: color-mix(in srgb, var(--text, #162033) 72%, transparent);
  --erp-plan-muted: color-mix(in srgb, var(--text, #162033) 64%, transparent);
}

body.erp-modern-v2 .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: var(--erp-plan-shell-padding);
}

body.erp-modern-v2 .main-header .container-fluid,
body.erp-modern-v2 .main-footer .container-fluid,
body.erp-modern-v2 .modal-dialog .container-fluid,
body.erp-modern-v2 .erp-page-shell > section.content > .container-fluid,
body.erp-modern-v2 .erp-auth-shell .container-fluid {
  padding-inline: 0 !important;
}

body.erp-modern-v2 .tab-content > .active {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.erp-modern-v2 .card,
body.erp-modern-v2 .card-body > .row,
body.erp-modern-v2 .modal-body > .row,
body.erp-modern-v2 #auth-form1 > .row,
body.erp-modern-v2 #auth-form11 > .row,
body.erp-modern-v2 .row.erp-config-split {
  row-gap: var(--erp-plan-block-gap);
}

body.erp-modern-v2 .form-group,
body.erp-modern-v2 .form-group_no_padding,
body.erp-modern-v2 .form-group111,
body.erp-modern-v2 .erp-smart-toolbar {
  margin-bottom: .4rem !important;
}

body.erp-modern-v2 .card-header {
  padding: .72rem .9rem;
}

body.erp-modern-v2 .card-body,
body.erp-modern-v2 .card-footer {
  padding: .75rem .9rem;
}

body.erp-modern-v2 .input-group {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: .35rem;
  padding: 0 !important;
  flex-wrap: nowrap !important;
  min-height: 0;
}

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-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,
body.erp-modern-v2 .input-group {
  background: var(--erp-plan-control-bg) !important;
  border-color: var(--erp-plan-control-border) !important;
}

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,
body.erp-modern-v2 .input-group:hover {
  border-color: var(--erp-plan-control-border-strong) !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 .l-wrapper1:focus-within,
body.erp-modern-v2 .input-group:focus-within {
  background: var(--erp-plan-control-focus-bg) !important;
  border-color: var(--erp-plan-control-border-strong) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary, #4f7cff) 10%, transparent) !important;
}

body.erp-modern-v2 .form-label_print {
  position: absolute;
  top: .42rem;
  inset-inline-start: .75rem;
  inset-inline-end: auto;
  transform: none;
  max-width: calc(100% - 1.5rem);
  margin: 0;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--erp-plan-label);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  z-index: 2;
}

body.erp-modern-v2 .erp-field-shell > .form-control,
body.erp-modern-v2 .invoice-box > .form-control,
body.erp-modern-v2 .form-control-wrapper > .form-control,
body.erp-modern-v2 .form-control-wrapper_grope > .form-control,
body.erp-modern-v2 .erp-field-shell .form-control,
body.erp-modern-v2 .invoice-box .form-control,
body.erp-modern-v2 .form-control-wrapper .form-control,
body.erp-modern-v2 .form-control-wrapper_grope .form-control,
body.erp-modern-v2 .erp-field-shell > .select2,
body.erp-modern-v2 .invoice-box > .select2 {
  padding-top: 0rem !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single,
body.erp-modern-v2 .select2-container--default .select2-selection--multiple {
  min-height: var(--erp-plan-control-height) !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: transparent !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 {
  min-height: calc(var(--erp-plan-control-height) - 2px);
  padding-top: .95rem !important;
  padding-inline: .72rem 1.9rem !important;
  color: var(--text, #162033) !important;
  text-align: start !important;
}

body.erp-modern-v2 .select2-container--default .select2-dropdown {
  min-width: 100% !important;
  border: 1px solid var(--erp-plan-control-border) !important;
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
}

body.erp-modern-v2 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--erp-plan-soft-surface-2) !important;
  color: var(--text, #162033) !important;
}

body.erp-modern-v2 .Entag_BlueGreen th,
body.erp-modern-v2 .Entag_BlueGreen_number,
body.erp-modern-v2 .erp-table-shell thead th,
body.erp-modern-v2 .table.table-head-fixed thead th {
  background-color: var(--bluegreen-head-bg, var(--erp-plan-table-head)) !important;
  color: var(--bluegreen-head-text, var(--text, #162033)) !important;
}

body.erp-modern-v2 .erp-table-shell tbody tr:hover > td,
body.erp-modern-v2 .table-hover tbody tr:hover > td,
body.erp-modern-v2 table.dataTable tbody tr:hover > td {
  background-color: var(--erp-plan-table-hover) !important;
}

body.erp-modern-v2 .selected {
  background-color: var(--bg-selected, var(--erp-plan-table-sticky)) !important;
  color: inherit !important;
}

body.erp-modern-v2 .row-color-Opr5 {
  background-color: color-mix(in srgb, var(--opr-typ-5-head-base, var(--primary, #4f7cff)) 20%, var(--card, #ffffff) 80%) !important;
}

body.erp-modern-v2 .row-color-Opr6 {
  background-color: color-mix(in srgb, var(--opr-typ-6-head-base, var(--primary, #4f7cff)) 18%, var(--card, #ffffff) 82%) !important;
}

body.erp-modern-v2 .row-color-Opr7 {
  background-color: color-mix(in srgb, var(--opr-typ-7-head-base, var(--accent, #14b8a6)) 16%, var(--card, #ffffff) 84%) !important;
}

body.erp-modern-v2 .row-color-Opr8 {
  background-color: color-mix(in srgb, var(--opr-typ-8-head-base, var(--primary, #4f7cff)) 20%, var(--card, #ffffff) 80%) !important;
}

body.erp-modern-v2 .row-color-Opr9 {
  background-color: color-mix(in srgb, var(--accent, #14b8a6) 16%, var(--card, #ffffff) 84%) !important;
}

body.erp-modern-v2 .row-color-rased_mdwar {
  background-color: color-mix(in srgb, var(--primary, #4f7cff) 14%, var(--card, #ffffff) 86%) !important;
}

body.erp-modern-v2 .row-color-rased_hrka_total {
  background-color: color-mix(in srgb, var(--accent, #14b8a6) 14%, var(--card, #ffffff) 86%) !important;
}

body.erp-modern-v2 .row-color-rased_end_total {
  background-color: color-mix(in srgb, var(--primary, #4f7cff) 20%, var(--card, #ffffff) 80%) !important;
}

body.erp-modern-v2 .myButton_custom_clicked,
body.erp-modern-v2 .myButton_custom_Cat_clicked {
  background-color: var(--erp-plan-soft-surface-2) !important;
  color: var(--text, #162033) !important;
}

body.erp-modern-v2 .myButton_custom_Tawlat_clicked {
  background-color: var(--erp-plan-accent-surface) !important;
  color: var(--text, #162033) !important;
}

body.erp-modern-v2 .myButton_custom_Items_clicked {
  background-color: var(--erp-plan-soft-surface) !important;
  color: var(--text, #162033) !important;
}

body.erp-modern-v2 .myButton_custom_Items_Tawlat_clicked {
  background-color: var(--erp-plan-danger-surface) !important;
  color: var(--text, #162033) !important;
}

body.erp-modern-v2 .smart-hint {
  background: var(--card, #ffffff);
  color: var(--text, #162033);
  border: 1px solid var(--erp-plan-control-border);
  box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
}

body.erp-modern-v2 .arrow-area:hover {
  background: color-mix(in srgb, var(--primary, #4f7cff) 9%, transparent);
  color: var(--primary, #4f7cff);
}

body.erp-modern-v2 .focused {
  border-color: var(--erp-plan-control-border-strong) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary, #4f7cff) 12%, transparent) !important;
}

body.erp-modern-v2 .success {
  border-color: color-mix(in srgb, var(--accent, #14b8a6) 46%, rgba(15, 23, 42, .16)) !important;
}

body.erp-modern-v2 .error {
  border-color: color-mix(in srgb, #ef4444 52%, rgba(15, 23, 42, .16)) !important;
}

body.erp-modern-v2 .btn,
body.erp-modern-v2 button,
body.erp-modern-v2 .qbtn {
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.erp-modern-v2 .btn-sm,
body.erp-modern-v2 .btn-group-sm > .btn {
  min-height: 32px;
}

body.erp-modern-v2 .qbtn {
  width: 20px;
  height: 20px;
  font-size: .82rem;
}

body.erp-modern-v2 .fa-expand-arrows-alt:before {
  color: inherit;
}

html[dir="rtl"] body.erp-modern-v2 textarea,
html[dir="rtl"] body.erp-modern-v2 input:not([type="number"]):not([type="tel"]):not([type="email"]):not([type="password"]):not([inputmode="numeric"]):not([data-force-ltr="true"]),
html[dir="rtl"] body.erp-modern-v2 select:not([data-force-ltr="true"]),
html[dir="rtl"] body.erp-modern-v2 .select2-selection__rendered {
  direction: rtl;
  text-align: right;
}

html[dir="ltr"] body.erp-modern-v2 textarea,
html[dir="ltr"] body.erp-modern-v2 input:not([type="number"]):not([type="tel"]):not([type="email"]):not([type="password"]):not([inputmode="numeric"]):not([data-force-ltr="true"]),
html[dir="ltr"] body.erp-modern-v2 select:not([data-force-ltr="true"]),
html[dir="ltr"] body.erp-modern-v2 .select2-selection__rendered {
  direction: ltr;
  text-align: left;
}

body.erp-modern-v2 input[type="number"],
body.erp-modern-v2 input[type="tel"],
body.erp-modern-v2 input[type="email"],
body.erp-modern-v2 input[type="password"],
body.erp-modern-v2 input[inputmode="numeric"],
body.erp-modern-v2 input[data-force-ltr="true"],
body.erp-modern-v2 .erp-force-ltr,
body.erp-modern-v2 .erp-force-ltr .form-control,
body.erp-modern-v2 .erp-force-ltr .select2-selection__rendered {
  direction: ltr !important;
  text-align: left !important;
}

body.erp-modern-v2 .blank-login-body {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary, #335DAF) 14%, white) 0%, color-mix(in srgb, var(--primary, #335DAF) 9%, white) 44%, color-mix(in srgb, var(--accent, #14b8a6) 9%, white) 100%);
}