:root {
  --erp-font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
  --erp-bg: var(--bg, #eef4ff);
  --erp-surface: var(--card, #ffffff);
  --erp-surface-soft: color-mix(in srgb, var(--erp-surface) 84%, var(--erp-bg) 16%);
  --erp-text: var(--text, #152033);
  --erp-text-muted: color-mix(in srgb, var(--erp-text) 66%, transparent);
  --erp-border: color-mix(in srgb, var(--erp-text) 10%, transparent);
  --erp-border-strong: color-mix(in srgb, var(--primary, #4f7cff) 24%, transparent);
  --erp-shadow-sm: 0 10px 30px rgba(11, 18, 32, .08);
  --erp-shadow-md: 0 20px 45px rgba(11, 18, 32, .12);
  --erp-radius-sm: 10px;
  --erp-radius-md: 18px;
  --erp-radius-lg: 24px;
  --erp-sidebar-width: 290px;
  --erp-sidebar-collapsed-width: 84px;
  --erp-header-height: 76px;
  --erp-footer-height: 62px;
  --erp-transition: 220ms ease;
  --erp-topbar-bg: var(--topbar-bg, #ffffff);
  --erp-topbar-text: var(--topbar-text, var(--erp-text));
  --erp-sidebar-bg: var(--nav-bg, #1f2d4b);
  --erp-sidebar-item: var(--nav-item, rgba(255,255,255,.06));
  --erp-sidebar-hover: var(--nav-hover, rgba(255,255,255,.12));
  --erp-sidebar-active: var(--nav-active, color-mix(in srgb, var(--primary, #4f7cff) 30%, #fff 70%));
  --erp-sidebar-text: var(--nav-text, #eef4ff);
  --erp-primary: var(--primary, #4f7cff);
  --erp-accent: var(--accent, #14b8a6);
  --erp-success: #22c55e;
  --erp-warning: #f59e0b;
  --erp-danger: #ef4444;
}

html, body {
  min-height: 100%;
}

html {
  font-size: 14px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--erp-font-family);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--erp-primary) 18%, transparent) 0, transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--erp-bg) 94%, white 6%) 0%, var(--erp-bg) 100%);
  color: var(--erp-text);
  margin: 0;
}

body.erp-app {
  min-height: 100vh;
  overflow-x: hidden;
}

body.erp-app a {
  transition: color var(--erp-transition), background-color var(--erp-transition), border-color var(--erp-transition), box-shadow var(--erp-transition);
}

body.erp-app .wrapper {
  min-height: 100vh;
}

    body.erp-app > .wrapper {
        position: relative;
        padding-top: calc(var(--erp-header-height) + 2px);
        padding-inline-start: calc(var(--erp-sidebar-width) + 2px);
        padding-inline-end: 2px;
        padding-bottom: calc(var(--erp-footer-height) + 2px);
    }

body.erp-app.sidebar-collapse > .wrapper {
  padding-inline-start: calc(var(--erp-sidebar-collapsed-width) + 2px);
}

.main-header {
  position: fixed;
  top: 12px;
  inset-inline-start: calc(var(--erp-sidebar-width) + 12px);
  inset-inline-end: 12px;
  z-index: 1030;
  min-height: var(--erp-header-height);
  display: flex;
  align-items: center;
  border: 1px solid var(--erp-border);
  border-radius: 22px;
  background: color-mix(in srgb, var(--erp-topbar-bg) 86%, rgba(255,255,255,.45) 14%);
  backdrop-filter: blur(12px);
  box-shadow: var(--erp-shadow-sm);
  color: var(--erp-topbar-text);
  padding: 0 1rem;
}

body.erp-app.sidebar-collapse .main-header {
  inset-inline-start: calc(var(--erp-sidebar-collapsed-width) + 12px);
}

.main-header .container-fluid {
  padding: 0;
}

.main-header .navbar-nav {
  align-items: center;
  gap: .35rem;
}

.main-header .nav-link,
.main-header .btn:not(.dropdown-toggle):not(.btn-danger):not(.btn-info),
.main-header #teOpenBtn {
  border: 0;
  background: transparent;
  color: inherit;
  min-width: 42px;
  min-height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.main-header .nav-link:hover,
.main-header .btn:not(.dropdown-toggle):not(.btn-danger):not(.btn-info):hover,
.main-header #teOpenBtn:hover {
  background: color-mix(in srgb, var(--erp-primary) 10%, transparent);
  color: var(--erp-primary);
}

.main-header .navbar-brand {
  float: none;
  margin: 0 auto;
  font-size: clamp(1rem, 1.6vw, 1.3rem);
  font-weight: 800;
  color: inherit;
}

.main-sidebar {
  position: fixed;
  top: 12px;
  bottom: 12px;
  inset-inline-start: 12px;
  width: var(--erp-sidebar-width);
  z-index: 1040;
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--erp-sidebar-bg) 76%, white 24%);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--erp-sidebar-bg) 96%, black 4%) 0%, color-mix(in srgb, var(--erp-sidebar-bg) 82%, #0f172a 18%) 100%);
  color: var(--erp-sidebar-text);
  box-shadow: var(--erp-shadow-md);
  transition: width var(--erp-transition), transform var(--erp-transition), opacity var(--erp-transition);
}

.main-sidebar .sidebar {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: .6rem .8rem 1rem;
  scrollbar-width: thin;
}

.brand-link {
  display: flex;
  align-items: center;
  gap: .9rem;
  margin: .35rem .2rem 1rem;
  padding: .85rem 1rem;
  border-radius: 18px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 62%, transparent), color-mix(in srgb, var(--erp-accent) 40%, transparent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.brand-link:hover {
  color: #fff;
  text-decoration: none;
}

.brand-link .brand-image,
.brand-link img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 14px;
  background: rgba(255,255,255,.18);
  padding: .25rem;
}

.brand-link span,
.brand-link .brand-text {
  display: block;
  font-size: 1rem;
  font-weight: 800;
  white-space: normal;
  line-height: 1.3;
}

.nav-sidebar,
.nav-treeview {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-sidebar > .nav-item {
  margin-bottom: .35rem;
}

.nav-sidebar .nav-item > .nav-link,
.nav-treeview .nav-link {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 44px;
  padding: .78rem .95rem;
  border-radius: 16px;
  color: var(--erp-sidebar-text);
  text-decoration: none;
  background: transparent;
  font-weight: 700;
}

.nav-sidebar .nav-item > .nav-link:hover,
.nav-treeview .nav-link:hover {
  background: var(--erp-sidebar-hover);
  color: #fff;
}

.nav-sidebar .nav-item > .nav-link.active,
.nav-sidebar .nav-item.menu-open > .nav-link,
.nav-treeview .nav-link.active {
  background: color-mix(in srgb, var(--erp-sidebar-active) 24%, #fff 6%);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.nav-sidebar .nav-icon,
.nav-treeview .nav-icon {
  width: 24px;
  text-align: center;
  flex: 0 0 24px;
}

.nav-sidebar p,
.nav-treeview p {
  margin: 0;
  flex: 1 1 auto;
}

.nav-sidebar .right {
  transition: transform var(--erp-transition);
}

.nav-item.menu-open > .nav-link .right {
  transform: rotate(90deg);
}

.nav-treeview {
  margin-top: .35rem;
  padding-inline-start: .7rem;
  display: none;
}

.nav-item.menu-open > .nav-treeview {
  display: block;
}

.nav-treeview .nav-link {
  min-height: 40px;
  padding-top: .65rem;
  padding-bottom: .65rem;
  background: color-mix(in srgb, var(--erp-sidebar-item) 78%, transparent);
}

body.erp-app.sidebar-collapse .main-sidebar {
  width: var(--erp-sidebar-collapsed-width);
}

body.erp-app.sidebar-collapse .main-sidebar .brand-link {
  justify-content: center;
  padding-inline: .55rem;
}

body.erp-app.sidebar-collapse .main-sidebar .brand-link span,
body.erp-app.sidebar-collapse .main-sidebar .brand-link .brand-text,
body.erp-app.sidebar-collapse .main-sidebar .nav-sidebar p,
body.erp-app.sidebar-collapse .main-sidebar .nav-sidebar .right,
body.erp-app.sidebar-collapse .main-sidebar .nav-treeview,
body.erp-app.sidebar-collapse .main-sidebar .sidebar_search,
body.erp-app.sidebar-collapse .main-sidebar .brand-link .brand-image + * {
  opacity: 0;
  width: 0;
  overflow: hidden;
  pointer-events: none;
}

body.erp-app.sidebar-collapse .main-sidebar .nav-sidebar .nav-link {
  justify-content: center;
  padding-inline: .55rem;
}

body.erp-app.sidebar-collapse .main-sidebar .nav-sidebar .nav-icon {
  margin: 0;
}

.content-wrapper {
  position: relative;
  min-height: calc(100vh - var(--erp-header-height) - var(--erp-footer-height) - 44px);
  border: 1px solid var(--erp-border);
  border-radius: 28px;
  background: color-mix(in srgb, var(--erp-surface) 92%, rgba(255,255,255,.35) 8%);
  box-shadow: var(--erp-shadow-sm);
  overflow: hidden;
}

.content {
  padding: 1.2rem;
}

.content > .container-fluid,
.content-wrapper > .content > .container-fluid {
  padding: 0;
}

.main-footer {
  position: fixed;
  inset-inline-end: 12px;
  inset-inline-start: calc(var(--erp-sidebar-width) + 12px);
  bottom: 12px;
  min-height: var(--erp-footer-height);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .9rem 1.25rem;
  border-radius: 20px;
  border: 1px solid var(--erp-border);
  background: color-mix(in srgb, var(--erp-topbar-bg) 90%, rgba(255,255,255,.45) 10%);
  box-shadow: var(--erp-shadow-sm);
  color: var(--erp-text);
  z-index: 1020;
}

body.erp-app.sidebar-collapse .main-footer {
  inset-inline-start: calc(var(--erp-sidebar-collapsed-width) + 12px);
}

.main-footer a,
.color-footer {
  color: var(--erp-primary) !important;
  font-weight: 800;
}

.main-footer .float-right {
  margin-inline-start: auto;
}

.control-sidebar {
  display: none !important;
}

.card {
  border: 1px solid var(--erp-border);
  border-radius: var(--erp-radius-md);
  background: var(--erp-surface);
  box-shadow: 0 14px 38px rgba(13, 23, 39, .08);
  margin-bottom: 1rem;
  overflow: hidden;
}

.card.card-outline {
  border-top: 4px solid color-mix(in srgb, var(--erp-primary) 74%, transparent);
}

.card.card-primary.card-outline,
.card.card-success.card-outline,
.card.card-danger.card-outline {
  border-top-width: 4px;
}

.card-header {
  display: flex;
  align-items: center;
  gap: .75rem;
  justify-content: space-between;
  min-height: 62px;
  padding: .95rem 1.2rem;
  border-bottom: 1px solid var(--erp-border);
  background: linear-gradient(180deg, color-mix(in srgb, var(--table-head, var(--erp-surface-soft)) 72%, #fff 28%), color-mix(in srgb, var(--erp-surface) 92%, var(--erp-bg) 8%));
}

.card-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  color: var(--erp-text);
}

.card-body,
.card-footer {
  padding: 1rem 1.2rem;
}

.card-tabs > .card-header {
  padding-bottom: 0;
}

.card-tabs .nav-tabs {
  border: 0;
  gap: .35rem;
}

.card-tabs .nav-tabs .nav-link {
  border: 0;
  border-radius: 14px 14px 0 0;
  padding: .8rem 1rem;
  font-weight: 700;
  color: var(--erp-text-muted);
}

.card-tabs .nav-tabs .nav-link.active {
  background: var(--erp-surface);
  color: var(--erp-primary);
  box-shadow: 0 -1px 0 var(--erp-border), 1px 0 0 var(--erp-border), -1px 0 0 var(--erp-border);
}

.btn-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 12px;
  background: color-mix(in srgb, var(--erp-primary) 8%, transparent);
  color: var(--erp-primary);
}

.btn-tool:hover {
  background: color-mix(in srgb, var(--erp-primary) 18%, transparent);
}

.card.collapsed-card > .card-body,
.card.collapsed-card > .card-footer,
.card .is-collapsed {
  display: none;
}

.info-box {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-height: 88px;
  padding: .9rem 1rem;
  border-radius: 18px;
  border: 1px solid var(--erp-border);
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-surface) 94%, white 6%), color-mix(in srgb, var(--erp-bg) 72%, transparent));
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

.info-box-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--erp-primary) 18%, transparent);
  color: var(--erp-primary);
}

.info-box-content {
  flex: 1 1 auto;
  min-width: 0;
}

.info-box-text,
.info-box-number {
  display: block;
  white-space: normal;
}

.info-box-text {
  color: var(--erp-text);
  font-weight: 700;
}

.info-box-number {
  color: var(--erp-text-muted);
}

.table-responsive {
  border-radius: 18px;
}

.table {
  margin-bottom: 0;
  color: var(--erp-text);
}

.table th,
.table td {
  vertical-align: middle;
  border-color: color-mix(in srgb, var(--table-row, var(--erp-border)) 32%, transparent);
}

.BlueGreen,
.table.table-head-fixed {
  background: var(--table-bg, var(--erp-surface));
}

.BlueGreen thead th,
.table.table-head-fixed thead th,
.table.table-head-fixed thead tr:nth-child(1) th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--table-head, color-mix(in srgb, var(--erp-primary) 10%, white 90%)) !important;
  color: var(--erp-text) !important;
  border-bottom-width: 1px;
}

.BlueGreen tbody tr:nth-child(even) td,
.table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--table-row, var(--erp-surface-soft)) 42%, transparent);
}

.BlueGreen tbody tr:hover td,
.table tbody tr:hover td {
  background: var(--table-hover, color-mix(in srgb, var(--erp-primary) 12%, white 88%));
}

.form-group {
  margin-bottom: .65rem;
}

.form-control-wrapper {
  position: relative;
  width: 100%;
  min-height: 54px;
  padding: .2rem .8rem .15rem;
  border: 1px solid var(--input-border, var(--erp-border-strong));
  border-radius: 16px;
  background: var(--input-bg, color-mix(in srgb, var(--erp-surface) 92%, white 8%));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
  transition: box-shadow var(--erp-transition), border-color var(--erp-transition), transform var(--erp-transition), background-color var(--erp-transition);
}

.form-control-wrapper:focus-within,
.form-control-wrapper.is-filled {
  border-color: color-mix(in srgb, var(--erp-primary) 52%, transparent);
  background: var(--input-focus-bg, color-mix(in srgb, var(--erp-surface) 84%, white 16%));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--erp-primary) 16%, transparent);
}

.form-control-wrapper .form-control,
.form-control-wrapper .form-control_mycustom,
.form-control-wrapper textarea.form-control,
.form-control-wrapper select.form-control {
  width: 100%;
  min-height: 44px;
  padding: 1.35rem 0 .3rem;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--input-text, var(--erp-text));
  box-shadow: none !important;
  font-size: .95rem;
  font-weight: 700;
}

.form-control-wrapper .form-control:focus,
.form-control-wrapper .form-control_mycustom:focus,
.form-control-wrapper textarea.form-control:focus,
.form-control-wrapper select.form-control:focus {
  outline: 0;
}

.form-label {
  position: absolute;
  top: 50%;
  inset-inline-start: .95rem;
  inset-inline-end: .95rem;
  transform: translateY(-50%);
  margin: 0;
  font-size: .84rem;
  font-weight: 800;
  color: var(--erp-text-muted);
  pointer-events: none;
  transition: top var(--erp-transition), transform var(--erp-transition), font-size var(--erp-transition), color var(--erp-transition);
}

.form-control-wrapper.is-filled .form-label,
.form-control-wrapper:focus-within .form-label,
.form-control:not(:placeholder-shown) + .form-label,
select.form-control + .form-label,
textarea.form-control:not(:placeholder-shown) + .form-label {
  top: .9rem;
  transform: none;
  font-size: .72rem;
  color: var(--erp-primary);
}

.form-control-wrapper .form-control::placeholder,
.form-control-wrapper textarea.form-control::placeholder {
  color: transparent;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 44px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 1rem 0 .15rem !important;
  color: var(--erp-text) !important;
  font-weight: 700;
  line-height: 1.5 !important;
}

.select2-dropdown {
  border: 1px solid var(--erp-border) !important;
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: var(--erp-shadow-sm);
}

.btn,
button.btn,
a.btn {
  border-radius: 14px;
  font-weight: 800;
  box-shadow: none;
}

.btn.btn-block,
.btn-block {
  display: block;
  width: 100%;
}

.btn-rounded {
  border-radius: 999px !important;
}

.btn-info {
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 88%, #fff 12%), color-mix(in srgb, var(--erp-primary) 64%, var(--erp-accent) 36%));
  border-color: transparent;
}

.btn-success {
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-success) 88%, #fff 12%), color-mix(in srgb, var(--erp-success) 70%, var(--erp-accent) 30%));
  border-color: transparent;
}

.btn-danger {
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-danger) 88%, #fff 12%), color-mix(in srgb, var(--erp-danger) 68%, #8b1e35 32%));
  border-color: transparent;
}

.btn-warning {
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-warning) 88%, #fff 12%), color-mix(in srgb, var(--erp-warning) 68%, #f97316 32%));
  border-color: transparent;
  color: #1f2937;
}

.dropdown-menu,
.dropdown-menu2 {
  border: 1px solid var(--erp-border);
  border-radius: 18px;
  padding: .9rem;
  background: color-mix(in srgb, var(--erp-surface) 95%, white 5%);
  box-shadow: var(--erp-shadow-md);
}

.dropdown-menu2 {
  min-width: 260px;
  inset-inline-end: 0;
  inset-inline-start: auto;
}

.img-circle {
  border-radius: 18px;
}

.login-box-msg {
  color: var(--erp-text);
  font-weight: 900;
  text-align: center;
  margin-bottom: 1rem;
}

.blank-login-body,
body:not(.erp-app) {
  min-height: 100vh;
}

.blank-login-body {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--erp-primary) 18%, transparent) 0, transparent 30%),
    radial-gradient(circle at bottom right, color-mix(in srgb, var(--erp-accent) 16%, transparent) 0, transparent 28%),
    linear-gradient(180deg, #eef4ff 0%, #f8fbff 100%);
}

.blank-login-body .container-fluid {
  min-height: 100vh;
}

.hero {
  min-height: calc(100vh - 70px);
  display: grid;
  place-items: center;
  padding: 1.5rem;
}

.main-box,
#auth-form1,
.mycarde {
  width: min(100%, 1180px);
  margin: 0 auto;
  border-radius: 28px;
  background: color-mix(in srgb, white 88%, #eef4ff 12%);
  border: 1px solid rgba(133, 156, 203, .22);
  box-shadow: 0 30px 70px rgba(15, 23, 42, .12);
}

.main-box {
  max-width: 560px;
  padding: 1.4rem;
  position: relative;
  overflow: hidden;
}

.form-box {
  position: relative;
  z-index: 1;
}

.button-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0 1.2rem;
}

.toggle-btn1 {
  min-height: 46px;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--erp-primary) 12%, white 88%);
  border: 1px solid color-mix(in srgb, var(--erp-primary) 16%, transparent);
}

.logo-box_main,
.logo-box_old {
  display: flex;
  align-items: center;
  justify-content: center;
}

#auth-form1 {
  max-width: 1180px;
  padding: 1.5rem;
}

#loading-image {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  transform: translate(-50%, -50%);
  z-index: 1055;
  display: none;
}

#loading-overlay {
  z-index: 1054 !important;
}

.custom-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding-inline-start: 2rem;
}

.custom-control-input {
  position: absolute;
  inset-inline-start: 0;
  top: .15rem;
  width: 1.15rem;
  height: 1.15rem;
}

.custom-control-label {
  margin: 0;
  font-weight: 700;
}

.elevation-2,
.elevation-3,
.elevation-4 {
  box-shadow: var(--erp-shadow-sm) !important;
}

.no-print {
  display: initial;
}

@media (max-width: 1199.98px) {
  body.erp-app > .wrapper,
  body.erp-app.sidebar-collapse > .wrapper {
    padding-inline-start: 2px;
    padding-top: calc(var(--erp-header-height) + 18px);
  }

  .main-header,
  body.erp-app.sidebar-collapse .main-header,
  .main-footer,
  body.erp-app.sidebar-collapse .main-footer {
    inset-inline-start: 12px;
  }

  .main-sidebar,
  body.erp-app.sidebar-collapse .main-sidebar {
    width: min(var(--erp-sidebar-width), calc(100vw - 40px));
    transform: translateX(-115%);
  }

  html[dir='rtl'] .main-sidebar,
  html[dir='rtl'] body.erp-app.sidebar-collapse .main-sidebar {
    transform: translateX(115%);
  }

  body.erp-app.sidebar-open .main-sidebar,
  body.erp-app.sidebar-open.sidebar-collapse .main-sidebar {
    transform: translateX(0);
  }

  body.erp-app .wrapper::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .36);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--erp-transition);
    z-index: 1035;
  }

  body.erp-app.sidebar-open .wrapper::before {
    opacity: 1;
    pointer-events: auto;
  }

  .main-footer {
    position: static;
    margin-top: 1rem;
  }
}

@media (max-width: 767.98px) {
  .main-header {
    min-height: 66px;
    padding: 0 .7rem;
    border-radius: 18px;
  }

  .main-header .navbar-brand {
    font-size: .95rem;
  }

  .content {
    padding: .8rem;
  }

  .content-wrapper {
    border-radius: 20px;
  }

  .main-box,
  #auth-form1,
  .mycarde {
    padding: 1rem;
    border-radius: 22px;
  }

  .button-box {
    grid-template-columns: 1fr;
  }

  .card-header,
  .card-body,
  .card-footer {
    padding-inline: .9rem;
  }
}

@media print {
  .no-print,
  .main-sidebar,
  .main-header,
  .content-header,
  #teOpenBtn,
  #fullscreen-button,
  #dropdownButton {
    display: none !important;
  }

  body.erp-app > .wrapper,
  body.erp-app.sidebar-collapse > .wrapper {
    padding: 0 !important;
  }

  .content-wrapper,
  .main-footer {
    margin: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}


/* =========================================================
   ERP modern consolidation layer
   Replaces legacy runtime files:
   rtl.css, test/css/app.css, TableTheme.css,
   login_new2.css, LoginUI.css, LoginUIDev.css,
   login-fixes.css, Date/style_date.css, custom2.css
========================================================= */
html[dir='rtl'] body {
  direction: rtl;
}

@font-face {
  font-family: "Cairo";
  src: url("../fonts/Cairo-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.riyalsymbol,
.tw-font-mono,
.tw-font-sans {
  font-family: Untitled2, Cairo, Tahoma, Arial, sans-serif;
}

.tw-pt-4 { padding-top: 1rem; }
.tw-text-left { text-align: left; }
 .\!tw-text-center, .tw-text-center { text-align: center !important; }
.tw-text-right { text-align: right; }
.tw-align-middle { vertical-align: middle; }
.\!tw-text-sm { font-size: .875rem !important; line-height: 1.25rem !important; }

.nopadding { padding: 0 !important; margin: 0 !important; }
.unstyled-button { border: none; padding: 0; background: none; }
.imgCustom50px,
.imgCustom200pxBox,
.imgCustom200pxCircle {
  border: 1px solid var(--erp-border);
  border-radius: 14px;
  padding: 5px;
  background: #fff;
}
.imgCustom50px { width: 50px; }
.imgCustom200pxBox,
.imgCustom200pxCircle { width: 200px; text-align: center; }
.imgCustom50px:hover,
.imgCustom200pxBox:hover,
.imgCustom200pxCircle:hover {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--erp-primary) 16%, transparent);
}

.hidden-print,
.no-print { display: initial; }

.table-responsive,
.custom_scroll,
.custom_scroll_All {
  background: #fff;
}

.table-responsive::-webkit-scrollbar,
.custom_scroll_All::-webkit-scrollbar { width: 20px; height: 10px; }
.custom_scroll::-webkit-scrollbar { width: 40px; height: 10px; }
.table-responsive::-webkit-scrollbar-track,
.custom_scroll::-webkit-scrollbar-track,
.custom_scroll_All::-webkit-scrollbar-track { background: #cfd8dc; }
.table-responsive::-webkit-scrollbar-thumb,
.custom_scroll::-webkit-scrollbar-thumb,
.custom_scroll_All::-webkit-scrollbar-thumb {
  background: #90a4ae;
  border-radius: 999px;
}
.table-responsive::-webkit-scrollbar-thumb:hover,
.custom_scroll::-webkit-scrollbar-thumb:hover,
.custom_scroll_All::-webkit-scrollbar-thumb:hover { background: #78909c; }

.CustomTablePurple,
.ItemTranTable,
.CustomBlueTable,
.PrintInvoiceTable {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--erp-border-strong);
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.CustomTablePurple th,
.ItemTranTable th,
.CustomBlueTable th,
.PrintInvoiceTable th,
.CustomTablePurple td,
.ItemTranTable td,
.CustomBlueTable td,
.PrintInvoiceTable td {
  padding: .5rem .65rem;
  line-height: 1.45;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 18%, transparent);
  font-size: .82rem;
}

.CustomTablePurple th { background: linear-gradient(180deg, #9f4bff, #7c3aed); color: #fff; }
.ItemTranTable th,
.PrintInvoiceTable th { background: linear-gradient(180deg, #22c55e, #16a34a); color: #fff; }
.CustomBlueTable th { background: linear-gradient(180deg, #3b82f6, #2563eb); color: #fff; }

.CustomTablePurple tr:nth-child(even) td,
.ItemTranTable tr:nth-child(even) td,
.CustomBlueTable tr:nth-child(even) td,
.PrintInvoiceTable tr:nth-child(even) td { background: #f8fbff; }

.CustomTablePurple tr:hover td,
.ItemTranTable tr:hover td,
.CustomBlueTable tr:hover td,
.PrintInvoiceTable tr:hover td { background: color-mix(in srgb, var(--erp-primary) 10%, #fff 90%); }

.date-input {
  width: 100%;
  max-width: 300px;
  padding: .72rem .9rem;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 20%, transparent);
  border-radius: 14px;
  font-size: .95rem;
  background: #fff;
}

.formatted-date {
  margin-top: .5rem;
  font-size: .95rem;
  font-weight: 800;
  color: var(--erp-text);
}

.flatpickr-calendar {
  border: 1px solid var(--erp-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .16) !important;
  overflow: hidden;
}

.flatpickr-months,
.flatpickr-month,
.flatpickr-weekdays {
  background: linear-gradient(180deg, color-mix(in srgb, var(--erp-primary) 92%, #fff 8%), color-mix(in srgb, var(--erp-primary) 76%, #0f172a 24%)) !important;
  color: #fff !important;
}

.flatpickr-day {
  border-radius: 12px !important;
  color: var(--erp-text) !important;
  font-weight: 700;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.today {
  background: color-mix(in srgb, var(--erp-primary) 18%, #fff 82%) !important;
  border-color: color-mix(in srgb, var(--erp-primary) 28%, transparent) !important;
  color: var(--erp-text) !important;
}

#form-section {
  min-height: 100vh;
  padding-left: 0;
  padding-right: 0;
}

#auth-logo,
.HomeScrean_login,
.background-section {
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: contain;
}

 
.blank-login-body,
.config-login-body {
  background: linear-gradient(180deg, color-mix(in srgb, var(--erp-bg) 92%, #fff 8%), var(--erp-bg));
}

.blank-login-body .hero,
.config-login-body .hero {
  min-height: calc(100vh - 70px);
}

.blank-login-body .main-box,
.blank-login-body .mycarde,
.config-login-body .main-box,
.config-login-body .mycarde {
  max-width: 560px;
}

.login-container {
  margin: 3rem auto;
}

.login-form-1,
.login-form-2,
.blank-login-body .main-box,
.config-login-body .main-box {
  padding: 1.5rem;
  border-radius: 28px;
}

.login-form-2 {
  background: linear-gradient(180deg, color-mix(in srgb, var(--erp-primary) 82%, #0f172a 18%), color-mix(in srgb, var(--erp-primary) 64%, #111827 36%));
  color: #fff;
}

.login-form-2 h3,
.login-form-2 label,
.login-form-2 p,
.login-form-2 a {
  color: #fff;
}

.login-form-2 .btnSubmit,
.DMSRootColor,
.toggle-btn1,
.blank-login-body #btnUserLogin,
.blank-login-body #Config_db,
.blank-login-body #Home_UrlDemo,
.blank-login-body #Login_load,
.blank-login-body #ConfigDevice_load_new,
.blank-login-body #ConfigDevice_load_delete,
.config-login-body #Config_db,
.config-login-body #ConfigDevice_load_new,
.config-login-body #ConfigDevice_load_delete {
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 88%, #fff 12%), color-mix(in srgb, var(--erp-accent) 30%, var(--erp-primary) 70%)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 28px rgba(51, 93, 175, .2);
}

.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Title_screan,
.BlueGreen_number {
  background: var(--table-head, color-mix(in srgb, var(--erp-primary) 12%, #fff 88%)) !important;
  color: var(--erp-text) !important;
}

/* =========================================================
   ERP alias layer for migrated views-inline classes
   New ERP naming is applied across views/JS, while old names
   remain aliased for backward compatibility.
========================================================= */
.erp-auth-hero,
.HomeScrean_login,
.background-section {
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: contain;
}

.erp-auth-card,
.mycarde {
  width: min(100%, 1180px);
  margin-inline: auto;
}

.erp-title-tile,
.Title_screan,
.Title_screan1,
.Title_screan2,
.Title_screan5,
.Title_screan6 {
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  min-height: 44px;
  padding: .7rem 1rem;
  font-weight: 800;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent);
}

.erp-title-tile,
.Title_screan,
.erp-title-tile--accent,
.Title_screan2 {
  background: var(--table-head, color-mix(in srgb, var(--erp-primary) 12%, #fff 88%)) !important;
  color: var(--erp-text) !important;
}

.erp-title-tile--soft-red,
.Title_screan1 {
  background: color-mix(in srgb, #ef4444 16%, #fff 84%) !important;
  color: var(--erp-text) !important;
}

.erp-title-tile--soft-yellow,
.Title_screan5 {
  background: color-mix(in srgb, #facc15 28%, #fff 72%) !important;
  color: var(--erp-text) !important;
}

.erp-title-tile--olive,
.Title_screan6 {
  background: color-mix(in srgb, #7c8f28 68%, #fff 32%) !important;
  color: #fff !important;
}

.erp-title-tile__icon,
.Title_screan_imag {
  width: 30px;
  height: 30px;
  object-fit: contain;
  flex: 0 0 30px;
}

.erp-table-shell,
.BlueGreen,
.erp-search-table,
.BlueGreen_serach,
.erp-print-table,
.BlueGreen_print {
  width: 100%;
  border-collapse: collapse;
  background: var(--table-bg, var(--erp-surface));
}

.erp-table-shell th,
.BlueGreen th,
.erp-search-table th,
.BlueGreen_serach th,
.erp-print-table th,
.BlueGreen_print th {
  background: var(--table-head, color-mix(in srgb, var(--erp-primary) 12%, #fff 88%)) !important;
  color: var(--erp-text) !important;
}

.erp-cell-number,
.BlueGreen_number,
.erp-print-cell-number,
.BlueGreen_print_number {
  background: var(--table-head, color-mix(in srgb, var(--erp-primary) 12%, #fff 88%)) !important;
  color: var(--erp-text) !important;
}

.erp-print-cell-name,
.BlueGreen_print_td_name {
  max-width: 600px;
  width: 600px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.erp-print-cell,
.BlueGreen_print_td {
  font-size: 1rem;
  font-weight: 700;
}

.erp-print-table-total,
.BlueGreen_print_total th {
  background: color-mix(in srgb, var(--erp-primary) 18%, #fff 82%) !important;
}

.erp-search-modal,
.modal_search {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.erp-search-modal-open .erp-search-modal,
.erp-search-modal-open .modal_search,
.modal_search-open .erp-search-modal,
.modal_search-open .modal_search {
  overflow-x: hidden;
  overflow-y: auto;
}

.erp-filter-panel,
.filter-sidebar,
.filter-sidebar_center {
  width: min(360px, 95%);
  max-height: 90vh;
  background: var(--erp-surface);
  border-radius: 20px;
  border: 1px solid var(--erp-border);
  box-shadow: var(--erp-shadow-md);
  display: flex;
  flex-direction: column;
}

.erp-filter-panel__header,
.filter-header,
.filter-header_center,
.filter-header_center_print,
.filter-header_center_InvoiceEdafat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem 1.1rem;
  border-radius: 20px 20px 0 0;
  background: var(--filter-header-bg, var(--erp-primary)) !important;
  color: var(--filter-header-text, #fff) !important;
  font-weight: 800;
}

.erp-filter-group,
.filter-group {
  margin-bottom: .9rem;
}

.erp-btn-apply,
.btn-apply {
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 88%, #fff 12%), color-mix(in srgb, var(--erp-accent) 32%, var(--erp-primary) 68%));
  color: #fff !important;
  border: 0;
  border-radius: 14px;
  font-weight: 800;
}

.erp-btn-reset,
.btn-reset {
  border-radius: 14px;
  font-weight: 800;
}

.erp-receipt,
.receipt-80 {
  width: 72mm;
  margin: 0 auto;
  direction: rtl;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.1;
}

.erp-receipt-header,
.receipt-header,
.erp-receipt-header * ,
.receipt-header * {
  text-align: center !important;
}

.erp-items-table,
.items-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.erp-items-table th,
.erp-items-table td,
.items-table th,
.items-table td {
  text-align: center !important;
}

.erp-items-table__name,
.items-table_name,
.erp-item-name,
.item-name {
  text-align: center;
}

.erp-details-grid,
.details-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.erp-details-grid .wide,
.details-grid .wide {
  grid-column: 1 / -1;
}

.erp-number-input,
.number-input {
  -moz-appearance: textfield;
}

.erp-number-input::-webkit-inner-spin-button,
.erp-number-input::-webkit-outer-spin-button,
.number-input::-webkit-inner-spin-button,
.number-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.erp-field-shell,
.form-control-wrapper {
  position: relative;
}

.erp-form-control,
.form-control_mycustom,
.erp-form-control--print,
.form-control_mycustom_print {
  width: 100%;
}

.erp-context-menu,
.context-menu,
.context-menu_price,
.context-menu_Casher {
  display: none;
  position: fixed;
  background: #fff;
  border: 1px solid var(--erp-border);
  border-radius: 16px;
  z-index: 1000;
  box-shadow: var(--erp-shadow-sm);
}

.erp-context-menu__item,
.context-menu-item,
.context-menu_price-item,
.context-menu_Casher-item {
  padding: .55rem .8rem;
  cursor: pointer;
}

.erp-context-menu__item:hover,
.context-menu-item:hover,
.context-menu_price-item:hover,
.context-menu_Casher-item:hover {
  background: color-mix(in srgb, var(--erp-primary) 10%, #fff 90%);
}

.erp-tool-panel,
.te-panel {
  position: fixed;
  top: 0;
  width: min(460px, 92vw);
  height: 100%;
  background: var(--erp-surface);
  color: var(--erp-text);
  overflow: auto;
  transition: .25s;
  z-index: 2300;
  border-inline-start: 1px solid var(--input-border, var(--erp-border));
  padding: 14px;
}

.erp-tool-panel__item,
.te-item {
  border-radius: 14px;
}

.erp-tool-panel__picker,
.te-picker {
  display: grid;
  gap: .45rem;
}

.erp-toggle-grid,
.OprAccounts_toggle,
.OprItems_toggle {
  display: grid;
  gap: .75rem;
}

.erp-opr-scope,
.opr-scope {
  isolation: isolate;
}

.erp-date-input,
.date-input {
  width: 100%;
}

/* =========================================================
   Merged from views-inline-bundle.css
   Library overrides and ERP-aligned shared components
========================================================= */

.HomeScrean_login{
     background-image: url("/images/logo.png");
     
      background-size: 100% 80%;
    background-position: center;
    background-repeat: no-repeat;
        }

#form-section {
    background: no-repeat !important;
   
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
}

#auth-logo {
    
    
     background: no-repeat !important; 
}

.form-label {
     top: 30%;
    
}

body{
     background-color: #eaefff !important;

    }

.Title_screan {
     background-color: #effbf9  !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #effbf9  ;
    color: #000;
}

.BlueGreen_number {
     background-color: #effbf9  !important;
    color: #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #effbf9  !important;
    
}

.table {
     font-size: 15px;
    font-weight: 900;
}

.background-section{
     background-image: url("/images/logo.png");
    
      background-size: 100% 80%;
    background-position: center;
    background-repeat: no-repeat;
        }

.img-circle {
    border-radius: 25%;
}

.mycarde {
        margin-left: 30%;
        margin-right: 30%;
    }

@media (max-width: 600px) {
.mycarde {
            margin-left: 5%;
            margin-right: 5%;
        }
}

.Title_screan {
     background-color: #a1b4d9  !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #a1b4d9  ;
    color: #000;
}

.BlueGreen_number {
     background-color: #a1b4d9  !important;
    color: #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #a1b4d9  !important;
    
}

.color-main, .defs-tabs .tabs-links .active .svg-inline--fa ,i {
    color: #a1b4d9  ;
}

a {
    color: #000;
}

.card-danger:not(.card-outline) > .card-header {
    background-color: #a1b4d9 ;
  
}

.card-danger:not(.card-outline) > .card-header, .card-danger:not(.card-outline) > .card-header a {
    color: #000;
}

.card-success:not(.card-outline) > .card-header, .card-success:not(.card-outline) > .card-header a {
    color: #000;
}

.card-success:not(.card-outline) > .card-header {
    background-color: #a1b4d9;
   
}

.bg-danger .btn-tool, .bg-gradient-danger .btn-tool, .card-danger:not(.card-outline) .btn-tool {
    color: #000;
}

.bg-success .btn-tool, .bg-gradient-success .btn-tool, .card-success:not(.card-outline) .btn-tool {
    color:  #000;
}

.card-danger:not(.card-outline) > .card-header{
  background-color: var(--table-head) !important;
}

.card-success:not(.card-outline) > .card-header{
  background-color: var(--table-head) !important;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a,
.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a{
  color: var(--text) !important;
}

.bg-danger .btn-tool,
.bg-gradient-danger .btn-tool,
.card-danger:not(.card-outline) .btn-tool,
.bg-success .btn-tool,
.bg-gradient-success .btn-tool,
.card-success:not(.card-outline) .btn-tool{
  color: var(--text) !important;
}

.form-control {
        font-size: 1rem; 
    }

@media (max-width: 1024px) and (min-width: 769px) {
.form-control {
            font-size: 0.7rem; 
        }
}

@media (max-width: 768px) {
.form-control {
            font-size: 0.5rem; 
        }
}

:root{
    --blue:#1a73e8; --blue-d:#155bb5; --card:#ffffff; --muted:#e9f0fb;
    --shadow:0 8px 24px rgba(0,0,0,.06);
  }

.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0px}

.details-grid .wide {grid-column:1/-1}

table th {
        padding-left: 5px;
    }

table td {
        padding-left: 5px;
    }

.BlueGreen_print_td_name{
     max-width: 600px;       
    width: 600px;            
    white-space: normal;    
    word-wrap: break-word;  
    overflow-wrap: break-word; 
     }

.BlueGreen_print td, .BlueGreen_print th {
        border: 1px solid #a1b4d9   ;
        
        line-height: 20px;
        padding-left: 5px;
    }

.BlueGreen_print_td {
         font-size: 1rem;
         font-weight: 700;
       
    }

.BlueGreen_print th {
     background-color: #a1b4d9   ;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #a1b4d9    !important;
    color: #000;
}

.BlueGreen_print th {
     background-color: #ffc0c0;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #ffc0c0 !important;
    color: #000;
}

.BlueGreen_print th {
     background-color: #ffffc0;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #ffffc0 !important;
    color: #000;
}

.BlueGreen_print th {
     background-color: #808000;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #808000 !important;
    color: white;
}

.BlueGreen_print th {
     background-color: #25d572;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #25d572 !important;
    color: white;
}

.BlueGreen_print th {
     background-color: #804040;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #804040 !important;
    color: white;
}

.BlueGreen_print th {
     background-color: #8080ff;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #8080ff !important;
    color: white;
}

.BlueGreen_print th {
     background-color: #79d3dd;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #79d3dd !important;
    color: white;
}

.form-control_mycustom_print{
    font-size:14px !important; 
    padding-top:5px !important;
    text-align:center;
    font-weight:900;
}

.BlueGreen_print_total th{
     background-color: #afcfe7 !important;
    color: #000;
    text-align:center;
}

.BlueGreen_print td, .BlueGreen_print th {
        border: 1px solid #a1b4d9  ;
        
        line-height: 20px;
        padding-left: 5px;
    }

.BlueGreen_print th {
     background-color: #a1b4d9  ;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #a1b4d9  !important;
    color: #000;
}

.BlueGreen th {
     background-color: #ffc0c0;
    color: #000;
}

.BlueGreen_number {
     background-color: #ffc0c0 !important;
    color: #000;
}

.BlueGreen th {
     background-color: #ffffc0;
    color: #000;
}

.BlueGreen_number {
     background-color: #ffffc0 !important;
    color: #000;
}

.BlueGreen th {
     background-color: #808000;
    color: #000;
}

.BlueGreen_number {
     background-color: #808000 !important;
    color: white;
}

.receipt-80 {
    width: 80mm !important;
    max-width: 80mm !important;
    overflow: hidden !important;
    display: block !important;
}

.receipt-80 * {
    page-break-before: avoid !important;
    page-break-after: avoid !important;
    page-break-inside: avoid !important;
}

.receipt-80,
.receipt-80 * {
    direction: rtl !important;
    text-align: right !important;
}

.receipt-80 .text-left {
    text-align: left !important;
}

.items-table th,
.items-table td {
    text-align: center !important;
}

.receipt-header,
.receipt-header * {
    text-align: center !important;
}

.receipt-80{
    width:72mm;
    margin:0 auto;
    font-family:Tahoma;
    padding:0;
    line-height:1.1;
    direction:rtl;
    font-size:13px;
}

.receipt-header{ text-align:center; margin:0 0 4px 0; }

.receipt-header .title{ font-size:16px; font-weight:bold; margin:2px 0; }

.receipt-header .sub{ font-size:13px; font-weight:bold; margin:0; }

.items-table{
    width:100%;
    border-collapse:collapse;
    font-size:12px;
}

.items-table th{
    background:#eee;
    padding:2px 0;
    border-bottom:1px solid #000;
}

.items-table_name{
    border-bottom:1px dotted #999;
    padding:1px 0;
}

.item-name{
    text-align:center;
    font-weight:bold;
    padding:2px 0;
    font-size:12px;
}

table {
            width: 130% !important;
        }

@media (max-width: 768px) {
table {
          
        max-width: 100% !important;  
        width: auto !important;       
        }
}

.table th, .table td {
    padding: 0;
  
}

.Title_screan {
     background-color: #cce1fa !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #cce1fa;
    color: #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
      background-color: #cce1fa !important;
       color: #000;
    
}

.Title_screan {
     background-color: #ffc0c0 !important;
    color: #000 !important;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #ffc0c0 !important;
    
}

.Title_screan {
     background-color: #ffffc0 !important;
    color: #000 !important;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #ffffc0 !important;
    
}

.Title_screan {
     background-color: #808000 !important;
    color: white !important;
}

.BlueGreen_number {
     background-color: #808000 !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #808000 !important;
    
}

.Title_screan {
     background-color: #25d572 !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #25d572;
    color: #000;
}

.BlueGreen_number {
     background-color: #25d572 !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #25d572  !important;
    
}

.Title_screan {
     background-color: #400040 !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #400040;
    color: #000;
}

.BlueGreen_number {
     background-color: #400040 !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #400040  !important;
    
}

.Title_screan {
     background-color: #804040 !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #804040;
    color: #000;
}

.BlueGreen_number {
     background-color: #804040 !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #804040 !important;
    
}

.Title_screan {
     background-color: #e69848 !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #e69848;
    color: #000;
}

.BlueGreen_number {
     background-color: #e69848 !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #e69848 !important;
    
}

.Title_screan {
     background-color: #004000 !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #004000;
    color: #000;
}

.BlueGreen_number {
     background-color: #004000 !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #004000  !important;
    
}

.Title_screan {
     background-color: #8080ff !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #8080ff;
    color: #000;
}

.BlueGreen_number {
     background-color: #8080ff !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #8080ff !important;
    
}

.Title_screan {
     background-color: #79d3dd !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #79d3dd;
    color: #000;
}

.BlueGreen_number {
     background-color: #79d3dd !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #79d3dd  !important;
    
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #804040  !important;
    
}

.number-input {
            -moz-appearance: textfield; 
        }

.number-input::-webkit-inner-spin-button,
        .number-input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

:root{
    --blue:#1a73e8; --blue-d:#155bb5; --bg:#f5f7fb; --card:#ffffff; --muted:#e9f0fb;
    --shadow:0 8px 24px rgba(0,0,0,.06);
  }

td{padding:8px;border-bottom:1px solid #eef2f7}

.badge{background:#0ea5e9;color:#fff;border-radius:8px;padding:6px 10px;border:1px solid #0d8dd8}

.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

.details-grid .wide{grid-column:1/-1}

.context-menu {
            display: none;
            position: fixed; 
            background: white;
            border: 1px solid #ccc;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 300px; 
            left: 50%; 
            top: 50%; 
            transform: translate(-50%, -50%); 
        }

.context-menu-item {
            padding: 5px;
            cursor: pointer;
        }

.context-menu-item:hover {
            background: #f0f0f0;
        }

.context-menu_price {
            display: none;
            position: fixed; 
            background: white;
            border: 1px solid #ccc;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            
            width: 50%; 
            left: 50%; 
            top: 50%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_price-item {
            padding: 2px;
            cursor: pointer;
        }

.context-menu_price-item:hover {
            background: #f0f0f0;
        }

.context-menu_Casher {
            display: none;
            position: fixed; 
            background: #000;
            color: white;
            font-size:30px;
            font-weight:900;
            border: 1px solid #ccc;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 90%; 
            left: 50%; 
            top: 18%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_Casher-item {
            padding: 5px;
            cursor: pointer;
        }

.context-menu_Casher-item:hover {
            
        }

table {
            width: 100% !important;
        }

.modal_search {
    position: fixed;
    top: 0;
    
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal_search-open .modal_search {
    overflow-x: hidden; 
    overflow-y: auto;
}

.modal-backdrop{
        background-color: unset;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.BlueGreen td, .BlueGreen th {
    font-size: 15px;
    font-weight: 900;
}

.form-control-rebh {
            display: none; 
        }

.info-box {
     
     background: #e6fbff;
     
     
     padding: 0;
     margin-bottom: 0;
    border: 5px solid white; 
    text-align:center;

  }

.info-box_cat {
    
       background: #d5c9ef;
         text-align:center;

 }

.info-box_Tawlat {
     background: #7ad38e;
         text-align:center;

 }

.info-box_Tawlat_M {
     background: #f2f7d3;
         text-align:center;

 }

.info-box .progress-description, .info-box .info-box-text {
     white-space: unset !important;
     width: 100% !important;
    word-wrap: break-word !important; 
}

form-control-rebh {
            display: none; 
        }

.input-container_rebh:hover form-control-rebh {
            display: block; 
        }

.BlueGreen_serach th {
     background-color: white ;
    color: #000;
}

.BlueGreen_serach td, .BlueGreen_serach th {
    font-size: 15px;
    font-weight: 900;
}

.BlueGreen_serach tr {
    background-color: #c0bfff;
}

.BlueGreen_serach tr:nth-child(even) {
    background-color: #e2f8e7;
}

.info-box_Nots {
     background: #f2f7d3;
     
     
     padding: 0;
     margin-bottom: 0;
    border: 5px solid white; 
    text-align:center;

  }

.Title_screan_imag{
         width: 30px;
         }

.Title_screan2 {
     background-color: #a1b4d9  !important;
    color: white !important;
}

.Title_screan1 {
     background-color: #ffc0c0 !important;
    color: #000 !important;
}

.Title_screan5 {
     background-color: #ffffc0 !important;
    color: #000 !important;
}

.Title_screan6 {
     background-color: #808000 !important;
    color: white !important;
}

.card-body {
        padding-top: 0.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
    }

.BlueGreen_print tbody.tr:nth-child(even) {
    background-color: #afcfe7;
}

.BlueGreen_number {
     background-color: #808000 !important;
    color: #000;
}

 

.Title_screan {
     background-color: #d885076e !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #d885076e;
    color: #000;
}

.BlueGreen_number {
     background-color: #d885076e !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #d885076e !important;
    
}

.OprAccounts_sub-accounts_typ:hover ,.OprAccounts_sub-accounts_typ.active ,.active_supAcounts{
            background: #ffffc0;
        }

.OprAccounts_toggle:hover ,.OprAccounts_toggle.active {
            background: #9cc4ea;
        }

.OprAccounts_toggle {
    
            font-size:20px;
            
            background: #cce1fa ;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: background 0.3s;
            cursor: pointer;
           list-style-type: none;

}

.OprAccounts_toggle::before {
    content: "▶";
    display: inline-block;
    margin-right: 10px;
    transition: transform 0.3s;
}

.OprAccounts_toggle.active::before {
    transform: rotate(90deg);
}

.OprAccounts_sub-accounts_typ .OprAccounts_toggle::before {
    content: "";
}

.dataTables_filter input {
            background-color: #f0f8ff; 
            border: 1px solid #007bff; 
            border-radius: 4px; 
            padding: 5px; 
        }

.dataTables_filter input:focus {
            border-color: #0056b3; 
            outline: none; 
        }

.card-body {
        padding-top: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
    }

.modal-title {
        margin-bottom: 0;
        line-height: 0.1;
    }

.OprItems_Unit_modal_Unites {
    position: fixed;
    top: 0;
    
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.OprItems_Unit_modal_Unites-open .OprItems_Unit_modal_Unites {
    overflow-x: hidden; 
    overflow-y: auto;
}

.sub-accounts_typ:hover ,.sub-accounts_typ.active ,.active_supAcounts{
            background: #ffffc0;
        }

.OprItems_toggle:hover ,.OprItems_toggle.active {
            background: #9cc4ea;
        }

.OprItems_toggle {
    
            font-size:20px;
            
            background: #cce1fa ;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: background 0.3s;
            cursor: pointer;
           list-style-type: none;

}

.OprItems_toggle::before {
    content: "▶";
    display: inline-block;
    margin-right: 10px;
    transition: transform 0.3s;
}

.OprItems_toggle.active::before {
    transform: rotate(90deg);
}

.sub-accounts_typ .OprItems_toggle::before {
    content: "";
}

.tab-content > .active{
            padding-top:12px;
        }

.form-group {
    margin-bottom: 1rem;
    padding-top: 16px;
}

a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #000;
    background-color: #a1b4d9  ;
    border-color: #dee2e6 #dee2e6 #ffffff;
}

.BlueGreen_print th {
     background-color: #800080;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #800080 !important;
    color: white;
}

.BlueGreen_print th {
     background-color: #d885076e;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #d885076e !important;
    color: white;
}

.BlueGreen th {
     background-color: #a1b4d9  ;
    color:  #000;
}

.BlueGreen th {
     background-color: #808000;
    color:  #000;
}

.BlueGreen th {
     background-color: #d885076e;
    color:  #000;
}

.BlueGreen th {
     background-color: #25d572;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #25d572 !important;
    
}

.Title_screan {
     background-color: #800080 !important;
    color: white !important;
}

.BlueGreen th {
     background-color: #800080;
    color:  #000;
}

.BlueGreen_number {
     background-color: #800080 !important;
    color:  #000;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #800080 !important;
    
}

.Title_screan2 {
     background-color: #effbf9  !important;
    color: white !important;
}

.BlueGreen_print td, .BlueGreen_print th {
        border: 1px solid #effbf9  ;
        
        line-height: 20px;
        padding-left: 5px;
    }

.BlueGreen_print th {
     background-color: #effbf9  ;
    color: #000;
}

.BlueGreen_print_number {
     background-color: #effbf9  !important;
    color: #000;
}

@media (min-width: 995px) {
.navbar-light .navbar-nav .nav-link {
        margin-right: 40px;
}

 
}

.modal_search {
    left: 0; 
     }

.form-label {
    right: 0.75rem;
     }

.form-control-wrapper {
    background-image: linear-gradient(to right, #0c6fd2, #fff); 
    background-size: 100% 2px; 
    background-repeat: repeat-x; 
    background-position: 0 0; 
}

.dropdown-menu {
    right: auto;
    left: 0;
}

.details-grid {
     padding-right: 20px;
}

@media (min-width: 995px) {
.navbar-light .navbar-nav .nav-link {
        margin-left: 40px;
 }

 
}

.modal_search {
    right: 0 !important; 
     }

.form-label {
    left: 0.75rem;
     }

.form-control-wrapper {
    background-image: linear-gradient(to right, #fff,#0c6fd2 ); 
    background-size: 100% 2px; 
    background-repeat: repeat-x; 
    background-position: 0 0; 
}

.dropdown-menu{
    right: 0;
    left: auto;
}

.details-grid {
     padding-left: 20px;
}

.btn-info {
    color: #000;
    background-color: #cce1fa;
    border-color: #cce1fa;
    box-shadow: none;
}

.form-control {
      
      caret-color: #ff0000; 
      caret-width: 100px !important; 
      font-size:12px;
      height: 25px;
    }

.select2-container .select2-selection--single {
    height: 24px !important;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 0px;
    padding-left: 0px;
}

.form-control:focus, .form-control:not(:placeholder-shown) {
    padding-top: 0;
     padding-bottom: 0;
 }

.form-control:focus,
.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0;
}

.form-control:focus {
    padding-top: 0;
    padding-bottom: 0.5rem;
    background-color: #E8F0FE !important;
    
}

.form-control_mycustom {
     
 
}

.card {
 
    background-color: #F7F9FB;
     border: 1px solid #DADCE0;
         border-radius: 16px;
 }

.card-body {
   
     background-color: #F5F7FA;
}

.content-wrapper > .content {
     background-color: #F5F7FA;
          border: 0;

}

.select2-container--default .select2-selection--single {
    background-color: #fff;
        border-right: 1px solid #8f9db8;
    border-bottom: 1px solid #8f9db8;
    border-left: 1px solid #8f9db8;
    border-top: 1px solid #8f9db8;
    border-radius: 8px;
      

}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  
    margin-top: -12px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    
   
    overflow: hidden;
    
    white-space: nowrap;
}

.form-control:focus, .form-control:not(:placeholder-shown) {
    padding-top: 0;
    
    padding-bottom: 0;
 }

.form-group {
    
 
    margin-bottom: 2px;
}

.form-label {
    position: absolute;
    top: -20%;
    right: 0.75rem;
    transform: translateY(-50%);
    font-size: 0.75rem;
    font-weight: 900;
    color: #050000;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.form-label {
      color: #000;
 }

.form-control:focus + .form-label,
    .form-control:not(:placeholder-shown) + .form-label {
       
        top: -0.7rem;
        font-size: 0.75rem;
        color: #000;
    }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px !important;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%232D3E62' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
}

.form-control:focus,
.form-control:not(:placeholder-shown) {
    
    
          background-color:#F9FBFF;
}

.btn {
     border-color:#1A73E8;box-shadow:0 0 8px rgba(26,115,232,0.25);
border-radius: 25px; 

}

.btn:hover {

 

  box-shadow: 0 0 5px #57AAB4,
              0 0 2px #57AAB4,
              0 0 5px #57AAB4,
              0 0 10px #03e9f4;
}

.form-control {
	width: 100%;
	padding: 0;
	margin: 0;
 	outline: none;
	background: #FAFAFA; 
	color: #000;
	font-size: 15px;
	transition: 0.5s;
 
    border-right: 1px solid #8f9db8;
    border-bottom: 1px solid #8f9db8;
    border-left: 1px solid #8f9db8;
    border-top: 1px solid #8f9db8;
   border-radius: 8px;

 }

.form-control:focus{
    
 	border-left: 2px solid transparent;

	border-bottom: 2px solid transparent;
 	animation: animINP 5s linear infinite,animBTN 5s linear infinite;
 }

.select2-container--default .select2-dropdown.select2-dropdown--below {
    border-top: 0;
    width: auto;
    height: auto;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    background-color: #dce4f8;
}

.form-control {
  
    padding: 0;
   
}

.form-control {
        font-size: 14px; 
    }

@media (max-width: 1024px) and (min-width: 769px) {
.form-control {
            font-size: 10px; 
        }
}

@media (max-width: 768px) {
.form-control {
            font-size: 8px; 
        }
}

.form-group {
    
 
    margin-bottom: 20px;
}

.form-control-wrapper {
    
    border:0;
}

.form-control-wrapper {
    background-image: none;
   
}

.card {
  
    word-wrap: normal;
   
}

.form-control_mycustom_print {
    
    background-image: linear-gradient(to right, rgb(12, 111, 210), rgb(255, 255, 255));
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #202d4f transparent transparent transparent;
    border-style: double;
    border-width: 7px;
}

.form-control{
  position:relative; 
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
  display:flex;align-items:center;justify-content:space-between;
  transition:0.3s;cursor:text;z-index:10;
}

.select2-container {
   box-shadow:0 1px 2px rgba(0,0,0,0.05);
       transition:0.3s;
       cursor:text;
     
      	outline: none;
	background: #FAFAFA; 
	color: #000;
	font-size: 15px;
	transition: 0.5s;
 
    border-right: 1px solid #8f9db8;
    border-bottom: 1px solid #8f9db8;
    border-left: 1px solid #8f9db8;
    border-top: 1px solid #8f9db8;
   border-radius: 8px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   
    width: 5px;
}

.form-control:hover{border-color:#1A73E8;box-shadow:0 0 8px rgba(26,115,232,0.25);}

.select2-container:hover {
  border-color:#1A73E8;box-shadow:0 0 8px rgba(26,115,232,0.25);
}

.select2-container--default .select2-selection--single {
    padding: 0.46875rem 1.75rem;
}

.btn-tool {
    position: relative;
    border: 2px solid transparent !important;
    border-radius: 25px;
    overflow: hidden;           
    isolation: isolate;         
}

.btn-tool::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;               
    border-radius: inherit;
    z-index: -1;

    
    background: linear-gradient(
        to right,
        transparent 0%,
        transparent 40%,
        #74B9FF 50%,       
        transparent 60%,
        transparent 100%
    );

    background-size: 200% 200%;
    animation: singleBeam_btn-tool 5s linear infinite;
    
    
 
}

.filter-overlay_center{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000;
}

.filter-sidebar_center{
  width:340px;
  max-width:95%;
  max-height:90vh;
  background:#fff;
  border-radius:12px;
  box-shadow:0 15px 35px rgba(0,0,0,.25);
  display:flex;
  flex-direction:column;
  transform:scale(.9);
  opacity:0;
  transition:.3s;
}

.filter-header_center{
  background:#728fce;
  color:#fff;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:bold;
  border-radius:12px 12px 0 0;
}

.filter-close_center{
  cursor:pointer;
  color: red;
}

.filter-body_center{
  padding:16px;
}

.filter-group{
  margin-bottom:14px;
}

.filter-group label{
  display:block;
  margin-bottom:6px;
  font-size:13px;
  color:#555;
}

.date-input{
  width:100%;
  padding:10px;
  font-size:14px;
  border:1px solid #CED6E0;
  border-radius:8px;
  text-align:center;
  letter-spacing:2px;
  background:#F8F9FA;
}

.date-input:focus{
  outline:none;
  border-color:#1E90FF;
  background:#fff;
}

.btn-apply{
  width:100%;
  background:#2ED573;
  color:#fff;
  border:none;
  padding:10px;
  border-radius:6px;
  margin-bottom:8px;
  cursor:pointer;
  font-size:15px;
}

.btn-reset{
  width:100%;
  background:#F1F2F6;
  border:none;
  padding:10px;
  border-radius:6px;
  cursor:pointer;
}

.filter-overlay_center.open{
  opacity:1;
  visibility:visible;
}

.filter-overlay_center.open .filter-sidebar_center{
  transform:scale(1);
  opacity:1;
}

.filter-overlay_center_print{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000;
}

.filter-overlay_center_print.open{
  opacity:1;
  visibility:visible;
}

.filter-overlay_center_print.open .filter-sidebar_center{
  transform:scale(1);
  opacity:1;
}

.filter-overlay_center_InvoiceEdafat{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000;
}

.filter-overlay_center_InvoiceEdafat.open{
  opacity:1;
  visibility:visible;
}

.filter-overlay_center_InvoiceEdafat.open .filter-sidebar_center{
  transform:scale(1);
  opacity:1;
}

.BlueGreen {
    
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #2580c3;
}

.BlueGreen td, .BlueGreen th {
        border: 0;
        
        line-height: 20px;
        padding-left: 5px;
    }

.BlueGreen th {
        border: 1px solid #8f9db8;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: left;
        background-color: #2580c3;
        color: #000;
        line-height: 30px;
        padding-left: 5px;
    }

.BlueGreen tr:nth-child(even) {
        background-color: #e0e4eb;
    }

.BlueGreen tr:hover {
        background-color: #a1b4d9;
        color: #000;
    }

.BlueGreen td, .BlueGreen th {
        font-size: 14px;
    }

.BlueGreen a:hover {
        color: #000;
     }

.table th, .table td {
     vertical-align: middle;
 }

.select2-container {
            width: 100% !important;
        }

.filter-sidebar{
  position:fixed;
  top:0;
  right:0;
  width:340px;
  height:100%;
  background:#fff;
  box-shadow:-6px 0 15px rgba(0,0,0,.15);
  transform:translateX(100%);
  z-index: 1050;

}

.filter-header{
  background:#354360;
  color:#fff;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:bold;
}

.filter-group{
  margin-bottom:12px;
}

.filter-group label{
  display:block;
  margin-bottom:4px;
  font-size:13px;
  color:#555;
}

.filter-group input,
.filter-group select{
  width:100%;
  padding:8px;
  border:1px solid #CED6E0;
  border-radius:6px;
}

.filter-group input:focus,
.filter-group select:focus{
  border-color:#1E90FF;
  outline:none;
}

.btn-apply{
  width:100%;
  background:#2ED573;
  color:#fff;
  border:none;
  padding:10px;
  border-radius:6px;
  margin-bottom:8px;
  cursor:pointer;
}

.filter-sidebar.open{
  transform:translateX(0);
}

.filter-overlay.open{
  opacity:1;
  visibility:visible;
}

.flatpickr-current-month .selection .select2-container {
     z-index: 700000;
 }

html{
  
  --btn-surface: var(--card, #fff);

  
  --btn-w: 50%;
  --btn-w-hov: 62%;
  --btn-w-act: 70%;

  
  --btn-txt: var(--text, #000);

  
  --btn-theme-hue: var(--topbar-bg, var(--primary, #728FCE));

  
  --btn-info-hue:    color-mix(in oklab, var(--primary, #3B82F6) 75%, var(--btn-theme-hue) 25%);
  --btn-success-hue: color-mix(in oklab, var(--accent,  #22C55E) 75%, var(--btn-theme-hue) 25%);
  --btn-warning-hue: color-mix(in oklab, #F59E0B 75%,              var(--btn-theme-hue) 25%);
  --btn-danger-hue:  color-mix(in oklab, #EF4444 75%,              var(--btn-theme-hue) 25%);
  --btn-secondary-hue: color-mix(in oklab, var(--nav-item, #64748B) 75%, var(--btn-theme-hue) 25%);

  
  --btn-primary-hue: var(--btn-theme-hue);

     

  --bg: var(--custom-bg, var(--bg-base));
  --card: var(--custom-card, var(--card-base));
  --text: var(--custom-text, var(--text-base));
  --primary: var(--custom-primary, var(--primary-base));
  --accent: var(--custom-accent, var(--accent-base));

  --topbar-bg: var(--custom-topbar-bg, var(--topbar-bg-base, #728FCE));
  --topbar-text: var(--custom-topbar-text, var(--topbar-text-base, #0B1220));

  --nav-bg: var(--custom-nav-bg, var(--nav-bg-base, #2C3857));
  --nav-item: var(--custom-nav-item, var(--nav-item-base, #3B4763));
  --nav-hover: var(--custom-nav-hover, var(--nav-hover-base, #465373));
  --nav-active: var(--custom-nav-active, var(--nav-active-base, #33405F));
  --nav-text: var(--custom-nav-text, var(--nav-text-base, #EAF0FF));

  --input-bg: var(--custom-input-bg, var(--input-bg-base, #FAFAFA));
  --input-text: var(--custom-input-text, var(--input-text-base, #000000));
  --input-border: var(--custom-input-border, var(--input-border-base, #8F9DB8));
  --input-focus-bg: var(--custom-input-focus-bg, var(--input-focus-bg-base, #F9FBFF));

  --table-bg: var(--custom-table-bg, var(--table-bg-base));
  --table-head: var(--custom-table-head, var(--table-head-base));
  --table-row: var(--custom-table-row, var(--table-row-base));
  --table-hover: var(--custom-table-hover, var(--table-hover-base));

   
        
  --opr-typ-1-head-base:#FFE1E1;
  --opr-typ-1-number-base:#FFC0C0;

  

--opr-typ-2-head-base: color-mix(in oklab, var(--primary) 22%, white);
--opr-typ-2-number-base: color-mix(in oklab, var(--primary) 36%, white);

  
  --opr-typ-3-head-base:#FFE3C7;
  --opr-typ-3-number-base:#E69848;

  
  --opr-typ-4-head-base:#BFE8D0;
  --opr-typ-4-number-base:#1F7A48;

  
  --opr-typ-5-head-base:#FFF8C6;
  --opr-typ-5-number-base:#FFF0A6;

  
  --opr-typ-6-head-base:#C9D18A;
  --opr-typ-6-number-base:#808000;

  
  --opr-typ-7-head-base:#CFF7E2;
  --opr-typ-7-number-base:#25D572;

  
  --opr-typ-8-head-base:#DEE3FF;
  --opr-typ-8-number-base:#8080FF;

  
  --opr-typ-10-head-base:#D9B8B8;
  --opr-typ-10-number-base:#804040;
  --opr-typ-10-entag-base:#0000C0;

  
  --opr-typ-36-head-base:#E3C7FF;
  --opr-typ-36-number-base:#400040;

  
  --opr-typ-77-head-base:#D7F3F6;
  --opr-typ-77-number-base:#79D3DD;

  
  --opr-typ-112-head-base:#E2C0C0;
  --opr-typ-112-number-base:#804040;

  
  --opr-typ-113-head-base:#CFF7E2;
  --opr-typ-113-number-base:#25D572;

  
  
  --opr-typ-21-head-base:#a1b4d9;
  --opr-typ-21-number-base:#a1b4d9;

  --opr-typ-23-head-base:#a1b4d9;
  --opr-typ-23-number-base:#a1b4d9;

  --opr-typ-20-head-base:#ffc0c0;
  --opr-typ-20-number-base:#ffc0c0;

  --opr-typ-24-head-base:#ffffc0;
  --opr-typ-24-number-base:#ffffc0;

  --opr-typ-25-head-base:#808000;
  --opr-typ-25-number-base:#808000;

  --opr-typ-30-head-base:#25d572;
  --opr-typ-30-number-base:#25d572;

  --opr-typ-31-head-base:#800080;
  --opr-typ-31-number-base:#800080;
   
}

body{
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

.main-header.navbar{
  background-color: var(--topbar-bg) !important;
}

.main-header.navbar .nav-link,
.main-header.navbar .navbar-brand,
.main-header.navbar .navbar-nav .nav-link{
  color: var(--topbar-text) !important;
}

.main-sidebar,
.main-sidebar::before{
  background-color: var(--nav-bg) !important;
}

.brand-link{
  background-color: var(--nav-bg) !important;
  color: var(--nav-text) !important;
}

.brand-link .brand-text{ color: var(--nav-text) !important; }

.nav-sidebar .nav-link{
  color: var(--nav-text) !important;
}

.nav-sidebar .nav-link:hover{
  background-color: var(--nav-hover) !important;
  color: var(--nav-text) !important;
}

.nav-sidebar .nav-link.active{
  background-color: var(--nav-active) !important;
  color: var(--nav-text) !important;
}

.content-wrapper,
.content-wrapper > .content,
.container-fluid{
  background-color: var(--bg) !important;
}

.card{
  background-color: var(--card) !important;
}

.form-control{
  background-color: var(--input-bg) !important;
  color: var(--input-text) !important;
  border-right: 1px solid var(--input-border) !important;
  border-left: 1px solid var(--input-border) !important;
  border-top: 1px solid var(--input-border) !important;
  border-bottom: 1px solid var(--input-border) !important;
}

.form-control:focus{
  background-color: var(--input-focus-bg) !important;
}

.select2-container{
  background-color: var(--input-bg) !important;
  color: var(--input-text) !important;
  border-right: 1px solid var(--input-border) !important;
  border-left: 1px solid var(--input-border) !important;
  border-top: 1px solid var(--input-border) !important;
  border-bottom: 1px solid var(--input-border) !important;
}

.BlueGreen{
  border: 1px solid var(--table-head) !important;
}

.BlueGreen th{
  background-color: var(--table-head) !important;
}

.BlueGreen tr:nth-child(even){
  background-color: var(--table-row) !important;
}

.BlueGreen tr:hover{
  background-color: var(--table-hover) !important;
}

.te-overlay.active{opacity:1; pointer-events:auto;}

.te-panel{
  position:fixed;
  top:0;
  width:min(460px,94vw);
  height:100%;
  background:
    linear-gradient(180deg,
      color-mix(in oklab, var(--card) 94%, white 6%) 0%,
      color-mix(in oklab, var(--bg) 92%, var(--card) 8%) 100%);
  color:var(--text);
  overflow:auto;
  transition:.24s ease;
  z-index:2300;
  border-left:1px solid color-mix(in oklab, var(--text) 10%, transparent);
  padding:18px 18px 96px;
  box-shadow:0 24px 64px rgba(15,23,42,.18);
}

html[dir="rtl"] .te-panel{ right:-480px; left:auto; }

html[dir="rtl"] .te-panel.active{ right:0; }

html[dir="ltr"] .te-panel{
  left:-480px;
  right:auto;
  border-left:none;
  border-right:1px solid color-mix(in oklab, var(--text) 10%, transparent);
}

html[dir="ltr"] .te-panel.active{ left:0; }

.te-header{
  position:sticky;
  top:-18px;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 0 14px;
  margin-bottom:10px;
  background:inherit;
  border-bottom:1px solid color-mix(in oklab, var(--text) 10%, transparent);
}

.te-caption{
  margin-top:4px;
  font-size:12px;
  opacity:.72;
}

.te-actions{
  display:flex;
  gap:10px;
  margin:14px 0 16px;
}

.te-btn{
  border:1px solid color-mix(in oklab, var(--text) 14%, transparent);
  background-color:color-mix(in oklab, var(--card) 88%, var(--bg) 12%);
  color:var(--text);
  padding:9px 12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:600;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.te-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(15,23,42,.10);
}

.te-btn.primary{
  background:linear-gradient(135deg, var(--primary), color-mix(in oklab, var(--primary) 72%, white 28%));
  color:#FFFFFF;
  border-color:transparent;
}

.te-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.te-item{
  min-height:86px;
  padding:14px;
  border-radius:16px;
  font-weight:700;
  text-align:start;
  color:#fff;
  cursor:pointer;
  user-select:none;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 24px rgba(15,23,42,.14);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:4px;
}

.te-item:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 30px rgba(15,23,42,.18);
}

.te-item.light{
  color:#0F172A;
  border-color:rgba(15,23,42,.10);
}

.te-item[data-theme="custom"]{
  grid-column:1 / -1;
}

.te-item-name{
  font-size:13px;
  line-height:1.2;
}

.te-item-note{
  font-size:11px;
  opacity:.82;
  font-weight:600;
}

.te-item.active{
  outline:3px solid color-mix(in oklab, var(--accent) 78%, white 22%);
  outline-offset:2px;
}

.te-section-title{
  margin:18px 0 10px;
}

.te-picker{
  margin-top:12px;
  padding:14px;
  border-radius:16px;
  border:1px solid color-mix(in oklab, var(--text) 10%, transparent);
  background:color-mix(in oklab, var(--card) 90%, white 10%);
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}

.te-picker h4,
.te-picker h5{
  margin:16px 0 12px;
  font-size:13px;
  letter-spacing:.02em;
  opacity:.84;
}

.te-picker label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:13px;
  margin:0;
  padding:10px 0;
  border-bottom:1px solid color-mix(in oklab, var(--text) 8%, transparent);
}

.te-picker label:last-child{
  border-bottom:none;
}

.te-picker input[type=color]{
  width:52px;
  height:34px;
  border-radius:12px;
  border:1px solid color-mix(in oklab, var(--text) 12%, transparent);
  background:transparent;
  padding:0;
  cursor:pointer;
}

.Title_screan{
  background-color: var(--table-head);
  color: var(--opr-head-text);
}

.Title_screan2{
  background-color: var(--title-primary-bg, var(--opr-head-bg, var(--table-head, #a1b4d9))) !important;
  color: var(--title-primary-text, var(--opr-head-text, var(--text-invert, #ffffff))) !important;
}

.Title_screan1{
  background-color: var(--danger-soft, #ffc0c0) !important;
  color: var(--danger-soft-text, var(--text, #000000)) !important;
}

.Title_screan5{
  background-color: var(--warning-soft, #ffffc0) !important;
  color: var(--warning-soft-text, var(--text, #000000)) !important;
}

.Title_screan6{
  background-color: var(--accent-olive, #808000) !important;
  color: var(--accent-olive-text, var(--text-invert, #ffffff)) !important;
}

.filter-header_center{
  background: var(--topbar-bg, var(--primary, #728FCE)) !important;
  color:      var(--topbar-text, #fff) !important;
}

.filter-header_center_print,
.filter-header_center_InvoiceEdafat{
  background: var(--topbar-bg, var(--primary, #728fce)) !important;
  color: var(--topbar-text, #fff) !important;
}

.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.btn-secondary{
  color: var(--btn-txt) !important;
}

.btn-primary{   --_h: var(--btn-primary-hue); }

.btn-info{      --_h: var(--btn-info-hue); }

.btn-success{   --_h: var(--btn-success-hue); }

.btn-warning{   --_h: var(--btn-warning-hue); }

.btn-danger{    --_h: var(--btn-danger-hue); }

.btn-secondary{ --_h: var(--btn-secondary-hue); }

.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.btn-secondary{
  background-color: color-mix(in oklab, var(--_h) var(--btn-w), var(--btn-surface) calc(100% - var(--btn-w))) !important;
  border-color:     color-mix(in oklab, var(--_h) var(--btn-w), var(--btn-surface) calc(100% - var(--btn-w))) !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-secondary:hover{
  background-color: color-mix(in oklab, var(--_h) var(--btn-w-hov), var(--btn-surface) calc(100% - var(--btn-w-hov))) !important;
  border-color:     color-mix(in oklab, var(--_h) var(--btn-w-hov), var(--btn-surface) calc(100% - var(--btn-w-hov))) !important;
  color: var(--btn-txt) !important;
}

.btn-primary:active,
.btn-info:active,
.btn-success:active,
.btn-warning:active,
.btn-danger:active,
.btn-secondary:active{
  background-color: color-mix(in oklab, var(--_h) var(--btn-w-act), var(--btn-surface) calc(100% - var(--btn-w-act))) !important;
  border-color:     color-mix(in oklab, var(--_h) var(--btn-w-act), var(--btn-surface) calc(100% - var(--btn-w-act))) !important;
  color: var(--btn-txt) !important;
}

.btn-outline-primary{   --_h: var(--btn-primary-hue); }

.btn-outline-info{      --_h: var(--btn-info-hue); }

.btn-outline-success{   --_h: var(--btn-success-hue); }

.btn-outline-warning{   --_h: var(--btn-warning-hue); }

.btn-outline-danger{    --_h: var(--btn-danger-hue); }

.btn-outline-secondary{ --_h: var(--btn-secondary-hue); }

.btn-outline-primary,
.btn-outline-info,
.btn-outline-success,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-secondary{
  background: transparent !important;
  border-color: color-mix(in oklab, var(--_h) var(--btn-w), var(--btn-surface) calc(100% - var(--btn-w))) !important;
  color: var(--btn-txt) !important;
}

.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-outline-success:hover,
.btn-outline-warning:hover,
.btn-outline-danger:hover,
.btn-outline-secondary:hover{
  background-color: color-mix(in oklab, var(--_h) var(--btn-w), var(--btn-surface) calc(100% - var(--btn-w))) !important;
  border-color:     color-mix(in oklab, var(--_h) var(--btn-w), var(--btn-surface) calc(100% - var(--btn-w))) !important;
  color: var(--btn-txt) !important;
}

.dt-button,
a.dt-button,
button.dt-button,
div.dt-button,
.dt-buttons .btn{
  --_h: var(--btn-primary-hue);
  background-color: color-mix(in oklab, var(--_h) var(--btn-w), var(--btn-surface) calc(100% - var(--btn-w))) !important;
  border-color:     color-mix(in oklab, var(--_h) var(--btn-w), var(--btn-surface) calc(100% - var(--btn-w))) !important;
  color: var(--btn-txt) !important;
}

.dt-button:hover,
a.dt-button:hover,
button.dt-button:hover,
div.dt-button:hover,
.dt-buttons .btn:hover{
  background-color: color-mix(in oklab, var(--_h) var(--btn-w-hov), var(--btn-surface) calc(100% - var(--btn-w-hov))) !important;
  border-color:     color-mix(in oklab, var(--_h) var(--btn-w-hov), var(--btn-surface) calc(100% - var(--btn-w-hov))) !important;
  color: var(--btn-txt) !important;
}

.opr-scope{
  
  --opr-wrap-bg: var(--custom-opr-wrap-bg, var(--opr-wrap-bg-base, var(--opr-head-bg, var(--table-head, #cce1fa))));

  --opr-title-bg: var(--custom-opr-title-bg, var(--opr-title-bg-base, var(--opr-head-bg, var(--table-head, #cce1fa))));
  --opr-title-text: var(--custom-opr-title-text, var(--opr-title-text-base, var(--text-invert, #fff)));

  
  --opr-head-bg: var(--custom-opr-head-bg, var(--opr-head-bg-base, var(--table-head, #cce1fa)));
  --opr-head-text: var(--custom-opr-head-text, var(--opr-head-text-base, var(--text, #000)));

  --opr-number-bg: var(--custom-opr-number-bg, var(--opr-number-bg-base, var(--opr-head-bg)));
  --opr-number-text: var(--custom-opr-number-text, var(--opr-number-text-base, var(--opr-head-text)));

  
  --entag-head-bg: var(--custom-entag-head-bg, var(--entag-head-bg-base, #0000c0));
  --entag-head-text: var(--custom-entag-head-text, var(--entag-head-text-base, #fff));

  
  --menu-bg: var(--custom-menu-bg, var(--menu-bg-base, var(--card, #fff)));
  --menu-text: var(--custom-menu-text, var(--menu-text-base, var(--text, #000)));
  --menu-border: var(--custom-menu-border, var(--menu-border-base, color-mix(in oklab, var(--text, #000) 18%, transparent)));
  --menu-hover: var(--custom-menu-hover, var(--menu-hover-base, color-mix(in oklab, var(--primary, #728FCE) 12%, white)));

  
  --cashier-bg: var(--custom-cashier-bg, var(--cashier-bg-base, #000));
  --cashier-text: var(--custom-cashier-text, var(--cashier-text-base, #fff));
  --cashier-border: var(--custom-cashier-border, var(--cashier-border-base, color-mix(in oklab, var(--cashier-text, #fff) 18%, transparent)));
}

.opr-scope .Title_screan{
  background-color: var(--opr-title-bg) !important;
  color: var(--opr-title-text) !important;
}

.opr-scope .BlueGreen th,
.opr-scope .table.table-head-fixed thead tr:nth-child(1) th{
  background-color: var(--opr-head-bg) !important;
  color: var(--opr-head-text) !important;
}

.opr-scope .BlueGreen_number{
  background-color: var(--opr-number-bg) !important;
  color: var(--opr-number-text) !important;
}

.opr-scope #divAddOprDetail{
  background: var(--opr-wrap-bg) !important;
}

.opr-scope .Entag_BlueGreen th,
.opr-scope #Entag_tblOprDetail thead th{
  background-color: var(--entag-head-bg) !important;
  color: var(--entag-head-text) !important;
}

.opr-scope .Entag_BlueGreen_number,
.opr-scope #Entag_tblOprDetail tfoot td{
  background-color: var(--entag-head-bg) !important;
  color: var(--entag-head-text) !important;
}

.opr-scope .context-menu,
.opr-scope .context-menu_price{
  background: var(--menu-bg) !important;
  color: var(--menu-text) !important;
  border-color: var(--menu-border) !important;
}

.opr-scope .context-menu-item:hover,
.opr-scope .context-menu_price-item:hover{
  background: var(--menu-hover) !important;
}

.opr-scope .context-menu_Casher{
  background: var(--cashier-bg) !important;
  color: var(--cashier-text) !important;
  border-color: var(--cashier-border) !important;
}

.select2-container{
  background: var(--input-bg, var(--card, #FAFAFA)) !important;
  color: var(--text, #000) !important;
}

.card-danger:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header{
  background-color: var(--table-head, var(--opr-head-bg, #a1b4d9)) !important;
  color: var(--text, #000) !important;
}

.card-danger:not(.card-outline) > .card-header a,
.card-success:not(.card-outline) > .card-header a{
  color: var(--text, #000) !important;
}

.bg-danger .btn-tool,
.bg-gradient-danger .btn-tool,
.card-danger:not(.card-outline) .btn-tool,
.bg-success .btn-tool,
.bg-gradient-success .btn-tool,
.card-success:not(.card-outline) .btn-tool{
  color: var(--text, #000) !important;
}

.context-menu,
.context-menu_price{
  background: var(--card, #fff) !important;
  color: var(--text, #000) !important;
  border-color: var(--border, color-mix(in oklab, var(--text, #000) 18%, transparent)) !important;
}

.context-menu-item:hover,
.context-menu_price-item:hover{
  background: color-mix(in oklab, var(--primary, #728FCE) 12%, white) !important;
}

.context-menu_Casher{
  background: var(--cashier-bg, #000) !important;
  color: var(--cashier-text, #fff) !important;
  border-color: var(--border, color-mix(in oklab, var(--cashier-text, #fff) 18%, transparent)) !important;
}

.BlueGreen{
  border-color: var(--input-border, #2580c3) !important;
  background: var(--table-bg, #fff) !important;
}

.BlueGreen th{
  background-color: var(--table-head, #2580c3) !important;
  color: var(--text, #000) !important;
  border-color: var(--input-border, #8f9db8) !important;
}

.BlueGreen td{
  color: var(--text, #000) !important;
}

.BlueGreen tr:nth-child(even){
  background-color: var(--table-row, #e0e4eb) !important;
}

.BlueGreen tr:hover{
  background-color: var(--table-hover, #a1b4d9) !important;
  color: var(--text, #000) !important;
}

.BlueGreen a:hover{
  color: var(--text, #000) !important;
}

.filter-sidebar{
  background: var(--card, #fff) !important;
  color: var(--text, #000) !important;
  box-shadow: 0 15px 35px color-mix(in oklab, var(--text, #000) 25%, transparent) !important;
  border-left: 1px solid var(--input-border, #CED6E0) !important;
}

.filter-header{
  background: var(--topbar-bg, var(--primary, #354360)) !important;
  color: var(--topbar-text, #fff) !important;
}

.filter-group label{
  color: color-mix(in oklab, var(--text, #000) 70%, transparent) !important;
}

.filter-group input,
.filter-group select{
  background: var(--input-bg, #fff) !important;
  color: var(--input-text, #000) !important;
  border-color: var(--input-border, #CED6E0) !important;
}

.filter-group input:focus,
.filter-group select:focus{
  border-color: var(--primary, #1E90FF) !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary, #1E90FF) 20%, transparent) !important;
  outline: none !important;
}

.btn-apply{
  background: var(--accent, #2ED573) !important;
  color: #fff !important;
}

.btn-reset{
  background: color-mix(in oklab, var(--text, #000) 6%, white) !important;
  color: var(--text, #000) !important;
  border: 1px solid color-mix(in oklab, var(--text, #000) 12%, transparent) !important;
}

.select2-container--default .select2-selection--single{
  background: var(--input-bg, #fff) !important;
  color: var(--input-text, #000) !important;
  border-color: var(--input-border, #CED6E0) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: var(--input-text, #000) !important;
}

.select2-container--default .select2-dropdown{
  background: var(--card, #fff) !important;
  color: var(--text, #000) !important;
  border-color: var(--input-border, #CED6E0) !important;
}

.select2-container--default .select2-results__options{
  background: var(--card, #fff) !important;
  color: var(--text, #000) !important;
}

.select2-container--default .select2-results__option--highlighted{
  background: color-mix(in oklab, var(--primary, #728FCE) 18%, white) !important;
  color: var(--text, #000) !important;
}

.opr-scope.opr-typ-2{
  --opr-wrap-bg:   var(--custom-opr-typ-2-wrap,   var(--opr-typ-2-head,   var(--opr-typ-2-head-base, #cce1fa)));
  --opr-title-bg:  var(--custom-opr-typ-2-title,  var(--opr-typ-2-head,   var(--opr-typ-2-head-base, #cce1fa)));
  --opr-title-text:var(--custom-opr-typ-2-title-text, var(--opr-on-light, #000));

  --opr-head-bg:   var(--custom-opr-typ-2-head,   var(--opr-typ-2-head,   var(--opr-typ-2-head-base, #cce1fa)));
  --opr-number-bg: var(--custom-opr-typ-2-number, var(--opr-typ-2-number, var(--opr-typ-2-number-base, #a1b4d9)));

  --opr-head-text:   var(--custom-opr-typ-2-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-2-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-1{
  --opr-wrap-bg:   var(--custom-opr-typ-1-wrap,   var(--opr-typ-1-head-base, #ffc0c0));
  --opr-title-bg:  var(--custom-opr-typ-1-title,  var(--opr-typ-1-head-base, #ffc0c0));
  --opr-title-text:var(--custom-opr-typ-1-title-text, var(--opr-on-light, #000));

  --opr-head-bg:   var(--custom-opr-typ-1-head,   var(--opr-typ-1-head-base, #ffc0c0));
  --opr-number-bg: var(--custom-opr-typ-1-number, var(--opr-typ-1-number-base, #ffc0c0));

  --opr-head-text:   var(--custom-opr-typ-1-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-1-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-5{
  --opr-wrap-bg:   var(--custom-opr-typ-5-wrap,   var(--opr-typ-5-head-base, #ffffc0));
  --opr-title-bg:  var(--custom-opr-typ-5-title,  var(--opr-typ-5-head-base, #ffffc0));
  --opr-title-text:var(--custom-opr-typ-5-title-text, var(--opr-on-light, #000));

  --opr-head-bg:   var(--custom-opr-typ-5-head,   var(--opr-typ-5-head-base, #ffffc0));
  --opr-number-bg: var(--custom-opr-typ-5-number, var(--opr-typ-5-number-base, #ffffc0));

  --opr-head-text:   var(--custom-opr-typ-5-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-5-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-6{
  --opr-wrap-bg:   var(--custom-opr-typ-6-wrap,   var(--opr-typ-6-head-base, #808000));
  --opr-title-bg:  var(--custom-opr-typ-6-title,  var(--opr-typ-6-head-base, #808000));
  --opr-title-text:var(--custom-opr-typ-6-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-6-head,   var(--opr-typ-6-head-base, #808000));
  --opr-number-bg: var(--custom-opr-typ-6-number, var(--opr-typ-6-number-base, #808000));

  --opr-head-text:   var(--custom-opr-typ-6-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-6-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-7{
  --opr-wrap-bg:   var(--custom-opr-typ-7-wrap,   var(--opr-typ-7-head-base, #25d572));
  --opr-title-bg:  var(--custom-opr-typ-7-title,  var(--opr-typ-7-head-base, #25d572));
  --opr-title-text:var(--custom-opr-typ-7-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-7-head,   var(--opr-typ-7-head-base, #25d572));
  --opr-number-bg: var(--custom-opr-typ-7-number, var(--opr-typ-7-number-base, #25d572));

  --opr-head-text:   var(--custom-opr-typ-7-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-7-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-36{
  --opr-wrap-bg:   var(--custom-opr-typ-36-wrap,   var(--opr-typ-36-head-base, #400040));
  --opr-title-bg:  var(--custom-opr-typ-36-title,  var(--opr-typ-36-head-base, #400040));
  --opr-title-text:var(--custom-opr-typ-36-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-36-head,   var(--opr-typ-36-head-base, #400040));
  --opr-number-bg: var(--custom-opr-typ-36-number, var(--opr-typ-36-number-base, #400040));

  --opr-head-text:   var(--custom-opr-typ-36-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-36-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-112{
  --opr-wrap-bg:   var(--custom-opr-typ-112-wrap,   var(--opr-typ-112-head-base, #804040));
  --opr-title-bg:  var(--custom-opr-typ-112-title,  var(--opr-typ-112-head-base, #804040));
  --opr-title-text:var(--custom-opr-typ-112-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-112-head,   var(--opr-typ-112-head-base, #804040));
  --opr-number-bg: var(--custom-opr-typ-112-number, var(--opr-typ-112-number-base, #804040));

  --opr-head-text:   var(--custom-opr-typ-112-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-112-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-113{
  --opr-wrap-bg:   var(--custom-opr-typ-113-wrap,   var(--opr-typ-113-head-base, #25d572));
  --opr-title-bg:  var(--custom-opr-typ-113-title,  var(--opr-typ-113-head-base, #25d572));
  --opr-title-text:var(--custom-opr-typ-113-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-113-head,   var(--opr-typ-113-head-base, #25d572));
  --opr-number-bg: var(--custom-opr-typ-113-number, var(--opr-typ-113-number-base, #25d572));

  --opr-head-text:   var(--custom-opr-typ-113-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-113-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-3{
  --opr-wrap-bg:   var(--custom-opr-typ-3-wrap,   var(--opr-typ-3-head-base, #e69848));
  --opr-title-bg:  var(--custom-opr-typ-3-title,  var(--opr-typ-3-head-base, #e69848));
  --opr-title-text:var(--custom-opr-typ-3-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-3-head,   var(--opr-typ-3-head-base, #e69848));
  --opr-number-bg: var(--custom-opr-typ-3-number, var(--opr-typ-3-number-base, #e69848));

  --opr-head-text:   var(--custom-opr-typ-3-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-3-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-4{
  --opr-wrap-bg:   var(--custom-opr-typ-4-wrap,   var(--opr-typ-4-head-base, #004000));
  --opr-title-bg:  var(--custom-opr-typ-4-title,  var(--opr-typ-4-head-base, #004000));
  --opr-title-text:var(--custom-opr-typ-4-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-4-head,   var(--opr-typ-4-head-base, #004000));
  --opr-number-bg: var(--custom-opr-typ-4-number, var(--opr-typ-4-number-base, #004000));

  --opr-head-text:   var(--custom-opr-typ-4-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-4-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-8{
  --opr-wrap-bg:   var(--custom-opr-typ-8-wrap,   var(--opr-typ-8-head-base, #8080ff));
  --opr-title-bg:  var(--custom-opr-typ-8-title,  var(--opr-typ-8-head-base, #8080ff));
  --opr-title-text:var(--custom-opr-typ-8-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-8-head,   var(--opr-typ-8-head-base, #8080ff));
  --opr-number-bg: var(--custom-opr-typ-8-number, var(--opr-typ-8-number-base, #8080ff));

  --opr-head-text:   var(--custom-opr-typ-8-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-8-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-77{
  --opr-wrap-bg:   var(--custom-opr-typ-77-wrap,   var(--opr-typ-77-head-base, #79d3dd));
  --opr-title-bg:  var(--custom-opr-typ-77-title,  var(--opr-typ-77-head-base, #79d3dd));
  --opr-title-text:var(--custom-opr-typ-77-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-77-head,   var(--opr-typ-77-head-base, #79d3dd));
  --opr-number-bg: var(--custom-opr-typ-77-number, var(--opr-typ-77-number-base, #79d3dd));

  --opr-head-text:   var(--custom-opr-typ-77-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-77-number-text, var(--opr-on-light, #000));
}

.opr-scope.opr-typ-10{
  --opr-wrap-bg:   var(--custom-opr-typ-10-wrap,   var(--opr-typ-10-head-base, #804040));
  --opr-title-bg:  var(--custom-opr-typ-10-title,  var(--opr-typ-10-head-base, #804040));
  --opr-title-text:var(--custom-opr-typ-10-title-text, var(--opr-on-dark, #fff));

  --opr-head-bg:   var(--custom-opr-typ-10-head,   var(--opr-typ-10-head-base, #804040));
  --opr-number-bg: var(--custom-opr-typ-10-number, var(--opr-typ-10-number-base, #804040));

  --opr-head-text:   var(--custom-opr-typ-10-head-text,   var(--opr-on-light, #000));
  --opr-number-text: var(--custom-opr-typ-10-number-text, var(--opr-on-light, #000));

  
  --entag-head-bg:   var(--custom-opr-typ-10-entag, var(--opr-typ-10-entag-base, #0000c0));
  --entag-head-text: var(--custom-opr-typ-10-entag-text, #fff);
}

.opr-scope.opr-typ-21{
  --opr-head-bg:   var(--custom-opr-typ-21-head,   var(--opr-typ-21-head-base));
  --opr-number-bg: var(--custom-opr-typ-21-number, var(--opr-typ-21-number-base));
  --opr-title-bg:  var(--opr-head-bg);
  --opr-wrap-bg:   var(--opr-head-bg);

  --opr-title-text:  var(--opr-typ-21-title-text-base);
  --opr-head-text:   var(--opr-typ-21-head-text-base);
  --opr-number-text: var(--opr-typ-21-number-text-base);
}

.opr-scope.opr-typ-23{
  --opr-head-bg:   var(--custom-opr-typ-23-head,   var(--opr-typ-23-head-base));
  --opr-number-bg: var(--custom-opr-typ-23-number, var(--opr-typ-23-number-base));
  --opr-title-bg:  var(--opr-head-bg);
  --opr-wrap-bg:   var(--opr-head-bg);

  --opr-title-text:  var(--opr-typ-23-title-text-base);
  --opr-head-text:   var(--opr-typ-23-head-text-base);
  --opr-number-text: var(--opr-typ-23-number-text-base);
}

.opr-scope.opr-typ-20{
  --opr-head-bg:   var(--custom-opr-typ-20-head,   var(--opr-typ-20-head-base));
  --opr-number-bg: var(--custom-opr-typ-20-number, var(--opr-typ-20-number-base));
  --opr-title-bg:  var(--opr-head-bg);
  --opr-wrap-bg:   var(--opr-head-bg);

  --opr-title-text:  var(--opr-typ-20-title-text-base);
  --opr-head-text:   var(--opr-typ-20-head-text-base);
  --opr-number-text: var(--opr-typ-20-number-text-base);
}

.opr-scope.opr-typ-24{
  --opr-head-bg:   var(--custom-opr-typ-24-head,   var(--opr-typ-24-head-base));
  --opr-number-bg: var(--custom-opr-typ-24-number, var(--opr-typ-24-number-base));
  --opr-title-bg:  var(--opr-head-bg);
  --opr-wrap-bg:   var(--opr-head-bg);

  --opr-title-text:  var(--opr-typ-24-title-text-base);
  --opr-head-text:   var(--opr-typ-24-head-text-base);
  --opr-number-text: var(--opr-typ-24-number-text-base);
}

.opr-scope.opr-typ-25{
  --opr-head-bg:   var(--custom-opr-typ-25-head,   var(--opr-typ-25-head-base));
  --opr-number-bg: var(--custom-opr-typ-25-number, var(--opr-typ-25-number-base));
  --opr-title-bg:  var(--opr-head-bg);
  --opr-wrap-bg:   var(--opr-head-bg);

  --opr-title-text:  var(--opr-typ-25-title-text-base);
  --opr-head-text:   var(--opr-typ-25-head-text-base);
  --opr-number-text: var(--opr-typ-25-number-text-base);
}

.opr-scope.opr-typ-30{
  --opr-head-bg:   var(--custom-opr-typ-30-head,   var(--opr-typ-30-head-base));
  --opr-number-bg: var(--custom-opr-typ-30-number, var(--opr-typ-30-number-base));
  --opr-title-bg:  var(--opr-head-bg);
  --opr-wrap-bg:   var(--opr-head-bg);

  --opr-title-text:  var(--opr-typ-30-title-text-base);
  --opr-head-text:   var(--opr-typ-30-head-text-base);
  --opr-number-text: var(--opr-typ-30-number-text-base);
}

.opr-scope.opr-typ-31{
  --opr-head-bg:   var(--custom-opr-typ-31-head,   var(--opr-typ-31-head-base));
  --opr-number-bg: var(--custom-opr-typ-31-number, var(--opr-typ-31-number-base));
  --opr-title-bg:  var(--opr-head-bg);
  --opr-wrap-bg:   var(--opr-head-bg);

  --opr-title-text:  var(--opr-typ-31-title-text-base);
  --opr-head-text:   var(--opr-typ-31-head-text-base);
  --opr-number-text: var(--opr-typ-31-number-text-base);
}

.form-control:focus {
    padding-top: 0;
    padding-bottom: 0.5rem;
    background-color: #E8F0FE;
    
}

html{
 
  --ui-border: color-mix(in oklab, var(--text) 18%, transparent);
  --ui-border-strong: color-mix(in oklab, var(--primary) 35%, transparent);
  --ui-ring: color-mix(in oklab, var(--primary) 55%, transparent);

  
  --input-bg-base: color-mix(in oklab, var(--card) 97%, var(--primary) 3%);
  --input-focus-bg-base: color-mix(in oklab, var(--card) 92%, var(--primary) 8%);
  --input-border-base: var(--ui-border);
  --input-text-base: var(--text);
  --input-placeholder: color-mix(in oklab, var(--text) 55%, transparent);

  
  --bg-selected: color-mix(in oklab, var(--primary) 28%, var(--card) 72%);
  --bg-row-even: color-mix(in oklab, var(--bg) 90%, var(--primary) 10%);
  --bg-row-hover: color-mix(in oklab, var(--primary) 18%, var(--card) 82%);
  --bluegreen-border: color-mix(in oklab, var(--primary) 40%, transparent);
  --bluegreen-head-bg: color-mix(in oklab, var(--primary) 55%, var(--card) 45%);
  --bluegreen-head-text: var(--text);

  
  --filter-bg: var(--card);
  --filter-header-bg: var(--topbar-bg, var(--primary));
  --filter-header-text: var(--topbar-text, var(--text-invert, #fff));
  --filter-field-border: color-mix(in oklab, var(--text) 18%, transparent);

  
  --c-info: var(--primary);
  --c-success: var(--accent);
  --c-warning: var(--custom-warning, #F59E0B);
  --c-danger: var(--custom-danger, #EF4444);

  
  --btn-soft-text: var(--text);
  --btn-soft-border: color-mix(in oklab, var(--text) 14%, transparent);

  --btn-info-bg:    color-mix(in oklab, var(--c-info) 50%, var(--card) 50%);
  --btn-success-bg: color-mix(in oklab, var(--c-success) 50%, var(--card) 50%);
  --btn-warning-bg: color-mix(in oklab, var(--c-warning) 50%, var(--card) 50%);
  --btn-danger-bg:  color-mix(in oklab, var(--c-danger) 50%, var(--card) 50%);

  --btn-info-hover:    color-mix(in oklab, var(--c-info) 62%, var(--card) 38%);
  --btn-success-hover: color-mix(in oklab, var(--c-success) 62%, var(--card) 38%);
  --btn-warning-hover: color-mix(in oklab, var(--c-warning) 62%, var(--card) 38%);
  --btn-danger-hover:  color-mix(in oklab, var(--c-danger) 62%, var(--card) 38%);

     

  --bg: var(--custom-bg, var(--bg-base));
  --card: var(--custom-card, var(--card-base));
  --text: var(--custom-text, var(--text-base));
  --primary: var(--custom-primary, var(--primary-base));
  --accent: var(--custom-accent, var(--accent-base));

  --topbar-bg: var(--custom-topbar-bg, var(--topbar-bg-base, #728FCE));
  --topbar-text: var(--custom-topbar-text, var(--topbar-text-base, #0B1220));

  --nav-bg: var(--custom-nav-bg, var(--nav-bg-base, #2C3857));
  --nav-item: var(--custom-nav-item, var(--nav-item-base, #3B4763));
  --nav-hover: var(--custom-nav-hover, var(--nav-hover-base, #465373));
  --nav-active: var(--custom-nav-active, var(--nav-active-base, #33405F));
  --nav-text: var(--custom-nav-text, var(--nav-text-base, #EAF0FF));

  --input-bg: var(--custom-input-bg, var(--input-bg-base, #FAFAFA));
  --input-text: var(--custom-input-text, var(--input-text-base, #000000));
  --input-border: var(--custom-input-border, var(--input-border-base, #8F9DB8));
  --input-focus-bg: var(--custom-input-focus-bg, var(--input-focus-bg-base, #F9FBFF));

  --table-bg: var(--custom-table-bg, var(--table-bg-base));
  --table-head: var(--custom-table-head, var(--table-head-base));
  --table-row: var(--custom-table-row, var(--table-row-base));
  --table-hover: var(--custom-table-hover, var(--table-hover-base));

   
        
  --opr-typ-1-head-base:#FFE1E1;
  --opr-typ-1-number-base:#FFC0C0;

  

--opr-typ-2-head-base: color-mix(in oklab, var(--primary) 22%, white);
--opr-typ-2-number-base: color-mix(in oklab, var(--primary) 36%, white);

  
  --opr-typ-3-head-base:#FFE3C7;
  --opr-typ-3-number-base:#E69848;

  
  --opr-typ-4-head-base:#BFE8D0;
  --opr-typ-4-number-base:#1F7A48;

  
  --opr-typ-5-head-base:#FFF8C6;
  --opr-typ-5-number-base:#FFF0A6;

  
  --opr-typ-6-head-base:#C9D18A;
  --opr-typ-6-number-base:#808000;

  
  --opr-typ-7-head-base:#CFF7E2;
  --opr-typ-7-number-base:#25D572;

  
  --opr-typ-8-head-base:#DEE3FF;
  --opr-typ-8-number-base:#8080FF;

  
  --opr-typ-10-head-base:#D9B8B8;
  --opr-typ-10-number-base:#804040;
  --opr-typ-10-entag-base:#0000C0;

  
  --opr-typ-36-head-base:#E3C7FF;
  --opr-typ-36-number-base:#400040;

  
  --opr-typ-77-head-base:#D7F3F6;
  --opr-typ-77-number-base:#79D3DD;

  
  --opr-typ-112-head-base:#E2C0C0;
  --opr-typ-112-number-base:#804040;

  
  --opr-typ-113-head-base:#CFF7E2;
  --opr-typ-113-number-base:#25D572;

  
  
  --opr-typ-21-head-base:#a1b4d9;
  --opr-typ-21-number-base:#a1b4d9;

  --opr-typ-23-head-base:#a1b4d9;
  --opr-typ-23-number-base:#a1b4d9;

  --opr-typ-20-head-base:#ffc0c0;
  --opr-typ-20-number-base:#ffc0c0;

  --opr-typ-24-head-base:#ffffc0;
  --opr-typ-24-number-base:#ffffc0;

  --opr-typ-25-head-base:#808000;
  --opr-typ-25-number-base:#808000;

  --opr-typ-30-head-base:#25d572;
  --opr-typ-30-number-base:#25d572;

  --opr-typ-31-head-base:#800080;
  --opr-typ-31-number-base:#800080;
   
}

.form-control,
.custom-select,
select.form-control,
textarea.form-control{
  background-color: var(--input-bg, var(--input-bg-base)) !important;
  color: var(--input-text, var(--input-text-base)) !important;
  border-color: var(--input-border, var(--input-border-base)) !important;
}

.form-control::placeholder{
  color: var(--input-placeholder) !important;
}

.form-control:focus,
.custom-select:focus,
select.form-control:focus,
textarea.form-control:focus{
  background-color: var(--input-focus-bg, var(--input-focus-bg-base)) !important;
  border-color: var(--ui-border-strong) !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  background-color: var(--input-bg, var(--input-bg-base)) !important;
  color: var(--input-text, var(--input-text-base)) !important;
  border-color: var(--input-border, var(--input-border-base)) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: var(--bg-row-hover) !important;
  color: var(--text) !important;
}

.BlueGreen{
  border-color: var(--bluegreen-border) !important;
}

.BlueGreen th{
  background-color: var(--bluegreen-head-bg) !important;
  color: var(--bluegreen-head-text) !important;
  border-color: var(--input-border, var(--input-border-base)) !important;
}

.BlueGreen tr:nth-child(even){
  background-color: var(--bg-row-even) !important;
}

.BlueGreen tr:hover{
  background-color: var(--bg-row-hover) !important;
  color: var(--text) !important;
}

.filter-sidebar{
  background: var(--filter-bg) !important;
}

.filter-header,
.filter-header_center{
  background: var(--filter-header-bg) !important;
  color: var(--filter-header-text) !important;
}

.filter-group label{
  color: color-mix(in oklab, var(--text) 70%, transparent) !important;
}

.filter-group input,
.filter-group select{
  background: var(--input-bg, var(--input-bg-base)) !important;
  color: var(--input-text, var(--input-text-base)) !important;
  border-color: var(--filter-field-border) !important;
}

.filter-group input:focus,
.filter-group select:focus{
  border-color: var(--ui-border-strong) !important;
}

.btn-info{
  background-color: var(--btn-info-bg) !important;
  border-color: var(--btn-info-bg) !important;
  color: var(--btn-soft-text) !important;
}

.btn-info:hover{
  background-color: var(--btn-info-hover) !important;
  border-color: var(--btn-info-hover) !important;
}

.btn-success{
  background-color: var(--btn-success-bg) !important;
  border-color: var(--btn-success-bg) !important;
  color: var(--btn-soft-text) !important;
}

.btn-success:hover{
  background-color: var(--btn-success-hover) !important;
  border-color: var(--btn-success-hover) !important;
}

.btn-warning{
  background-color: var(--btn-warning-bg) !important;
  border-color: var(--btn-warning-bg) !important;
  color: var(--btn-soft-text) !important;
}

.btn-warning:hover{
  background-color: var(--btn-warning-hover) !important;
  border-color: var(--btn-warning-hover) !important;
}

.btn-danger{
  background-color: var(--btn-danger-bg) !important;
  border-color: var(--btn-danger-bg) !important;
  color: var(--btn-soft-text) !important;
}

.btn-danger:hover{
  background-color: var(--btn-danger-hover) !important;
  border-color: var(--btn-danger-hover) !important;
}

.btn-info, .btn-success, .btn-warning, .btn-danger{
  box-shadow: none !important;
}

.btn-apply{
  background: color-mix(in oklab, var(--c-success) 50%, var(--card) 50%) !important;
  color: var(--btn-soft-text) !important;
}

.btn-reset{
  background: color-mix(in oklab, var(--text) 8%, var(--card) 92%) !important;
  color: var(--text) !important;
}

html body .form-control,
html body .custom-select,
html body select.form-control,
html body textarea.form-control{
  background-color: var(--input-bg, var(--input-bg-base)) !important;
  color: var(--input-text, var(--input-text-base)) !important;
  border-color: var(--input-border, var(--input-border-base)) !important;
}

html body .form-control::placeholder{
  color: var(--input-placeholder) !important;
}

html body .form-control:focus,
html body .custom-select:focus,
html body select.form-control:focus,
html body textarea.form-control:focus{
  background-color: var(--input-focus-bg, var(--input-focus-bg-base)) !important;
  border-color: color-mix(in oklab, var(--primary-base) 35%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary-base) 18%, transparent) !important;
}

html body .select2-container--default .select2-selection--single,
html body .select2-container--default .select2-selection--multiple{
  background-color: var(--input-bg, var(--input-bg-base)) !important;
  color: var(--input-text, var(--input-text-base)) !important;
  border-color: var(--input-border, var(--input-border-base)) !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: var(--input-text, var(--input-text-base)) !important;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    padding-left: 20px;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
    padding-left: 0;
}

 

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
    border-style: double;
    border-width: 7px;
    
}

.select2-container--default .select2-selection--single {
    padding: 0.46875rem 2.75rem 0.5rem 2.5rem;
 }
 

.dropdown-menu2 {
    position: absolute;
    top: 100%;
   
    z-index: 1000;
    display: none;
    float: right;
    min-width: 14rem;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
   
}

.main-header.navbar .nav-link,
.main-header.navbar a{
    color: var(--topbar-text, #0B1220) !important;
}

.main-header.navbar .nav-link i{
    font-size: 18px;
}

.navbar .nav-link.te-theme-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:12px;
}

.dropdown-menu2 {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 14rem;
    padding: 10px;
}

.nav-item .has-treeview .menu-open{
    background-color: #425171;

}

body {
     
      overflow-x: hidden;
    }

.nav-sidebar > .nav-item {
    margin-bottom: 10px;
}

.nav-pills .nav-link {
     width: 220px;
       
      
    padding-bottom: 0rem;
    padding-top: 0.5rem;
      transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

.navbar {
     justify-content: space-between;
    padding: 0px;
}

.navbar-light .navbar-nav .nav-link {
    
    background-color: #394664;
 }

@media (min-width: 768px) {
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header{
    transition: margin-right 0.3s ease-in-out;
 
}

:not(.layout-fixed) .main-sidebar {
     
    
    width: 250px; 
 }

.nav-sidebar .nav-treeview {
    
  width: 220px;
 }

.nav-pills .nav-link {
     width: 220px;
       
      
    padding-bottom: 0rem;
    padding-top: 0.5rem;
     
 }

[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview {
   width: 230px;
 }
}

.sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar > .nav-header, .sidebar-mini .nav-sidebar .nav-link {
    white-space: nowrap;
    overflow: visible;
}

.nav-sidebar .nav-treeview {
  
    background-color: #2d3e6a;
    
        text-decoration: none;
      transition: background 0.3s;
      white-space: nowrap;     
      overflow-x: auto;        
      text-overflow: ellipsis; 

  scrollbar-color: #555 #fff;
  border-radius: 25px;

}

:not(.layout-fixed) .main-sidebar {
    height: inherit;
    min-height: 100%;
    
    
    background: linear-gradient(1deg, #2e3c58, #3f4c6b);
    position: absolute;
    
    
    
 
}

.sidebar {
 
    height: 90vh;
   
     transition: right 0.4s ease;
    z-index: 1050;
   
   overflow-y: auto;
    overflow-x: hidden;
   white-space: nowrap;
    scrollbar-width: thin;
 
    scrollbar-color: #555 #fff;

 }

.sidebar a ,p,i{
    color: #ffffff;
      font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
     padding-bottom: 0rem;
    padding-top: 0.1rem;
 

 }

[class*="sidebar-light"] .brand-link {
    border-bottom: 1px solid #dee2e6;
    color: #fff;
}

.nav-pills .nav-link {
    border-radius: 2.25rem;
 
}

.nav-link {
     
    padding: 0.1rem 1rem;
}

.nav-link.active{
     --tw-bg-opacity: 0.5;
    background-color: #1d2a4c;

}

[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview {
    background: #202d4f;
      border-radius: 25px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #1d2a4c;
    color: #ffffff;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
    background-color:  #1d2a4c;
    color: #212529;
     
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: #424c66;
    color: #212529;
}

body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-right 0.3s ease-in-out;
    background: #728fce;
}

:root{
  --sb-grad-1: var(--nav-bg);
  --sb-grad-2: color-mix(in oklab, var(--nav-bg) 85%, #000 15%);
  --sb-sub-bg: color-mix(in oklab, var(--nav-bg) 78%, #000 22%);
  --sb-sub-item-bg: color-mix(in oklab, var(--nav-item) 90%, #000 10%);
  --sb-sub-active-bg: color-mix(in oklab, var(--nav-active) 85%, #000 15%);
  --sb-icon-bg: color-mix(in oklab, var(--nav-item) 88%, transparent);
  --footer-bg: color-mix(in oklab, var(--nav-bg) 88%, #000 12%);
}

.main-sidebar,
.main-sidebar::before{
  background: linear-gradient(1deg, var(--sb-grad-1), var(--sb-grad-2)) !important;
}

[class*="sidebar-light"] .brand-link{
  color: var(--nav-text) !important;
  border-bottom-color: color-mix(in oklab, var(--nav-text) 18%, transparent) !important;
}

.main-sidebar .sidebar a,
.main-sidebar .sidebar p,
.main-sidebar .sidebar i{
  color: var(--nav-text) !important;
}

.nav-sidebar .nav-link{
  color: var(--nav-text) !important;
  background-color: transparent !important;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link{
  background-color: var(--nav-active) !important;
  color: var(--nav-text) !important;
}

.nav-sidebar .nav-treeview{
  background-color: var(--sb-sub-bg) !important;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview{
  background-color: var(--sb-sub-bg) !important;
}

.nav-treeview > .nav-item > .nav-link{
  color: var(--nav-text) !important;
  background-color: transparent !important;
}

.nav-treeview > .nav-item > .nav-link:hover{
  background-color: var(--sb-sub-item-bg) !important;
  color: var(--nav-text) !important;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover{
  background-color: var(--sb-sub-active-bg) !important;
  color: var(--nav-text) !important;
}

.navbar-light .navbar-nav .nav-link{
  background-color: var(--sb-icon-bg) !important;
  color: var(--topbar-text) !important;
}

body:not(.sidebar-mini-md) .main-header{
  background-color: var(--topbar-bg) !important;
  color: var(--topbar-text) !important;
}

.Title_screan{
  background-color: var(--table-head) !important;
  color: var(--text) !important;
}

.BlueGreen th,
.BlueGreen_number,
.table.table-head-fixed thead tr:nth-child(1) th{
  background-color: var(--table-head) !important;
  color: var(--text) !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #fff;
    }

.form-control-wrapper {
    background-image: none !important;
    transition: none !important;
}

.form-control-wrapper:focus-within {
    box-shadow: none !important;
}

.form-control {
    transition: none !important;
}

.form-label {
    transition: none !important;
}

.form-control:focus,
.form-control:not(:placeholder-shown) {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.form-control:focus + .form-label,
.form-control:not(:placeholder-shown) + .form-label {
    top: 5% !important;
}

/* Single-token ERP aliases for selector-safe migration */
.erp-title-tile-accent { background: var(--table-head, color-mix(in srgb, var(--erp-primary) 12%, #fff 88%)) !important; color: var(--erp-text) !important; border-radius: 16px; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; min-height:44px; padding:.7rem 1rem; font-weight:800; border:1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent); }
.erp-title-tile-soft-red { background: color-mix(in srgb, #ef4444 16%, #fff 84%) !important; color: var(--erp-text) !important; border-radius: 16px; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; min-height:44px; padding:.7rem 1rem; font-weight:800; border:1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent); }
.erp-title-tile-soft-yellow { background: color-mix(in srgb, #facc15 28%, #fff 72%) !important; color: var(--erp-text) !important; border-radius: 16px; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; min-height:44px; padding:.7rem 1rem; font-weight:800; border:1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent); }
.erp-title-tile-olive { background: color-mix(in srgb, #7c8f28 68%, #fff 32%) !important; color: #fff !important; border-radius: 16px; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; min-height:44px; padding:.7rem 1rem; font-weight:800; border:1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent); }

.erp-filter-panel-center { width: min(360px, 95%); max-height: 90vh; background: var(--erp-surface); border-radius: 20px; border: 1px solid var(--erp-border); box-shadow: var(--erp-shadow-md); display:flex; flex-direction:column; }
.erp-filter-header-center,
.erp-filter-header-center-print,
.erp-filter-header-center-invoice { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:1rem 1.1rem; border-radius:20px 20px 0 0; background: var(--filter-header-bg, var(--erp-primary)) !important; color: var(--filter-header-text, #fff) !important; font-weight:800; }

.erp-receipt-80mm { width:72mm; margin:0 auto; direction:rtl; font-family:Tahoma, Arial, sans-serif; font-size:13px; line-height:1.1; }

.erp-context-menu-price,
.erp-context-menu-casher { display:none; position:fixed; background:#fff; border:1px solid var(--erp-border); border-radius:16px; z-index:1000; box-shadow:var(--erp-shadow-sm); }
.erp-context-menu-price-item,
.erp-context-menu-casher-item { padding:.55rem .8rem; cursor:pointer; }
.erp-context-menu-price-item:hover,
.erp-context-menu-casher-item:hover { background: color-mix(in srgb, var(--erp-primary) 10%, #fff 90%); }

.erp-toggle-grid-accounts,
.erp-toggle-grid-items { display:grid; gap:.75rem; }

.erp-tree-panel {
  position: relative;
  direction: rtl;
  padding: 1rem;
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--erp-border) 82%, transparent);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--erp-primary) 12%, transparent), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .97), var(--erp-surface-soft));
  box-shadow: var(--erp-shadow-soft);
  overflow: hidden;
}

.erp-tree-panel::after {
  content: "";
  position: absolute;
  inset: auto auto -34px -34px;
  width: 132px;
  height: 132px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--erp-primary) 10%, transparent);
  pointer-events: none;
}

.erp-tree-panel--items {
  --erp-tree-accent: color-mix(in srgb, var(--accent) 22%, #fff 78%);
}

.erp-tree-panel--accounts {
  --erp-tree-accent: color-mix(in srgb, var(--erp-primary) 16%, #fff 84%);
}

.erp-tree-panel__toolbar {
  position: relative;
  z-index: 1;
  align-items: center;
  row-gap: .55rem;
  margin-bottom: .95rem;
  text-align: right;
}

.erp-tree-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  justify-content: flex-start;
}

.erp-tree-panel__action-btn.btn {
  min-height: 44px;
  padding: .72rem 1rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 16%, transparent);
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), var(--erp-tree-accent, var(--erp-surface-subtle)));
  color: var(--erp-text) !important;
  font-weight: 700;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.erp-tree-panel__action-btn.btn:hover,
.erp-tree-panel__action-btn.btn:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--erp-primary) 28%, transparent);
  box-shadow: 0 14px 28px rgba(15, 23, 42, .10);
}

.erp-tree-panel__action-btn.btn i {
  color: inherit;
}

.erp-tree-panel__filter-group {
  padding-top: 0;
  margin-bottom: 0;
  text-align: right;
}

.erp-tree-panel__field-shell {
  position: relative;
  overflow: visible;
  direction: rtl;
  text-align: right;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 12%, transparent);
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), color-mix(in srgb, var(--erp-surface-subtle) 72%, #fff 28%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.erp-tree-panel__field-shell .form-control {
  min-height: 48px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.erp-tree-panel__field-shell .form-label {
  font-weight: 700;
}

.erp-tree-panel__field-shell > .select2-container,
.erp-tree-panel__field-shell > .select2-container.erp-tree-select2-container {
  display: block;
  width: 100% !important;
  max-width: 100%;
  direction: rtl;
}

.erp-tree-panel__field-shell .select2-selection--single,
.erp-tree-panel__field-shell .select2-selection--multiple {
  min-height: 48px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.erp-tree-panel__field-shell .select2-selection__rendered,
.erp-tree-select2-dropdown .select2-results__option,
.erp-tree-select2-dropdown .select2-search__field {
  direction: rtl;
  text-align: right;
}

.erp-tree-panel__field-shell .select2-selection--single .select2-selection__rendered {
  min-height: 48px;
  padding-inline: .85rem 2.4rem !important;
  line-height: 48px !important;
}

.erp-tree-panel__field-shell .select2-selection--single .select2-selection__arrow {
  inset-inline-start: .65rem;
  inset-inline-end: auto;
  height: 48px;
}

.erp-tree-panel__filters {
  flex-direction: row-reverse;
}

.erp-tree-select2-dropdown.select2-dropdown {
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  width: auto !important;
  min-width: 100% !important;
  max-width: 100% !important;
  border-radius: 16px;
  overflow: hidden;
  box-sizing: border-box;
}

.erp-tree-select2-dropdown .select2-results > .select2-results__options {
  max-height: 240px;
}

.erp-tree-panel__list {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: .45rem;
  list-style: none;
  border-radius: 20px;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 10%, transparent);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), color-mix(in srgb, var(--erp-tree-accent, var(--erp-surface-subtle)) 40%, #fff 60%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--erp-primary) 32%, #cbd5e1 68%) transparent;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}

.erp-tree-panel__list .select2-container {
  width: 100% !important;
}

.erp-tree-panel__list::-webkit-scrollbar {
  width: 10px;
}

.erp-tree-panel__list::-webkit-scrollbar-track {
  background: transparent;
}

.erp-tree-panel__list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
  background: color-mix(in srgb, var(--erp-primary) 18%, #cbd5e1 82%);
}

.erp-tree-panel__list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--erp-primary) 28%, #94a3b8 72%);
}

.erp-tree-node,
.sub-accounts_typ,
.OprAccounts_sub-accounts_typ {
  position: relative;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: .35rem .7rem;
  margin: .2rem 0;
  padding: .78rem .9rem;
  border-radius: 18px;
  border: 1px solid transparent;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), color-mix(in srgb, var(--erp-tree-accent, var(--erp-surface-subtle)) 26%, #fff 74%));
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.erp-tree-node:hover,
.erp-tree-node:focus-visible,
.sub-accounts_typ:hover,
.OprAccounts_sub-accounts_typ:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--erp-primary) 20%, transparent);
  box-shadow: 0 14px 30px rgba(15, 23, 42, .10);
}

.erp-toggle-grid-items::before,
.erp-toggle-grid-accounts::before,
.sub-accounts_typ::before,
.OprAccounts_sub-accounts_typ::before {
  content: "";
  width: .72rem;
  height: .72rem;
  display: inline-block;
  justify-self: center;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

.erp-toggle-grid-items::before,
.erp-toggle-grid-accounts::before {
  border-right: 2px solid color-mix(in srgb, var(--erp-primary) 58%, #2f3b52 42%);
  border-bottom: 2px solid color-mix(in srgb, var(--erp-primary) 58%, #2f3b52 42%);
  transform: rotate(45deg);
}

.erp-toggle-grid-items.active::before,
.erp-toggle-grid-accounts.active::before {
  transform: rotate(225deg) translate(-1px, -1px);
}

.sub-accounts_typ::before,
.OprAccounts_sub-accounts_typ::before {
  border-radius: 999px;
  background: color-mix(in srgb, var(--erp-primary) 28%, #fff 72%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--erp-primary) 10%, transparent);
}

.erp-tree-node__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.25rem;
  padding: .22rem .68rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--erp-primary) 12%, #fff 88%);
  border: 1px solid color-mix(in srgb, var(--erp-primary) 18%, transparent);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.1;
  color: color-mix(in srgb, var(--erp-primary) 48%, #162035 52%);
  direction: ltr;
}

.erp-tree-node__name {
  min-width: 0;
  font-size: .97rem;
  font-weight: 700;
  line-height: 1.45;
  color: var(--erp-text);
  text-align: right;
  word-break: break-word;
}

.erp-tree-node > .sub-accounts,
.erp-tree-node > .OprAccounts_sub-accounts,
.erp-tree-node > .erp-tree-children,
.sub-accounts_typ > .sub-accounts,
.sub-accounts_typ > .erp-tree-children,
.OprAccounts_sub-accounts_typ > .OprAccounts_sub-accounts,
.OprAccounts_sub-accounts_typ > .erp-tree-children {
  grid-column: 1 / -1;
}

.sub-accounts,
.OprAccounts_sub-accounts,
.erp-tree-children {
  list-style: none;
  margin: .52rem 0 0;
  padding: .1rem 0 0 1rem;
  border-inline-start: 1px dashed color-mix(in srgb, var(--erp-primary) 22%, transparent);
  display: none;
}

.sub-accounts .erp-tree-node,
.OprAccounts_sub-accounts .erp-tree-node,
.erp-tree-children .erp-tree-node,
.sub-accounts .sub-accounts_typ,
.OprAccounts_sub-accounts .OprAccounts_sub-accounts_typ {
  margin-inline-start: .25rem;
}

.erp-toggle-grid-items.active,
.erp-toggle-grid-accounts.active,
.sub-accounts_typ.active,
.OprAccounts_sub-accounts_typ.active,
.active_supAcounts {
  border-color: color-mix(in srgb, var(--erp-primary) 22%, transparent);
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), color-mix(in srgb, var(--erp-primary) 12%, #fff 88%));
  box-shadow: 0 16px 32px rgba(15, 23, 42, .12);
}

.erp-tree-panel__footer {
  position: relative;
  z-index: 1;
  margin-top: .95rem;
  padding-top: .95rem;
  border-top: 1px solid color-mix(in srgb, var(--erp-primary) 12%, transparent);
}

.erp-tree-panel__footer-btn.btn {
  min-width: 120px;
}

@media (max-width: 991.98px) {
  .erp-tree-panel {
    margin-bottom: 1rem;
  }

  .erp-tree-panel__actions {
    justify-content: center;
  }

  .erp-tree-panel__footer .align-content-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
  }
}

@media (max-width: 575.98px) {
  .erp-tree-panel {
    padding: .8rem;
    border-radius: 20px;
  }

  .erp-tree-panel__list {
    padding: .35rem;
  }

  .erp-tree-node,
  .sub-accounts_typ,
  .OprAccounts_sub-accounts_typ {
    padding: .72rem .75rem;
    gap: .25rem .55rem;
  }

  .erp-tree-node__code {
    min-width: 3.55rem;
    font-size: .76rem;
  }

  .erp-tree-node__name {
    font-size: .92rem;
  }
}

.erp-form-control-print { width:100%; }

.erp-filter-overlay,
.filter-overlay_center,
.erp-filter-overlay-print,
.filter-overlay_center_print,
.erp-filter-overlay-invoice,
.filter-overlay_center_InvoiceEdafat {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.erp-filter-overlay.open,
.filter-overlay_center.open,
.erp-filter-overlay-print.open,
.filter-overlay_center_print.open,
.erp-filter-overlay-invoice.open,
.filter-overlay_center_InvoiceEdafat.open {
  opacity: 1;
  visibility: visible;
}

.erp-filter-overlay.open .erp-filter-panel-center,
.erp-filter-overlay.open .filter-sidebar_center,
.filter-overlay_center.open .erp-filter-panel-center,
.filter-overlay_center.open .filter-sidebar_center,
.erp-filter-overlay-print.open .erp-filter-panel-center,
.erp-filter-overlay-print.open .filter-sidebar_center,
.filter-overlay_center_print.open .erp-filter-panel-center,
.filter-overlay_center_print.open .filter-sidebar_center,
.erp-filter-overlay-invoice.open .erp-filter-panel-center,
.erp-filter-overlay-invoice.open .filter-sidebar_center,
.filter-overlay_center_InvoiceEdafat.open .erp-filter-panel-center,
.filter-overlay_center_InvoiceEdafat.open .filter-sidebar_center {
  transform: scale(1);
  opacity: 1;
}

/* Additional global/theme rules migrated from slimmed views-inline-bundle.css */

.panel-heading {
        padding: 0px 0px;
        border-bottom: 0px solid transparent;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

tr:hover:not(.details-row){background:#f8fbff}

input {
     height: 42px;
 }

.panel-heading {
        padding: 0px 0px 0px 5px;
    }

.panel-body {
        padding: 5px;
    }

.h3 h3 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 0.0rem;
    }

.h4 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

.h5 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

button   i {
   color: #3e4b69;
      font-size: 0.875rem;
    font-weight: 500;
 
}

tr_mmm:hover {
     
         border:2px solid transparent;
      
         border-radius:14px;

        
        background:
            linear-gradient(white, white) padding-box,

            
            linear-gradient(
                to right,
                transparent 0%,
                transparent 40%,
                #74B9FF 50%,
                transparent 60%,
                transparent 100%
            ) border-box;

        background-size:200% 200%;
        animation: singleBeam_tr 10s linear infinite;
    }

input{
  border:none;outline:none;width:100%;height:100%;
  font-size:18px;font-weight:bold;text-align:center;background:transparent;color:#333;
}

html[data-theme="project"]{
  --bg-base:#F4F7FB;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#2457C5;
  --accent-base:#14B8A6;

  --topbar-bg-base:#12367B;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#0F2F6B;
  --nav-item-base:#143A84;
  --nav-hover-base:#1A4899;
  --nav-active-base:#2257AF;
  --nav-text-base:#EAF2FF;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6DFEB;
  --input-focus-bg-base:#F8FBFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="midnight"]{
  --bg-base:#F2F5FA;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#4C68B7;
  --accent-base:#0EA5A4;

  --topbar-bg-base:#1E2D4D;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#17233B;
  --nav-item-base:#1D2C48;
  --nav-hover-base:#24385B;
  --nav-active-base:#2E4A7A;
  --nav-text-base:#E7EEFF;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6DFEB;
  --input-focus-bg-base:#F7FAFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="deep_ocean"]{
  --bg-base:#F3F8FA;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#0F7490;
  --accent-base:#06B6D4;

  --topbar-bg-base:#0B2E3A;
  --topbar-text-base:#F0FAFF;

  --nav-bg-base:#0A2731;
  --nav-item-base:#103744;
  --nav-hover-base:#134555;
  --nav-active-base:#15596D;
  --nav-text-base:#D9F3FA;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D3DEE5;
  --input-focus-bg-base:#F4FBFD;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="evergreen"]{
  --bg-base:#F4F8F6;
  --card-base:#FFFFFF;
  --text-base:#10211C;

  --primary-base:#1F7A63;
  --accent-base:#2EA97D;

  --topbar-bg-base:#12382F;
  --topbar-text-base:#F5FBF8;

  --nav-bg-base:#102E27;
  --nav-item-base:#163A31;
  --nav-hover-base:#1B463B;
  --nav-active-base:#205244;
  --nav-text-base:#DCF4EC;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6E1DC;
  --input-focus-bg-base:#F4FBF8;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="royal"]{
  --bg-base:#F5F8FD;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#2459D3;
  --accent-base:#0F9D8A;

  --topbar-bg-base:#FFFFFF;
  --topbar-text-base:#0F172A;

  --nav-bg-base:#FFFFFF;
  --nav-item-base:transparent;
  --nav-hover-base:#EEF4FF;
  --nav-active-base:#E3ECFF;
  --nav-text-base:#22314B;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D8E1EE;
  --input-focus-bg-base:#F8FBFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="ember"]{
  --bg-base:#F7F5F2;
  --card-base:#FFFFFF;
  --text-base:#111827;

  --primary-base:#C97143;
  --accent-base:#3569D4;

  --topbar-bg-base:#263648;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#223243;
  --nav-item-base:#2B3D50;
  --nav-hover-base:#31465B;
  --nav-active-base:#3A5370;
  --nav-text-base:#EEF2F7;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#DDD9D3;
  --input-focus-bg-base:#FCFAF7;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="porcelain"]{
  --bg-base:#F6F8FC;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#4D67D8;
  --accent-base:#0F9F94;

  --topbar-bg-base:#102545;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#0C1E38;
  --nav-item-base:#102545;
  --nav-hover-base:#152C52;
  --nav-active-base:#1A3766;
  --nav-text-base:#E5EDFF;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D9E1EE;
  --input-focus-bg-base:#FAFCFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="sandstone"]{
  --bg-base:#F8F5EF;
  --card-base:#FFFFFF;
  --text-base:#1A2433;

  --primary-base:#8A6A45;
  --accent-base:#2563EB;

  --topbar-bg-base:#FFFFFF;
  --topbar-text-base:#1A2433;

  --nav-bg-base:#FFFFFF;
  --nav-item-base:transparent;
  --nav-hover-base:#F3ECE2;
  --nav-active-base:#EADFCC;
  --nav-text-base:#314156;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#E0D7CA;
  --input-focus-bg-base:#FCFAF6;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="graphite"]{
  --bg-base:#F4F6F9;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#2D6FB8;
  --accent-base:#14B8A6;

  --topbar-bg-base:#111827;
  --topbar-text-base:#F9FAFB;

  --nav-bg-base:#111827;
  --nav-item-base:#172033;
  --nav-hover-base:#1D2840;
  --nav-active-base:#223456;
  --nav-text-base:#E5ECF7;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6DDE8;
  --input-focus-bg-base:#F8FBFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="neon"]{
  --bg-base:#F3F9F8;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#0E8AA9;
  --accent-base:#16A34A;

  --topbar-bg-base:#0E5467;
  --topbar-text-base:#F0FDFA;

  --nav-bg-base:#F8FBFB;
  --nav-item-base:transparent;
  --nav-hover-base:#E8F7F4;
  --nav-active-base:#D9F2ED;
  --nav-text-base:#17303D;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D2E4E2;
  --input-focus-bg-base:#F7FDFC;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="sunset"]{
  --bg-base:#F9F5F1;
  --card-base:#FFFFFF;
  --text-base:#111827;

  --primary-base:#D97745;
  --accent-base:#1D77C3;

  --topbar-bg-base:#243B53;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#243B53;
  --nav-item-base:#2D4763;
  --nav-hover-base:#355271;
  --nav-active-base:#406180;
  --nav-text-base:#ECF2F9;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#E1D8D0;
  --input-focus-bg-base:#FCFAF8;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="rose"]{
  --bg-base:#FAF7FC;
  --card-base:#FFFFFF;
  --text-base:#1A2233;

  --primary-base:#8B6FB9;
  --accent-base:#14B8A6;

  --topbar-bg-base:#FFFFFF;
  --topbar-text-base:#1A2233;

  --nav-bg-base:#FFFFFF;
  --nav-item-base:transparent;
  --nav-hover-base:#F2EDFA;
  --nav-active-base:#E9E0F6;
  --nav-text-base:#344154;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#DED7EB;
  --input-focus-bg-base:#FCFAFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="custom"]{
  /* Bridge: اجعل *-base موجودة في custom */
  --bg-base:        var(--custom-bg,        #F4F7FB);
  --card-base:      var(--custom-card,      #FFFFFF);
  --text-base:      var(--custom-text,      #0F172A);

  --primary-base:   var(--custom-primary,   #2457C5);
  --accent-base:    var(--custom-accent,    #14B8A6);

  --topbar-bg-base:   var(--custom-topbar-bg,   #12367B);
  --topbar-text-base: var(--custom-topbar-text, #F8FAFC);

  --nav-bg-base:     var(--custom-nav-bg,     #0F2F6B);
  --nav-item-base:   var(--custom-nav-item,   #143A84);
  --nav-hover-base:  var(--custom-nav-hover,  #1A4899);
  --nav-active-base: var(--custom-nav-active, #2257AF);
  --nav-text-base:   var(--custom-nav-text,   #EAF2FF);

  --input-bg-base:       var(--custom-input-bg,       #FFFFFF);
  --input-text-base:     var(--custom-input-text,     #0F172A);
  --input-border-base:   var(--custom-input-border,   #D6DFEB);
  --input-focus-bg-base: var(--custom-input-focus-bg, #F8FBFF);

  --table-bg-base:    var(--custom-table-bg,    #F4F7FB);
  --table-head-base:  var(--custom-table-head,  #EAF0FB);
  --table-row-base:   var(--custom-table-row,   #FFFFFF);
  --table-hover-base: var(--custom-table-hover, #F5F8FE);
}

html[data-theme="project"]{
  --bg-base:#F4F7FB;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#2457C5;
  --accent-base:#14B8A6;

  --topbar-bg-base:#12367B;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#0F2F6B;
  --nav-item-base:#143A84;
  --nav-hover-base:#1A4899;
  --nav-active-base:#2257AF;
  --nav-text-base:#EAF2FF;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6DFEB;
  --input-focus-bg-base:#F8FBFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="midnight"]{
  --bg-base:#F2F5FA;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#4C68B7;
  --accent-base:#0EA5A4;

  --topbar-bg-base:#1E2D4D;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#17233B;
  --nav-item-base:#1D2C48;
  --nav-hover-base:#24385B;
  --nav-active-base:#2E4A7A;
  --nav-text-base:#E7EEFF;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6DFEB;
  --input-focus-bg-base:#F7FAFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="deep_ocean"]{
  --bg-base:#F3F8FA;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#0F7490;
  --accent-base:#06B6D4;

  --topbar-bg-base:#0B2E3A;
  --topbar-text-base:#F0FAFF;

  --nav-bg-base:#0A2731;
  --nav-item-base:#103744;
  --nav-hover-base:#134555;
  --nav-active-base:#15596D;
  --nav-text-base:#D9F3FA;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D3DEE5;
  --input-focus-bg-base:#F4FBFD;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="evergreen"]{
  --bg-base:#F4F8F6;
  --card-base:#FFFFFF;
  --text-base:#10211C;

  --primary-base:#1F7A63;
  --accent-base:#2EA97D;

  --topbar-bg-base:#12382F;
  --topbar-text-base:#F5FBF8;

  --nav-bg-base:#102E27;
  --nav-item-base:#163A31;
  --nav-hover-base:#1B463B;
  --nav-active-base:#205244;
  --nav-text-base:#DCF4EC;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6E1DC;
  --input-focus-bg-base:#F4FBF8;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="royal"]{
  --bg-base:#F5F8FD;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#2459D3;
  --accent-base:#0F9D8A;

  --topbar-bg-base:#FFFFFF;
  --topbar-text-base:#0F172A;

  --nav-bg-base:#FFFFFF;
  --nav-item-base:transparent;
  --nav-hover-base:#EEF4FF;
  --nav-active-base:#E3ECFF;
  --nav-text-base:#22314B;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D8E1EE;
  --input-focus-bg-base:#F8FBFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="ember"]{
  --bg-base:#F7F5F2;
  --card-base:#FFFFFF;
  --text-base:#111827;

  --primary-base:#C97143;
  --accent-base:#3569D4;

  --topbar-bg-base:#263648;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#223243;
  --nav-item-base:#2B3D50;
  --nav-hover-base:#31465B;
  --nav-active-base:#3A5370;
  --nav-text-base:#EEF2F7;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#DDD9D3;
  --input-focus-bg-base:#FCFAF7;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="porcelain"]{
  --bg-base:#F6F8FC;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#4D67D8;
  --accent-base:#0F9F94;

  --topbar-bg-base:#102545;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#0C1E38;
  --nav-item-base:#102545;
  --nav-hover-base:#152C52;
  --nav-active-base:#1A3766;
  --nav-text-base:#E5EDFF;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D9E1EE;
  --input-focus-bg-base:#FAFCFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="sandstone"]{
  --bg-base:#F8F5EF;
  --card-base:#FFFFFF;
  --text-base:#1A2433;

  --primary-base:#8A6A45;
  --accent-base:#2563EB;

  --topbar-bg-base:#FFFFFF;
  --topbar-text-base:#1A2433;

  --nav-bg-base:#FFFFFF;
  --nav-item-base:transparent;
  --nav-hover-base:#F3ECE2;
  --nav-active-base:#EADFCC;
  --nav-text-base:#314156;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#E0D7CA;
  --input-focus-bg-base:#FCFAF6;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="graphite"]{
  --bg-base:#F4F6F9;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#2D6FB8;
  --accent-base:#14B8A6;

  --topbar-bg-base:#111827;
  --topbar-text-base:#F9FAFB;

  --nav-bg-base:#111827;
  --nav-item-base:#172033;
  --nav-hover-base:#1D2840;
  --nav-active-base:#223456;
  --nav-text-base:#E5ECF7;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D6DDE8;
  --input-focus-bg-base:#F8FBFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="neon"]{
  --bg-base:#F3F9F8;
  --card-base:#FFFFFF;
  --text-base:#0F172A;

  --primary-base:#0E8AA9;
  --accent-base:#16A34A;

  --topbar-bg-base:#0E5467;
  --topbar-text-base:#F0FDFA;

  --nav-bg-base:#F8FBFB;
  --nav-item-base:transparent;
  --nav-hover-base:#E8F7F4;
  --nav-active-base:#D9F2ED;
  --nav-text-base:#17303D;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#D2E4E2;
  --input-focus-bg-base:#F7FDFC;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="sunset"]{
  --bg-base:#F9F5F1;
  --card-base:#FFFFFF;
  --text-base:#111827;

  --primary-base:#D97745;
  --accent-base:#1D77C3;

  --topbar-bg-base:#243B53;
  --topbar-text-base:#F8FAFC;

  --nav-bg-base:#243B53;
  --nav-item-base:#2D4763;
  --nav-hover-base:#355271;
  --nav-active-base:#406180;
  --nav-text-base:#ECF2F9;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#E1D8D0;
  --input-focus-bg-base:#FCFAF8;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme="rose"]{
  --bg-base:#FAF7FC;
  --card-base:#FFFFFF;
  --text-base:#1A2233;

  --primary-base:#8B6FB9;
  --accent-base:#14B8A6;

  --topbar-bg-base:#FFFFFF;
  --topbar-text-base:#1A2233;

  --nav-bg-base:#FFFFFF;
  --nav-item-base:transparent;
  --nav-hover-base:#F2EDFA;
  --nav-active-base:#E9E0F6;
  --nav-text-base:#344154;

  --input-bg-base:#FFFFFF;
  --input-text-base:var(--text-base);
  --input-border-base:#DED7EB;
  --input-focus-bg-base:#FCFAFF;

  --table-bg-base:var(--bg-base);
  --table-row-base:var(--card-base);
  --table-head-base:color-mix(in oklab, var(--primary-base) 11%, white 89%);
  --table-hover-base:color-mix(in oklab, var(--primary-base) 7%, white 93%);

  --table-head:var(--table-head-base);
  --custom-table-head:var(--table-head-base);
  --bluegreen-head-bg:var(--table-head-base);
  --bluegreen-head-text:var(--text-base);
  --bluegreen-border:color-mix(in oklab, var(--primary-base) 30%, transparent);

  --bg-selected:color-mix(in oklab, var(--primary-base) 14%, white 86%);
  --bg-row-even:var(--card-base);
  --bg-row-hover:var(--table-hover-base);

  --opr-head-bg-base:var(--table-head-base);
  --opr-number-bg-base:color-mix(in oklab, var(--primary-base) 18%, white 82%);
  --entag-head-bg-base:color-mix(in oklab, var(--primary-base) 70%, #0F172A 30%);

  --custom-bg:var(--bg-base);
  --custom-card:var(--card-base);
  --custom-text:var(--text-base);

  --custom-primary:var(--primary-base);
  --custom-accent:var(--accent-base);

  --custom-topbar-bg:var(--topbar-bg-base);
  --custom-topbar-text:var(--topbar-text-base);

  --custom-nav-bg:var(--nav-bg-base);
  --custom-nav-item:var(--nav-item-base);
  --custom-nav-hover:var(--nav-hover-base);
  --custom-nav-active:var(--nav-active-base);
  --custom-nav-text:var(--nav-text-base);
}

html[data-theme]{
  
  --input-bg-base: color-mix(in oklab, white 96%, var(--primary-base) 4%);
  --input-focus-bg-base: color-mix(in oklab, white 90%, var(--primary-base) 10%);

  
  --input-text-base: #0B1220;
  --input-placeholder: color-mix(in oklab, #0B1220 55%, transparent);
  --input-border-base: color-mix(in oklab, var(--primary-base) 22%, transparent);
}

.h2, h2 {
    font-size: 1rem;
}

img {
    vertical-align: middle;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
     display: block;
}

menu, ol, ul {
    
    margin: 0;
    padding: 0;
      
}

.main-footer {
    background: #2f3d59;
    border-top: 1px solid #dee2e6;
    color: #ffffff;
    padding: 1rem;
}

.main-footer{
  background-color: var(--footer-bg) !important;
  color: var(--nav-text) !important;
}



/* =========================================================
   ERP site.css consolidation layer
   Migrated from site.css to avoid duplicated runtime control.
   Notes:
   - Bootstrap width definitions for col-sm/col-md were intentionally
     NOT migrated because they duplicated/conflicted with Bootstrap.
   - ERP keeps only spacing, form, modal, DataTables and utility
     overrides that are still referenced by the project.
========================================================= */

.erp-app .not-bold { font-weight: 400 !important; }

.erp-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.blank-login-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.config-login-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
  text-align: center;
  color: var(--erp-text);
}

.erp-app .form-group,
.blank-login-body .form-group,
.config-login-body .form-group {
  margin-bottom: .2rem;
}

.erp-app .form-control,
.erp-app textarea.form-control,
.erp-app select.form-control,
.blank-login-body .form-control,
.blank-login-body textarea.form-control,
.blank-login-body select.form-control,
.config-login-body .form-control,
.config-login-body textarea.form-control,
.config-login-body select.form-control {
  color: var(--input-text, var(--erp-text));
  background-color: var(--input-bg, color-mix(in srgb, var(--erp-surface) 94%, white 6%));
  font-size: .82rem;
  font-weight: 800;
}

.erp-app .form-control-wrapper,
.erp-app .form-control-wrapper_grope,
.blank-login-body .form-control-wrapper,
.blank-login-body .form-control-wrapper_grope,
.config-login-body .form-control-wrapper,
.config-login-body .form-control-wrapper_grope {
  --erp-field-accent: var(--erp-primary);
  position: relative;
  width: 100%;
  min-height: 54px;
  padding: .16rem .8rem .12rem;
  border: 1px solid color-mix(in srgb, var(--erp-field-accent) 28%, #d7e2ef 72%);
  border-radius: 16px;
  background: var(--input-bg, color-mix(in srgb, var(--erp-surface) 94%, white 6%));
  transition: border-color var(--erp-transition), box-shadow var(--erp-transition), background-color var(--erp-transition);
}

.erp-app .form-control-wrapper_grope,
.blank-login-body .form-control-wrapper_grope,
.config-login-body .form-control-wrapper_grope {
  --erp-field-accent: var(--erp-accent);
}

.erp-app .form-control-wrapper:focus-within,
.erp-app .form-control-wrapper_grope:focus-within,
.blank-login-body .form-control-wrapper:focus-within,
.blank-login-body .form-control-wrapper_grope:focus-within,
.config-login-body .form-control-wrapper:focus-within,
.config-login-body .form-control-wrapper_grope:focus-within {
  border-color: color-mix(in srgb, var(--erp-field-accent) 54%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--erp-field-accent) 15%, transparent);
}

.erp-app .form-control-wrapper .form-control,
.erp-app .form-control-wrapper_grope .form-control,
.erp-app .form-control-wrapper .form-control_mycustom,
.erp-app .form-control-wrapper_grope .form-control_mycustom,
.erp-app .form-control-wrapper textarea.form-control,
.erp-app .form-control-wrapper_grope textarea.form-control,
.erp-app .form-control-wrapper select.form-control,
.erp-app .form-control-wrapper_grope select.form-control,
.blank-login-body .form-control-wrapper .form-control,
.blank-login-body .form-control-wrapper_grope .form-control,
.blank-login-body .form-control-wrapper textarea.form-control,
.blank-login-body .form-control-wrapper_grope textarea.form-control,
.blank-login-body .form-control-wrapper select.form-control,
.blank-login-body .form-control-wrapper_grope select.form-control,
.config-login-body .form-control-wrapper .form-control,
.config-login-body .form-control-wrapper_grope .form-control,
.config-login-body .form-control-wrapper textarea.form-control,
.config-login-body .form-control-wrapper_grope textarea.form-control,
.config-login-body .form-control-wrapper select.form-control,
.config-login-body .form-control-wrapper_grope select.form-control {
  min-height: 44px;
  padding: 1.2rem 0 .3rem;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .82rem;
  font-weight: 800;
}

.erp-app .form-control:focus,
.erp-app .form-control:not(:placeholder-shown),
.blank-login-body .form-control:focus,
.blank-login-body .form-control:not(:placeholder-shown),
.config-login-body .form-control:focus,
.config-login-body .form-control:not(:placeholder-shown) {
  padding-top: 1.2rem;
  padding-bottom: .45rem;
}

.erp-app .form-label,
.blank-login-body .form-label,
.config-login-body .form-label {
  position: absolute;
  top: 50%;
  inset-inline-start: .95rem;
  inset-inline-end: .95rem;
  transform: translateY(-50%);
  margin: 0;
  font-size: .76rem;
  font-weight: 800;
  color: var(--erp-text-muted);
  pointer-events: none;
  transition: top var(--erp-transition), transform var(--erp-transition), font-size var(--erp-transition), color var(--erp-transition);
}

.erp-app .form-control:focus + .form-label,
.erp-app .form-control:not(:placeholder-shown) + .form-label,
.blank-login-body .form-control:focus + .form-label,
.blank-login-body .form-control:not(:placeholder-shown) + .form-label,
.config-login-body .form-control:focus + .form-label,
.config-login-body .form-control:not(:placeholder-shown) + .form-label {
  top: .78rem;
  transform: none;
  font-size: .69rem;
  color: var(--erp-primary);
}

.erp-app .form_my_font,
.blank-login-body .form_my_font,
.config-login-body .form_my_font {
  font-size: 1rem !important;
  font-weight: 800;
  color: color-mix(in srgb, var(--erp-danger) 78%, var(--erp-text) 22%);
}

.erp-app .form_my_font_ersal,
.blank-login-body .form_my_font_ersal,
.config-login-body .form_my_font_ersal {
  font-size: 1.1rem !important;
  font-weight: 900;
  color: var(--erp-text);
  padding-bottom: 12px;
}

.erp-app .was-validated .form-control:invalid,
.erp-app .form-control.is-invalid,
.blank-login-body .was-validated .form-control:invalid,
.blank-login-body .form-control.is-invalid,
.config-login-body .was-validated .form-control:invalid,
.config-login-body .form-control.is-invalid {
  border-color: color-mix(in srgb, var(--erp-danger) 70%, transparent);
  background-color: color-mix(in srgb, var(--erp-danger) 8%, #fff 92%);
  background-image: none;
}

.erp-app .was-validated .form-control.is-Noinvalid,
.erp-app .form-control.is-Noinvalid,
.blank-login-body .was-validated .form-control.is-Noinvalid,
.blank-login-body .form-control.is-Noinvalid,
.config-login-body .was-validated .form-control.is-Noinvalid,
.config-login-body .form-control.is-Noinvalid {
  background-color: color-mix(in srgb, var(--erp-success) 10%, #fff 90%);
  background-image: none;
}

.erp-app .form-control:disabled,
.erp-app .form-control[readonly],
.blank-login-body .form-control:disabled,
.blank-login-body .form-control[readonly],
.config-login-body .form-control:disabled,
.config-login-body .form-control[readonly] {
  background-color: color-mix(in srgb, var(--erp-primary) 6%, #eef5fb 94%) !important;
  opacity: 1;
}

.erp-app .select2-container--default .select2-selection--single,
.blank-login-body .select2-container--default .select2-selection--single,
.config-login-body .select2-container--default .select2-selection--single {
  min-height: 44px;
}

.erp-app .select2-container--default .select2-selection--single .select2-selection__rendered,
.blank-login-body .select2-container--default .select2-selection--single .select2-selection__rendered,
.config-login-body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--input-text, var(--erp-text)) !important;
  font-size: .95rem;
  font-weight: 800;
  text-align: center;
  line-height: 30px;
}

.erp-app .select2-container--default.select2-container--disabled .select2-selection--single,
.blank-login-body .select2-container--default.select2-container--disabled .select2-selection--single,
.config-login-body .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: color-mix(in srgb, var(--erp-primary) 6%, #eef5fb 94%) !important;
  cursor: default;
}

.erp-app .modal-lg,
.erp-app .modal-xl,
.blank-login-body .modal-lg,
.blank-login-body .modal-xl,
.config-login-body .modal-lg,
.config-login-body .modal-xl {
  max-width: min(80vw, 1400px);
}

.erp-app .Filter_Rebort,
.blank-login-body .Filter_Rebort,
.config-login-body .Filter_Rebort {
  background-color: color-mix(in srgb, var(--erp-primary) 42%, #fff 58%);
}

.erp-app .Colse_menu,
.blank-login-body .Colse_menu,
.config-login-body .Colse_menu {
  background: color-mix(in srgb, var(--erp-danger) 68%, #fff 32%);
  color: #fff;
}

.erp-app .table_custom th,
.erp-app .table_custom td,
.blank-login-body .table_custom th,
.blank-login-body .table_custom td,
.config-login-body .table_custom th,
.config-login-body .table_custom td {
  padding: .1rem .4rem;
  text-align: center;
}

.erp-app .table_custom.table-head-fixed thead tr:nth-child(1) th,
.blank-login-body .table_custom.table-head-fixed thead tr:nth-child(1) th,
.config-login-body .table_custom.table-head-fixed thead tr:nth-child(1) th {
  background: var(--table-head, color-mix(in srgb, var(--erp-primary) 12%, white 88%)) !important;
  color: var(--erp-text) !important;
}

.erp-app .page-link,
.blank-login-body .page-link,
.config-login-body .page-link {
  color: var(--erp-text);
  background-color: color-mix(in srgb, var(--erp-primary) 18%, white 82%);
  border-color: color-mix(in srgb, var(--erp-primary) 14%, transparent);
}

.erp-app .pagination > .active > a,
.erp-app .pagination > .active > a:focus,
.erp-app .pagination > .active > a:hover,
.erp-app .pagination > .active > span,
.erp-app .pagination > .active > span:focus,
.erp-app .pagination > .active > span:hover,
.erp-app .page-item.active .page-link,
.blank-login-body .pagination > .active > a,
.blank-login-body .pagination > .active > a:focus,
.blank-login-body .pagination > .active > a:hover,
.blank-login-body .pagination > .active > span,
.blank-login-body .pagination > .active > span:focus,
.blank-login-body .pagination > .active > span:hover,
.blank-login-body .page-item.active .page-link,
.config-login-body .pagination > .active > a,
.config-login-body .pagination > .active > a:focus,
.config-login-body .pagination > .active > a:hover,
.config-login-body .pagination > .active > span,
.config-login-body .pagination > .active > span:focus,
.config-login-body .pagination > .active > span:hover,
.config-login-body .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--erp-primary) !important;
  border-color: transparent !important;
}

.erp-app div.dataTables_wrapper div.dataTables_filter input,
.erp-app .dataTables_filter input,
.blank-login-body div.dataTables_wrapper div.dataTables_filter input,
.blank-login-body .dataTables_filter input,
.config-login-body div.dataTables_wrapper div.dataTables_filter input,
.config-login-body .dataTables_filter input {
  margin-inline-start: .5em;
  display: inline-block;
  width: min(100%, 16rem);
  background-color: color-mix(in srgb, var(--erp-surface) 88%, var(--erp-primary) 12%);
  border: 1px solid color-mix(in srgb, var(--erp-primary) 34%, transparent);
  border-radius: 12px;
  padding: .45rem .7rem;
}

.erp-app div.dataTables_wrapper div.dataTables_filter input:focus,
.erp-app .dataTables_filter input:focus,
.blank-login-body div.dataTables_wrapper div.dataTables_filter input:focus,
.blank-login-body .dataTables_filter input:focus,
.config-login-body div.dataTables_wrapper div.dataTables_filter input:focus,
.config-login-body .dataTables_filter input:focus {
  border-color: color-mix(in srgb, var(--erp-primary) 58%, transparent);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--erp-primary) 16%, transparent);
}

.erp-app div.dataTables_wrapper div.dataTables_info,
.blank-login-body div.dataTables_wrapper div.dataTables_info,
.config-login-body div.dataTables_wrapper div.dataTables_info {
  padding-top: 0;
  white-space: nowrap;
  color: color-mix(in srgb, var(--erp-danger) 68%, var(--erp-text) 32%);
  font-size: .95rem;
  font-weight: 800;
}

.erp-app .dt-button,
.erp-app a.dt-button,
.erp-app button.dt-button,
.erp-app div.dt-button,
.blank-login-body .dt-button,
.blank-login-body a.dt-button,
.blank-login-body button.dt-button,
.blank-login-body div.dt-button,
.config-login-body .dt-button,
.config-login-body a.dt-button,
.config-login-body button.dt-button,
.config-login-body div.dt-button {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--erp-primary) 34%, transparent);
  background-image: none;
}

.erp-app .sidebar_search,
.blank-login-body .sidebar_search,
.config-login-body .sidebar_search {
  position: fixed;
  top: 0;
  height: 100%;
  overflow-y: auto;
  background: color-mix(in srgb, var(--erp-surface) 92%, white 8%);
  box-shadow: var(--erp-shadow-sm);
}

@media (max-width: 1024px) {
  .erp-app .form-control,
  .erp-app textarea.form-control,
  .erp-app select.form-control,
  .blank-login-body .form-control,
  .blank-login-body textarea.form-control,
  .blank-login-body select.form-control,
  .config-login-body .form-control,
  .config-login-body textarea.form-control,
  .config-login-body select.form-control {
    font-size: .78rem;
    font-weight: 700;
  }
  
  .erp-app .form-label,
  .blank-login-body .form-label,
  .config-login-body .form-label {
    font-size: .72rem;
  }
}

@media (max-width: 767px) {
  .erp-app .col-1, .erp-app .col-2, .erp-app .col-3, .erp-app .col-4, .erp-app .col-5, .erp-app .col-6,
  .erp-app .col-7, .erp-app .col-8, .erp-app .col-9, .erp-app .col-10, .erp-app .col-11, .erp-app .col-12,
  .erp-app .col, .erp-app .col-auto, .erp-app .col-sm-1, .erp-app .col-sm-2, .erp-app .col-sm-3, .erp-app .col-sm-4,
  .erp-app .col-sm-5, .erp-app .col-sm-6, .erp-app .col-sm-7, .erp-app .col-sm-8, .erp-app .col-sm-9, .erp-app .col-sm-10,
  .erp-app .col-sm-11, .erp-app .col-sm-12, .erp-app .col-md-1, .erp-app .col-md-2, .erp-app .col-md-3, .erp-app .col-md-4,
  .erp-app .col-md-5, .erp-app .col-md-6, .erp-app .col-md-7, .erp-app .col-md-8, .erp-app .col-md-9, .erp-app .col-md-10,
  .erp-app .col-md-11, .erp-app .col-md-12 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .erp-app .sidebar_search,
  .blank-login-body .sidebar_search,
  .config-login-body .sidebar_search {
    width: 95% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .erp-app .col-1, .erp-app .col-2, .erp-app .col-3, .erp-app .col-4, .erp-app .col-5, .erp-app .col-6,
  .erp-app .col-7, .erp-app .col-8, .erp-app .col-9, .erp-app .col-10, .erp-app .col-11, .erp-app .col-12,
  .erp-app .col, .erp-app .col-auto, .erp-app .col-sm-1, .erp-app .col-sm-2, .erp-app .col-sm-3, .erp-app .col-sm-4,
  .erp-app .col-sm-5, .erp-app .col-sm-6, .erp-app .col-sm-7, .erp-app .col-sm-8, .erp-app .col-sm-9, .erp-app .col-sm-10,
  .erp-app .col-sm-11, .erp-app .col-sm-12, .erp-app .col-md-1, .erp-app .col-md-2, .erp-app .col-md-3, .erp-app .col-md-4,
  .erp-app .col-md-5, .erp-app .col-md-6, .erp-app .col-md-7, .erp-app .col-md-8, .erp-app .col-md-9, .erp-app .col-md-10,
  .erp-app .col-md-11, .erp-app .col-md-12 {
    padding-left: 1.5px;
    padding-right: 1.5px;
  }

  .erp-app .sidebar_search,
  .blank-login-body .sidebar_search,
  .config-login-body .sidebar_search {
    width: 60% !important;
  }
}

@media (min-width: 1025px) {
  .erp-app .sidebar_search,
  .blank-login-body .sidebar_search,
  .config-login-body .sidebar_search {
    width: 40% !important;
  }
}


/* ===== ERP HARDENING CLEANUP | Phase 5 ===== */

.erp-app .form-control-wrapper,
.erp-app .form-control-wrapper_grope,
.erp-app .erp-field-shell,
.blank-login-body .form-control-wrapper,
.blank-login-body .form-control-wrapper_grope,
.blank-login-body .erp-field-shell,
.config-login-body .form-control-wrapper,
.config-login-body .form-control-wrapper_grope,
.config-login-body .erp-field-shell {
  background-image: none !important;
  min-height: auto !important;
}

.erp-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
.erp-app select,
.erp-app textarea,
.blank-login-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
.blank-login-body select,
.blank-login-body textarea,
.config-login-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
.config-login-body select,
.config-login-body textarea {
  height: auto !important;
  max-height: none !important;
  min-height: 44px !important;
  line-height: 1.35 !important;
  font-size: .95rem !important;
}

.erp-app textarea,
.blank-login-body textarea,
.config-login-body textarea {
  min-height: 96px !important;
  resize: vertical;
}

.erp-app .erp-field-shell .form-control,
.erp-app .erp-field-shell .form-control_mycustom,
.erp-app .erp-field-shell textarea.form-control,
.erp-app .erp-field-shell select.form-control,
.blank-login-body .erp-field-shell .form-control,
.blank-login-body .erp-field-shell textarea.form-control,
.blank-login-body .erp-field-shell select.form-control,
.config-login-body .erp-field-shell .form-control,
.config-login-body .erp-field-shell textarea.form-control,
.config-login-body .erp-field-shell select.form-control,
.erp-app .form-control-wrapper .form-control,
.erp-app .form-control-wrapper_grope .form-control,
.erp-app .form-control-wrapper textarea.form-control,
.erp-app .form-control-wrapper_grope textarea.form-control,
.erp-app .form-control-wrapper select.form-control,
.erp-app .form-control-wrapper_grope select.form-control,
.blank-login-body .form-control-wrapper .form-control,
.blank-login-body .form-control-wrapper_grope .form-control,
.blank-login-body .form-control-wrapper textarea.form-control,
.blank-login-body .form-control-wrapper_grope textarea.form-control,
.blank-login-body .form-control-wrapper select.form-control,
.blank-login-body .form-control-wrapper_grope select.form-control,
.config-login-body .form-control-wrapper .form-control,
.config-login-body .form-control-wrapper_grope .form-control,
.config-login-body .form-control-wrapper textarea.form-control,
.config-login-body .form-control-wrapper_grope textarea.form-control,
.config-login-body .form-control-wrapper select.form-control,
.config-login-body .form-control-wrapper_grope select.form-control {
  padding: .82rem .9rem !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
}

.erp-app .erp-field-shell .form-label,
.erp-app .form-control-wrapper .form-label,
.erp-app .form-control-wrapper_grope .form-label,
.blank-login-body .erp-field-shell .form-label,
.blank-login-body .form-control-wrapper .form-label,
.blank-login-body .form-control-wrapper_grope .form-label,
.config-login-body .erp-field-shell .form-label,
.config-login-body .form-control-wrapper .form-label,
.config-login-body .form-control-wrapper_grope .form-label {
  transition: none !important;
}

.erp-app .btn,
.erp-app button,
.erp-app input,
.erp-app select,
.erp-app textarea,
.erp-app .btn i,
.erp-app button i,
.erp-app .fa,
.erp-app .fas,
.erp-app .far,
.erp-app .fab,
.erp-app .fal,
.blank-login-body .btn,
.blank-login-body button,
.blank-login-body input,
.blank-login-body select,
.blank-login-body textarea,
.blank-login-body .btn i,
.blank-login-body button i,
.blank-login-body .fa,
.blank-login-body .fas,
.blank-login-body .far,
.blank-login-body .fab,
.blank-login-body .fal,
.config-login-body .btn,
.config-login-body button,
.config-login-body input,
.config-login-body select,
.config-login-body textarea,
.config-login-body .btn i,
.config-login-body button i,
.config-login-body .fa,
.config-login-body .fas,
.config-login-body .far,
.config-login-body .fab,
.config-login-body .fal {
  transition: none !important;
  animation: none !important;
}

.erp-app .btn,
.erp-app button,
.blank-login-body .btn,
.blank-login-body button,
.config-login-body .btn,
.config-login-body button {
  transform: none !important;
}

.erp-app .select2-container .select2-selection--single,
.blank-login-body .select2-container .select2-selection--single,
.config-login-body .select2-container .select2-selection--single {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
}

.erp-app .select2-container--default .select2-selection--single .select2-selection__rendered,
.blank-login-body .select2-container--default .select2-selection--single .select2-selection__rendered,
.config-login-body .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px !important;
  padding-right: .9rem !important;
  padding-left: .9rem !important;
}

.erp-app .select2-container--default .select2-selection--single .select2-selection__arrow,
.blank-login-body .select2-container--default .select2-selection--single .select2-selection__arrow,
.config-login-body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
}

html[dir='rtl'] body.erp-modern-v2.erp-screen-accounts #OprAccounts__OprTree_view select.form-control:not(.select2-hidden-accessible),
html[dir='rtl'] body.erp-modern-v2.erp-screen-items #OprItems__OprTree_view select.form-control:not(.select2-hidden-accessible) {
  direction: rtl !important;
  text-align: right !important;
}

html[dir='rtl'] body.erp-modern-v2.erp-screen-accounts #OprAccounts__OprTree_view .select2-container,
html[dir='rtl'] body.erp-modern-v2.erp-screen-items #OprItems__OprTree_view .select2-container {
  direction: rtl !important;
}

html[dir='rtl'] body.erp-modern-v2.erp-screen-accounts #OprAccounts__OprTree_view .select2-container--default .select2-selection--single .select2-selection__rendered,
html[dir='rtl'] body.erp-modern-v2.erp-screen-items #OprItems__OprTree_view .select2-container--default .select2-selection--single .select2-selection__rendered {
  direction: rtl !important;
  text-align: right !important;
  padding-right: 12px !important;
  padding-left: 36px !important;
}

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

html[dir='rtl'] body.erp-modern-v2.erp-screen-accounts #OprAccounts__OprTree_view .select2-container--open .select2-dropdown,
html[dir='rtl'] body.erp-modern-v2.erp-screen-accounts #OprAccounts__OprTree_view .select2-container--open .select2-results__option,
html[dir='rtl'] body.erp-modern-v2.erp-screen-accounts #OprAccounts__OprTree_view .select2-container--open .select2-search__field,
html[dir='rtl'] body.erp-modern-v2.erp-screen-items #OprItems__OprTree_view .select2-container--open .select2-dropdown,
html[dir='rtl'] body.erp-modern-v2.erp-screen-items #OprItems__OprTree_view .select2-container--open .select2-results__option,
html[dir='rtl'] body.erp-modern-v2.erp-screen-items #OprItems__OprTree_view .select2-container--open .select2-search__field {
  direction: rtl !important;
  text-align: right !important;
}

body.erp-modern-v2 .erp-form-select2-container {
  width: 100% !important;
}

body.erp-modern-v2 .erp-form-select2-container .select2-selection--single {
  min-height: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(104, 164, 239, .42) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 4px 12px rgba(31, 86, 163, .08) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body.erp-modern-v2 .erp-form-select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 42px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body.erp-modern-v2 .erp-form-select2-container .select2-selection--single .select2-selection__arrow {
  width: 30px !important;
  height: 42px !important;
}

body.erp-modern-v2 .erp-form-select2-container.select2-container--open .select2-selection--single,
body.erp-modern-v2 .erp-form-select2-container.select2-container--focus .select2-selection--single {
  border-color: rgba(44, 129, 243, .68) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 252, 255, .98)) !important;
  box-shadow: 0 0 0 4px rgba(44, 129, 243, .13), 0 16px 30px rgba(17, 78, 160, .14) !important;
}

body.erp-modern-v2 .erp-form-select2-popover {
  overflow: visible !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-dropdown {
  border: 1px solid rgba(93, 148, 224, .28) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .995), rgba(247, 251, 255, .985)) !important;
  box-shadow: 0 20px 48px rgba(16, 69, 143, .18) !important;
  overflow: hidden !important;
}

body.erp-modern-v2 .erp-form-select2-popover.select2-container--below .select2-dropdown {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

body.erp-modern-v2 .erp-form-select2-popover.select2-container--above .select2-dropdown {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-search--dropdown {
  padding: .6rem .65rem .4rem !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(120, 171, 236, .18) !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-search--dropdown .select2-search__field {
  min-height: 40px !important;
  border: 1px solid rgba(120, 171, 236, .34) !important;
  border-radius: 12px !important;
  background: rgba(244, 249, 255, .96) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-results > .select2-results__options,
body.erp-modern-v2 .erp-form-select2-popover .select2-results__options {
  max-height: min(300px, 40vh) !important;
  padding: .5rem !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-results__option {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 0 4px !important;
  padding: 0 .95rem !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #20324c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-results__option:last-child {
  margin-bottom: 0 !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-container--default .select2-results__option--highlighted[aria-selected],
body.erp-modern-v2 .erp-form-select2-popover .select2-container--default .select2-results__option--highlighted[data-selected] {
  background: linear-gradient(180deg, rgba(223, 238, 255, .95), rgba(214, 233, 255, .98)) !important;
  color: #0f58b8 !important;
}

body.erp-modern-v2 .erp-form-select2-popover .select2-container--default .select2-results__option[aria-selected='true'],
body.erp-modern-v2 .erp-form-select2-popover .select2-container--default .select2-results__option[data-selected='true'] {
  background: linear-gradient(180deg, rgba(231, 242, 255, .96), rgba(221, 237, 255, .98)) !important;
  color: #154a90 !important;
}

.erp-app .modal,
.blank-login-body .modal,
.config-login-body .modal,
.erp-app .modal_search,
.blank-login-body .modal_search,
.config-login-body .modal_search {
  padding: 1rem !important;
  z-index: 2050 !important;
}

.erp-app .modal-dialog,
.blank-login-body .modal-dialog,
.config-login-body .modal-dialog {
  margin: 1rem auto !important;
  max-width: min(900px, calc(100vw - 2rem)) !important;
  transform: none !important;
  transition: none !important;
}

.erp-app .modal-content,
.blank-login-body .modal-content,
.config-login-body .modal-content {
  border-radius: 20px !important;
  border: 1px solid var(--erp-border) !important;
  box-shadow: var(--erp-shadow-md) !important;
  overflow: hidden;
}

.erp-app .modal-header,
.blank-login-body .modal-header,
.config-login-body .modal-header {
  align-items: center;
  border-bottom: 1px solid var(--erp-border) !important;
  background: color-mix(in srgb, var(--erp-primary) 10%, #fff 90%);
}

.erp-app .modal-footer,
.blank-login-body .modal-footer,
.config-login-body .modal-footer {
  border-top: 1px solid var(--erp-border) !important;
  background: color-mix(in srgb, var(--erp-primary) 3%, #fff 97%);
}

.erp-app .modal-body,
.blank-login-body .modal-body,
.config-login-body .modal-body {
  max-height: calc(100vh - 180px);
  overflow: auto;
}

.modal-backdrop {
  background-color: rgba(15, 23, 42, .45) !important;
}

.modal-backdrop.show {
  opacity: 1 !important;
}

.erp-filter-overlay,
.filter-overlay_center,
.erp-filter-overlay-print,
.filter-overlay_center_print,
.erp-filter-overlay-invoice,
.filter-overlay_center_InvoiceEdafat {
  padding: 1rem !important;
  z-index: 2100 !important;
}

.erp-filter-panel-center,
.filter-sidebar_center {
  width: min(960px, calc(100vw - 2rem)) !important;
  max-width: 960px !important;
  max-height: calc(100vh - 2rem) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  transform: none !important;
}

.filter-body_center,
.filter-body,
.filter-footer {
  width: 100%;
}

.filter-body_center,
.filter-body {
  padding: 1rem 1.25rem !important;
  overflow: auto !important;
  max-height: calc(100vh - 9rem) !important;
}

.filter-close_center,
.filter-close_center_print,
.filter-close_center_InvoiceEdafat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  color: #fff !important;
  cursor: pointer;
}

.erp-context-menu,
.context-menu,
.erp-context-menu-price,
.context-menu_price,
.erp-context-menu-casher,
.context-menu_Casher {
  max-width: min(960px, calc(100vw - 2rem)) !important;
  max-height: calc(100vh - 2rem) !important;
  overflow: auto !important;
  border-radius: 20px !important;
  box-shadow: var(--erp-shadow-lg, 0 24px 64px rgba(15, 23, 42, .18)) !important;
  z-index: 3200 !important;
  transform: none !important;
}

.erp-context-menu,
.context-menu {
  min-width: 260px;
}

.erp-context-menu-price,
.context-menu_price {
  width: min(960px, calc(100vw - 2rem)) !important;
  min-width: min(320px, calc(100vw - 2rem));
  padding: 1rem !important;
  background: var(--erp-surface) !important;
}

.erp-context-menu-casher,
.context-menu_Casher {
  width: min(520px, calc(100vw - 2rem)) !important;
  top: 1rem !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  font-size: 1rem !important;
  padding: .9rem 1rem !important;
}

.erp-context-menu-price .row,
.context-menu_price .row {
  margin-left: -.4rem;
  margin-right: -.4rem;
}

.erp-context-menu-price [class*="col-"],
.context-menu_price [class*="col-"] {
  padding-left: .4rem;
  padding-right: .4rem;
}

.erp-context-menu-price-item,
.context-menu_price-item,
.erp-context-menu-casher-item,
.context-menu_Casher-item {
  padding: .35rem !important;
}

.erp-context-menu-price .form-group,
.context-menu_price .form-group {
  margin-bottom: .6rem !important;
}

.erp-overlay-open {
  overflow: hidden !important;
}