/* =========================================================
   ERP Modern UI/UX Override Layer - March 2026
   Scope: visual refresh only, no business logic changes.
   Works with existing jQuery / DataTables / Bootstrap versions.
========================================================= */

body.erp-modern-v2 {
  --erp-v2-shell-gap: clamp(14px, 1.6vw, 22px);
  --erp-v2-surface: rgba(255, 255, 255, .92);
  --erp-v2-surface-strong: rgba(255, 255, 255, .98);
  --erp-v2-border: color-mix(in srgb, var(--erp-primary) 12%, rgba(17, 24, 39, .14));
  --erp-v2-border-soft: rgba(148, 163, 184, .22);
  --erp-v2-shadow: 0 24px 60px rgba(15, 23, 42, .10);
  --erp-v2-shadow-soft: 0 14px 34px rgba(15, 23, 42, .08);
  --erp-v2-chip-bg: color-mix(in srgb, var(--erp-primary) 10%, #ffffff 90%);
  --erp-v2-info-bg: color-mix(in srgb, var(--erp-accent) 10%, #ffffff 90%);
}

body.erp-modern-v2 {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--erp-primary) 10%, transparent) 0, transparent 30%),
    radial-gradient(circle at bottom left, color-mix(in srgb, var(--erp-accent) 10%, transparent) 0, transparent 24%),
    linear-gradient(180deg, #eff4ff 0%, #f7fbff 100%) !important;
}

body.erp-modern-v2 .content-wrapper,
body.erp-modern-v2 .content,
body.erp-modern-v2 .content-wrapper > .content {
  background: transparent !important;
}

body.erp-modern-v2 .content-wrapper {
  min-height: calc(100vh - 48px);
  margin-left: 0 !important;
}

body.erp-modern-v2 .erp-content-shell {
  padding: 0;
}

body.erp-modern-v2 .erp-page-shell {
  display: grid;
  gap: var(--erp-v2-shell-gap);
  width: 100%;
}

body.erp-modern-v2 .erp-page-shell > section.content {
  padding: 0;
  margin: 0;
}

body.erp-modern-v2 .erp-page-shell > section.content > .container-fluid {
  padding: 0;
}

body.erp-modern-v2 .main-header.erp-topbar {
  gap: 1rem;
  padding-inline: 1rem;
}

body.erp-modern-v2 .erp-topbar__left,
body.erp-modern-v2 .erp-topbar__right {
  display: flex;
  align-items: center;
  gap: .75rem;
}

body.erp-modern-v2 .erp-topbar__icon-group {
  display: flex;
  align-items: center;
  gap: .45rem;
}

body.erp-modern-v2 .erp-topbar__icon {
  box-shadow: inset 0 0 0 1px transparent;
}

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

body.erp-modern-v2 .erp-topbar__brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 22%, white 78%), color-mix(in srgb, var(--erp-accent) 18%, white 82%));
  display: grid;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

body.erp-modern-v2 .erp-topbar__brand-logo img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

body.erp-modern-v2 .erp-topbar__brand-title {
  font-size: .98rem;
  font-weight: 800;
  line-height: 1.1;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-topbar__brand-subtitle {
  font-size: .76rem;
  color: var(--erp-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

body.erp-modern-v2 .erp-topbar__center {
  flex: 1 1 auto;
  min-width: 0;
}

body.erp-modern-v2 #Home_Title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  min-width: min(100%, 320px);
  margin: 0 auto;
  padding: .65rem 1rem;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent);
  background: color-mix(in srgb, var(--erp-primary) 8%, white 92%);
  color: var(--erp-text);
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}

body.erp-modern-v2 #ExitbuttonHome .btn,
body.erp-modern-v2 .erp-topbar__danger {
  min-height: 42px;
  border-radius: 14px;
  padding-inline: 1rem;
  box-shadow: 0 12px 24px rgba(239, 68, 68, .18);
}

body.erp-modern-v2 .erp-status-chip {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 42px;
  padding: .55rem .9rem;
  border-radius: 14px;
  background: var(--erp-v2-chip-bg);
  border: 1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent);
  color: var(--erp-text);
  font-size: .85rem;
  font-weight: 700;
}

body.erp-modern-v2 .erp-status-chip i {
  color: var(--erp-primary);
}

body.erp-modern-v2 .erp-status-chip--muted {
  background: color-mix(in srgb, var(--erp-text) 6%, white 94%);
  border-color: color-mix(in srgb, var(--erp-text) 10%, transparent);
}

body.erp-modern-v2 .erp-user-dropdown {
  position: relative;
}

body.erp-modern-v2 .erp-shortcuts-dropdown {
  position: relative;
}

body.erp-modern-v2 .erp-shortcuts-dropdown__button {
  min-height: 48px;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 16%, transparent);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  gap: .72rem;
  padding: .35rem .7rem .35rem .4rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-accent) 10%, white 90%), white);
  color: var(--erp-text) !important;
  box-shadow: var(--erp-v2-shadow-soft);
}

body.erp-modern-v2 .erp-shortcuts-dropdown__icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 80%, white 20%), color-mix(in srgb, var(--erp-accent) 42%, white 58%));
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}

body.erp-modern-v2 .erp-shortcuts-dropdown__meta {
  display: flex;
  flex-direction: column;
  line-height: 1.12;
  text-align: start;
}

body.erp-modern-v2 .erp-shortcuts-dropdown__meta strong {
  font-size: .9rem;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-shortcuts-dropdown__meta small {
  font-size: .74rem;
  color: var(--erp-text-muted);
}

body.erp-modern-v2 .erp-user-dropdown__button {
  min-height: 48px;
  border: 1px solid color-mix(in srgb, var(--erp-primary) 16%, transparent);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  padding: .35rem .65rem .35rem .4rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 10%, white 90%), white);
  color: var(--erp-text) !important;
  box-shadow: var(--erp-v2-shadow-soft);
}

body.erp-modern-v2 .erp-user-dropdown__button::after {
  margin-inline-start: .2rem;
}

body.erp-modern-v2 .erp-user-dropdown__avatar {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 82%, white 18%), color-mix(in srgb, var(--erp-accent) 36%, white 64%));
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}

body.erp-modern-v2 .erp-user-dropdown__meta {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  text-align: start;
}

body.erp-modern-v2 .erp-user-dropdown__meta strong {
  font-size: .9rem;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-user-dropdown__meta small {
  font-size: .75rem;
  color: var(--erp-text-muted);
}

body.erp-modern-v2 .dropdown-menu2 {
  width: min(320px, calc(100vw - 32px));
  padding: 1.1rem;
  inset-inline-end: 0;
  inset-inline-start: auto;
  border: 1px solid var(--erp-v2-border);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
}

body.erp-modern-v2 .dropdown-menu2.show {
  display: block;
}

body.erp-modern-v2 .erp-shortcuts-menu {
  width: min(390px, calc(100vw - 24px));
  padding: 1rem;
  inset-inline-end: 0;
  inset-inline-start: auto;
}

body.erp-modern-v2 .erp-shortcuts-menu__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .9rem;
  margin-bottom: .9rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__head h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 900;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-shortcuts-menu__head p {
  margin: .2rem 0 0;
  color: var(--erp-text-muted);
  font-size: .8rem;
  line-height: 1.55;
}

body.erp-modern-v2 .erp-shortcuts-menu__count {
  min-width: 34px;
  min-height: 34px;
  padding: .25rem .5rem;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: color-mix(in srgb, var(--erp-primary) 12%, white 88%);
  color: var(--erp-primary);
  font-weight: 900;
}

body.erp-modern-v2 .erp-shortcuts-menu__list {
  display: grid;
  gap: .55rem;
  max-height: min(68vh, 540px);
  overflow: auto;
  padding-inline-end: .2rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__search-shell {
  margin-bottom: .95rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__search {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-height: 48px;
  padding: 0 .9rem;
  border-radius: 16px;
  border: 1px solid var(--erp-v2-border-soft);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

body.erp-modern-v2 .erp-shortcuts-menu__search i {
  color: var(--erp-primary);
}

body.erp-modern-v2 .erp-shortcuts-menu__search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--erp-text);
  font-size: .88rem;
  outline: 0;
}

body.erp-modern-v2 .erp-shortcuts-menu__search input::placeholder {
  color: var(--erp-text-muted);
}

body.erp-modern-v2 .erp-shortcuts-menu__group {
  display: grid;
  gap: .55rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__group-head {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-top: .2rem;
  padding-inline: .25rem;
  color: var(--erp-text);
  font-size: .82rem;
  font-weight: 900;
}

body.erp-modern-v2 .erp-shortcuts-menu__group-icon {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-grid;
  place-items: center;
  background: color-mix(in srgb, var(--erp-primary) 10%, white 90%);
  color: var(--erp-primary);
}

body.erp-modern-v2 .erp-shortcuts-menu__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  padding: .7rem .8rem;
  border-radius: 18px;
  border: 1px solid var(--erp-v2-border-soft);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,255,.95));
  color: var(--erp-text) !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.erp-modern-v2 .erp-shortcuts-menu__item:hover,
body.erp-modern-v2 .erp-shortcuts-menu__item:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(15,23,42,.09);
  border-color: color-mix(in srgb, var(--erp-primary) 22%, transparent);
}

body.erp-modern-v2 .erp-shortcuts-menu__item-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-grid;
  place-items: center;
  font-size: 1rem;
  color: #fff;
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-sales .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #16a34a, #34d399);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-return .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #f97316, #fb7185);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-purchase .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #0f766e, #22c55e);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-voucher .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #2563eb, #38bdf8);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-reference .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #7c3aed, #a855f7);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-report .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #dc2626, #fb7185);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-stock .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #ca8a04, #facc15);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-ledger .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #4f46e5, #818cf8);
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-tools .erp-shortcuts-menu__item-icon {
  background: linear-gradient(135deg, #0f172a, #475569);
}

body.erp-modern-v2 .erp-shortcuts-menu__item-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.2;
}

body.erp-modern-v2 .erp-shortcuts-menu__item-body strong {
  font-size: .9rem;
  font-weight: 800;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-shortcuts-menu__item-body small {
  margin-top: .22rem;
  font-size: .75rem;
  color: var(--erp-text-muted);
}

body.erp-modern-v2 .erp-shortcuts-menu__item-arrow {
  color: var(--erp-text-muted);
  font-size: .78rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__empty {
  padding: 1rem;
  border-radius: 16px;
  border: 1px dashed var(--erp-v2-border-soft);
  background: color-mix(in srgb, var(--erp-primary) 4%, white 96%);
  color: var(--erp-text-muted);
  text-align: center;
  font-weight: 700;
}

body.erp-modern-v2 .erp-topbar__culture {
  margin: 0;
}

body.erp-modern-v2 .main-sidebar {
  backdrop-filter: blur(10px);
}

body.erp-modern-v2 .main-sidebar .sidebar {
  padding-top: .75rem;
}

body.erp-modern-v2 .erp-sidebar-overview {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin: .2rem .2rem .8rem;
  padding: .95rem 1rem;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

body.erp-modern-v2 .erp-sidebar-overview__avatar {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.08));
  color: #fff;
  font-size: 1rem;
}

body.erp-modern-v2 .erp-sidebar-overview__meta {
  min-width: 0;
}

body.erp-modern-v2 .erp-sidebar-overview__name,
body.erp-modern-v2 .erp-sidebar-overview__role {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.erp-modern-v2 .erp-sidebar-overview__name {
  font-weight: 800;
  color: #fff;
}

body.erp-modern-v2 .erp-sidebar-overview__role {
  font-size: .78rem;
  color: rgba(255,255,255,.72);
}

body.erp-modern-v2 .erp-sidebar-search {
  margin: 0 .2rem 1rem;
  padding: .85rem;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

body.erp-modern-v2 .erp-sidebar-search__label {
  display: block;
  margin-bottom: .45rem;
  color: rgba(255,255,255,.82);
  font-size: .78rem;
  font-weight: 700;
}

body.erp-modern-v2 .erp-sidebar-search__box {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 46px;
  padding: 0 .75rem;
  border-radius: 16px;
  background: rgba(15, 23, 42, .26);
  border: 1px solid rgba(255,255,255,.08);
}

body.erp-modern-v2 .erp-sidebar-search__box i,
body.erp-modern-v2 .erp-sidebar-search__clear {
  color: rgba(255,255,255,.68);
}

body.erp-modern-v2 .erp-sidebar-search__input {
  flex: 1 1 auto;
  min-width: 0;
  background: transparent;
  border: 0;
  color: #fff;
  font-size: .9rem;
}

body.erp-modern-v2 .erp-sidebar-search__input::placeholder {
  color: rgba(255,255,255,.5);
}

body.erp-modern-v2 .erp-sidebar-search__input:focus {
  outline: 0;
  box-shadow: none;
}

body.erp-modern-v2 .erp-sidebar-search__clear {
  border: 0;
  background: transparent;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: grid;
  place-items: center;
}

body.erp-modern-v2 .erp-sidebar-search__clear:hover {
  background: rgba(255,255,255,.08);
}

body.erp-modern-v2 .erp-sidebar-search__hint,
body.erp-modern-v2 .erp-sidebar-search__empty {
  display: block;
  margin-top: .55rem;
  font-size: .75rem;
  color: rgba(255,255,255,.58);
}

body.erp-modern-v2 .erp-sidebar-search__empty {
  padding: .7rem .85rem;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px dashed rgba(255,255,255,.14);
}

body.erp-modern-v2 .nav-sidebar > .nav-item {
  margin-bottom: .4rem;
}

body.erp-modern-v2 .nav-sidebar .nav-link,
body.erp-modern-v2 .nav-treeview .nav-link {
  min-height: 46px;
  border-radius: 16px;
  padding-inline: 1rem;
}

body.erp-modern-v2 .nav-sidebar .nav-link.active,
body.erp-modern-v2 .nav-sidebar .nav-item.menu-open > .nav-link,
body.erp-modern-v2 .nav-treeview .nav-link.active {
  box-shadow: 0 16px 30px rgba(14, 165, 233, .16);
}

body.erp-modern-v2 .nav-treeview {
  margin-top: .35rem;
  padding-inline-start: .35rem;
}

body.erp-modern-v2 .nav-treeview .nav-link {
  background: rgba(255,255,255,.03);
}

body.erp-modern-v2 .main-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1rem;
  flex-wrap: wrap;
  padding: 1rem 1.15rem;
  border: 1px solid var(--erp-v2-border);
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  box-shadow: var(--erp-v2-shadow-soft);
}

body.erp-modern-v2 .erp-footer__brand {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}

body.erp-modern-v2 .erp-footer__version {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: var(--erp-v2-chip-bg);
  border: 1px solid color-mix(in srgb, var(--erp-primary) 14%, transparent);
  color: var(--erp-text);
  font-weight: 700;
}

body.erp-modern-v2 .erp-footer__meta {
  display: flex;
  gap: .55rem;
  flex-wrap: wrap;
}

body.erp-modern-v2 .erp-footer__chip {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .48rem .8rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--erp-text) 5%, white 95%);
  border: 1px solid color-mix(in srgb, var(--erp-text) 8%, transparent);
  color: var(--erp-text);
  font-size: .82rem;
}

body.erp-modern-v2 .erp-footer__chip i {
  color: var(--erp-primary);
}

body.erp-modern-v2 .card {
  border: 1px solid var(--erp-v2-border-soft);
  border-radius: 24px;
  background: var(--erp-v2-surface);
  box-shadow: var(--erp-v2-shadow-soft);
  overflow: hidden;
}

body.erp-modern-v2 .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 1.1rem 1.25rem .5rem;
  background: transparent;
  border-bottom: 0;
}

body.erp-modern-v2 .card-title,
body.erp-modern-v2 .card-header > h3,
body.erp-modern-v2 .card-header > h4 {
  font-size: 1rem;
  font-weight: 800;
  color: var(--erp-text);
  margin: 0;
}

body.erp-modern-v2 .card-body {
  padding: 1.2rem 1.25rem 1.25rem;
}

body.erp-modern-v2 .card-footer {
  padding: .95rem 1.25rem 1.15rem;
  background: transparent;
  border-top: 1px solid color-mix(in srgb, var(--erp-text) 7%, transparent);
}

body.erp-modern-v2 .card.card-tabs > .card-header {
  padding: 1rem 1.1rem .55rem;
}

body.erp-modern-v2 .card.card-tabs .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: .75rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: .25rem;
  border-bottom: 0;
  scrollbar-width: none;
}

body.erp-modern-v2 .card.card-tabs .nav-tabs::-webkit-scrollbar {
  display: none;
}

body.erp-modern-v2 .card.card-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 52px;
  padding: .8rem 1rem;
  border-radius: 18px !important;
  border: 1px solid var(--erp-v2-border) !important;
  background: color-mix(in srgb, var(--erp-primary) 5%, white 95%);
  color: var(--erp-text) !important;
  box-shadow: none;
  white-space: nowrap;
}

body.erp-modern-v2 .card.card-tabs .nav-link:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--erp-primary) 8%, white 92%);
}

body.erp-modern-v2 .card.card-tabs .nav-link.active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 88%, white 12%), color-mix(in srgb, var(--erp-accent) 50%, white 50%));
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 18px 30px rgba(79, 124, 255, .22);
}

body.erp-modern-v2 .card.card-tabs .nav-link.active .erp-title-tile__icon,
body.erp-modern-v2 .card.card-tabs .nav-link.active img {
  filter: brightness(0) invert(1);
}

body.erp-modern-v2 .card.card-tabs .nav-link .box {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(255,255,255,.22);
  display: inline-grid;
  place-items: center;
}

body.erp-modern-v2 .erp-field-shell,
body.erp-modern-v2 .invoice-box,
body.erp-modern-v2 .form-control-wrapper,
body.erp-modern-v2 .form-control-wrapper_grope {
  border-radius: 18px !important;
  border: 1px solid var(--erp-v2-border) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 6px 18px rgba(15,23,42,.04);
}

body.erp-modern-v2 .erp-field-shell:focus-within,
body.erp-modern-v2 .invoice-box:focus-within,
body.erp-modern-v2 .form-control-wrapper:focus-within,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within {
  border-color: color-mix(in srgb, var(--erp-primary) 34%, transparent) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--erp-primary) 12%, transparent), 0 10px 26px rgba(79,124,255,.10) !important;
}

body.erp-modern-v2 .erp-field-shell .form-control,
body.erp-modern-v2 .invoice-box .form-control,
body.erp-modern-v2 .form-control,
body.erp-modern-v2 textarea.form-control,
body.erp-modern-v2 select.form-control {
  min-height: 50px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.erp-modern-v2 .btn,
body.erp-modern-v2 button,
body.erp-modern-v2 input[type="button"],
body.erp-modern-v2 input[type="submit"] {
  border-radius: 14px;
}

body.erp-modern-v2 .btn.btn-info,
body.erp-modern-v2 .btn.btn-primary,
body.erp-modern-v2 .btn.btn-success,
body.erp-modern-v2 .btn.btn-warning,
body.erp-modern-v2 .btn.btn-danger {
  box-shadow: 0 14px 28px rgba(15, 23, 42, .10);
}

body.erp-modern-v2 .table-responsive {
  border-radius: 22px;
  overflow: auto;
}

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

body.erp-modern-v2 .table thead th {
  padding: .9rem .85rem;
  border-top: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--erp-text) 8%, transparent);
  font-size: .84rem;
  font-weight: 800;
  letter-spacing: .01em;
}

body.erp-modern-v2 .table tbody td {
  padding: .85rem .85rem;
  vertical-align: middle;
  border-color: color-mix(in srgb, var(--erp-text) 8%, transparent);
}

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

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

body.erp-modern-v2 .dataTables_wrapper .dataTables_length select,
body.erp-modern-v2 .dataTables_wrapper .dataTables_filter input {
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid var(--erp-v2-border);
  background: rgba(255,255,255,.94);
  box-shadow: none;
  padding-inline: .85rem;
}

body.erp-modern-v2 .pagination .page-link {
  border-radius: 12px !important;
  margin: 0 .15rem;
  border-color: color-mix(in srgb, var(--erp-text) 10%, transparent);
  color: var(--erp-text);
}

body.erp-modern-v2 .pagination .page-item.active .page-link {
  background: var(--erp-primary);
  border-color: var(--erp-primary);
  color: #fff;
  box-shadow: 0 10px 20px rgba(79,124,255,.18);
}

body.erp-modern-v2 .modal-content {
  border: 1px solid var(--erp-v2-border);
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(15,23,42,.18);
  overflow: hidden;
}

body.erp-modern-v2 .modal-header,
body.erp-modern-v2 .modal-footer {
  border-color: color-mix(in srgb, var(--erp-text) 8%, transparent);
}

body.erp-modern-v2 .erp-home-shell {
  display: grid;
  gap: 1.25rem;
}

body.erp-modern-v2 .erp-home-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 1.25rem;
  padding: 1.6rem;
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--erp-primary) 16%, transparent) 0, transparent 44%),
    linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(249,252,255,.92) 100%);
  border: 1px solid var(--erp-v2-border);
  box-shadow: var(--erp-v2-shadow);
  overflow: hidden;
}

body.erp-modern-v2 .erp-home-hero::after {
  content: "";
  position: absolute;
  inset: auto auto -80px -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--erp-accent) 12%, transparent);
  filter: blur(2px);
}

body.erp-modern-v2 .erp-home-hero__content,
body.erp-modern-v2 .erp-home-hero__visual {
  position: relative;
  z-index: 1;
}

body.erp-modern-v2 .erp-home-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 34px;
  padding: .4rem .8rem;
  border-radius: 999px;
  background: var(--erp-v2-chip-bg);
  color: var(--erp-primary);
  font-size: .8rem;
  font-weight: 800;
  margin-bottom: .8rem;
}

body.erp-modern-v2 .erp-home-hero__title {
  margin: 0 0 .65rem;
  font-size: clamp(1.55rem, 2vw, 2.1rem);
  font-weight: 900;
  line-height: 1.2;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-home-hero__lead {
  margin: 0;
  max-width: 720px;
  color: var(--erp-text-muted);
  font-size: 1rem;
  line-height: 1.8;
}

body.erp-modern-v2 .erp-home-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1rem;
}

body.erp-modern-v2 .erp-home-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 40px;
  padding: .52rem .9rem;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid color-mix(in srgb, var(--erp-text) 8%, transparent);
  box-shadow: 0 12px 24px rgba(15,23,42,.05);
  font-weight: 700;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-home-chip--alert {
  background: color-mix(in srgb, #ef4444 10%, white 90%);
  color: #991b1b;
  border-color: color-mix(in srgb, #ef4444 18%, transparent);
}

body.erp-modern-v2 .erp-home-hero__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.erp-modern-v2 .erp-home-hero__visual-card {
  width: 100%;
  min-height: 240px;
  padding: 1rem;
  border-radius: 26px;
  background: linear-gradient(160deg, color-mix(in srgb, var(--erp-primary) 10%, white 90%), color-mix(in srgb, var(--erp-accent) 9%, white 91%));
  border: 1px solid color-mix(in srgb, var(--erp-primary) 16%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 18px 38px rgba(15,23,42,.08);
  display: grid;
  place-items: center;
}

body.erp-modern-v2 .erp-home-hero__visual-card img {
  width: min(100%, 320px);
  max-height: 230px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

body.erp-modern-v2 .erp-surface-card {
  padding: 1.15rem;
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--erp-v2-border-soft);
  box-shadow: var(--erp-v2-shadow-soft);
}

body.erp-modern-v2 .erp-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

body.erp-modern-v2 .erp-section-head h2,
body.erp-modern-v2 .erp-section-head h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-section-head p {
  margin: 0;
  color: var(--erp-text-muted);
}

body.erp-modern-v2 .erp-dashboard-shortcuts {
  row-gap: .25rem;
}

body.erp-modern-v2 .erp-home-shortcut-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.1rem;
  border-radius: 22px;
  border: 1px solid var(--erp-v2-border-soft);
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 8%, white 92%), rgba(255,255,255,.98));
  box-shadow: 0 14px 26px rgba(15,23,42,.06);
  margin-bottom: 1rem;
}

body.erp-modern-v2 .erp-home-shortcut-note__icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 84%, white 16%), color-mix(in srgb, var(--erp-accent) 36%, white 64%));
  color: #fff;
  font-size: 1.2rem;
}

body.erp-modern-v2 .erp-home-shortcut-note__content h3 {
  margin: 0 0 .3rem;
  font-size: 1rem;
  font-weight: 900;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-home-shortcut-note__content p {
  margin: 0;
  color: var(--erp-text-muted);
  line-height: 1.75;
}

body.erp-modern-v2 .shotcut_icon_link {
  margin-bottom: 1rem;
}

body.erp-modern-v2 .shotcut_icon_link > a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .95rem;
  min-height: 170px;
  padding: 1.1rem;
  border-radius: 22px;
  border: 1px solid var(--erp-v2-border-soft);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.95) 100%);
  box-shadow: 0 16px 36px rgba(15,23,42,.07);
  text-decoration: none !important;
  color: var(--erp-text) !important;
  overflow: hidden;
}

body.erp-modern-v2 .shotcut_icon_link > a::before {
  content: "";
  position: absolute;
  inset: auto auto -22px -18px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--erp-primary) 10%, transparent);
}

body.erp-modern-v2 .shotcut_icon_link > a:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 42px rgba(15,23,42,.11);
  border-color: color-mix(in srgb, var(--erp-primary) 20%, transparent);
}

body.erp-modern-v2 .shotcut_icon_link .box {
  position: relative;
  z-index: 1;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--erp-primary) 10%, white 90%), color-mix(in srgb, var(--erp-accent) 10%, white 90%));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

body.erp-modern-v2 .shotcut_icon_link img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

body.erp-modern-v2 .shotcut_icon_link > a > span:last-child {
  position: relative;
  z-index: 1;
  display: block;
  line-height: 1.6;
  font-size: .95rem;
}

body.erp-modern-v2 .shotcut_icon_link > a > span:last-child br {
  display: none;
}

body.erp-modern-v2 .shotcut_icon_link > a > span:last-child b {
  font-weight: 800;
  font-size: .96rem;
}

body.erp-modern-v2 .erp-home-shell .chart,
body.erp-modern-v2 .erp-home-shell .card-body canvas {
  max-width: 100%;
}

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

body.erp-modern-v2.blank-login-body .main-box,
body.erp-modern-v2.config-login-body .main-box,
body.erp-modern-v2.config-login-body #auth-form1,
body.erp-modern-v2.config-login-body #auth-form11 {
  border-radius: 30px;
  background: rgba(255,255,255,.88);
  border: 1px solid color-mix(in srgb, var(--erp-primary) 12%, rgba(17,24,39,.08));
  box-shadow: 0 30px 70px rgba(15,23,42,.12);
  backdrop-filter: blur(14px);
}

body.erp-modern-v2.blank-login-body .main-box {
  max-width: 620px;
  padding: 1.6rem;
}

body.erp-modern-v2.blank-login-body .button-box {
  padding: .35rem;
  border-radius: 18px;
  background: color-mix(in srgb, var(--erp-primary) 6%, white 94%);
  border: 1px solid color-mix(in srgb, var(--erp-primary) 12%, transparent);
}

body.erp-modern-v2.blank-login-body .toggle-btn1 {
  font-weight: 800;
}

body.erp-modern-v2.blank-login-body .input-group,
body.erp-modern-v2.config-login-body .row {
  row-gap: .8rem;
}

body.erp-modern-v2 .erp-upload-shell {
  max-width: 980px;
  padding: 1.5rem;
}

body.erp-modern-v2 .erp-upload-shell__header {
  margin-bottom: 1.25rem;
}

body.erp-modern-v2 .erp-upload-shell__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 34px;
  padding: .38rem .8rem;
  border-radius: 999px;
  background: var(--erp-v2-chip-bg);
  color: var(--erp-primary);
  font-size: .78rem;
  font-weight: 800;
}

body.erp-modern-v2 .erp-upload-shell__header h1 {
  margin: .85rem 0 .35rem;
  font-size: clamp(1.4rem, 1.9vw, 1.9rem);
  font-weight: 900;
}

body.erp-modern-v2 .erp-upload-shell__header p {
  margin: 0;
  color: var(--erp-text-muted);
  line-height: 1.8;
}

body.erp-modern-v2 .erp-upload-form {
  padding: 1rem;
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  border: 1px solid var(--erp-v2-border-soft);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

body.erp-modern-v2 .erp-upload-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}

body.erp-modern-v2 .erp-upload-summary__card {
  padding: 1rem;
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  border: 1px solid var(--erp-v2-border-soft);
  box-shadow: var(--erp-v2-shadow-soft);
}

body.erp-modern-v2 .erp-upload-summary__label {
  display: block;
  margin-bottom: .35rem;
  color: var(--erp-text-muted);
  font-size: .82rem;
}

body.erp-modern-v2 .erp-upload-summary__value {
  font-size: 1.15rem;
  font-weight: 900;
  color: var(--erp-text);
}

body.erp-modern-v2 .erp-empty-state {
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: color-mix(in srgb, var(--erp-text) 4%, white 96%);
  border: 1px dashed color-mix(in srgb, var(--erp-text) 12%, transparent);
  color: var(--erp-text-muted);
}

@media (max-width: 1399.98px) {
  body.erp-modern-v2 .erp-home-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  body.erp-modern-v2 .erp-home-hero__visual-card {
    min-height: 200px;
  }
}

@media (max-width: 1199.98px) {
  body.erp-modern-v2 .main-header.erp-topbar {
    padding-inline: .85rem;
  }

  body.erp-modern-v2 .erp-topbar__brand,
  body.erp-modern-v2 .erp-status-chip {
    display: none !important;
  }

  body.erp-modern-v2 .main-footer {
    inset-inline-start: 12px !important;
  }
}

@media (max-width: 991.98px) {
  body.erp-modern-v2 .main-header.erp-topbar {
    gap: .65rem;
  }

  body.erp-modern-v2 .erp-topbar__right {
    gap: .45rem;
  }

  body.erp-modern-v2 .erp-user-dropdown__button {
    padding-inline-end: .45rem;
  }

  body.erp-modern-v2 .erp-shortcuts-dropdown__meta {
    display: none !important;
  }

  body.erp-modern-v2 .card.card-tabs .nav-link {
    min-height: 48px;
    padding: .72rem .9rem;
  }

  body.erp-modern-v2 .shotcut_icon_link > a {
    min-height: 150px;
  }
}

@media (max-width: 767.98px) {
  body.erp-modern-v2 .erp-page-shell {
    gap: 1rem;
  }

  body.erp-modern-v2 .erp-home-hero,
  body.erp-modern-v2 .erp-surface-card,
  body.erp-modern-v2 .erp-upload-shell,
  body.erp-modern-v2.blank-login-body .main-box,
  body.erp-modern-v2.config-login-body #auth-form1,
  body.erp-modern-v2.config-login-body #auth-form11 {
    border-radius: 22px;
    padding: 1rem;
  }

  body.erp-modern-v2 .card,
  body.erp-modern-v2 .modal-content,
  body.erp-modern-v2 .table-responsive {
    border-radius: 18px;
  }

  body.erp-modern-v2 .main-footer {
    padding: .9rem;
  }

  body.erp-modern-v2 .erp-home-shortcut-note {
    grid-template-columns: 1fr;
  }
}