/* =========================================================
   ERP Modern Runtime Fixes - March 2026
   Scope: UI/UX refinement only, zero business-logic change.
========================================================= */

body.erp-modern-v2 {
  --erp-fix-radius: 18px;
  --erp-fix-radius-lg: 24px;
  --erp-fix-shadow: 0 18px 38px rgba(15, 23, 42, .10);
  --erp-fix-shadow-soft: 0 12px 24px rgba(15, 23, 42, .08);
  --erp-fix-border: color-mix(in srgb, var(--erp-primary, #4f7cff) 12%, rgba(15, 23, 42, .10));
  --erp-fix-border-soft: color-mix(in srgb, var(--erp-primary, #4f7cff) 9%, rgba(148, 163, 184, .22));
  --erp-fix-surface: rgba(255,255,255,.92);
  --erp-fix-surface-strong: rgba(255,255,255,.98);
  --erp-fix-muted: rgba(71, 85, 105, .88);
}

body.erp-modern-v2.erp-app,
body.erp-modern-v2.erp-main-layout,
body.erp-modern-v2.blank-login-body,
body.erp-modern-v2.config-login-body {
  color: var(--erp-text, #162033);
}

body.erp-modern-v2 .card {
  margin-bottom: clamp(14px, 1.4vw, 20px);
  border-radius: 24px;
  border: 1px solid var(--erp-fix-border-soft);
  box-shadow: var(--erp-fix-shadow-soft);
  overflow: hidden;
}

body.erp-modern-v2 .card-header {
  padding: .95rem 1.2rem;
  border-bottom: 1px solid color-mix(in srgb, var(--erp-primary, #4f7cff) 10%, rgba(148,163,184,.24));
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.92));
}

body.erp-modern-v2 .card-body {
  padding: clamp(1rem, 1.5vw, 1.35rem);
}

body.erp-modern-v2 .card-footer {
  border-top: 1px solid color-mix(in srgb, var(--erp-primary, #4f7cff) 9%, rgba(148,163,184,.24));
  background: rgba(248, 250, 252, .88);
}

body.erp-modern-v2 .form-group {
  margin-bottom: .8rem;
}

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,
body.erp-modern-v2 .input-group > .row {
  row-gap: .9rem;
}

body.erp-modern-v2 .erp-field-shell,
body.erp-modern-v2 .invoice-box,
body.erp-modern-v2 .form-control-wrapper_grope {
  border-radius: 18px !important;
  border: 1px solid var(--erp-fix-border-soft) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 8px 18px rgba(15,23,42,.04);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.erp-modern-v2 .erp-field-shell:hover,
body.erp-modern-v2 .invoice-box:hover,
body.erp-modern-v2 .form-control-wrapper_grope:hover {
  border-color: color-mix(in srgb, var(--erp-primary, #4f7cff) 22%, rgba(15,23,42,.12)) !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_grope:focus-within {
  border-color: color-mix(in srgb, var(--erp-primary, #4f7cff) 30%, rgba(15,23,42,.12)) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--erp-primary, #4f7cff) 14%, transparent), 0 16px 30px rgba(79,124,255,.12) !important;
}

body.erp-modern-v2 .form-control,
body.erp-modern-v2 textarea.form-control,
body.erp-modern-v2 select.form-control {
  color: var(--erp-text, #162033) !important;
}

body.erp-modern-v2 .form-control::placeholder,
body.erp-modern-v2 input::placeholder,
body.erp-modern-v2 textarea::placeholder {
  color: rgba(100, 116, 139, .78) !important;
}

body.erp-modern-v2 .btn,
body.erp-modern-v2 button {
  font-weight: 800;
  letter-spacing: .01em;
}

body.erp-modern-v2 .btn.btn-primary,
body.erp-modern-v2 .btn.btn-info,
body.erp-modern-v2 .bg-info,
body.erp-modern-v2 .bg-primary,
body.erp-modern-v2 .nav-pills .nav-link.active,
body.erp-modern-v2 .custom-control-input:checked ~ .custom-control-label::before,
body.erp-modern-v2 .card-info:not(.card-outline) > .card-header,
body.erp-modern-v2 .card-primary:not(.card-outline) > .card-header,
body.erp-modern-v2 .badge-info,
body.erp-modern-v2 .badge-primary {
  background: var(--erp-primary, #4f7cff) !important;
  border-color: var(--erp-primary, #4f7cff) !important;
  color: #fff !important;
}

body.erp-modern-v2 .btn.btn-success,
body.erp-modern-v2 .bg-success,
body.erp-modern-v2 .badge-success,
body.erp-modern-v2 .card-success:not(.card-outline) > .card-header {
  background: color-mix(in srgb, var(--erp-accent, #16a34a) 74%, #0f9f74 26%) !important;
  border-color: color-mix(in srgb, var(--erp-accent, #16a34a) 74%, #0f9f74 26%) !important;
  color: #fff !important;
}

body.erp-modern-v2 .btn.btn-warning,
body.erp-modern-v2 .bg-warning,
body.erp-modern-v2 .badge-warning,
body.erp-modern-v2 .card-warning:not(.card-outline) > .card-header {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #fff !important;
}

body.erp-modern-v2 .btn.btn-danger,
body.erp-modern-v2 .bg-danger,
body.erp-modern-v2 .badge-danger,
body.erp-modern-v2 .card-danger:not(.card-outline) > .card-header {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #fff !important;
}

body.erp-modern-v2 .btn.btn-light,
body.erp-modern-v2 .btn.btn-default,
body.erp-modern-v2 .btn.btn-tool {
  border-color: var(--erp-fix-border-soft);
  background: rgba(255,255,255,.96);
  color: var(--erp-text, #162033);
}

body.erp-modern-v2 .btn.btn-tool:hover,
body.erp-modern-v2 .btn.btn-light:hover,
body.erp-modern-v2 .btn.btn-default:hover {
  background: color-mix(in srgb, var(--erp-primary, #4f7cff) 10%, white 90%);
  border-color: color-mix(in srgb, var(--erp-primary, #4f7cff) 18%, rgba(15,23,42,.12));
}

body.erp-modern-v2 .table-responsive {
  border-radius: 22px;
  border: 1px solid var(--erp-fix-border-soft);
  background: rgba(255,255,255,.96);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

body.erp-modern-v2 table,
body.erp-modern-v2 .table {
  margin-bottom: 0;
}

body.erp-modern-v2 .table thead th {
  white-space: nowrap;
  background: linear-gradient(180deg, color-mix(in srgb, var(--erp-primary, #4f7cff) 8%, white 92%), rgba(255,255,255,.98));
  color: var(--erp-text, #162033);
}

body.erp-modern-v2 .table tbody tr:nth-child(even) {
  background: rgba(248, 250, 252, .64);
}

body.erp-modern-v2 .table tbody tr:hover {
  background: color-mix(in srgb, var(--erp-primary, #4f7cff) 5%, white 95%);
}

body.erp-modern-v2 .table td,
body.erp-modern-v2 .table th {
  vertical-align: middle;
}

/* ======================== Select2 ======================== */
body.erp-modern-v2 .select2-container {
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
}

body.erp-modern-v2 .select2-container .select2-selection--single,
body.erp-modern-v2 .select2-container .select2-selection--multiple {
  min-height: 50px;
  border-radius: 18px !important;
  border: 1px solid var(--erp-fix-border-soft) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 8px 18px rgba(15,23,42,.04);
}

body.erp-modern-v2 .select2-container .select2-selection--single {
  height: 50px !important;
}

body.erp-modern-v2 .select2-container .select2-selection--single .select2-selection__rendered {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding-inline-start: 1rem !important;
  padding-inline-end: 2.35rem !important;
  line-height: 48px !important;
  color: var(--erp-text, #162033) !important;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.erp-modern-v2 .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block !important;
  min-height: 48px !important;
  padding: .35rem .9rem .4rem !important;
  color: var(--erp-text, #162033) !important;
  font-weight: 700;
  line-height: 1.55 !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.erp-modern-v2 .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: color-mix(in srgb, var(--erp-text, #162033) 55%, white 45%) !important;
}

body.erp-modern-v2 .select2-container--default.select2-container--focus .select2-selection--single,
body.erp-modern-v2 .select2-container--default.select2-container--focus .select2-selection--multiple,
body.erp-modern-v2 .select2-container--open .select2-selection--single,
body.erp-modern-v2 .select2-container--open .select2-selection--multiple {
  border-color: color-mix(in srgb, var(--erp-primary, #4f7cff) 30%, rgba(15,23,42,.12)) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--erp-primary, #4f7cff) 14%, transparent), 0 16px 30px rgba(79,124,255,.12) !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  inset-inline-end: 10px;
}

body.erp-modern-v2 .select2-dropdown,
body.erp-modern-v2 .select2-container--default .select2-dropdown {
  border: 1px solid var(--erp-fix-border) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 26px 50px rgba(15, 23, 42, .18) !important;
  overflow: hidden;
  z-index: 2055;
}

body.erp-modern-v2 .select2-search--dropdown {
  padding: .75rem;
  background: linear-gradient(180deg, rgba(248,251,255,.96), rgba(255,255,255,.98));
  border-bottom: 1px solid color-mix(in srgb, var(--erp-primary, #4f7cff) 10%, rgba(148,163,184,.24));
}

body.erp-modern-v2 .select2-search--dropdown .select2-search__field {
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid var(--erp-fix-border-soft) !important;
  padding: .55rem .85rem;
  outline: none;
}

body.erp-modern-v2 .select2-results > .select2-results__options,
body.erp-modern-v2 .select2-results__options {
  max-height: 290px;
  padding: .4rem;
}

body.erp-modern-v2 .select2-results__option {
  display: block !important;
  margin: .08rem 0;
  border-radius: 12px;
  padding: .7rem .85rem;
  color: var(--erp-text, #162033) !important;
  font-weight: 700;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: normal;
}

body.erp-modern-v2 .select2-results__option[aria-selected="true"] {
  background: color-mix(in srgb, var(--erp-primary, #4f7cff) 8%, white 92%);
}

body.erp-modern-v2 .select2-container--default .select2-results__option--highlighted[aria-selected],
body.erp-modern-v2 .select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
  background: var(--erp-primary, #4f7cff) !important;
  color: #fff !important;
}

html[dir="rtl"] body.erp-modern-v2 .select2-container,
html[dir="rtl"] body.erp-modern-v2 .select2-dropdown,
html[dir="rtl"] body.erp-modern-v2 .select2-search__field,
html[dir="rtl"] body.erp-modern-v2 .select2-results__option,
html[dir="rtl"] body.erp-modern-v2 .dataTables_wrapper,
html[dir="rtl"] body.erp-modern-v2 .table,
html[dir="rtl"] body.erp-modern-v2 .modal-content {
  direction: rtl;
  text-align: right;
}

html[dir="ltr"] body.erp-modern-v2 .select2-container,
html[dir="ltr"] body.erp-modern-v2 .select2-dropdown,
html[dir="ltr"] body.erp-modern-v2 .select2-search__field,
html[dir="ltr"] body.erp-modern-v2 .select2-results__option,
html[dir="ltr"] body.erp-modern-v2 .dataTables_wrapper,
html[dir="ltr"] body.erp-modern-v2 .table,
html[dir="ltr"] body.erp-modern-v2 .modal-content {
  direction: ltr;
  text-align: left;
}

body.erp-modern-v2 .erp-force-ltr,
body.erp-modern-v2 .erp-force-ltr + .select2,
body.erp-modern-v2 .erp-force-ltr + .select2 .select2-selection__rendered,
body.erp-modern-v2 .erp-force-ltr + .select2 .select2-search__field,
body.erp-modern-v2 .erp-force-ltr + .select2 .select2-results__option {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext;
}

/* ====================== DataTables ======================= */
body.erp-modern-v2 .dataTables_wrapper {
  padding: .3rem 0 .15rem;
  color: var(--erp-text, #162033);
}

body.erp-modern-v2 .dataTables_wrapper .row {
  margin-inline: 0;
  row-gap: .8rem;
  align-items: center;
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_length,
body.erp-modern-v2 .dataTables_wrapper .dataTables_filter,
body.erp-modern-v2 .dataTables_wrapper .dataTables_info,
body.erp-modern-v2 .dataTables_wrapper .dataTables_paginate {
  margin-top: .45rem;
  margin-bottom: .15rem;
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_length label,
body.erp-modern-v2 .dataTables_wrapper .dataTables_filter label {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
  font-weight: 800;
  color: var(--erp-text, #162033);
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_length select,
body.erp-modern-v2 .dataTables_wrapper .dataTables_filter input {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid var(--erp-fix-border-soft) !important;
  background: rgba(255,255,255,.98);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 6px 16px rgba(15,23,42,.05);
  padding-inline: .85rem;
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_filter input {
  min-width: min(280px, 100%);
}

body.erp-modern-v2 .dataTables_wrapper .dt-buttons,
body.erp-modern-v2 .dataTables_wrapper .btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

body.erp-modern-v2 .dataTables_wrapper .dt-buttons .btn,
body.erp-modern-v2 .dataTables_wrapper .dt-buttons button,
body.erp-modern-v2 .dataTables_wrapper .buttons-copy,
body.erp-modern-v2 .dataTables_wrapper .buttons-excel,
body.erp-modern-v2 .dataTables_wrapper .buttons-pdf,
body.erp-modern-v2 .dataTables_wrapper .buttons-print {
  min-height: 42px;
  border-radius: 14px !important;
  border: 1px solid var(--erp-fix-border-soft) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.92)) !important;
  color: var(--erp-text, #162033) !important;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
}

body.erp-modern-v2 .dataTables_wrapper .dt-buttons .btn:hover,
body.erp-modern-v2 .dataTables_wrapper .dt-buttons button:hover,
body.erp-modern-v2 .dataTables_wrapper .buttons-copy:hover,
body.erp-modern-v2 .dataTables_wrapper .buttons-excel:hover,
body.erp-modern-v2 .dataTables_wrapper .buttons-pdf:hover,
body.erp-modern-v2 .dataTables_wrapper .buttons-print:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--erp-primary, #4f7cff) 18%, rgba(15,23,42,.12)) !important;
  background: color-mix(in srgb, var(--erp-primary, #4f7cff) 8%, white 92%) !important;
}

body.erp-modern-v2 table.dataTable.no-footer {
  border-bottom: 0 !important;
}

body.erp-modern-v2 table.dataTable tbody tr.selected,
body.erp-modern-v2 table.dataTable tbody tr.selected > * {
  background: color-mix(in srgb, var(--erp-primary, #4f7cff) 12%, white 88%) !important;
  color: var(--erp-text, #162033) !important;
}

body.erp-modern-v2 .pagination {
  gap: .2rem;
}

body.erp-modern-v2 .pagination .page-link {
  min-width: 42px;
  min-height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px !important;
}

body.erp-modern-v2 .pagination .page-item.active .page-link {
  background: var(--erp-primary, #4f7cff);
  border-color: var(--erp-primary, #4f7cff);
}

body.erp-modern-v2 .erp-table-readability {
  font-size: .92rem;
}

/* ======================== Modals ========================= */
body.erp-modern-v2 .erp-runtime-modal .modal-dialog {
  margin: 1rem auto;
}

body.erp-modern-v2 .erp-runtime-modal .modal-dialog.modal-sm {
  max-width: 430px;
}

body.erp-modern-v2 .erp-runtime-modal .modal-dialog.modal-md {
  max-width: 720px;
}

body.erp-modern-v2 .erp-runtime-modal .modal-content {
  border-radius: 24px;
  background: rgba(255,255,255,.985);
}

body.erp-modern-v2 .erp-runtime-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .9rem;
  padding: 1rem 1.1rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--erp-primary, #4f7cff) 7%, white 93%), rgba(255,255,255,.98));
}

body.erp-modern-v2 .erp-modal-header {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}

body.erp-modern-v2 .erp-modal-header__icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary, #4f7cff) 84%, white 16%), color-mix(in srgb, var(--erp-accent, #22c55e) 24%, white 76%));
  color: #fff;
  box-shadow: 0 14px 28px rgba(79,124,255,.18);
  font-size: 1.15rem;
}

body.erp-modern-v2 .erp-modal-header__meta {
  min-width: 0;
}

body.erp-modern-v2 .erp-runtime-modal .modal-title {
  margin: 0;
  font-size: 1.08rem;
  font-weight: 900;
  color: var(--erp-text, #162033);
}

body.erp-modern-v2 .erp-modal-close {
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0;
  border-radius: 14px !important;
  display: inline-grid;
  place-items: center;
}

body.erp-modern-v2 .erp-runtime-modal .modal-body {
  padding: 1rem 1.1rem 1.15rem;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92));
}

body.erp-modern-v2 .erp-runtime-modal .modal-footer {
  padding: .9rem 1.1rem;
}

/* ===================== Auth / Config ===================== */
body.erp-modern-v2 .erp-auth-header {
  display: grid;
  justify-items: center;
  gap: .65rem;
  margin-bottom: .85rem;
}

body.erp-modern-v2 .erp-auth-injected-badge {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary, #4f7cff) 86%, white 14%), color-mix(in srgb, var(--erp-accent, #22c55e) 24%, white 76%));
  color: #fff;
  box-shadow: 0 24px 46px rgba(79,124,255,.22);
  font-size: 1.75rem;
}

body.erp-modern-v2.blank-login-body .main-box,
body.erp-modern-v2.config-login-body #auth-form1,
body.erp-modern-v2.config-login-body #auth-form11 {
  padding: clamp(1rem, 1.6vw, 1.5rem);
}

body.erp-modern-v2.blank-login-body .main-box {
  width: min(720px, 100%);
  max-width: 720px;
}

body.erp-modern-v2.blank-login-body .form-box,
body.erp-modern-v2.config-login-body #auth-form1,
body.erp-modern-v2.config-login-body #auth-form11 {
  display: grid;
  gap: .9rem;
}

body.erp-modern-v2.blank-login-body .logo-frame,
body.erp-modern-v2.config-login-body .logo-frame {
  box-shadow: 0 16px 34px rgba(15,23,42,.10);
}

body.erp-modern-v2.blank-login-body .button-box {
  padding: .4rem;
  border-radius: 20px;
}

body.erp-modern-v2.blank-login-body .button-box .btn,
body.erp-modern-v2.blank-login-body .form-group111 .btn,
body.erp-modern-v2.config-login-body .btn {
  min-height: 48px;
}

body.erp-modern-v2.blank-login-body .login-box-msg,
body.erp-modern-v2.config-login-body .login-box-msg {
  margin-bottom: .35rem;
  font-weight: 900;
  color: var(--erp-text, #162033);
}

body.erp-modern-v2.config-login-body #auth-form1 > .row,
body.erp-modern-v2 .row.erp-config-split {
  align-items: stretch;
}

body.erp-modern-v2.config-login-body #auth-form1 > .row > [class*="col-"],
body.erp-modern-v2 .row.erp-config-split > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

body.erp-modern-v2.config-login-body #auth-form1 .table-responsive,
body.erp-modern-v2.blank-login-body #auth-form1 .table-responsive,
body.erp-modern-v2 .erp-config-table-shell {
  padding: .45rem;
}

body.erp-modern-v2.config-login-body #auth-form1 .text-center .btn,
body.erp-modern-v2.blank-login-body #auth-form1 .text-center .btn {
  min-width: 120px;
}

/* ==================== POS / Restaurant =================== */
body.erp-modern-v2 .erp-pos-button,
body.erp-modern-v2 .myButton_custom,
body.erp-modern-v2 .myButton_custom_Tawlat,
body.erp-modern-v2 .myButton_custom_Cat,
body.erp-modern-v2 .myButton_custom_Items,
body.erp-modern-v2 .myButton_custom_Items_Tawlat {
  border-radius: 18px !important;
  border: 1px solid var(--erp-fix-border-soft) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,247,255,.92)) !important;
  color: var(--erp-text, #162033) !important;
  box-shadow: 0 14px 28px rgba(15,23,42,.08);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

body.erp-modern-v2 .erp-pos-button:hover,
body.erp-modern-v2 .myButton_custom:hover,
body.erp-modern-v2 .myButton_custom_Tawlat:hover,
body.erp-modern-v2 .myButton_custom_Cat:hover,
body.erp-modern-v2 .myButton_custom_Items:hover,
body.erp-modern-v2 .myButton_custom_Items_Tawlat:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(15,23,42,.12);
}

body.erp-modern-v2 .erp-keypad-button {
  min-height: 64px !important;
  border-radius: 20px !important;
  font-size: 1.1rem;
  font-weight: 900;
  box-shadow: 0 18px 30px rgba(15,23,42,.08);
}

body.erp-modern-v2 .erp-pos-primary-action {
  min-height: 52px;
  padding-inline: 1rem;
  border-radius: 18px !important;
}

body.erp-modern-v2 .myButton_custom_clicked,
body.erp-modern-v2 .myButton_custom_Cat_clicked,
body.erp-modern-v2 .myButton_custom_Tawlat_clicked,
body.erp-modern-v2 .myButton_custom_Items_clicked,
body.erp-modern-v2 .myButton_custom_Items_Tawlat_clicked {
  color: #fff !important;
  border-color: transparent !important;
}

body.erp-modern-v2 .myButton_custom_clicked,
body.erp-modern-v2 .myButton_custom_Cat_clicked {
  background: linear-gradient(135deg, var(--erp-primary, #4f7cff), color-mix(in srgb, var(--erp-primary, #4f7cff) 60%, #1d4ed8 40%)) !important;
}

body.erp-modern-v2 .myButton_custom_Tawlat_clicked {
  background: linear-gradient(135deg, #16a34a, #22c55e) !important;
}

body.erp-modern-v2 .myButton_custom_Items_clicked {
  background: linear-gradient(135deg, #0f766e, #14b8a6) !important;
}

body.erp-modern-v2 .myButton_custom_Items_Tawlat_clicked {
  background: linear-gradient(135deg, #dc2626, #ef4444) !important;
}

body.erp-modern-v2 .info-box_Tawlat,
body.erp-modern-v2 .info-box.info-box_Tawlat {
  min-height: 92px;
  padding: .8rem .9rem;
  border-radius: 22px;
  border: 1px solid var(--erp-fix-border-soft);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,247,255,.92));
  box-shadow: 0 16px 28px rgba(15,23,42,.08);
}

body.erp-modern-v2 .info-box_Tawlat .info-box-content,
body.erp-modern-v2 .info-box.info-box_Tawlat .info-box-content {
  justify-content: center;
  gap: .35rem;
}

body.erp-modern-v2 .arrow-area {
  width: 42px;
  min-width: 42px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--erp-primary, #4f7cff) 6%, white 94%);
  color: var(--erp-primary, #4f7cff);
}

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

/* ================= Hidden tabs / more toggle ============= */
body.erp-modern-v2 .erp-tabs-more-toggle .nav-link,
body.erp-modern-v2 .toggle-more_Opr,
body.erp-modern-v2 .less-button_Opr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 44px;
  border-radius: 16px !important;
}

body.erp-modern-v2 .erp-tabs-more-toggle .nav-link {
  background: color-mix(in srgb, var(--erp-primary, #4f7cff) 8%, white 92%);
  border: 1px dashed color-mix(in srgb, var(--erp-primary, #4f7cff) 20%, rgba(15,23,42,.12));
  color: var(--erp-text, #162033);
}

body.erp-modern-v2 .erp-tab-extra-visible {
  animation: erpFadeTab .18s ease;
}

body.erp-modern-v2 .toggle-more_Opr,
body.erp-modern-v2 .less-button_Opr {
  padding-inline: .95rem;
  border: 1px solid color-mix(in srgb, var(--erp-primary, #4f7cff) 14%, rgba(15,23,42,.12));
  background: linear-gradient(180deg, color-mix(in srgb, var(--erp-primary, #4f7cff) 8%, white 92%), rgba(255,255,255,.98)) !important;
  color: var(--erp-text, #162033) !important;
  box-shadow: 0 12px 24px rgba(15,23,42,.06);
}

body.erp-modern-v2 .erp-more-open > .card-body {
  display: block;
}

@keyframes erpFadeTab {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===================== Responsive ======================== */
@media (max-width: 991.98px) {
  body.erp-modern-v2 .dataTables_wrapper .dataTables_filter input {
    min-width: 100%;
  }

  body.erp-modern-v2 .dataTables_wrapper .dt-buttons,
  body.erp-modern-v2 .dataTables_wrapper .btn-group {
    width: 100%;
  }

  body.erp-modern-v2 .dataTables_wrapper .dt-buttons .btn,
  body.erp-modern-v2 .dataTables_wrapper .dt-buttons button {
    flex: 1 1 calc(50% - .45rem);
  }

  body.erp-modern-v2 .erp-keypad-button {
    min-height: 56px !important;
  }
}

@media (max-width: 767.98px) {
  body.erp-modern-v2 .card,
  body.erp-modern-v2 .table-responsive,
  body.erp-modern-v2 .modal-content {
    border-radius: 18px;
  }

  body.erp-modern-v2 .erp-runtime-modal .modal-header,
  body.erp-modern-v2 .erp-runtime-modal .modal-body,
  body.erp-modern-v2 .erp-runtime-modal .modal-footer,
  body.erp-modern-v2 .card-body,
  body.erp-modern-v2 .card-header {
    padding-inline: .95rem;
  }

  body.erp-modern-v2.blank-login-body .main-box,
  body.erp-modern-v2.config-login-body #auth-form1,
  body.erp-modern-v2.config-login-body #auth-form11 {
    padding: 1rem;
  }

  body.erp-modern-v2 .dataTables_wrapper .dt-buttons .btn,
  body.erp-modern-v2 .dataTables_wrapper .dt-buttons button {
    flex: 1 1 100%;
  }
}


/* ===================== Legacy bundle neutralization (rev8) ===================== */
body.erp-modern-v2 .tab-content > .active,
body.erp-modern-v2 .tab-content > .tab-pane.active {
  padding-top: .75rem !important;
}

body.erp-modern-v2 .card.card-tabs .tab-content > .active,
body.erp-modern-v2 .erp-screen-invoice .tab-content > .active,
body.erp-modern-v2 .erp-screen-invoice .tab-content > .tab-pane.active {
  padding-top: .5rem !important;
}

body.erp-modern-v2 .content-wrapper > .content > .container-fluid,
body.erp-modern-v2 .content-header > .container-fluid,
body.erp-modern-v2 section.content > .container-fluid,
body.erp-modern-v2 .container-fluid.px-3,
body.erp-modern-v2 .container-fluid.px-3.pt-3 {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.erp-modern-v2 .main-header .container-fluid,
body.erp-modern-v2 .navbar .container-fluid,
body.erp-modern-v2 .main-footer .container-fluid,
body.erp-modern-v2 .blank-login-body .container-fluid,
body.erp-modern-v2 .config-login-body .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}

body.erp-modern-v2 .select2-container--default .select2-dropdown,
body.erp-modern-v2 .select2-container--default .select2-dropdown.select2-dropdown--below,
body.erp-modern-v2 .select2-container--default .select2-dropdown.select2-dropdown--above {
  width: auto !important;
  min-width: var(--erp-select2-open-width, 240px) !important;
  max-width: min(92vw, 720px) !important;
  height: auto !important;
  max-height: min(68vh, 420px) !important;
  margin-top: .35rem;
  border-top: 1px solid var(--erp-fix-border, rgba(148,163,184,.35)) !important;
}

body.erp-modern-v2 .select2-search--dropdown {
  padding: .55rem .6rem !important;
}

body.erp-modern-v2 .select2-search--dropdown .select2-search__field {
  min-height: 40px !important;
  padding: .55rem .8rem !important;
}

body.erp-modern-v2 .select2-results > .select2-results__options,
body.erp-modern-v2 .select2-results__options {
  max-height: min(54vh, 340px) !important;
  padding: .32rem !important;
}

body.erp-modern-v2 .select2-results__option {
  padding: .58rem .75rem !important;
  border-radius: 10px !important;
}

html[dir="rtl"] body.erp-modern-v2 .select2-container--open .select2-dropdown,
html[dir="rtl"] body.erp-modern-v2 .select2-container--open .select2-results__option,
html[dir="rtl"] body.erp-modern-v2 .select2-container--open .select2-search__field {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="ltr"] body.erp-modern-v2 .select2-container--open .select2-dropdown,
html[dir="ltr"] body.erp-modern-v2 .select2-container--open .select2-results__option,
html[dir="ltr"] body.erp-modern-v2 .select2-container--open .select2-search__field {
  direction: ltr !important;
  text-align: left !important;
}

body.erp-modern-v2 .erp-force-ltr + .select2.select2-container--open .select2-dropdown,
body.erp-modern-v2 .erp-force-ltr + .select2.select2-container--open .select2-results__option,
body.erp-modern-v2 .erp-force-ltr + .select2.select2-container--open .select2-search__field,
body.erp-modern-v2 .select2-container.erp-smart-dir--numeric.select2-container--open .select2-dropdown,
body.erp-modern-v2 .select2-container.erp-smart-dir--numeric.select2-container--open .select2-results__option,
body.erp-modern-v2 .select2-container.erp-smart-dir--numeric.select2-container--open .select2-search__field,
body.erp-modern-v2 .select2-container.erp-smart-dir--code.select2-container--open .select2-dropdown,
body.erp-modern-v2 .select2-container.erp-smart-dir--code.select2-container--open .select2-results__option,
body.erp-modern-v2 .select2-container.erp-smart-dir--code.select2-container--open .select2-search__field {
  direction: ltr !important;
  text-align: left !important;
}

body.erp-modern-v2 .select2-container.erp-smart-dir--ui.select2-container--open .select2-dropdown,
body.erp-modern-v2 .select2-container.erp-smart-dir--text.select2-container--open .select2-dropdown,
body.erp-modern-v2 .select2-container.erp-smart-dir--ui.select2-container--open .select2-results__option,
body.erp-modern-v2 .select2-container.erp-smart-dir--text.select2-container--open .select2-results__option,
body.erp-modern-v2 .select2-container.erp-smart-dir--ui.select2-container--open .select2-search__field,
body.erp-modern-v2 .select2-container.erp-smart-dir--text.select2-container--open .select2-search__field {
  direction: inherit !important;
  text-align: inherit !important;
}