/* =========================================================
   UI Refactor 2026-03-29
   Legacy ASP.NET MVC visual-only pass
   Scope:
   - shared layout spacing and shells
   - index/report filter pages
   - transaction/add-edit tabs
   - settings/configuration workspaces
   - auth/login/register screens
   - preview containers and shared modals
   No business logic, routing, submit, ajax, or data flow changes.
   ========================================================= */

body.erp-modern-v2 {
  --erp-pass15-radius-xl: 30px;
  --erp-pass15-radius-lg: 24px;
  --erp-pass15-radius-md: 18px;
  --erp-pass15-radius-sm: 14px;
  --erp-pass15-gap-xs: .4rem;
  --erp-pass15-gap-sm: .7rem;
  --erp-pass15-gap-md: 1rem;
  --erp-pass15-gap-lg: clamp(1rem, 1.4vw, 1.4rem);
  --erp-pass15-shell-bg:
    radial-gradient(circle at top right, color-mix(in srgb, var(--primary, #4f7cff) 12%, transparent), transparent 34%),
    radial-gradient(circle at bottom left, color-mix(in srgb, var(--accent, #14b8a6) 10%, transparent), transparent 32%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg, #f7f8fa) 94%, #ffffff 6%), color-mix(in srgb, var(--bg, #f7f8fa) 100%, #eef4ff 0%));
  --erp-pass15-surface: color-mix(in srgb, var(--card, #ffffff) 95%, var(--primary, #4f7cff) 5%);
  --erp-pass15-surface-soft: color-mix(in srgb, var(--card, #ffffff) 90%, var(--primary, #4f7cff) 10%);
  --erp-pass15-surface-strong: color-mix(in srgb, var(--card, #ffffff) 84%, var(--primary, #4f7cff) 16%);
  --erp-pass15-border: color-mix(in srgb, var(--primary, #4f7cff) 18%, rgba(15, 23, 42, .16));
  --erp-pass15-border-strong: color-mix(in srgb, var(--primary, #4f7cff) 34%, rgba(15, 23, 42, .16));
  --erp-pass15-shadow: 0 18px 40px rgba(15, 23, 42, .08);
  --erp-pass15-shadow-soft: 0 10px 24px rgba(15, 23, 42, .06);
  --erp-pass15-shadow-strong: 0 24px 54px rgba(15, 23, 42, .12);
  --erp-pass15-muted: color-mix(in srgb, var(--text, #162033) 62%, transparent);
  --erp-pass15-control-h: 44px;
  --erp-pass15-control-shell-h: 44px;
  --erp-pass15-control-radius: 6px;
  --erp-pass15-control-bg: var(--input-bg, #ffffff);
  --erp-pass15-control-bg-hover: color-mix(in srgb, var(--input-bg, #ffffff) 96%, var(--bg, #f7f8fa) 4%);
  --erp-pass15-control-bg-focus: var(--input-focus-bg, color-mix(in srgb, var(--input-bg, #ffffff) 94%, var(--bg, #f7f8fa) 6%));
  --erp-pass15-control-border-soft: color-mix(in srgb, var(--input-border, #d1d5db) 88%, var(--primary, #4f7cff) 12%);
  --erp-pass15-control-border-strong: color-mix(in srgb, var(--input-border, #d1d5db) 56%, var(--primary, #4f7cff) 44%);
  --erp-pass15-control-ring: 0 0 0 3px color-mix(in srgb, var(--primary, #4f7cff) 16%, transparent);
  --erp-pass15-label-bg:
    var(--card, #ffffff);
  --erp-pass15-label-color: color-mix(in srgb, var(--text, #162033) 68%, var(--primary, #4f7cff) 32%);
}

body.erp-modern-v2 .content-wrapper {
  background: var(--erp-pass15-shell-bg);
}

body.erp-modern-v2 .erp-page-shell {
  display: grid;
  gap: var(--erp-pass15-gap-lg);
  width: 100%;
  max-width: 100%;
  padding-bottom: clamp(14px, 1.6vw, 24px);
}

body.erp-modern-v2 .erp-content-shell {
  padding-top: clamp(10px, 1vw, 18px);
}

body.erp-modern-v2 .main-sidebar,
body.erp-modern-v2 .brand-link,
body.erp-modern-v2 .main-header.erp-topbar {
  backdrop-filter: blur(14px) saturate(1.08);
}

body.erp-modern-v2 .main-sidebar {
  border-inline-end: 1px solid color-mix(in srgb, var(--nav-text, #eaf0ff) 12%, transparent);
  box-shadow: 16px 0 38px rgba(15, 23, 42, .08);
}

body.erp-modern-v2 .brand-link {
  min-height: 72px;
}

body.erp-modern-v2 .erp-view-frame {
  display: grid;
  gap: var(--erp-pass15-gap-md);
}

body.erp-modern-v2 .erp-view-frame--transaction > .card,
body.erp-modern-v2 .erp-index-panel,
body.erp-modern-v2 .erp-config-card,
body.erp-modern-v2 .erp-preview-shell,
body.erp-modern-v2 .erp-runtime-modal__content,
body.erp-modern-v2 .erp-details-card__table {
  border: 1px solid var(--erp-pass15-border) !important;
  border-radius: var(--erp-pass15-radius-lg) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), color-mix(in srgb, var(--card, #ffffff) 96%, #eef4ff 4%)) !important;
  box-shadow: var(--erp-pass15-shadow) !important;
}

body.erp-modern-v2 .erp-view-frame--transaction > .card {
  overflow: hidden;
}

body.erp-modern-v2 .erp-transaction-card > .card-header {
  padding: 0 !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--primary, #4f7cff) 8%, #ffffff 92%), rgba(255,255,255,.82)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .08)) !important;
}


body.erp-modern-v2 .erp-transaction-card__body {
  padding: 0 !important;
}

body.erp-modern-v2 .erp-tab-ribbon,
body.erp-modern-v2 .card.card-tabs > .card-header .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding-inline: .1rem;
  border-bottom: 0 !important;
}

body.erp-modern-v2 .erp-tab-ribbon .nav-link,
body.erp-modern-v2 .card.card-tabs > .card-header .nav-tabs .nav-link {
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  min-height: 44px;
  padding: .62rem .95rem !important;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  background: transparent !important;
  color: var(--text, #162033) !important;
  font-weight: 800 !important;
  line-height: 1.15;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.erp-modern-v2 .erp-tab-ribbon .nav-link:hover,
body.erp-modern-v2 .card.card-tabs > .card-header .nav-tabs .nav-link:hover {
  background: var(--erp-pass15-surface-soft) !important;
  border-color: var(--erp-pass15-border) !important;
  box-shadow: var(--erp-pass15-shadow-soft);
  transform: translateY(-1px);
}

body.erp-modern-v2 .erp-tab-ribbon .nav-link.active,
body.erp-modern-v2 .card.card-tabs > .card-header .nav-tabs .nav-link.active {
  background: var(--erp-pass15-surface-strong) !important;
  border-color: var(--erp-pass15-border-strong) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72);
}

body.erp-modern-v2 .erp-title-tile .box,
body.erp-modern-v2 .erp-title-tile__icon {
  flex-shrink: 0;
}

body.erp-modern-v2 .erp-title-tile .box {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--primary, #4f7cff) 10%, #ffffff 90%);
}

body.erp-modern-v2 .erp-title-tile__icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

body.erp-modern-v2 .erp-view-frame .btn,
body.erp-modern-v2 .erp-runtime-modal .btn,
body.erp-modern-v2 .erp-config-workspace .btn,
body.erp-modern-v2 .erp-auth-layout .btn {
  min-height: 42px;
  border-radius: var(--erp-pass15-radius-sm) !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 18px rgba(15, 23, 42, .06);
  transition: transform .2s ease, box-shadow .2s ease;
}

body.erp-modern-v2 .erp-view-frame .btn:hover,
body.erp-modern-v2 .erp-runtime-modal .btn:hover,
body.erp-modern-v2 .erp-config-workspace .btn:hover,
body.erp-modern-v2 .erp-auth-layout .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(15, 23, 42, .08);
}

body.erp-modern-v2 .erp-index-workspace,
body.erp-modern-v2 .erp-index-toolbar,
body.erp-modern-v2 .erp-report-totals,
body.erp-modern-v2 .erp-config-split {
  row-gap: var(--erp-pass15-gap-sm);
}

body.erp-modern-v2 .erp-index-toolbar {
  align-items: end;
  margin-bottom: .3rem;
}

body.erp-modern-v2 .erp-index-panel {
  overflow: hidden;
}

body.erp-modern-v2 .erp-index-panel > .panel-heading {
  min-height: .4rem;
}

body.erp-modern-v2 .erp-index-panel > .panel-body {
  padding: .9rem !important;
  background: transparent !important;
}

body.erp-modern-v2 .erp-index-panel .table-responsive,
body.erp-modern-v2 .erp-settings-pane--table .table-responsive,
body.erp-modern-v2 .erp-details-card__table {
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(148, 163, 184, .32));
  border-radius: var(--erp-pass15-radius-md);
  background: #ffffff;
}

body.erp-modern-v2 .erp-table-shell {
  margin-bottom: 0 !important;
}

body.erp-modern-v2 .erp-table-shell thead th,
body.erp-modern-v2 .table.table-head-fixed thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom-width: 1px !important;
}

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

body.erp-modern-v2 .erp-table-shell tbody tr {
  transition: background-color .18s ease, transform .18s ease;
}

body.erp-modern-v2 .erp-table-shell tbody tr:hover {
  transform: translateY(-1px);
}

body.erp-modern-v2 .erp-filter-panel--report {
  border-inline-end: 1px solid var(--erp-pass15-border);
  box-shadow: var(--erp-pass15-shadow-strong);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 92%, #edf4ff 8%)) !important;
}

body.erp-modern-v2 .erp-filter-panel--report .filter-body {
  padding: .95rem .85rem 1rem !important;
}

body.erp-modern-v2 .erp-filter-panel--report .filter-footer {
  min-height: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .06));
}

body.erp-modern-v2 .filter-btn {
  width: 100%;
  justify-content: center;
  gap: .45rem;
}

body.erp-modern-v2 .erp-report-totals {
  margin-top: .75rem;
  padding-top: .25rem;
}

body.erp-modern-v2 .erp-report-totals .erp-field-shell {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 8px 20px rgba(15, 23, 42, .05) !important;
}

body.erp-modern-v2 .erp-field-shell,
body.erp-modern-v2 .invoice-box,
body.erp-modern-v2 .form-control-wrapper,
body.erp-modern-v2 .form-control-wrapper_grope,
body.erp-modern-v2 .l-wrapper1,
body.erp-modern-v2 .input-group {
  position: relative !important;
  min-height: var(--erp-pass15-control-shell-h) !important;
  border-radius: calc(var(--erp-pass15-radius-md) - 2px) !important;
  border: 1px solid var(--erp-pass15-control-border-soft) !important;
  background: var(--erp-pass15-control-bg) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .04) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
  box-sizing: border-box !important;
}

body.erp-modern-v2 .erp-field-shell:hover,
body.erp-modern-v2 .invoice-box:hover,
body.erp-modern-v2 .form-control-wrapper:hover,
body.erp-modern-v2 .form-control-wrapper_grope:hover,
body.erp-modern-v2 .l-wrapper1:hover,
body.erp-modern-v2 .input-group:hover {
  border-color: var(--erp-pass15-control-border-strong) !important;
  background: var(--erp-pass15-control-bg-hover) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .05) !important;
}

body.erp-modern-v2 .erp-field-shell:focus-within,
body.erp-modern-v2 .invoice-box:focus-within,
body.erp-modern-v2 .form-control-wrapper:focus-within,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within,
body.erp-modern-v2 .l-wrapper1:focus-within,
body.erp-modern-v2 .input-group:focus-within {
  border-color: var(--erp-pass15-control-border-strong) !important;
  background: var(--erp-pass15-control-bg-focus) !important;
  box-shadow: var(--erp-pass15-control-ring), 0 8px 18px rgba(15, 23, 42, .06) !important;
}

body.erp-modern-v2 .erp-field-shell > input:not([type='hidden']):not([type='checkbox']):not([type='radio']),
body.erp-modern-v2 .erp-field-shell > select,
body.erp-modern-v2 .erp-field-shell > textarea,
body.erp-modern-v2 .invoice-box > input:not([type='hidden']):not([type='checkbox']):not([type='radio']),
body.erp-modern-v2 .invoice-box > select,
body.erp-modern-v2 .invoice-box > textarea,
body.erp-modern-v2 .erp-field-shell .form-control,
body.erp-modern-v2 .invoice-box .form-control,
body.erp-modern-v2 .form-control-wrapper .form-control,
body.erp-modern-v2 .form-control-wrapper_grope .form-control,
body.erp-modern-v2 .l-wrapper1 .form-control,
body.erp-modern-v2 .input-group .form-control,
body.erp-modern-v2 .custom-input,
body.erp-modern-v2 .custom-select,
body.erp-modern-v2 select.form-control,
body.erp-modern-v2 input.form-control:not([type='checkbox']):not([type='radio']) {
  min-height: var(--erp-pass15-control-h) !important;
  height: var(--erp-pass15-control-h) !important;
  max-height: var(--erp-pass15-control-h) !important;
  padding-top: 1.08rem !important;
  padding-bottom: .22rem !important;
  padding-inline-start: .95rem !important;
  padding-inline-end: .95rem !important;
  border: 0 !important;
  border-radius: calc(var(--erp-pass15-radius-md) - 4px) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text, #162033) !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
  text-align: start !important;
}

body.erp-modern-v2 .erp-field-shell > select,
body.erp-modern-v2 .invoice-box > select,
body.erp-modern-v2 .custom-input,
body.erp-modern-v2 .custom-select,
body.erp-modern-v2 select.form-control,
body.erp-modern-v2 .select2-container,
body.erp-modern-v2 .select2,
body.erp-modern-v2 .select2-selection {
  width: 100% !important;
  min-width: 0 !important;
}

body.erp-modern-v2 .erp-field-shell > select,
body.erp-modern-v2 .invoice-box > select,
body.erp-modern-v2 select.custom-input,
body.erp-modern-v2 .custom-select,
body.erp-modern-v2 select.form-control {
  padding-inline-end: 2.4rem !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

body.erp-modern-v2 textarea.form-control,
body.erp-modern-v2 .erp-field-shell > textarea,
body.erp-modern-v2 .invoice-box > textarea,
body.erp-modern-v2 textarea.custom-input {
  min-height: 96px !important;
  height: auto !important;
  padding-top: 1.5rem !important;
  resize: vertical;
}

body.erp-modern-v2 .erp-field-shell input::placeholder,
body.erp-modern-v2 .erp-field-shell textarea::placeholder,
body.erp-modern-v2 .invoice-box input::placeholder,
body.erp-modern-v2 .invoice-box textarea::placeholder,
body.erp-modern-v2 .form-control::placeholder {
  color: color-mix(in srgb, var(--text, #162033) 42%, transparent) !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single,
body.erp-modern-v2 .select2-container--default .select2-selection--multiple {
  min-height: var(--erp-pass15-control-h) !important;
  height: var(--erp-pass15-control-h) !important;
  max-height: var(--erp-pass15-control-h) !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: calc(var(--erp-pass15-radius-md) - 4px) !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  min-height: calc(var(--erp-pass15-control-h) - 2px) !important;
  height: calc(var(--erp-pass15-control-h) - 2px) !important;
  max-height: calc(var(--erp-pass15-control-h) - 2px) !important;
  padding-top: 1.08rem !important;
  padding-bottom: .22rem !important;
  padding-inline-start: .95rem !important;
  padding-inline-end: 2.5rem !important;
  display: flex !important;
  align-items: center !important;
  color: var(--text, #162033) !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: start !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

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

body.erp-modern-v2 .erp-field-shell .select2-container,
body.erp-modern-v2 .invoice-box .select2-container,
body.erp-modern-v2 .form-control-wrapper .select2-container,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container,
body.erp-modern-v2 .l-wrapper1 .select2-container {
  height: var(--erp-pass15-control-h) !important;
  max-height: var(--erp-pass15-control-h) !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 2.3rem !important;
  height: 100% !important;
  max-height: var(--erp-pass15-control-h) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 0 !important;
}

body.erp-modern-v2 .select2-container--default .select2-dropdown,
body.erp-modern-v2 .select2-dropdown {
  border: 1px solid var(--erp-pass15-control-border-soft) !important;
  border-radius: calc(var(--erp-pass15-radius-md) - 2px) !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--card, #ffffff) 97%, var(--bg, #f7f8fa) 3%) !important;
  box-shadow: 0 22px 44px rgba(15, 23, 42, .14) !important;
}

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

body.erp-modern-v2 .erp-field-shell > .form-label,
body.erp-modern-v2 .erp-field-shell .form-label,
body.erp-modern-v2 .erp-field-shell > .custom-label,
body.erp-modern-v2 .erp-field-shell .custom-label,
body.erp-modern-v2 .invoice-box > .form-label,
body.erp-modern-v2 .invoice-box .form-label,
body.erp-modern-v2 .invoice-box > .custom-label,
body.erp-modern-v2 .invoice-box .custom-label,
body.erp-modern-v2 .form-control-wrapper > .form-label,
body.erp-modern-v2 .form-control-wrapper .form-label,
body.erp-modern-v2 .form-control-wrapper > .custom-label,
body.erp-modern-v2 .form-control-wrapper .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope > .form-label,
body.erp-modern-v2 .form-control-wrapper_grope .form-label,
body.erp-modern-v2 .form-control-wrapper_grope > .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope .custom-label,
body.erp-modern-v2 .l-wrapper1 > .form-label,
body.erp-modern-v2 .l-wrapper1 .form-label,
body.erp-modern-v2 .l-wrapper1 > .custom-label,
body.erp-modern-v2 .l-wrapper1 .custom-label,
body.erp-modern-v2 .input-group > .form-label,
body.erp-modern-v2 .input-group .form-label,
body.erp-modern-v2 .input-group > .custom-label,
body.erp-modern-v2 .input-group .custom-label {
  top: 0 !important;
  transform: translateY(-50%) !important;
  max-width: calc(100% - 1.6rem) !important;
  padding: 0 .36rem !important;
  min-height: 1rem !important;
  border-radius: 999px !important;
  background: var(--erp-pass15-label-bg) !important;
  border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 18%, transparent) !important;
  box-shadow: none !important;
  color: var(--erp-pass15-label-color) !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  z-index: 2 !important;
}

body.erp-modern-v2 .erp-field-shell:focus-within .form-label,
body.erp-modern-v2 .invoice-box:focus-within .form-label,
body.erp-modern-v2 .form-control-wrapper:focus-within .form-label,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within .form-label,
body.erp-modern-v2 .l-wrapper1:focus-within .form-label,
body.erp-modern-v2 .input-group:focus-within .form-label,
body.erp-modern-v2 .erp-field-shell:focus-within .custom-label,
body.erp-modern-v2 .invoice-box:focus-within .custom-label,
body.erp-modern-v2 .form-control-wrapper:focus-within .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within .custom-label,
body.erp-modern-v2 .l-wrapper1:focus-within .custom-label,
body.erp-modern-v2 .input-group:focus-within .custom-label,
body.erp-modern-v2 .erp-field-shell.is-filled .form-label,
body.erp-modern-v2 .invoice-box.is-filled .form-label,
body.erp-modern-v2 .form-control-wrapper.is-filled .form-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-filled .form-label,
body.erp-modern-v2 .l-wrapper1.is-filled .form-label,
body.erp-modern-v2 .input-group.is-filled .form-label,
body.erp-modern-v2 .erp-field-shell.is-filled .custom-label,
body.erp-modern-v2 .invoice-box.is-filled .custom-label,
body.erp-modern-v2 .form-control-wrapper.is-filled .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-filled .custom-label,
body.erp-modern-v2 .l-wrapper1.is-filled .custom-label,
body.erp-modern-v2 .input-group.is-filled .custom-label,
body.erp-modern-v2 .custom-input:focus ~ .custom-label,
body.erp-modern-v2 .custom-input:not(:placeholder-shown) ~ .custom-label,
body.erp-modern-v2 select.custom-input:valid ~ .custom-label {
  color: color-mix(in srgb, var(--primary, #4f7cff) 82%, var(--text, #162033) 18%) !important;
  border-color: color-mix(in srgb, var(--primary, #4f7cff) 34%, transparent) !important;
}

html[dir='rtl'] body.erp-modern-v2 .erp-field-shell > .form-label,
html[dir='rtl'] body.erp-modern-v2 .erp-field-shell .form-label,
html[dir='rtl'] body.erp-modern-v2 .erp-field-shell > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .erp-field-shell .custom-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box > .form-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box .form-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper > .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope > .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope .form-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .form-control-wrapper_grope .custom-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 > .form-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 .form-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .l-wrapper1 .custom-label,
html[dir='rtl'] body.erp-modern-v2 .input-group > .form-label,
html[dir='rtl'] body.erp-modern-v2 .input-group .form-label,
html[dir='rtl'] body.erp-modern-v2 .input-group > .custom-label,
html[dir='rtl'] body.erp-modern-v2 .input-group .custom-label {
  right: .82rem !important;
  left: auto !important;
  inset-inline-end: .82rem !important;
  inset-inline-start: auto !important;
}

html[dir='ltr'] body.erp-modern-v2 .erp-field-shell > .form-label,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell .form-label,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .erp-field-shell .custom-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box > .form-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box .form-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper > .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope > .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope .form-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .form-control-wrapper_grope .custom-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 > .form-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 .form-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .l-wrapper1 .custom-label,
html[dir='ltr'] body.erp-modern-v2 .input-group > .form-label,
html[dir='ltr'] body.erp-modern-v2 .input-group .form-label,
html[dir='ltr'] body.erp-modern-v2 .input-group > .custom-label,
html[dir='ltr'] body.erp-modern-v2 .input-group .custom-label {
  left: .82rem !important;
  right: auto !important;
  inset-inline-start: .82rem !important;
  inset-inline-end: auto !important;
}

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

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

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: color-mix(in srgb, var(--text, #162033) 60%, transparent) transparent transparent transparent !important;
  border-width: 6px 5px 0 5px !important;
  margin: 0 !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -35%) !important;
}

body.erp-modern-v2 .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent color-mix(in srgb, var(--text, #162033) 60%, transparent) transparent !important;
  border-width: 0 5px 6px 5px !important;
  transform: translate(-50%, -55%) !important;
}

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

html[dir='rtl'] body.erp-modern-v2 .erp-field-shell--with-arrows .form-label,
html[dir='rtl'] body.erp-modern-v2 .invoice-box.erp-field-shell--with-arrows .form-label {
  right: 1.58rem !important;
  left: auto !important;
  inset-inline-end: 1.58rem !important;
  inset-inline-start: auto !important;
}

html[dir='ltr'] body.erp-modern-v2 .erp-field-shell--with-arrows .form-label,
html[dir='ltr'] body.erp-modern-v2 .invoice-box.erp-field-shell--with-arrows .form-label {
  left: 1.58rem !important;
  right: auto !important;
  inset-inline-start: 1.58rem !important;
  inset-inline-end: auto !important;
}

body.erp-modern-v2 .input-group-text {
  border: 0 !important;
  border-radius: calc(var(--erp-pass15-radius-md) - 4px) !important;
  background: color-mix(in srgb, var(--primary, #4f7cff) 10%, var(--card, #ffffff) 90%) !important;
  color: var(--erp-pass15-label-color) !important;
  font-weight: 800 !important;
}

body.erp-modern-v2 .erp-auth-shell {
  width: min(1320px, calc(100% - 16px));
  max-width: 1320px;
  padding-block: 12px 22px !important;
}

body.erp-modern-v2 .erp-auth-shell__tools,
body.erp-modern-v2 .erp-auth-shell__tool-tray {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .75rem;
}

body.erp-modern-v2 .erp-auth-shell__tools {
  justify-content: space-between;
  margin-bottom: .95rem;
}

body.erp-modern-v2 .erp-auth-shell__tools--end {
  justify-content: flex-end;
}

body.erp-modern-v2 .erp-auth-shell__tool-tray > div,
body.erp-modern-v2 .erp-auth-shell__tool-tray #selectLanguage {
  margin: 0 !important;
}

body.erp-modern-v2 .erp-auth-shell__tools .culture-switcher,
body.erp-modern-v2 .erp-auth-shell__theme-btn {
  min-height: 44px;
  border-radius: 999px !important;
  border: 1px solid var(--erp-pass15-border) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 92%, var(--primary, #4f7cff) 8%));
  box-shadow: var(--erp-pass15-shadow-soft);
}

body.erp-modern-v2 .erp-auth-shell__tools .culture-switcher {
  min-width: 120px;
  padding-inline: .95rem;
}

body.erp-modern-v2 .erp-auth-shell__theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding-inline: 1rem;
  color: var(--text, #18212f) !important;
  font-weight: 800 !important;
}

body.erp-modern-v2 .erp-auth-shell__theme-btn i {
  color: var(--primary, #4f7cff);
}

body.erp-modern-v2 .erp-auth-shell__row {
  row-gap: var(--erp-pass15-gap-md);
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-layout {
  gap: clamp(18px, 2vw, 28px) !important;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-side__surface,
body.erp-modern-v2 .erp-config-card {
  border: 1px solid var(--erp-pass15-border) !important;
  border-radius: var(--erp-pass15-radius-xl) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 93%, #edf5ff 7%)) !important;
  box-shadow: var(--erp-pass15-shadow-strong) !important;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-switch {
  padding: 6px;
  gap: .4rem;
  border-radius: 18px;
  border: 1px solid var(--erp-pass15-border);
  background: color-mix(in srgb, var(--card, #ffffff) 90%, var(--primary, #4f7cff) 10%);
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-switch__btn {
  min-height: 46px;
  border-radius: 14px !important;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-panel {
  display: grid;
  gap: .8rem;
  padding-top: .35rem;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-panel-copy,
body.erp-modern-v2 .erp-config-workspace #auth-logo {
  padding: .95rem 1rem;
  border: 1px solid var(--erp-pass15-border);
  border-radius: var(--erp-pass15-radius-md);
  background: color-mix(in srgb, var(--card, #ffffff) 92%, var(--primary, #4f7cff) 8%);
  box-shadow: var(--erp-pass15-shadow-soft);
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-panel-copy__label,
body.erp-modern-v2.erp-screen-login-register .erp-auth-form-intro__eyebrow {
  color: var(--erp-pass15-muted);
}

body.erp-modern-v2 .erp-config-workspace .main-box,
body.erp-modern-v2 .erp-config-workspace .form-box {
  width: 100% !important;
  max-width: none !important;
}

body.erp-modern-v2 .erp-config-card,
body.erp-modern-v2 .erp-config-workspace #auth-form1,
body.erp-modern-v2 .erp-config-workspace #auth-form11 {
  overflow: visible;
}

body.erp-modern-v2 .erp-config-card__body,
body.erp-modern-v2 .erp-config-workspace .form-box {
  padding: clamp(16px, 2vw, 28px) !important;
}

body.erp-modern-v2 .erp-settings-pane {
  display: grid;
  align-content: start;
}

body.erp-modern-v2 .erp-settings-pane--form,
body.erp-modern-v2 .erp-settings-pane--table,
body.erp-modern-v2 .erp-settings-pane--aside {
  gap: var(--erp-pass15-gap-sm);
}

body.erp-modern-v2 .erp-settings-pane--table > div,
body.erp-modern-v2 .erp-settings-pane--aside > div {
  width: 100%;
}

body.erp-modern-v2 .erp-config-workspace .login-box-msg {
  margin-bottom: .7rem;
}

body.erp-modern-v2 .erp-config-workspace .custom-control.custom-checkbox {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .2rem .8rem;
  border-radius: 14px;
  border: 1px dashed var(--erp-pass15-border);
  background: color-mix(in srgb, var(--card, #ffffff) 94%, var(--accent, #14b8a6) 6%);
}

/* ---------- Targeted auth/config UX refinement ---------- */
/* UI Refactor 2026-03-30: focus login/register and ConfigDB flows without changing legacy logic. */
body.erp-modern-v2.erp-screen-login-register .erp-auth-layout {
  align-items: start;
  grid-template-columns: minmax(320px, .9fr) minmax(420px, 1fr);
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-side__surface {
  position: sticky;
  top: 16px;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-main-box {
  width: 100% !important;
  max-width: none !important;
  min-height: 100%;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-main-box .form-box {
  display: grid;
  gap: .85rem;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-layout--compact {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 720px;
  margin-inline: auto;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-layout--compact .erp-auth-main-box {
  width: min(100%, 720px) !important;
  margin-inline: auto;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-layout--compact .form-box {
  gap: 1rem;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-layout--compact .logo-box_main {
  margin-bottom: .25rem !important;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-layout--compact .erp-auth-panel {
  padding-top: 0;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-form-intro,
body.erp-modern-v2.erp-screen-login-register .erp-auth-inline-note,
body.erp-modern-v2.erp-screen-login-register .erp-auth-status-line,
body.erp-modern-v2.erp-screen-login-register .erp-auth-support-line {
  border: 1px solid var(--erp-pass15-border);
  border-radius: var(--erp-pass15-radius-md);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 94%, #eef6ff 6%));
  box-shadow: var(--erp-pass15-shadow-soft);
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-form-intro,
body.erp-modern-v2.erp-screen-login-register .erp-auth-inline-note {
  padding: .95rem 1rem;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .85rem;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-chip {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .48rem .75rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, #dce8ff 86%);
  background: color-mix(in srgb, var(--card, #ffffff) 91%, var(--primary, #4f7cff) 9%);
  color: var(--text, #18212f);
  font-size: .92rem;
  line-height: 1.35;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-chip i {
  color: var(--primary, #4f7cff);
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-actions .erp-u-display-flex {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  gap: .65rem;
  width: 100%;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-action-row .btn i,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-actions .btn i {
  margin-inline-end: .45rem;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-status-block {
  display: grid;
  gap: .8rem;
  width: min(100%, 720px);
  margin-inline: auto;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-status-line,
body.erp-modern-v2.erp-screen-login-register .erp-auth-support-line {
  margin: 0 !important;
  padding: .85rem 1rem;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-status-line .col-xs-12,
body.erp-modern-v2.erp-screen-login-register .erp-auth-support-line .col-xs-12 {
  padding-inline: 0;
}

body.erp-modern-v2.erp-screen-login-register .erp-auth-status-line h2,
body.erp-modern-v2.erp-screen-login-register .erp-auth-support-line h2 {
  margin: 0;
  line-height: 1.45;
  font-size: clamp(1rem, 1.2vw, 1.15rem);
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register > .container-fluid.erp-auth-shell {
  width: min(640px, calc(100% - 20px));
  max-width: 640px;
  min-height: 100vh;
  display: grid;
  align-content: center;
  padding-block: 20px 28px !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-card,
body.erp-modern-v2.blank-login-body.erp-screen-login-register .hero.erp-auth-layout.erp-auth-layout--compact,
body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-shell__tools {
  width: 100% !important;
  max-width: 540px;
  margin-inline: auto;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-shell__tools {
  margin-bottom: 1rem;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .hero.erp-auth-layout.erp-auth-layout--compact {
  min-height: auto !important;
  margin-top: 0 !important;
  gap: 1rem !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-stage {
  display: grid;
  gap: .95rem;
  width: 100%;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .main-box.erp-auth-main-box {
  display: block !important;
  min-height: auto !important;
  height: auto !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .main-box.erp-auth-main-box .form-box {
  padding: 20px !important;
  gap: .9rem !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .2rem;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head__copy {
  display: grid;
  gap: .38rem;
  min-width: 0;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head__badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 30px;
  padding: .22rem .72rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary, #4f7cff) 10%, #eff6ff 90%);
  border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 18%, #d6e5ff 82%);
  color: var(--primary, #4f7cff);
  font-size: .75rem;
  font-weight: 900;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head__title {
  margin: 0;
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  line-height: 1.15;
  font-weight: 900;
  color: var(--text, #102a43);
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head__logo {
  margin: 0 !important;
  flex: 0 0 auto;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head__logo .svg_logo {
  width: 92px;
  height: auto;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .button-box.erp-auth-switch {
  width: 100%;
  margin: 0 0 .4rem !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-panel {
  gap: .85rem !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-block {
  width: 100% !important;
  margin: 0 !important;
  gap: .75rem !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-block > div:empty {
  display: none;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-line h2,
body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-support-line h2 {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  justify-content: flex-start;
  text-align: start;
  padding: .88rem 1rem !important;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  background: color-mix(in srgb, var(--primary, #4f7cff) 10%, #eff6ff 90%);
  color: var(--primary, #4f7cff);
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-line--warning .erp-auth-status-icon {
  background: rgba(255, 238, 202, .95);
  color: #c28717;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-copy {
  display: grid;
  gap: .16rem;
  min-width: 0;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-copy small {
  color: var(--erp-pass15-muted);
  font-size: .74rem;
  font-weight: 800;
}

body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-status-copy strong {
  font-size: .92rem;
  line-height: 1.6;
  font-weight: 800;
  color: var(--text, #102a43);
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-card--token {
  width: min(100%, 560px) !important;
  margin-inline: auto;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-hero {
  display: grid;
  gap: .8rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--erp-pass15-border);
  border-radius: var(--erp-pass15-radius-lg);
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), color-mix(in srgb, var(--card, #ffffff) 90%, var(--primary, #4f7cff) 10%));
  box-shadow: var(--erp-pass15-shadow-soft);
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-meta__item {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-height: 52px;
  padding: .65rem .8rem;
  border-radius: var(--erp-pass15-radius-md);
  border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, #dce8ff 88%);
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-meta__item i {
  color: var(--primary, #4f7cff);
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-card__body--token {
  display: grid;
  gap: .85rem;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-auth-header,
body.erp-modern-v2.erp-screen-configdb-login #after,
body.erp-modern-v2.erp-screen-configdb-login .sp,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-empty-switch,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-unused-panel {
  display: none !important;
}

body.erp-modern-v2.erp-screen-configdb-login .logo-box_main {
  margin-bottom: 0 !important;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-panel {
  display: grid;
  gap: .85rem;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-panel > [class*='col-'],
body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-actions > [class*='col-'],
body.erp-modern-v2.erp-screen-settings .erp-config-actions-row > [class*='col-'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  padding-inline: 0 !important;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-panel-copy,
body.erp-modern-v2.erp-screen-settings .erp-config-panel-copy,
body.erp-modern-v2.erp-screen-settings .erp-config-serial-note,
body.erp-modern-v2.erp-screen-settings .erp-config-support-line,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-inline-note,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-support-line {
  padding: .95rem 1rem;
  border: 1px solid var(--erp-pass15-border);
  border-radius: var(--erp-pass15-radius-md);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 94%, #eef6ff 6%));
  box-shadow: var(--erp-pass15-shadow-soft);
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-panel-copy__title,
body.erp-modern-v2.erp-screen-settings .erp-settings-pane__title {
  margin-bottom: .45rem;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-panel-copy .erp-auth-panel-copy__text,
body.erp-modern-v2.erp-screen-settings .erp-config-panel-copy .erp-auth-panel-copy__text,
body.erp-modern-v2.erp-screen-settings .erp-config-workspace__lede {
  margin-bottom: 0;
  color: var(--erp-pass15-muted);
  line-height: 1.65;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-actions,
body.erp-modern-v2.erp-screen-settings .erp-config-actions-row {
  row-gap: .75rem;
  margin-bottom: 0 !important;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-inline-note,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-support-line,
body.erp-modern-v2.erp-screen-settings .erp-config-serial-note,
body.erp-modern-v2.erp-screen-settings .erp-config-support-line {
  margin-bottom: 0 !important;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-inline-note .col-xs-12,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-support-line .col-xs-12,
body.erp-modern-v2.erp-screen-settings .erp-config-serial-note .col-xs-12,
body.erp-modern-v2.erp-screen-settings .erp-config-support-line .col-xs-12 {
  padding-inline: 0;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-inline-note h2,
body.erp-modern-v2.erp-screen-configdb-login .erp-config-support-line h2,
body.erp-modern-v2.erp-screen-settings .erp-config-serial-note h2,
body.erp-modern-v2.erp-screen-settings .erp-config-support-line h2 {
  margin: 0;
  line-height: 1.45;
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-inline-note--support {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 90%, var(--accent, #14b8a6) 10%));
}

body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-actions .btn {
  width: 100%;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.erp-modern-v2.erp-screen-settings .erp-config-workspace__lede {
  max-width: 760px;
  margin: .45rem auto 0;
  text-align: center;
}

body.erp-modern-v2.erp-screen-settings .erp-settings-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  width: min(100%, 880px);
  margin: 1rem auto 0;
}

body.erp-modern-v2.erp-screen-settings .erp-settings-summary__item {
  display: grid;
  gap: .2rem;
  padding: .95rem 1rem;
  border: 1px solid var(--erp-pass15-border);
  border-radius: var(--erp-pass15-radius-md);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 92%, var(--primary, #4f7cff) 8%));
  box-shadow: var(--erp-pass15-shadow-soft);
}

body.erp-modern-v2.erp-screen-settings .erp-settings-summary__item span {
  color: var(--erp-pass15-muted);
  font-size: .92rem;
}

body.erp-modern-v2.erp-screen-settings .erp-settings-summary__item strong {
  font-size: clamp(1.15rem, 1.8vw, 1.5rem);
  line-height: 1.1;
}

body.erp-modern-v2.erp-screen-settings .erp-config-flags {
  display: grid;
  gap: .75rem;
}

body.erp-modern-v2.erp-screen-settings .erp-config-flags > [class*='col-'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  padding-inline: 0 !important;
}

body.erp-modern-v2.erp-screen-settings .erp-config-panel-copy__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}

body.erp-modern-v2.erp-screen-settings .erp-config-count-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: .4rem .75rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary, #4f7cff) 14%, #ecf4ff 86%);
  border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 18%, #dce8ff 82%);
  color: var(--text, #18212f);
  font-size: .9rem;
  white-space: nowrap;
}

body.erp-modern-v2.erp-screen-settings .erp-config-action-note {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  margin-top: .25rem;
  padding: .85rem 1rem;
  border: 1px solid var(--erp-pass15-border);
  border-radius: var(--erp-pass15-radius-md);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--card, #ffffff) 94%, #f4fbff 6%));
  color: var(--erp-pass15-muted);
  line-height: 1.65;
  box-shadow: var(--erp-pass15-shadow-soft);
}

body.erp-modern-v2.erp-screen-settings .erp-config-action-note i {
  color: var(--primary, #4f7cff);
  margin-top: .1rem;
}

body.erp-modern-v2.erp-screen-settings .erp-config-table-hint {
  margin-top: .35rem !important;
}

body.erp-modern-v2.erp-screen-settings .erp-settings-pane--form,
body.erp-modern-v2.erp-screen-settings .erp-settings-pane--table {
  align-content: start;
}

body.erp-modern-v2.erp-screen-settings .erp-config-table-wrap {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

body.erp-modern-v2.erp-screen-settings .erp-config-row-link {
  cursor: pointer;
}

body.erp-modern-v2.erp-screen-settings .erp-config-row-link:hover {
  background: color-mix(in srgb, var(--primary, #4f7cff) 6%, #ffffff 94%);
}

body.erp-modern-v2.erp-screen-settings .erp-config-row-link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary, #4f7cff) 48%, transparent);
  outline-offset: -3px;
}

@media (max-width: 991.98px) {
  body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-meta,
  body.erp-modern-v2.erp-screen-settings .erp-settings-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  body.erp-modern-v2 .erp-auth-shell__tools,
  body.erp-modern-v2 .erp-auth-shell__tool-tray {
    width: 100%;
    justify-content: center;
  }

  body.erp-modern-v2 .erp-auth-shell__theme-btn {
    width: 100%;
  }

  body.erp-modern-v2.blank-login-body.erp-screen-login-register > .container-fluid.erp-auth-shell {
    width: calc(100% - 12px);
    padding-block: 12px 18px !important;
  }

  body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head {
    flex-direction: column-reverse;
    align-items: stretch;
    text-align: center;
  }

  body.erp-modern-v2.blank-login-body.erp-screen-login-register .erp-auth-hero-head__badge {
    margin-inline: auto;
  }

  body.erp-modern-v2.erp-screen-login-register .erp-auth-chip-list,
  body.erp-modern-v2.erp-screen-configdb-login .erp-config-token-meta,
  body.erp-modern-v2.erp-screen-settings .erp-settings-summary {
    grid-template-columns: 1fr;
    display: grid;
  }

  body.erp-modern-v2.erp-screen-settings .erp-config-panel-copy__header {
    flex-direction: column;
  }
}

body.erp-modern-v2 .erp-screen-preview .MngRebortRuntimeViewerShell,
body.erp-modern-v2 .erp-screen-preview .MngRebort_V1_RuntimeViewerShell,
body.erp-modern-v2 .erp-screen-preview .MngRebort_V2_RuntimeViewerShell {
  display: grid;
  gap: var(--erp-pass15-gap-lg);
}

body.erp-modern-v2 .erp-preview-shell {
  padding: clamp(10px, 1vw, 16px);
}

body.erp-modern-v2 .MngRebortRuntimePreviewFrameWrap,
body.erp-modern-v2 .MngRebort_V1_RuntimePreviewFrameWrap,
body.erp-modern-v2 .MngRebort_V2_RuntimePreviewFrameWrap {
  overflow: hidden;
  min-height: 72vh;
  border: 1px solid var(--erp-pass15-border);
  border-radius: var(--erp-pass15-radius-lg);
  background: linear-gradient(180deg, #ffffff, #f7fbff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

body.erp-modern-v2 .MngRebortRuntimePreviewFrame,
body.erp-modern-v2 .MngRebort_V1_RuntimePreviewFrame,
body.erp-modern-v2 .MngRebort_V2_RuntimePreviewFrame {
  width: 100%;
  min-height: 72vh;
  background: #ffffff;
}

body.erp-modern-v2 .MngRebortRuntimeToast,
body.erp-modern-v2 .MngRebort_V1_RuntimeToast,
body.erp-modern-v2 .MngRebort_V2_RuntimeToast {
  margin-top: .8rem;
}

body.erp-modern-v2 .erp-details-card {
  margin-inline: 0;
}

body.erp-modern-v2 .erp-details-card__table {
  overflow: hidden;
}

body.erp-modern-v2 .erp-details-card .user-panel {
  margin: 0 !important;
  padding: .35rem 0;
  gap: .75rem;
  align-items: center;
}

body.erp-modern-v2 .erp-details-card .user-panel .image img {
  width: 64px;
  height: 64px;
  border-radius: 16px !important;
  object-fit: cover;
  border: 1px solid var(--erp-pass15-border);
}

body.erp-modern-v2 .erp-runtime-modal__dialog {
  margin-top: clamp(18px, 4vh, 40px);
}

body.erp-modern-v2 .erp-runtime-modal__content {
  overflow: hidden;
}

body.erp-modern-v2 .erp-runtime-modal .modal-header,
body.erp-modern-v2 .erp-runtime-modal--print .modal-header {
  padding: .85rem 1rem !important;
  align-items: center;
  border-bottom: 1px solid var(--erp-pass15-border) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--primary, #4f7cff) 7%, #ffffff 93%), rgba(255,255,255,.9));
}

body.erp-modern-v2 .erp-runtime-modal .modal-body {
  background: transparent;
}

body.erp-modern-v2 .erp-runtime-modal .erp-modal-close,
body.erp-modern-v2 .erp-runtime-modal--print .btn.btn-danger {
  min-width: 42px;
  min-height: 42px;
  border-radius: 12px !important;
}

body.erp-modern-v2 .erp-runtime-modal--print .modal-body {
  padding: .35rem !important;
}

/* ---------- Auto coverage for repeated legacy Views ---------- */
/* UI Refactor 2026-03-29: classify and cover the repeated legacy MVC structures project-wide. */
body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs:not(.erp-transaction-card),
body.erp-modern-v2 .content-wrapper .card.card-primary.card-outline.card-tabs:not(.erp-transaction-card) {
  border: 1px solid var(--erp-pass15-border) !important;
  border-radius: var(--erp-pass15-radius-lg) !important;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), color-mix(in srgb, var(--card, #ffffff) 96%, #eef4ff 4%)) !important;
  box-shadow: var(--erp-pass15-shadow) !important;
}

body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-header,
body.erp-modern-v2 .content-wrapper .card.card-primary.card-outline.card-tabs > .card-header {
  padding: 0 !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--primary, #4f7cff) 8%, #ffffff 92%), rgba(255,255,255,.82)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .08)) !important;
}

body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-body,
body.erp-modern-v2 .content-wrapper .card.card-primary.card-outline.card-tabs > .card-body {
  padding: 0 !important;
}

body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs,
body.erp-modern-v2 .content-wrapper .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding-inline: .1rem;
  border-bottom: 0 !important;
}

body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link,
body.erp-modern-v2 .content-wrapper .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link {
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  min-height: 44px;
  padding: .62rem .95rem !important;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  background: transparent !important;
  color: var(--text, #162033) !important;
  font-weight: 800 !important;
  line-height: 1.15;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link:hover,
body.erp-modern-v2 .content-wrapper .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link:hover {
  background: var(--erp-pass15-surface-soft) !important;
  border-color: var(--erp-pass15-border) !important;
  box-shadow: var(--erp-pass15-shadow-soft);
  transform: translateY(-1px);
}

body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link.active,
body.erp-modern-v2 .content-wrapper .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link.active {
  background: var(--erp-pass15-surface-strong) !important;
  border-color: var(--erp-pass15-border-strong) !important;
}

body.erp-modern-v2.erp-screen-index .panel.panel-hash,
body.erp-modern-v2.erp-screen-report-filters .panel.panel-hash,
body.erp-modern-v2 .content-wrapper .panel.panel-hash {
  border: 1px solid var(--erp-pass15-border) !important;
  border-radius: var(--erp-pass15-radius-lg) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), color-mix(in srgb, var(--card, #ffffff) 97%, #f2f7ff 3%)) !important;
  box-shadow: var(--erp-pass15-shadow) !important;
  overflow: hidden;
}

body.erp-modern-v2.erp-screen-index .panel.panel-hash > .panel-body,
body.erp-modern-v2.erp-screen-report-filters .panel.panel-hash > .panel-body,
body.erp-modern-v2 .content-wrapper .panel.panel-hash > .panel-body {
  padding: .9rem !important;
}

body.erp-modern-v2.erp-screen-index .table-responsive.p-0,
body.erp-modern-v2.erp-screen-report-filters .table-responsive.p-0,
body.erp-modern-v2.erp-screen-settings .table-responsive.p-0,
body.erp-modern-v2 .content-wrapper .table-responsive.p-0 {
  border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(148, 163, 184, .32));
  border-radius: var(--erp-pass15-radius-md);
  background: #ffffff;
}

body.erp-modern-v2.erp-screen-details table.erp-table-shell,
body.erp-modern-v2 .content-wrapper .tab-pane table.erp-table-shell:first-child,
body.erp-modern-v2 .content-wrapper > div > .row > .col-md-12 > table.erp-table-shell {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--erp-pass15-border) !important;
  border-radius: var(--erp-pass15-radius-md) !important;
  box-shadow: var(--erp-pass15-shadow-soft) !important;
  background: #ffffff !important;
}

body.erp-modern-v2.erp-screen-details table.erp-table-shell th,
body.erp-modern-v2.erp-screen-details table.erp-table-shell td,
body.erp-modern-v2 .content-wrapper > div > .row > .col-md-12 > table.erp-table-shell th,
body.erp-modern-v2 .content-wrapper > div > .row > .col-md-12 > table.erp-table-shell td {
  padding: .78rem .9rem !important;
  vertical-align: middle;
}

body.erp-modern-v2.erp-screen-details table.erp-table-shell th,
body.erp-modern-v2 .content-wrapper > div > .row > .col-md-12 > table.erp-table-shell th {
  width: 28%;
  background: color-mix(in srgb, var(--primary, #4f7cff) 10%, #ffffff 90%);
  font-weight: 900;
}

body.erp-modern-v2.erp-screen-auth #auth-form1,
body.erp-modern-v2.erp-screen-auth #auth-form11,
body.erp-modern-v2.erp-screen-auth .hero {
  display: grid;
  gap: var(--erp-pass15-gap-md);
}

body.erp-modern-v2.erp-screen-auth #auth-form1 > .row,
body.erp-modern-v2.erp-screen-auth #auth-form11 > .row,
body.erp-modern-v2.erp-screen-settings #auth-form1 > .row,
body.erp-modern-v2.erp-screen-settings #auth-form11 > .row {
  row-gap: var(--erp-pass15-gap-sm);
}

body.erp-modern-v2.erp-screen-auth .main-box:not(.erp-config-card),
body.erp-modern-v2.erp-screen-settings .main-box:not(.erp-config-card),
body.erp-modern-v2.erp-screen-auth #auth-form1,
body.erp-modern-v2.erp-screen-auth #auth-form11,
body.erp-modern-v2.erp-screen-settings #auth-form1,
body.erp-modern-v2.erp-screen-settings #auth-form11 {
  border-radius: var(--erp-pass15-radius-xl) !important;
}

body.erp-modern-v2.erp-screen-auth .form-box,
body.erp-modern-v2.erp-screen-settings .form-box {
  padding: clamp(16px, 2vw, 28px) !important;
}

body.erp-modern-v2.erp-screen-auth #auth-logo,
body.erp-modern-v2.erp-screen-settings #auth-logo,
body.erp-modern-v2.erp-screen-auth .logo-box_main,
body.erp-modern-v2.erp-screen-settings .logo-box_main {
  margin-bottom: .75rem;
}

body.erp-modern-v2.erp-screen-auth .login-box-msg,
body.erp-modern-v2.erp-screen-settings .login-box-msg {
  line-height: 1.35;
}

body.erp-modern-v2.erp-screen-auth .custom-control.custom-checkbox,
body.erp-modern-v2.erp-screen-settings .custom-control.custom-checkbox {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .2rem .8rem;
  border-radius: 14px;
  border: 1px dashed var(--erp-pass15-border);
  background: color-mix(in srgb, var(--card, #ffffff) 94%, var(--accent, #14b8a6) 6%);
}

body.erp-modern-v2 .modal.fade:not(.erp-runtime-modal) .modal-dialog {
  margin-top: clamp(18px, 4vh, 40px);
}

body.erp-modern-v2 .modal.fade:not(.erp-runtime-modal) .modal-content {
  border: 1px solid var(--erp-pass15-border) !important;
  border-radius: var(--erp-pass15-radius-lg) !important;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), color-mix(in srgb, var(--card, #ffffff) 96%, #eef4ff 4%)) !important;
  box-shadow: var(--erp-pass15-shadow) !important;
}

body.erp-modern-v2 .modal.fade:not(.erp-runtime-modal) .modal-header {
  padding: .85rem 1rem !important;
  border-bottom: 1px solid var(--erp-pass15-border) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--primary, #4f7cff) 7%, #ffffff 93%), rgba(255,255,255,.9));
}

body.erp-modern-v2 .modal.fade:not(.erp-runtime-modal) .modal-body {
  padding: .85rem 1rem !important;
}

body.erp-modern-v2 .modal.fade:not(.erp-runtime-modal) .btn.btn-danger {
  min-height: 42px;
  border-radius: 12px !important;
}

@media (max-width: 1199.98px) {
  body.erp-modern-v2 .erp-tab-ribbon .nav-link,
  body.erp-modern-v2 .card.card-tabs > .card-header .nav-tabs .nav-link {
    padding-inline: .8rem !important;
  }
}

@media (max-width: 991.98px) {
  body.erp-modern-v2 .erp-content-shell {
    padding-top: 8px;
  }

  body.erp-modern-v2.erp-screen-login-register .erp-auth-layout {
    grid-template-columns: 1fr !important;
  }

  body.erp-modern-v2.erp-screen-login-register .erp-auth-main-box {
    order: 1;
  }

  body.erp-modern-v2.erp-screen-login-register .erp-auth-side {
    order: 2;
  }

  body.erp-modern-v2.erp-screen-login-register .erp-auth-side__surface {
    position: static;
  }

  body.erp-modern-v2 .erp-transaction-card > .card-header,
  body.erp-modern-v2 .erp-transaction-card__body,
  body.erp-modern-v2 .erp-index-panel > .panel-body,
  body.erp-modern-v2 .erp-config-card__body,
  body.erp-modern-v2 .erp-config-workspace .form-box,
  body.erp-modern-v2 .erp-preview-shell {
    padding: .8rem !important;
  }

  body.erp-modern-v2 .erp-index-toolbar > [class*='col-'],
  body.erp-modern-v2 .erp-config-split > [class*='col-'] {
    margin-bottom: .2rem;
  }
}

@media (max-width: 767.98px) {
  body.erp-modern-v2 .erp-auth-shell {
    width: calc(100% - 10px);
    padding-inline: 0 !important;
  }

  body.erp-modern-v2 .erp-tab-ribbon,
  body.erp-modern-v2 .card.card-tabs > .card-header .nav-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.erp-modern-v2 .erp-tab-ribbon .nav-link,
  body.erp-modern-v2 .card.card-tabs > .card-header .nav-tabs .nav-link,
  body.erp-modern-v2 .filter-btn,
  body.erp-modern-v2 .erp-view-frame .btn,
  body.erp-modern-v2 .erp-config-workspace .btn {
    width: 100%;
  }

  body.erp-modern-v2 .erp-filter-panel--report {
    width: min(calc(100vw - 10px), 420px) !important;
    border-radius: 0 var(--erp-pass15-radius-lg) var(--erp-pass15-radius-lg) 0 !important;
  }

  body.erp-modern-v2.erp-screen-login-register .erp-auth-actions .erp-u-display-flex {
    grid-template-columns: 1fr;
  }

  html[dir='rtl'] body.erp-modern-v2 .erp-filter-panel--report {
    border-radius: var(--erp-pass15-radius-lg) 0 0 var(--erp-pass15-radius-lg) !important;
  }

  body.erp-modern-v2 .erp-index-panel .table-responsive,
  body.erp-modern-v2 .erp-settings-pane--table .table-responsive {
    max-height: 58vh !important;
  }

  body.erp-modern-v2 .MngRebortRuntimePreviewFrameWrap,
  body.erp-modern-v2 .MngRebort_V1_RuntimePreviewFrameWrap,
  body.erp-modern-v2 .MngRebort_V2_RuntimePreviewFrameWrap,
  body.erp-modern-v2 .MngRebortRuntimePreviewFrame,
  body.erp-modern-v2 .MngRebort_V1_RuntimePreviewFrame,
  body.erp-modern-v2 .MngRebort_V2_RuntimePreviewFrame {
    min-height: 60vh;
  }
}