/* UI Refactor 2026-03-30:
   Third-wave controller-wide polish for controller families, adaptive tabs,
   wide report shells, page context, dense toolbars, and filter/table harmony.
   Visual-only layer; no business logic changes. */

body.erp-modern-v2 {
    --erp-pass21-line: color-mix(in oklab, var(--primary) 14%, rgba(15, 23, 42, .14));
    --erp-pass21-line-strong: color-mix(in oklab, var(--primary) 22%, rgba(15, 23, 42, .18));
    --erp-pass21-surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .95));
    --erp-pass21-surface-alt: linear-gradient(180deg, rgba(248, 252, 255, .96), rgba(255, 255, 255, .98));
    --erp-pass21-shadow: 0 20px 44px rgba(15, 23, 42, .10);
    --erp-pass21-shadow-soft: 0 14px 30px rgba(15, 23, 42, .07);
    --erp-pass21-floating-label-rest: translateY(-56%);
    --erp-pass21-floating-label-hover: translateY(-72%);
    --erp-pass21-floating-label-active: translateY(-86%);
    --erp-pass21-floating-label-shadow: 0 10px 22px rgba(15, 23, 42, .08);
}

/* UI Refactor 2026-03-30: lift floating labels further on hover/focus and
   reserve a little more top breathing room so values never visually collide
   with the label chip in dense legacy forms. */
body.erp-modern-v2 .erp-field-shell > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .erp-field-shell > select,
body.erp-modern-v2 .erp-field-shell > .form-control,
body.erp-modern-v2 .erp-field-shell > .erp-form-control,
body.erp-modern-v2 .erp-field-shell .form-control,
body.erp-modern-v2 .erp-field-shell .erp-form-control,
body.erp-modern-v2 .erp-field-shell .form-control_mycustom,
body.erp-modern-v2 .invoice-box > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .invoice-box > select,
body.erp-modern-v2 .invoice-box > .form-control,
body.erp-modern-v2 .invoice-box .form-control,
body.erp-modern-v2 .form-control-wrapper > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .form-control-wrapper > select,
body.erp-modern-v2 .form-control-wrapper > .form-control,
body.erp-modern-v2 .form-control-wrapper .form-control,
body.erp-modern-v2 .form-control-wrapper_grope > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .form-control-wrapper_grope > select,
body.erp-modern-v2 .form-control-wrapper_grope > .form-control,
body.erp-modern-v2 .form-control-wrapper_grope .form-control,
body.erp-modern-v2 .form-control-wrapper_grope .form-control_mycustom,
body.erp-modern-v2 .l-wrapper1 > input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
body.erp-modern-v2 .l-wrapper1 > select,
body.erp-modern-v2 .l-wrapper1 > .form-control,
body.erp-modern-v2 .l-wrapper1 .form-control {
    padding-top: 1rem !important;
    padding-bottom: .14rem !important;
}

body.erp-modern-v2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 1rem !important;
    padding-bottom: .14rem !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 {
    transform: var(--erp-pass21-floating-label-rest) !important;
    padding-inline: .48rem !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary, #4f7cff) 12%, transparent) !important;
    transition: transform .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

body.erp-modern-v2 .erp-field-shell:hover > .form-label,
body.erp-modern-v2 .erp-field-shell:hover .form-label,
body.erp-modern-v2 .erp-field-shell:hover > .custom-label,
body.erp-modern-v2 .erp-field-shell:hover .custom-label,
body.erp-modern-v2 .invoice-box:hover > .form-label,
body.erp-modern-v2 .invoice-box:hover .form-label,
body.erp-modern-v2 .invoice-box:hover > .custom-label,
body.erp-modern-v2 .invoice-box:hover .custom-label,
body.erp-modern-v2 .form-control-wrapper:hover > .form-label,
body.erp-modern-v2 .form-control-wrapper:hover .form-label,
body.erp-modern-v2 .form-control-wrapper:hover > .custom-label,
body.erp-modern-v2 .form-control-wrapper:hover .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope:hover > .form-label,
body.erp-modern-v2 .form-control-wrapper_grope:hover .form-label,
body.erp-modern-v2 .form-control-wrapper_grope:hover > .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope:hover .custom-label,
body.erp-modern-v2 .l-wrapper1:hover > .form-label,
body.erp-modern-v2 .l-wrapper1:hover .form-label,
body.erp-modern-v2 .l-wrapper1:hover > .custom-label,
body.erp-modern-v2 .l-wrapper1:hover .custom-label,
body.erp-modern-v2 .input-group:hover > .form-label,
body.erp-modern-v2 .input-group:hover .form-label,
body.erp-modern-v2 .input-group:hover > .custom-label,
body.erp-modern-v2 .input-group:hover .custom-label,
body.erp-modern-v2 .custom-input:hover ~ .custom-label,
body.erp-modern-v2 select.custom-input:hover ~ .custom-label {
    transform: var(--erp-pass21-floating-label-hover) !important;
    background: color-mix(in srgb, var(--erp-pass16-label-bg-active, #ffffff) 90%, var(--primary, #4f7cff) 10%) !important;
    color: color-mix(in srgb, var(--erp-pass16-label-color-active, var(--primary, #4f7cff)) 76%, var(--text, #162033) 24%) !important;
    box-shadow: var(--erp-pass21-floating-label-shadow) !important;
}

body.erp-modern-v2 .erp-field-shell:focus-within > .form-label,
body.erp-modern-v2 .erp-field-shell:focus-within .form-label,
body.erp-modern-v2 .erp-field-shell:focus-within > .custom-label,
body.erp-modern-v2 .erp-field-shell:focus-within .custom-label,
body.erp-modern-v2 .invoice-box:focus-within > .form-label,
body.erp-modern-v2 .invoice-box:focus-within .form-label,
body.erp-modern-v2 .invoice-box:focus-within > .custom-label,
body.erp-modern-v2 .invoice-box:focus-within .custom-label,
body.erp-modern-v2 .form-control-wrapper:focus-within > .form-label,
body.erp-modern-v2 .form-control-wrapper:focus-within .form-label,
body.erp-modern-v2 .form-control-wrapper: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 > .form-label,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within .form-label,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within > .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope:focus-within .custom-label,
body.erp-modern-v2 .l-wrapper1:focus-within > .form-label,
body.erp-modern-v2 .l-wrapper1:focus-within .form-label,
body.erp-modern-v2 .l-wrapper1:focus-within > .custom-label,
body.erp-modern-v2 .l-wrapper1:focus-within .custom-label,
body.erp-modern-v2 .input-group:focus-within > .form-label,
body.erp-modern-v2 .input-group:focus-within .form-label,
body.erp-modern-v2 .input-group:focus-within > .custom-label,
body.erp-modern-v2 .input-group:focus-within .custom-label,
body.erp-modern-v2 .erp-field-shell.is-open > .form-label,
body.erp-modern-v2 .erp-field-shell.is-open .form-label,
body.erp-modern-v2 .erp-field-shell.is-open > .custom-label,
body.erp-modern-v2 .erp-field-shell.is-open .custom-label,
body.erp-modern-v2 .invoice-box.is-open > .form-label,
body.erp-modern-v2 .invoice-box.is-open .form-label,
body.erp-modern-v2 .invoice-box.is-open > .custom-label,
body.erp-modern-v2 .invoice-box.is-open .custom-label,
body.erp-modern-v2 .form-control-wrapper.is-open > .form-label,
body.erp-modern-v2 .form-control-wrapper.is-open .form-label,
body.erp-modern-v2 .form-control-wrapper.is-open > .custom-label,
body.erp-modern-v2 .form-control-wrapper.is-open .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-open > .form-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-open .form-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-open > .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-open .custom-label,
body.erp-modern-v2 .l-wrapper1.is-open > .form-label,
body.erp-modern-v2 .l-wrapper1.is-open .form-label,
body.erp-modern-v2 .l-wrapper1.is-open > .custom-label,
body.erp-modern-v2 .l-wrapper1.is-open .custom-label,
body.erp-modern-v2 .erp-field-shell.is-filled > .form-label,
body.erp-modern-v2 .erp-field-shell.is-filled .form-label,
body.erp-modern-v2 .erp-field-shell.is-filled > .custom-label,
body.erp-modern-v2 .erp-field-shell.is-filled .custom-label,
body.erp-modern-v2 .invoice-box.is-filled > .form-label,
body.erp-modern-v2 .invoice-box.is-filled .form-label,
body.erp-modern-v2 .invoice-box.is-filled > .custom-label,
body.erp-modern-v2 .invoice-box.is-filled .custom-label,
body.erp-modern-v2 .form-control-wrapper.is-filled > .form-label,
body.erp-modern-v2 .form-control-wrapper.is-filled .form-label,
body.erp-modern-v2 .form-control-wrapper.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 > .form-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-filled .form-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-filled > .custom-label,
body.erp-modern-v2 .form-control-wrapper_grope.is-filled .custom-label,
body.erp-modern-v2 .l-wrapper1.is-filled > .form-label,
body.erp-modern-v2 .l-wrapper1.is-filled .form-label,
body.erp-modern-v2 .l-wrapper1.is-filled > .custom-label,
body.erp-modern-v2 .l-wrapper1.is-filled .custom-label,
body.erp-modern-v2 .input-group.is-filled > .form-label,
body.erp-modern-v2 .input-group.is-filled .form-label,
body.erp-modern-v2 .input-group.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 {
    transform: var(--erp-pass21-floating-label-active) !important;
    background: color-mix(in srgb, var(--erp-pass16-label-bg-active, #ffffff) 82%, var(--primary, #4f7cff) 18%) !important;
    color: color-mix(in srgb, var(--primary, #4f7cff) 84%, var(--text, #162033) 16%) !important;
    box-shadow: 0 12px 26px rgba(79, 124, 255, .12) !important;
}

body.erp-modern-v2 .erp-content-shell--full {
    max-width: 100%;
    padding-inline: clamp(10px, 2vw, 24px);
}

body.erp-modern-v2 .erp-page-shell--wide {
    width: 100%;
    max-width: none;
}

body.erp-modern-v2 .erp-page-shell--wide > * {
    max-width: 100%;
}

body.erp-modern-v2 .erp-page-context {
    margin-bottom: 22px;
    border: 1px solid var(--erp-pass21-line);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, color-mix(in oklab, var(--primary) 10%, transparent), transparent 30%),
        var(--erp-pass21-surface);
    box-shadow: var(--erp-pass21-shadow-soft);
    backdrop-filter: blur(14px);
}

body.erp-modern-v2.erp-area-transactions .erp-page-context,
body.erp-modern-v2.erp-area-reference .erp-page-context,
body.erp-modern-v2.erp-area-ledger .erp-page-context {
    border-color: color-mix(in oklab, var(--primary) 20%, rgba(15, 23, 42, .16));
}

body.erp-modern-v2.erp-area-reports .erp-page-context {
    background:
        radial-gradient(circle at top right, color-mix(in oklab, var(--accent) 14%, transparent), transparent 32%),
        var(--erp-pass21-surface-alt);
    border-color: color-mix(in oklab, var(--accent) 18%, rgba(15, 23, 42, .16));
}

body.erp-modern-v2.erp-area-settings .erp-page-context,
body.erp-modern-v2.erp-area-auth .erp-page-context {
    background:
        radial-gradient(circle at top left, color-mix(in oklab, var(--accent) 10%, transparent), transparent 30%),
        var(--erp-pass21-surface-alt);
}

body.erp-modern-v2 .erp-page-context__chips {
    row-gap: 10px;
}

body.erp-modern-v2 .erp-page-context__title {
    letter-spacing: -.02em;
}

body.erp-modern-v2 .erp-view-metric {
    min-height: 88px;
}

body.erp-modern-v2 .erp-tabs-shell {
    position: relative;
}

body.erp-modern-v2 .erp-tab-ribbon,
body.erp-modern-v2 .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 14px 6px;
    margin: 0;
}

body.erp-modern-v2 .erp-tab-ribbon .nav-item,
body.erp-modern-v2 .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-item {
    margin: 0;
}

body.erp-modern-v2 .erp-tab-ribbon .nav-link,
body.erp-modern-v2 .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 52px;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--primary) 10%, rgba(148, 163, 184, .25));
}

body.erp-modern-v2 .erp-tab-ribbon .erp-title-tile {
    justify-content: flex-start;
}

body.erp-modern-v2 .erp-tabs-more-toggle {
    margin-inline-start: auto;
}

body.erp-modern-v2 .erp-tabs-more-toggle .nav-link {
    border-style: dashed;
    background:
        linear-gradient(135deg, color-mix(in oklab, var(--primary) 8%, white 92%), rgba(255, 255, 255, .98));
}

body.erp-modern-v2 .erp-tab-extra-visible {
    display: block !important;
    animation: erp-pass21-fade-in .18s ease;
}

body.erp-modern-v2 .erp-index-workspace {
    row-gap: 18px;
}

body.erp-modern-v2 .erp-index-toolbar,
body.erp-modern-v2 .erp-smart-toolbar {
    align-items: stretch;
}

body.erp-modern-v2 .erp-index-toolbar > [class*='col-'] {
    display: flex;
    align-items: stretch;
    margin-bottom: 12px;
}

body.erp-modern-v2 .erp-index-toolbar .form-group,
body.erp-modern-v2 .erp-index-toolbar .erp-field-shell,
body.erp-modern-v2 .erp-index-toolbar .row,
body.erp-modern-v2 .erp-index-toolbar .col-sm-12 {
    width: 100%;
}

body.erp-modern-v2 .erp-index-toolbar .btn,
body.erp-modern-v2 .erp-smart-toolbar .btn {
    width: 100%;
    min-height: 48px;
}

body.erp-modern-v2 .erp-index-toolbar .filter-btn {
    border-style: dashed;
    box-shadow: var(--erp-pass21-shadow-soft);
}

/* UI Refactor 2026-03-30: report workspace polish for filter/report screens.
   Improve toolbar hierarchy, active-filter visibility, and table readability
   while keeping the existing markup and report logic untouched. */
body.erp-modern-v2 .erp-index-toolbar {
    position: relative;
    margin-bottom: 16px;
    padding: 14px 16px 4px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .09));
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--primary, #4f7cff) 10%, transparent), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 249, 255, .95));
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
    backdrop-filter: blur(10px);
}

body.erp-modern-v2 .erp-index-toolbar .btn {
    border-radius: 18px;
    font-weight: 800;
    letter-spacing: -.01em;
}

body.erp-modern-v2 .erp-index-toolbar .filter-btn {
    position: relative;
    overflow: visible;
}

body.erp-modern-v2 .erp-index-toolbar .filter-btn.erp-filter-trigger--active {
    border-style: solid;
    border-color: color-mix(in srgb, var(--primary, #4f7cff) 28%, transparent);
    background: linear-gradient(135deg, var(--primary, #4f7cff), color-mix(in srgb, var(--primary, #4f7cff) 72%, #ffffff 28%));
    box-shadow: 0 18px 34px rgba(79, 124, 255, .22);
}

body.erp-modern-v2 .erp-index-toolbar .filter-btn.erp-filter-trigger--open {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--primary, #4f7cff), color-mix(in srgb, var(--primary, #4f7cff) 72%, #ffffff 28%)) !important;
    box-shadow: 0 18px 34px rgba(79, 124, 255, .24) !important;
}

body.erp-modern-v2 .filter-btn_center.erp-overlay-trigger--open,
body.erp-modern-v2 .filter-btn_center_print.erp-overlay-trigger--open,
body.erp-modern-v2 .filter-btn_center_InvoiceEdafat.erp-overlay-trigger--open {
    color: #ffffff !important;
    border-color: color-mix(in srgb, var(--primary, #4f7cff) 28%, transparent) !important;
    background: linear-gradient(135deg, var(--primary, #4f7cff), color-mix(in srgb, var(--primary, #4f7cff) 72%, #ffffff 28%)) !important;
    box-shadow: 0 18px 34px rgba(79, 124, 255, .24) !important;
}

body.erp-modern-v2 .erp-index-toolbar .filter-btn .erp-filter-count-badge {
    position: absolute;
    inset-block-start: -8px;
    inset-inline-end: -6px;
    min-width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 7px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ef4444, #f97316);
    color: #ffffff;
    font-size: .76rem;
    font-weight: 900;
    box-shadow: 0 10px 18px rgba(239, 68, 68, .24);
}

body.erp-modern-v2 .erp-index-panel {
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    border-radius: 30px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 249, 255, .96));
    box-shadow: 0 22px 46px rgba(15, 23, 42, .08);
}

body.erp-modern-v2 .erp-index-panel .panel-heading {
    min-height: 14px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--primary, #4f7cff) 10%, #ffffff), rgba(255, 255, 255, .92));
    border-bottom: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .06));
}

body.erp-modern-v2 .erp-index-panel .panel-body {
    padding: 12px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 248, 255, .94));
}

body.erp-modern-v2 .erp-table-shell {
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    background: #ffffff;
}

body.erp-modern-v2 .erp-table-shell thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--primary, #4f7cff) 9%, #ffffff), color-mix(in srgb, var(--primary, #4f7cff) 5%, #ffffff)) !important;
    color: var(--text, #162033);
    font-weight: 800;
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
}

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

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

body.erp-modern-v2 .erp-report-filter-open .erp-index-toolbar,
body.erp-modern-v2 .erp-report-filter-open .erp-index-panel {
    transform: scale(.994);
    opacity: .92;
    transition: transform .18s ease, opacity .18s ease;
}

body.erp-modern-v2 .erp-filter-panel--report {
    border-left: 1px solid var(--erp-pass21-line) !important;
    box-shadow: var(--erp-pass21-shadow) !important;
    backdrop-filter: blur(14px);
}

body.erp-modern-v2 .erp-filter-panel--report .filter-body {
    padding: 18px 18px 10px;
}

body.erp-modern-v2 .erp-filter-panel--report .filter-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px 18px;
    background: transparent;
}

/* UI Refactor 2026-03-30: report date UX and filter-sheet visibility pass.
   Keep report filters above dense tables and make date fields/calendar calmer,
   clearer, and easier to use without touching any report logic. */
body.erp-modern-v2.erp-screen-report-filters .filter-overlay {
    z-index: 830000 !important;
    backdrop-filter: blur(6px) !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report {
    z-index: 830100 !important;
    top: clamp(82px, 11vh, 108px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    width: min(680px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    max-height: min(calc(100vh - 108px), 760px) !important;
    border-radius: 30px !important;
    border-inline-start: 1px solid var(--erp-pass21-line) !important;
    transform: translate(-50%, 18px) scale(.985) !important;
    transform-origin: center top !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel .filter-body,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report .filter-body {
    overscroll-behavior: contain;
    max-height: min(calc(100vh - 212px), 610px);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel.open,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report.open {
    transform: translate(-50%, 0) scale(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel__header {
    min-height: 62px !important;
    padding-inline: 18px !important;
    border-bottom: 1px solid color-mix(in oklab, var(--primary) 14%, rgba(15, 23, 42, .10));
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel .filter-footer,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report .filter-footer {
    border-top: 1px solid color-mix(in oklab, var(--primary) 10%, rgba(15, 23, 42, .10));
}

/* UI Refactor 2026-03-30: professional report-filter panel layout so legacy
   filter forms read as a clean grid with clear actions, without changing the
   underlying filter logic or field wiring. */
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel.erp-filter-panel--ux,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report.erp-filter-panel--ux {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--primary, #4f7cff) 10%, transparent), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(244, 249, 255, .98)) !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-panel__header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-block: 14px !important;
    color: #ffffff;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary, #4f7cff) 82%, #ffffff 18%), color-mix(in srgb, var(--primary, #4f7cff) 64%, #ffffff 36%)) !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-panel__header > .fa,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-panel__header > .fas,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-panel__header > .far {
    width: 40px;
    height: 40px;
    display: inline-grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, .18);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux #TsfiaRebortTitle {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .filter-close {
    width: 38px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    border-radius: 12px;
    color: #ffffff;
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .filter-close:hover {
    transform: scale(1.04);
    background: rgba(255, 255, 255, .22);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .16);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .filter-body {
    padding: 18px 18px 14px !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-body-row {
    margin: 0 !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    padding: 0;
    margin: 0;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-grid > [class*='col-'] {
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0;
    margin: 0;
    float: none;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-span-full {
    grid-column: 1 / -1;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-form-group {
    margin-bottom: 0;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-field-shell {
    min-height: 76px;
    padding: 10px 12px 8px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .08));
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 249, 255, .95));
    box-shadow: 0 12px 26px rgba(15, 23, 42, .05);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-field-shell:hover,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-field-shell:focus-within {
    border-color: color-mix(in srgb, var(--primary, #4f7cff) 28%, rgba(15, 23, 42, .12));
    box-shadow: 0 16px 30px rgba(79, 124, 255, .10);
    transform: translateY(-1px);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-field-shell > .form-control,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-field-shell .form-control {
    background: rgba(255, 255, 255, .92);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux h5 {
    margin: 4px 0 0;
    font-size: .96rem;
    font-weight: 800;
    color: var(--text, #162033);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-choice-card {
    min-height: 58px;
    margin: 0;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 16%, rgba(15, 23, 42, .08));
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 249, 255, .94));
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .row.text-center {
    margin: 0;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px dashed color-mix(in srgb, var(--primary, #4f7cff) 18%, rgba(15, 23, 42, .10));
    background: color-mix(in srgb, var(--primary, #4f7cff) 4%, #ffffff);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .row.text-center label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 4px 10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary, #4f7cff) 10%, transparent);
    cursor: pointer;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .filter-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px 18px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(244, 248, 255, .98)) !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-footer-note {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .88rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--text, #162033) 68%, var(--primary, #4f7cff) 32%);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-footer-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-inline-start: auto;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-footer-btn {
    min-height: 46px;
    padding-inline: 18px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-footer-btn.btn-light {
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .08));
    background: rgba(255, 255, 255, .96);
    color: var(--text, #162033);
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-footer-btn.btn-primary {
    border: none;
    background: linear-gradient(135deg, var(--primary, #4f7cff), color-mix(in srgb, var(--primary, #4f7cff) 74%, #ffffff 26%));
}

body.erp-modern-v2 .select2-container--open {
    z-index: 830220 !important;
}

body.erp-modern-v2 .select2-container--open .select2-dropdown {
    z-index: 830230 !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 42px rgba(15, 23, 42, .16) !important;
}

body.erp-modern-v2 .erp-filter-overlay--anchored {
    background: rgba(15, 23, 42, .14) !important;
    backdrop-filter: blur(3px) !important;
}

/* UX Refinement 2026-03-30: center overlays and report filters should feel
   like lightweight floating surfaces, not blocking modals. Keep the page
   visible and stable while the panel itself stays prominent. */
body.erp-modern-v2 .erp-filter-overlay,
body.erp-modern-v2 .erp-filter-overlay-print,
body.erp-modern-v2 .erp-filter-overlay-invoice,
body.erp-modern-v2 .filter-overlay,
body.erp-modern-v2 .filter-overlay_center,
body.erp-modern-v2 .filter-overlay_center_print,
body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat,
body.erp-modern-v2 .erp-filter-overlay--anchored {
    background: transparent !important;
    backdrop-filter: none !important;
}

body.erp-modern-v2 .erp-filter-overlay,
body.erp-modern-v2 .erp-filter-overlay-print,
body.erp-modern-v2 .erp-filter-overlay-invoice,
body.erp-modern-v2 .filter-overlay,
body.erp-modern-v2 .filter-overlay_center,
body.erp-modern-v2 .filter-overlay_center_print,
body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

body.erp-modern-v2.erp-overlay-open,
body.erp-modern-v2.erp-report-filter-open,
body.erp-modern-v2.erp-center-sheet-open {
    overflow: visible !important;
}

body.erp-modern-v2 .erp-report-filter-open .erp-index-toolbar,
body.erp-modern-v2 .erp-report-filter-open .erp-index-panel {
    transform: none !important;
    opacity: 1 !important;
}

/* UI Refactor 2026-03-30: force the professional filter-sheet treatment on
   both legacy side sheets and center overlays so AddEdit/Invoice screens do
   not fall back to the older narrow panel styles. */
body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux {
    z-index: 830100 !important;
    top: clamp(70px, 10vh, 106px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    width: min(680px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    max-height: min(calc(100vh - 102px), 760px) !important;
    border-radius: 30px !important;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .09)) !important;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--primary, #4f7cff) 10%, transparent), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(244, 249, 255, .98)) !important;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .20) !important;
    transform: translate(-50%, 18px) scale(.985) !important;
    transform-origin: center top !important;
    overflow: hidden !important;
}

body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    width: min(760px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    max-height: min(calc(100vh - 48px), 820px) !important;
    transform: translate(-50%, -46%) scale(.985) !important;
    transform-origin: center center !important;
}

body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel.erp-filter-panel--ux,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report.erp-filter-panel--ux {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(720px, calc(100vw - 44px)) !important;
    max-width: calc(100vw - 44px) !important;
    max-height: min(calc(100vh - 54px), 820px) !important;
    transform: translate(-50%, -46%) scale(.985) !important;
    transform-origin: center center !important;
}

body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux.open,
body.erp-modern-v2 .filter-overlay.open .erp-filter-panel.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay-print.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay-invoice.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center.open .filter-sidebar_center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center_print.open .filter-sidebar_center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat.open .filter-sidebar_center.erp-filter-panel--ux {
    transform: translate(-50%, 0) scale(1) !important;
    opacity: 1 !important;
}

body.erp-modern-v2 .erp-filter-overlay.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay-print.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay-invoice.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center.open .filter-sidebar_center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center_print.open .filter-sidebar_center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat.open .filter-sidebar_center.erp-filter-panel--ux {
    transform: translate(-50%, -50%) scale(1) !important;
}

body.erp-modern-v2.erp-screen-report-filters .filter-overlay.open .erp-filter-panel.erp-filter-panel--ux,
body.erp-modern-v2.erp-screen-report-filters .filter-overlay.open .erp-filter-panel--report.erp-filter-panel--ux {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
}

body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux.erp-filter-panel--anchored,
body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux.erp-filter-panel--anchored,
body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux.erp-filter-panel--anchored {
    width: min(560px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    border-radius: 26px !important;
    transform: translateY(14px) scale(.985) !important;
    overflow: hidden !important;
}

body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux.erp-filter-panel--anchored.open,
body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux.erp-filter-panel--anchored.open,
body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux.erp-filter-panel--anchored.open {
    transform: translateY(0) scale(1) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux.erp-filter-panel--anchored .filter-body,
body.erp-modern-v2 .erp-filter-panel--ux.erp-filter-panel--anchored .filter-body_center {
    max-height: min(calc(100vh - 190px), 590px) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-panel__header,
body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-header-center,
body.erp-modern-v2 .erp-filter-panel--ux .filter-header_center {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 62px !important;
    padding: 14px 18px !important;
    border-radius: 30px 30px 0 0 !important;
    color: #ffffff !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary, #4f7cff) 82%, #ffffff 18%), color-mix(in srgb, var(--primary, #4f7cff) 64%, #ffffff 36%)) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-body,
body.erp-modern-v2 .erp-filter-panel--ux .filter-body_center {
    width: 100%;
    padding: 18px 18px 14px !important;
    overflow: auto !important;
    max-height: min(calc(100vh - 214px), 610px) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-body > .row,
body.erp-modern-v2 .erp-filter-panel--ux .filter-body_center > .row {
    margin-inline: 0 !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-close,
body.erp-modern-v2 .erp-filter-panel--ux .filter-close_center,
body.erp-modern-v2 .erp-filter-panel--ux .filter-close_center_print,
body.erp-modern-v2 .erp-filter-panel--ux .filter-close_center_InvoiceEdafat {
    width: 38px;
    height: 38px;
    display: inline-grid !important;
    place-items: center !important;
    margin-inline-start: auto;
    border-radius: 12px;
    color: #ffffff !important;
    background: rgba(255, 255, 255, .14) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-close:hover,
body.erp-modern-v2 .erp-filter-panel--ux .filter-close_center:hover,
body.erp-modern-v2 .erp-filter-panel--ux .filter-close_center_print:hover,
body.erp-modern-v2 .erp-filter-panel--ux .filter-close_center_InvoiceEdafat:hover {
    transform: scale(1.04);
    background: rgba(255, 255, 255, .22) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .16);
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
}

body.erp-modern-v2 .erp-filter-panel--ux.erp-filter-has-values {
    box-shadow: 0 34px 74px rgba(79, 124, 255, .18) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-grid > [class*='col-'] {
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0 !important;
    margin: 0;
    float: none;
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-field-shell {
    min-height: 76px;
    padding: 10px 12px 8px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .08));
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 249, 255, .95));
    box-shadow: 0 12px 26px rgba(15, 23, 42, .05);
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px 18px !important;
    border-top: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .10));
    background: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(244, 248, 255, .98)) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-footer-note {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .88rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--text, #162033) 68%, var(--primary, #4f7cff) 32%);
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-footer-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-inline-start: auto;
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-footer-btn {
    min-height: 46px;
    padding-inline: 18px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-footer-btn.btn-light {
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .08));
    background: rgba(255, 255, 255, .96);
    color: var(--text, #162033);
}

body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-footer-btn.btn-primary {
    border: none;
    background: linear-gradient(135deg, var(--primary, #4f7cff), color-mix(in srgb, var(--primary, #4f7cff) 74%, #ffffff 26%));
}

body.erp-modern-v2 .erp-date-shell {
    position: relative;
}

body.erp-modern-v2 .erp-date-shell::after {
    content: "\f073";
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 10px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary, #4f7cff) 14%, #ffffff), color-mix(in srgb, var(--primary, #4f7cff) 7%, #ffffff));
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 18%, transparent);
    box-shadow: 0 8px 18px rgba(79, 124, 255, .12);
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-size: 1rem;
    font-weight: 900;
    color: color-mix(in srgb, var(--primary, #4f7cff) 82%, var(--text, #162033) 18%);
    opacity: 1;
    pointer-events: none;
    z-index: 4;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

body.erp-modern-v2 .erp-date-shell:focus-within::after,
body.erp-modern-v2 .erp-date-shell:hover::after {
    color: var(--primary, #4f7cff);
    opacity: 1;
    transform: translateY(-50%) scale(1.04);
}

body.erp-modern-v2 .erp-date-input,
body.erp-modern-v2 input.flatpickr-input.erp-date-input {
    direction: ltr !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: .03em;
    padding-inline-start: 14px !important;
    padding-inline-end: 50px !important;
    cursor: pointer;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar {
    z-index: 7080 !important;
    width: min(336px, calc(100vw - 24px)) !important;
    padding: 10px 10px 12px;
    border: 1px solid color-mix(in oklab, var(--primary) 18%, rgba(15, 23, 42, .12)) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at top right, color-mix(in oklab, var(--primary) 8%, transparent), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(246, 250, 255, .98)) !important;
    box-shadow: 0 28px 60px rgba(15, 23, 42, .18) !important;
    overflow: hidden !important;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar.open {
    animation: erp-pass21-fade-in .18s ease;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-months,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-month,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-weekdays {
    background: transparent !important;
    color: var(--text, #162033) !important;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 8px;
    color: var(--text, #162033) !important;
    font-weight: 800;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month .cur-month,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month span.cur-month,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
    min-width: 118px;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 18%, rgba(15, 23, 42, .10));
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 248, 255, .96));
    line-height: 1;
    text-align: center;
    box-shadow: 0 10px 20px rgba(15, 23, 42, .05);
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month input.cur-year {
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 22%, rgba(15, 23, 42, .12));
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 248, 255, .96));
    color: var(--text, #162033);
    font-weight: 800;
    box-shadow: none;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
    min-width: 118px;
    padding-inline: 10px 28px;
    cursor: pointer;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-current-month input.cur-year {
    min-width: 72px;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .erp-flatpickr-month-strip {
    display: flex;
    gap: 8px;
    padding: 10px 2px 8px;
    margin: 6px 0 2px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .erp-flatpickr-month-chip {
    flex: 0 0 auto;
    min-height: 36px;
    min-width: 76px;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .12));
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: color-mix(in srgb, var(--text, #162033) 82%, var(--primary, #4f7cff) 18%);
    font-size: .84rem;
    font-weight: 800;
    white-space: nowrap;
    scroll-snap-align: center;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .erp-flatpickr-month-chip:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--primary, #4f7cff) 28%, rgba(15, 23, 42, .12));
    box-shadow: 0 10px 20px rgba(15, 23, 42, .08);
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .erp-flatpickr-month-chip.is-active {
    border-color: transparent;
    background: linear-gradient(135deg, var(--primary, #4f7cff), color-mix(in srgb, var(--primary, #4f7cff) 72%, #ffffff 28%));
    color: #ffffff;
    box-shadow: 0 14px 26px rgba(79, 124, 255, .24);
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-prev-month,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-next-month {
    top: 10px;
    padding: 8px;
    border-radius: 14px;
    color: var(--text, #162033) !important;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-prev-month:hover,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-next-month:hover {
    background: color-mix(in srgb, var(--primary, #4f7cff) 10%, #ffffff) !important;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-weekdays {
    margin-top: 8px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--primary, #4f7cff) 8%, #ffffff) !important;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-weekday {
    color: color-mix(in srgb, var(--primary, #4f7cff) 68%, var(--text, #162033) 32%) !important;
    font-size: .76rem;
    font-weight: 800;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-days {
    padding-top: 8px;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-day {
    border-radius: 14px !important;
    color: var(--text, #162033) !important;
    font-weight: 800;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-day:hover {
    background: color-mix(in srgb, var(--primary, #4f7cff) 10%, #ffffff) !important;
    border-color: transparent !important;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange) {
    border-color: color-mix(in srgb, var(--primary, #4f7cff) 42%, transparent) !important;
    background: color-mix(in srgb, var(--primary, #4f7cff) 6%, #ffffff) !important;
}

body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-day.selected,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-day.startRange,
body.erp-modern-v2 .flatpickr-calendar.erp-flatpickr-calendar .flatpickr-day.endRange {
    background: linear-gradient(135deg, var(--primary, #4f7cff), color-mix(in srgb, var(--primary, #4f7cff) 68%, #ffffff 32%)) !important;
    border-color: var(--primary, #4f7cff) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(79, 124, 255, .22);
}

@media (max-width: 991.98px) {
    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel,
    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report {
        width: min(94vw, 620px) !important;
        top: 76px !important;
        max-height: calc(100vh - 92px) !important;
    }

    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-grid {
        grid-template-columns: 1fr;
    }

    body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
    body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
    body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux {
        width: min(94vw, 620px) !important;
        top: 76px !important;
        max-height: calc(100vh - 92px) !important;
    }

    body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-grid {
        grid-template-columns: 1fr;
    }

    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .filter-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.erp-modern-v2 .erp-filter-panel--ux .filter-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-footer-actions {
        width: 100%;
    }

    body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-footer-actions {
        width: 100%;
    }

    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--ux .erp-filter-footer-btn {
        flex: 1 1 0;
    }

    body.erp-modern-v2 .erp-filter-panel--ux .erp-filter-footer-btn {
        flex: 1 1 0;
    }
}

/* UI Refactor 2026-04-15: repair ConfigDB screen layout so database settings stay readable without changing form logic. */
body.erp-modern-v2.erp-screen-configdb .erp-config-workspace {
    gap: clamp(18px, 2vw, 28px);
}

body.erp-modern-v2.erp-screen-configdb .erp-config-split {
    display: grid !important;
    grid-template-columns: minmax(340px, .98fr) minmax(0, 1.22fr);
    gap: clamp(18px, 2vw, 26px);
    align-items: start !important;
}

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

body.erp-modern-v2.erp-screen-configdb .erp-settings-pane {
    display: grid !important;
    align-content: start;
    gap: 14px;
    min-width: 0;
    padding: clamp(18px, 1.8vw, 22px);
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .08));
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(245, 249, 255, .96));
    box-shadow: 0 18px 36px rgba(15, 23, 42, .08);
}

body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form > .erp-settings-pane__title,
body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form > .erp-config-panel-copy,
body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form > .erp-config-flags,
body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form > .erp-config-action-note,
body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form > .erp-config-actions-row {
    grid-column: 1 / -1;
}

body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form > [class*='col-'] {
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    float: none !important;
}

body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form .form-group {
    margin-bottom: 0;
}

body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form .l-wrapper1,
body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form .erp-field-shell {
    min-height: 56px;
}

body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form .form-control,
body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form .input-field {
    min-height: 54px;
}

body.erp-modern-v2.erp-screen-configdb .erp-config-flags {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.erp-modern-v2.erp-screen-configdb .erp-config-flags > [class*='col-'] {
    display: block !important;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 0 !important;
}

body.erp-modern-v2.erp-screen-configdb .erp-config-actions-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 !important;
}

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

body.erp-modern-v2.erp-screen-configdb .erp-config-actions-row .btn {
    width: 100%;
    min-height: 52px;
}

body.erp-modern-v2.erp-screen-configdb .erp-config-table-wrap {
    padding: 10px !important;
    max-height: min(56vh, 32rem) !important;
}

body.erp-modern-v2.erp-screen-configdb .erp-config-table-wrap table {
    min-width: 760px;
}

body.erp-modern-v2.erp-screen-configdb .erp-config-row-link {
    transition: background-color .18s ease, transform .18s ease;
}

body.erp-modern-v2.erp-screen-configdb .erp-config-row-link:hover,
body.erp-modern-v2.erp-screen-configdb .erp-config-row-link:focus-visible {
    transform: translateY(-1px);
}

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

@media (max-width: 1199.98px) {
    body.erp-modern-v2.erp-screen-configdb .erp-config-split {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {
    body.erp-modern-v2.erp-screen-configdb .erp-settings-pane--form,
    body.erp-modern-v2.erp-screen-configdb .erp-config-actions-row,
    body.erp-modern-v2.erp-screen-configdb .erp-config-flags {
        grid-template-columns: minmax(0, 1fr);
    }
}

body.erp-modern-v2.erp-screen-transaction-form .erp-transaction-card,
body.erp-modern-v2.erp-screen-transaction-form .erp-view-frame--transaction > .card {
    box-shadow: var(--erp-pass21-shadow);
}

body.erp-modern-v2.erp-screen-transaction-form .erp-transaction-card__body,
body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-body {
    padding: 18px 18px 22px;
    background:
        radial-gradient(circle at top right, color-mix(in oklab, var(--primary) 6%, transparent), transparent 30%),
        rgba(255, 255, 255, .93);
}

body.erp-modern-v2.erp-screen-transaction-form .tab-content > .tab-pane {
    padding-top: 4px;
}

body.erp-modern-v2.erp-screen-transaction-form .custom-control,
body.erp-modern-v2.erp-screen-transaction-form .custom-control.custom-checkbox {
    padding: 12px 14px 12px 40px;
    border: 1px solid var(--erp-pass21-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
    margin-bottom: 10px;
}

html[dir='rtl'] body.erp-modern-v2.erp-screen-transaction-form .custom-control,
html[dir='rtl'] body.erp-modern-v2.erp-screen-transaction-form .custom-control.custom-checkbox {
    padding: 12px 40px 12px 14px;
}

body.erp-modern-v2.erp-screen-transaction-form .erp-opr-detail-shell,
body.erp-modern-v2.erp-screen-transaction-form .erp-entry-table-wrap,
body.erp-modern-v2.erp-screen-transaction-form .table-responsive {
    border-radius: 22px;
    overflow: auto;
}

body.erp-modern-v2.erp-screen-transaction-form .erp-report-totals > [class*='col-'],
body.erp-modern-v2.erp-screen-transaction-form .myrportTotal > [class*='col-'] {
    margin-bottom: 12px;
}

body.erp-modern-v2.erp-screen-transaction-form .erp-report-totals .erp-field-shell,
body.erp-modern-v2.erp-screen-transaction-form .myrportTotal .erp-field-shell {
    height: 100%;
}

/* Keep accounting report DataTables contained inside the report shell. */
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters .erp-view-frame--transaction,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters .erp-transaction-card,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters .erp-transaction-card__body,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #OprAccounts_tabContent,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body > [class*='col-'],
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .wrapper,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .panel,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .panel-heading,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .panel-body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .wrapper,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .panel,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .panel-body.scroll.panel-height,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper > .row,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper > .row > [class*='col-'] {
    min-width: 0;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .panel-body.scroll.panel-height {
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-x: hidden;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable both-edges;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper > .row {
    margin-inline: 0;
    align-items: flex-start;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper > .row > [class*='col-'] {
    padding-inline: 0;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dt-buttons,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_filter,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_length,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_info,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_filter,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_paginate {
    justify-content: flex-end;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dt-buttons .btn,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dt-buttons .buttons-collection,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0 !important;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_filter label,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_length label {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_filter input {
    flex: 1 1 220px;
    max-width: 100%;
    margin-inline-start: 0;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_length select {
    flex: 0 1 120px;
    max-width: 100%;
    margin-inline: 0;
}

body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body table.dataTable,
body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body table.table {
    max-width: none;
}

@media (max-width: 991.98px) {
    body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper > .row > [class*='col-'] {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_filter,
    body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_length,
    body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_info,
    body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .dataTables_wrapper .dataTables_paginate {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .myrportTotal {
        row-gap: 10px;
    }

    body.erp-modern-v2.erp-screen-accounts.erp-screen-report-filters #Opr_Rebort_body .myrportTotal > [class*='col-'] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

body.erp-modern-v2.erp-area-reports .MngRebortRuntimeViewerShell,
body.erp-modern-v2.erp-area-reports .workspace,
body.erp-modern-v2.erp-area-reports .MngRebortRuntimeToolbar,
body.erp-modern-v2.erp-area-reports .MngRebortRuntimePreviewPanel,
body.erp-modern-v2.erp-area-reports .design-top-toolbar,
body.erp-modern-v2.erp-area-reports .template-toolbar-inline {
    width: 100%;
}

body.erp-modern-v2.erp-area-reports .MngRebortRuntimeToolbar,
body.erp-modern-v2.erp-area-reports .MngRebortRuntimePreviewPanel,
body.erp-modern-v2.erp-area-reports .design-top-toolbar,
body.erp-modern-v2.erp-area-reports .template-toolbar-inline,
body.erp-modern-v2.erp-area-reports .MngRebortPanel {
    backdrop-filter: blur(8px);
}

body.erp-modern-v2 .erp-runtime-modal__content .modal-body,
body.erp-modern-v2 .erp-runtime-modal--print .modal-body {
    background:
        linear-gradient(180deg, rgba(248, 251, 255, .98), rgba(243, 248, 255, .96));
}

/* UI Refactor 2026-03-30: keep the print preview modal themed and compact
   without leaking any changes into the designer surface. */
body.erp-modern-v2 #PrintModal.erp-runtime-modal--print .erp-runtime-modal__dialog--print {
    width: min(96vw, 1440px) !important;
    max-width: 96vw !important;
}

body.erp-modern-v2 #PrintModal.erp-runtime-modal--print .modal-content {
    border-radius: 30px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .99), color-mix(in srgb, var(--card, #ffffff) 96%, #eef4ff 4%)) !important;
}

body.erp-modern-v2 #PrintModal.erp-runtime-modal--print .modal-header {
    flex: 0 0 auto;
    padding: .85rem 1rem !important;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--primary, #4f7cff) 12%, white 88%),
            color-mix(in srgb, var(--accent, #0f766e) 8%, white 92%)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 16%, rgba(15, 23, 42, .08)) !important;
}

body.erp-modern-v2.erp-area-settings .erp-settings-pane__surface,
body.erp-modern-v2.erp-area-auth .erp-auth-card {
    backdrop-filter: blur(8px);
}

@keyframes erp-pass21-fade-in {
    from {
        opacity: 0;
        transform: translateY(-3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 991.98px) {
    body.erp-modern-v2 .erp-page-context {
        margin-bottom: 18px;
        border-radius: 24px;
    }

    body.erp-modern-v2 .erp-content-shell--full {
        padding-inline: 10px;
    }

    body.erp-modern-v2 .erp-tab-ribbon,
    body.erp-modern-v2 .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px;
        scrollbar-width: thin;
    }

    body.erp-modern-v2 .erp-tab-ribbon .nav-item,
    body.erp-modern-v2 .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-item {
        flex: 0 0 auto;
    }

    body.erp-modern-v2 .erp-tab-ribbon .nav-link,
    body.erp-modern-v2 .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link {
        min-height: 48px;
    }
}

@media (max-width: 767.98px) {
    body.erp-modern-v2 .erp-page-context {
        padding: 18px 16px;
    }

    body.erp-modern-v2 .erp-page-context__aside {
        width: 100%;
    }

    body.erp-modern-v2 .erp-view-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.erp-modern-v2 .erp-index-toolbar > [class*='col-'] {
        margin-bottom: 10px;
    }

    body.erp-modern-v2.erp-screen-transaction-form .erp-transaction-card__body,
    body.erp-modern-v2.erp-screen-transaction-form .card.card-primary.card-outline.card-tabs > .card-body {
        padding: 14px 12px 18px;
    }
}

/* UX Refinement 2026-03-30: use one lightweight opposite-language side sheet
   pattern for invoice helper menus, report filters, and invoice item search.
   This keeps context visible, avoids modal fog, and matches RTL/LTR naturally. */
body.erp-modern-v2 .erp-filter-overlay,
body.erp-modern-v2 .erp-filter-overlay-print,
body.erp-modern-v2 .erp-filter-overlay-invoice,
body.erp-modern-v2 .filter-overlay,
body.erp-modern-v2 .filter-overlay_center,
body.erp-modern-v2 .filter-overlay_center_print,
body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat {
    display: block !important;
    padding: 0 !important;
}

html[dir='rtl'] body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux {
    left: 16px !important;
    right: auto !important;
    top: clamp(92px, 10vh, 116px) !important;
    bottom: 22px !important;
    width: min(500px, calc(100vw - 32px)) !important;
    max-width: min(500px, calc(100vw - 32px)) !important;
    max-height: none !important;
    transform: translate3d(-18px, 0, 0) scale(.985) !important;
    transform-origin: left center !important;
}

html[dir='ltr'] body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux {
    right: 16px !important;
    left: auto !important;
    top: clamp(92px, 10vh, 116px) !important;
    bottom: 22px !important;
    width: min(500px, calc(100vw - 32px)) !important;
    max-width: min(500px, calc(100vw - 32px)) !important;
    max-height: none !important;
    transform: translate3d(18px, 0, 0) scale(.985) !important;
    transform-origin: right center !important;
}

html[dir='rtl'] body.erp-modern-v2 .erp-filter-overlay.open .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .erp-filter-overlay-print.open .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .erp-filter-overlay-invoice.open .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .filter-overlay.open .erp-filter-panel.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .filter-overlay_center.open .filter-sidebar_center.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .filter-overlay_center_print.open .filter-sidebar_center.erp-filter-panel--ux,
html[dir='rtl'] body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat.open .filter-sidebar_center.erp-filter-panel--ux {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
}

html[dir='ltr'] body.erp-modern-v2 .erp-filter-overlay.open .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .erp-filter-overlay-print.open .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .erp-filter-overlay-invoice.open .erp-filter-panel-center.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .filter-overlay.open .erp-filter-panel.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .filter-overlay_center.open .filter-sidebar_center.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .filter-overlay_center_print.open .filter-sidebar_center.erp-filter-panel--ux,
html[dir='ltr'] body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat.open .filter-sidebar_center.erp-filter-panel--ux {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-body,
body.erp-modern-v2 .erp-filter-panel--ux .filter-body_center {
    max-height: calc(100vh - 206px) !important;
}

body.erp-modern-v2.erp-search-sheet-open,
body.erp-modern-v2.erp-search-sheet-open.modal-open {
    overflow: visible !important;
    padding-right: 0 !important;
}

body.erp-modern-v2 .modal-backdrop.erp-search-sheet-backdrop {
    background: transparent !important;
    opacity: 0 !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search,
body.erp-modern-v2 #BigModal_Search_items,
body.erp-modern-v2 #BigModal_Search_items_return,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items {
    background: transparent !important;
    overflow: visible !important;
    padding: 0 !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
    position: fixed !important;
    top: clamp(92px, 10vh, 116px) !important;
    bottom: 22px !important;
    width: min(560px, calc(100vw - 32px)) !important;
    max-width: min(560px, calc(100vw - 32px)) !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    display: flex !important;
    transition: transform .22s ease, opacity .22s ease !important;
}

html[dir='rtl'] body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
html[dir='rtl'] body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
html[dir='rtl'] body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
html[dir='rtl'] body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
    left: 16px !important;
    right: auto !important;
    transform: translate3d(-18px, 0, 0) !important;
}

html[dir='ltr'] body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
html[dir='ltr'] body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
html[dir='ltr'] body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
html[dir='ltr'] body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
    right: 16px !important;
    left: auto !important;
    transform: translate3d(18px, 0, 0) !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search.show .modal-dialog,
body.erp-modern-v2 .erp-search-modal.sidebar_search.in .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items.show .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items.in .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items_return.show .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items_return.in .modal-dialog,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items.show .modal-dialog,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items.in .modal-dialog {
    transform: translate3d(0, 0, 0) !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-content,
body.erp-modern-v2 #BigModal_Search_items .modal-content,
body.erp-modern-v2 #BigModal_Search_items_return .modal-content,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-content {
    min-height: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 14%, rgba(15, 23, 42, .10)) !important;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--primary, #4f7cff) 10%, transparent), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(244, 249, 255, .98)) !important;
    box-shadow: 0 28px 60px rgba(15, 23, 42, .18) !important;
}

html[dir='rtl'] body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-content,
html[dir='rtl'] body.erp-modern-v2 #BigModal_Search_items .modal-content,
html[dir='rtl'] body.erp-modern-v2 #BigModal_Search_items_return .modal-content,
html[dir='rtl'] body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-content {
    border-radius: 0 28px 28px 0 !important;
}

html[dir='ltr'] body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-content,
html[dir='ltr'] body.erp-modern-v2 #BigModal_Search_items .modal-content,
html[dir='ltr'] body.erp-modern-v2 #BigModal_Search_items_return .modal-content,
html[dir='ltr'] body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-content {
    border-radius: 28px 0 0 28px !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-header,
body.erp-modern-v2 #BigModal_Search_items .modal-header,
body.erp-modern-v2 #BigModal_Search_items_return .modal-header,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-header {
    padding: 16px 18px 14px !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary, #4f7cff) 82%, #ffffff 18%), color-mix(in srgb, var(--primary, #4f7cff) 64%, #ffffff 36%)) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-header .btn-danger,
body.erp-modern-v2 #BigModal_Search_items .modal-header .btn-danger,
body.erp-modern-v2 #BigModal_Search_items_return .modal-header .btn-danger,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-header .btn-danger {
    min-width: 42px;
    min-height: 42px;
    border-radius: 14px !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .16) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-body,
body.erp-modern-v2 #BigModal_Search_items .modal-body,
body.erp-modern-v2 #BigModal_Search_items_return .modal-body,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-body {
    flex: 1 1 auto !important;
    padding: 14px 16px 16px !important;
    overflow: auto !important;
    background: linear-gradient(180deg, rgba(248, 251, 255, .98), rgba(243, 248, 255, .96)) !important;
}

body.erp-modern-v2 #BigModal_Search_items #divSearch_items,
body.erp-modern-v2 #BigModal_Search_items_return #divSearch_items_return {
    max-height: none !important;
}

@media (max-width: 991.98px) {
    html[dir='rtl'] body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
    html[dir='rtl'] body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
    html[dir='rtl'] body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux,
    html[dir='rtl'] body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
    html[dir='rtl'] body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
    html[dir='rtl'] body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
    html[dir='rtl'] body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
        left: 9px !important;
        right: auto !important;
    }

    html[dir='ltr'] body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
    html[dir='ltr'] body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
    html[dir='ltr'] body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux,
    html[dir='ltr'] body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
    html[dir='ltr'] body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
    html[dir='ltr'] body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
    html[dir='ltr'] body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
        right: 9px !important;
        left: auto !important;
    }

    body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
    body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
    body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux,
    body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
    body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
    body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
    body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
        top: 78px !important;
        bottom: 12px !important;
        width: calc(100vw - 18px) !important;
        max-width: calc(100vw - 18px) !important;
    }
}

/* UX Refinement 2026-03-30: compact centered smart panels for invoice helper
   menus plus centered item/account search with auto size and internal scroll. */
body.erp-modern-v2 .erp-filter-overlay,
body.erp-modern-v2 .erp-filter-overlay-print,
body.erp-modern-v2 .erp-filter-overlay-invoice,
body.erp-modern-v2 .filter-overlay,
body.erp-modern-v2 .filter-overlay_center,
body.erp-modern-v2 .filter-overlay_center_print,
body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
}

body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: min(360px, calc(100vw - 40px)) !important;
    max-width: min(780px, calc(100vw - 40px)) !important;
    min-height: auto !important;
    height: auto !important;
    max-height: min(calc(100vh - 40px), 860px) !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translate(-50%, -46%) scale(.985) !important;
    transform-origin: center center !important;
    overflow: hidden !important;
}

body.erp-modern-v2 .erp-filter-panel--ux[data-erp-overlay-key='payment'] {
    max-width: min(540px, calc(100vw - 40px)) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux[data-erp-overlay-key='printer'] {
    max-width: min(700px, calc(100vw - 40px)) !important;
}

body.erp-modern-v2 .erp-filter-panel--ux[data-erp-overlay-key='invoice-extra'] {
    max-width: min(880px, calc(100vw - 40px)) !important;
}

body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux.open,
body.erp-modern-v2 .filter-overlay.open .erp-filter-panel.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay-print.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .erp-filter-overlay-invoice.open .erp-filter-panel-center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center.open .filter-sidebar_center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center_print.open .filter-sidebar_center.erp-filter-panel--ux,
body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat.open .filter-sidebar_center.erp-filter-panel--ux {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-body,
body.erp-modern-v2 .erp-filter-panel--ux .filter-body_center {
    width: 100%;
    padding: 16px 18px 18px !important;
    overflow: auto !important;
    max-height: min(calc(100vh - 160px), 680px) !important;
    align-content: flex-start !important;
    scrollbar-width: thin;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-body > [class*='col-'],
body.erp-modern-v2 .erp-filter-panel--ux .filter-body_center > [class*='col-'] {
    margin-bottom: 12px !important;
}

body.erp-modern-v2 .erp-filter-panel--ux .filter-body > [class*='col-']:last-child,
body.erp-modern-v2 .erp-filter-panel--ux .filter-body_center > [class*='col-']:last-child {
    margin-bottom: 0 !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search,
body.erp-modern-v2 #BigModal_Search_items,
body.erp-modern-v2 #BigModal_Search_items_return,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items {
    /* 2026-03-30: keep legacy search-sheet roots fully inert while hidden.
       The invoice screen was losing mouse access on the left because these
       fixed-position modal roots stayed display:block after the UI pass. */
    display: none !important;
    background: transparent !important;
    overflow: visible !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search.show,
body.erp-modern-v2 .erp-search-modal.sidebar_search.in,
body.erp-modern-v2 #BigModal_Search_items.show,
body.erp-modern-v2 #BigModal_Search_items.in,
body.erp-modern-v2 #BigModal_Search_items_return.show,
body.erp-modern-v2 #BigModal_Search_items_return.in,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items.show,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items.in {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: min(620px, calc(100vw - 40px)) !important;
    max-width: min(1120px, calc(100vw - 40px)) !important;
    min-height: auto !important;
    height: auto !important;
    max-height: min(calc(100vh - 36px), 900px) !important;
    margin: 0 !important;
    display: flex !important;
    transform: translate(-50%, -46%) scale(.985) !important;
    transform-origin: center center !important;
    transition: transform .22s ease, opacity .22s ease !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search.show .modal-dialog,
body.erp-modern-v2 .erp-search-modal.sidebar_search.in .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items.show .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items.in .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items_return.show .modal-dialog,
body.erp-modern-v2 #BigModal_Search_items_return.in .modal-dialog,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items.show .modal-dialog,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items.in .modal-dialog {
    transform: translate(-50%, -50%) scale(1) !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-content,
body.erp-modern-v2 #BigModal_Search_items .modal-content,
body.erp-modern-v2 #BigModal_Search_items_return .modal-content,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-content {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    max-height: min(calc(100vh - 36px), 900px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 28px !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-header,
body.erp-modern-v2 #BigModal_Search_items .modal-header,
body.erp-modern-v2 #BigModal_Search_items_return .modal-header,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-header {
    flex: 0 0 auto !important;
}

body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-body,
body.erp-modern-v2 #BigModal_Search_items .modal-body,
body.erp-modern-v2 #BigModal_Search_items_return .modal-body,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-body {
    flex: 1 1 auto !important;
    max-height: min(calc(100vh - 176px), 720px) !important;
    overflow: auto !important;
}

body.erp-modern-v2 #BigModal_Search_items #divSearch_items,
body.erp-modern-v2 #BigModal_Search_items_return #divSearch_items_return,
body.erp-modern-v2 #OprAccounts_BigModal_Search_items #OprAccounts_BigModalDiv_Search_items {
    max-height: none !important;
    overflow: visible !important;
}

@media (max-width: 991.98px) {
    body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
    body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
    body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux,
    body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
    body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
    body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
    body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
        min-width: min(320px, calc(100vw - 22px)) !important;
        max-width: calc(100vw - 22px) !important;
        max-height: calc(100vh - 22px) !important;
    }

    body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-body,
    body.erp-modern-v2 #BigModal_Search_items .modal-body,
    body.erp-modern-v2 #BigModal_Search_items_return .modal-body,
    body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-body,
    body.erp-modern-v2 .erp-filter-panel--ux .filter-body,
    body.erp-modern-v2 .erp-filter-panel--ux .filter-body_center {
        max-height: calc(100vh - 150px) !important;
    }
}

@media (max-width: 640px) {
    body.erp-modern-v2 .erp-filter-overlay,
    body.erp-modern-v2 .erp-filter-overlay-print,
    body.erp-modern-v2 .erp-filter-overlay-invoice,
    body.erp-modern-v2 .filter-overlay,
    body.erp-modern-v2 .filter-overlay_center,
    body.erp-modern-v2 .filter-overlay_center_print,
    body.erp-modern-v2 .filter-overlay_center_InvoiceEdafat {
        padding: 10px !important;
    }

    body.erp-modern-v2 .erp-filter-panel.erp-filter-panel--ux,
    body.erp-modern-v2 .erp-filter-panel-center.erp-filter-panel--ux,
    body.erp-modern-v2 .filter-sidebar_center.erp-filter-panel--ux,
    body.erp-modern-v2 .erp-search-modal.sidebar_search .modal-dialog,
    body.erp-modern-v2 #BigModal_Search_items .modal-dialog,
    body.erp-modern-v2 #BigModal_Search_items_return .modal-dialog,
    body.erp-modern-v2 #OprAccounts_BigModal_Search_items .modal-dialog {
        max-width: calc(100vw - 12px) !important;
        min-width: calc(100vw - 12px) !important;
        max-height: calc(100vh - 12px) !important;
    }
}

/* UI Refactor 2026-04-03:
   stabilize the shell across screens, keep the topbar at the top edge, and
   return the footer to normal flow so it no longer covers working areas. */
body.erp-modern-v2.erp-app > .wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: calc(var(--erp-header-height) + 1px) !important;
    padding-bottom: 14px !important;
}

body.erp-modern-v2 .main-header.erp-topbar {
    top: 0 !important;
    border-radius: 0 0 20px 20px !important;
}

body.erp-modern-v2 .content-wrapper {
    flex: 1 1 auto;
    min-height: 0 !important;
}

body.erp-modern-v2 .main-footer {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    margin-top: 14px;
}

body.erp-modern-v2.erp-screen-home .content-wrapper,
body.erp-modern-v2.erp-screen-home .content,
body.erp-modern-v2.erp-screen-home .erp-content-shell,
body.erp-modern-v2.erp-screen-home #erpPageShell {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

body.erp-modern-v2.erp-screen-home .erp-home-shell {
    flex: 1 1 auto;
    align-content: start;
}

body.erp-modern-v2.erp-screen-listing .erp-content-shell,
body.erp-modern-v2.erp-screen-listing #erpPageShell,
body.erp-modern-v2.erp-screen-report-filters .erp-content-shell,
body.erp-modern-v2.erp-screen-report-filters #erpPageShell {
    width: 100%;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-listing .content-wrapper,
body.erp-modern-v2.erp-screen-report-filters .content-wrapper {
    overflow: visible;
}

body.erp-modern-v2.erp-screen-listing .erp-index-toolbar,
body.erp-modern-v2.erp-screen-report-filters .erp-index-toolbar {
    width: 100%;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-listing .erp-index-panel,
body.erp-modern-v2.erp-screen-report-filters .erp-index-panel,
body.erp-modern-v2.erp-screen-listing .table-responsive,
body.erp-modern-v2.erp-screen-report-filters .table-responsive,
body.erp-modern-v2.erp-screen-listing .dataTables_wrapper,
body.erp-modern-v2.erp-screen-report-filters .dataTables_wrapper,
body.erp-modern-v2.erp-screen-listing .header_report,
body.erp-modern-v2.erp-screen-report-filters .header_report {
    width: 100%;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-listing .erp-filter-panel,
body.erp-modern-v2.erp-screen-listing .erp-filter-panel--report,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel,
body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report {
    max-width: min(1120px, calc(100vw - 32px));
}

body.erp-modern-v2.erp-screen-listing .header_report,
body.erp-modern-v2.erp-screen-report-filters .header_report {
    padding: clamp(.9rem, 1.6vw, 1.25rem);
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,255,.95));
    box-shadow: 0 18px 34px rgba(15, 23, 42, .07);
}

body.erp-modern-v2.erp-screen-listing .header_report_table_body,
body.erp-modern-v2.erp-screen-report-filters .header_report_table_body {
    width: 100%;
}

@media (max-width: 1199.98px) {
    body.erp-modern-v2.erp-app > .wrapper {
        padding-top: calc(var(--erp-header-height) + 8px) !important;
    }
}

@media (max-width: 991.98px) {
    body.erp-modern-v2 .main-header.erp-topbar {
        top: 0 !important;
        border-radius: 0 0 16px 16px !important;
    }

    body.erp-modern-v2 .main-footer {
        margin-top: 10px;
    }

    body.erp-modern-v2.erp-screen-listing .erp-filter-panel,
    body.erp-modern-v2.erp-screen-listing .erp-filter-panel--report,
    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel,
    body.erp-modern-v2.erp-screen-report-filters .erp-filter-panel--report {
        max-width: calc(100vw - 18px);
    }
}

/* UI Refactor 2026-04-03:
   extend the responsive report sizing shell to every report screen, including
   runtime preview and on-screen print views, without changing print output. */
@media screen {
    body.erp-modern-v2.erp-screen-preview .content-wrapper,
    body.erp-modern-v2.erp-screen-print-document .content-wrapper {
        overflow: visible;
    }

    body.erp-modern-v2.erp-screen-preview .erp-content-shell,
    body.erp-modern-v2.erp-screen-preview #erpPageShell,
    body.erp-modern-v2.erp-screen-preview .erp-view-frame,
    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeViewerShell,
    body.erp-modern-v2.erp-screen-preview .workspace,
    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeToolbar,
    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimePreviewPanel,
    body.erp-modern-v2.erp-screen-preview .design-top-toolbar,
    body.erp-modern-v2.erp-screen-preview .template-toolbar-inline,
    body.erp-modern-v2.erp-screen-preview .MngRebortPanel,
    body.erp-modern-v2.erp-screen-print-document .erp-content-shell,
    body.erp-modern-v2.erp-screen-print-document #erpPageShell,
    body.erp-modern-v2.erp-screen-print-document .erp-view-frame,
    body.erp-modern-v2.erp-screen-print-document .header_report,
    body.erp-modern-v2.erp-screen-print-document .header_report_table_body,
    body.erp-modern-v2.erp-screen-print-document .erp-print-table,
    body.erp-modern-v2.erp-screen-print-document .table-responsive {
        width: 100%;
        max-width: 100%;
    }

    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeViewerShell,
    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeToolbar,
    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimePreviewPanel,
    body.erp-modern-v2.erp-screen-preview .design-top-toolbar,
    body.erp-modern-v2.erp-screen-preview .template-toolbar-inline,
    body.erp-modern-v2.erp-screen-preview .MngRebortPanel,
    body.erp-modern-v2.erp-screen-print-document .header_report {
        margin-inline: auto;
    }

    body.erp-modern-v2.erp-screen-print-document .header_report,
    body.erp-modern-v2.erp-screen-print-document .table-responsive {
        overflow-x: auto;
    }
}


/* UX Refinement 2026-04-08:
   Home, shortcuts, legacy report intros, and dense transaction shells.
   Visual-only alignment on top of the existing passes. */
body.erp-modern-v2.erp-screen-home .erp-home-shortcuts-surface {
    display: grid;
    gap: 18px;
}

body.erp-modern-v2.erp-screen-home .erp-home-shortcuts-surface .erp-view-metric {
    align-content: start;
}

body.erp-modern-v2.erp-screen-home .erp-home-shortcuts-surface__note {
    margin: 0;
    color: color-mix(in srgb, var(--text, #162033) 70%, transparent);
    font-size: .84rem;
    line-height: 1.8;
}

body.erp-modern-v2.erp-screen-home .erp-home-major-access {
    display: grid;
}

body.erp-modern-v2.erp-screen-home .erp-home-major-access-panel {
    gap: 18px;
}

body.erp-modern-v2.erp-screen-home .erp-home-chart-summary {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.erp-modern-v2.erp-screen-home .erp-home-chart-summary__chip,
body.erp-modern-v2 .erp-intro-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding-inline: 14px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 16%, rgba(15, 23, 42, .08));
    background: rgba(255, 255, 255, .86);
    color: color-mix(in srgb, var(--text, #162033) 88%, transparent);
    font-size: .82rem;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
}

body.erp-modern-v2.erp-screen-home .erp-home-chart-summary__chip i,
body.erp-modern-v2 .erp-intro-chip i {
    color: var(--primary, #4f7cff);
}

body.erp-modern-v2.erp-screen-home .erp-home-chart-card,
body.erp-modern-v2.erp-screen-home .erp-home-chart-card .card-body {
    height: 100%;
}

body.erp-modern-v2.erp-screen-home .erp-home-chart-card__head-copy {
    display: grid;
    gap: 6px;
}

body.erp-modern-v2.erp-screen-home .erp-home-chart-card__body,
body.erp-modern-v2.erp-screen-home .erp-home-chart-card__canvas-shell {
    min-height: 280px;
}

body.erp-modern-v2 .erp-shortcuts-menu__search-shell {
    display: grid;
    gap: 8px;
}

body.erp-modern-v2 .erp-shortcuts-menu__search-hint {
    color: var(--erp-text-muted, #64748b);
    font-size: .78rem;
    line-height: 1.6;
    padding-inline: 2px;
}

body.erp-modern-v2 .erp-shortcuts-menu__group-count {
    min-width: 30px;
    min-height: 30px;
    margin-inline-start: auto;
    padding: .2rem .45rem;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: color-mix(in srgb, var(--primary, #4f7cff) 10%, white 90%);
    color: var(--primary, #4f7cff);
    font-size: .75rem;
    font-weight: 900;
}

body.erp-modern-v2.erp-screen-preview .erp-report-surface-intro,
body.erp-modern-v2.erp-screen-report-designer .erp-designer-intro {
    display: grid;
    gap: 14px;
}

body.erp-modern-v2 .erp-report-surface-intro__chips,
body.erp-modern-v2 .erp-designer-intro__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.erp-modern-v2.erp-screen-transaction-form .erp-page-context--transaction {
    margin-bottom: 18px;
}

body.erp-modern-v2.erp-screen-transaction-form .erp-page-context--transaction + .erp-view-frame--transaction {
    margin-top: 0;
}

body.erp-modern-v2.erp-screen-transaction-form .erp-view-frame--transaction .btn:not(.btn-tool):not(.btn-link) {
    border-radius: 16px;
    font-weight: 800;
    letter-spacing: -.01em;
}

body.erp-modern-v2.erp-screen-transaction-form .table-responsive,
body.erp-modern-v2.erp-screen-transaction-form .dataTables_wrapper,
body.erp-modern-v2.erp-screen-transaction-form table {
    width: 100%;
}

body.erp-modern-v2.erp-screen-transaction-form .table-responsive,
body.erp-modern-v2.erp-screen-transaction-form .dataTables_wrapper {
    border-radius: 22px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .08));
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 16px 28px rgba(15, 23, 42, .06);
}

body.erp-modern-v2.erp-screen-transaction-form .table thead th,
body.erp-modern-v2.erp-screen-transaction-form .dataTable thead th {
    background: linear-gradient(180deg, rgba(246, 249, 255, .98), rgba(239, 245, 255, .96));
    color: color-mix(in srgb, var(--text, #162033) 88%, transparent);
    font-size: .83rem;
    font-weight: 900;
    border-bottom-width: 1px;
}

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

body.erp-modern-v2.erp-screen-transaction-form .erp-transaction-modal .modal-content,
body.erp-modern-v2.erp-screen-transaction-form .modal-content {
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .08));
    box-shadow: 0 24px 52px rgba(15, 23, 42, .14);
}

body.erp-modern-v2.erp-screen-transaction-form .erp-transaction-modal .modal-header,
body.erp-modern-v2.erp-screen-transaction-form .modal-header {
    background: linear-gradient(135deg, rgba(244, 249, 255, .98), rgba(235, 243, 255, .96));
    border-bottom: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
}

body.erp-modern-v2.erp-screen-transaction-form .erp-transaction-modal .modal-footer,
body.erp-modern-v2.erp-screen-transaction-form .modal-footer {
    border-top: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    background: rgba(248, 251, 255, .96);
}

@media (max-width: 991.98px) {
    body.erp-modern-v2.erp-screen-home .erp-home-chart-summary {
        width: 100%;
    }

    body.erp-modern-v2 .erp-report-surface-intro__chips,
    body.erp-modern-v2 .erp-designer-intro__chips {
        gap: 8px;
    }
}

@media (max-width: 767.98px) {
    body.erp-modern-v2.erp-screen-home .erp-home-shortcuts-surface .erp-view-metrics {
        grid-template-columns: 1fr;
    }

    body.erp-modern-v2.erp-screen-home .erp-home-chart-summary {
        justify-content: flex-start;
    }
}


/* UI Refactor 2026-04-08:
   Global declutter sweep across shared shells, cards, tables, dropdowns,
   print surfaces, and thermal screens. Visual-only; keeps the same routes,
   permissions, buttons, fields, and workflow. */
body.erp-modern-v2 {
    --erp-pass21-gap-md: clamp(12px, 1.35vw, 18px);
    --erp-pass21-gap-lg: clamp(16px, 1.75vw, 24px);
    --erp-pass21-radius-xl: 30px;
    --erp-pass21-radius-lg: 24px;
    --erp-pass21-radius-md: 18px;
    --erp-pass21-radius-sm: 14px;
    --erp-pass21-surface-soft: linear-gradient(180deg, rgba(255, 255, 255, .985), rgba(246, 249, 255, .955));
    --erp-pass21-surface-muted: linear-gradient(180deg, rgba(249, 251, 255, .98), rgba(242, 247, 255, .96));
    --erp-pass21-shadow-card: 0 20px 40px rgba(15, 23, 42, .08);
    --erp-pass21-shadow-floating: 0 28px 56px rgba(15, 23, 42, .14);
}

body.erp-modern-v2 .content-wrapper,
body.erp-modern-v2 .content-wrapper.erp-content-wrapper-shell {
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--primary, #4f7cff) 6%, transparent), transparent 28%),
        radial-gradient(circle at top right, color-mix(in srgb, var(--accent, #8b5cf6) 4%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(243, 247, 255, .84), rgba(248, 250, 255, .92) 26%, rgba(244, 247, 252, .96));
}

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

body.erp-modern-v2 .main-header.erp-topbar {
    border-bottom: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    box-shadow: 0 14px 28px rgba(15, 23, 42, .08);
}

body.erp-modern-v2 .erp-topbar__title-shell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    min-width: min(60vw, 560px);
    padding-inline: 18px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .08));
    background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(246, 250, 255, .92));
    box-shadow: 0 14px 28px rgba(15, 23, 42, .06);
}

body.erp-modern-v2 .erp-topbar__title {
    width: 100%;
    font-size: .98rem;
    font-weight: 900;
    letter-spacing: -.015em;
    color: color-mix(in srgb, var(--text, #162033) 90%, transparent);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.erp-modern-v2 .main-sidebar,
body.erp-modern-v2 .main-sidebar.erp-sidebar-shell {
    box-shadow: 0 22px 44px rgba(15, 23, 42, .16);
}

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

body.erp-modern-v2 .nav-sidebar .nav-link {
    min-height: 46px;
    padding-block: .68rem;
}

body.erp-modern-v2 .nav-sidebar .nav-treeview {
    margin-top: 8px;
    padding: 6px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--erp-sidebar-item, rgba(255, 255, 255, .06)) 74%, transparent);
}

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

body.erp-modern-v2 .nav-sidebar .nav-treeview .nav-link {
    min-height: 42px;
    border-radius: 14px;
}

body.erp-modern-v2 .card,
body.erp-modern-v2 .panel,
body.erp-modern-v2 .erp-surface-card,
body.erp-modern-v2 .info-box,
body.erp-modern-v2 .dropdown-menu2 {
    border-radius: var(--erp-pass21-radius-lg);
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    background: var(--erp-pass21-surface-soft);
    box-shadow: var(--erp-pass21-shadow-card);
}

body.erp-modern-v2 .card-header,
body.erp-modern-v2 .panel-heading,
body.erp-modern-v2 .card-footer,
body.erp-modern-v2 .panel-footer {
    padding: 14px 18px;
    border-color: color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
}

body.erp-modern-v2 .card-header,
body.erp-modern-v2 .panel-heading {
    background: var(--erp-pass21-surface-muted);
}

body.erp-modern-v2 .card-body,
body.erp-modern-v2 .panel-body {
    padding: 16px 18px;
}

body.erp-modern-v2 .panel-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    background: linear-gradient(180deg, rgba(249, 251, 255, .96), rgba(255, 255, 255, .98));
}

body.erp-modern-v2 .card-title,
body.erp-modern-v2 .panel-title,
body.erp-modern-v2 .info-box-text {
    font-weight: 800;
    letter-spacing: -.01em;
}

body.erp-modern-v2 .info-box {
    gap: 14px;
    min-height: 92px;
}

body.erp-modern-v2 .info-box .info-box-icon {
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary, #4f7cff) 12%, transparent);
}

body.erp-modern-v2 .erp-page-shell .form-group {
    margin-bottom: 12px;
}

body.erp-modern-v2 .erp-page-shell .form-control,
body.erp-modern-v2 .erp-page-shell .erp-form-control,
body.erp-modern-v2 .erp-page-shell .form-control_mycustom,
body.erp-modern-v2 .erp-page-shell .form-select,
body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--single,
body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--multiple {
    border-radius: var(--erp-pass21-radius-sm) !important;
}

body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--single,
body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--multiple {
    min-height: 46px;
    border: 0 !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

body.erp-modern-v2 .erp-page-shell .form-control:focus,
body.erp-modern-v2 .erp-page-shell .form-select:focus,
body.erp-modern-v2 .erp-page-shell .select2-container--default.select2-container--focus .select2-selection--single,
body.erp-modern-v2 .erp-page-shell .select2-container--default.select2-container--focus .select2-selection--multiple {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary, #4f7cff) 14%, transparent) !important;
}

/* Select2 containment: make generated widgets inherit the same visual frame width as the source field. */
body.erp-modern-v2 .erp-field-shell > .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,
body.erp-modern-v2 .invoice-box > .select2-container,
body.erp-modern-v2 .input-group > .select2-container,
body.erp-modern-v2 .erp-page-shell .select2-container {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

body.erp-modern-v2 .erp-field-shell .select2-container--default .select2-selection--single,
body.erp-modern-v2 .erp-field-shell .select2-container--default .select2-selection--multiple,
body.erp-modern-v2 .form-control-wrapper .select2-container--default .select2-selection--single,
body.erp-modern-v2 .form-control-wrapper .select2-container--default .select2-selection--multiple,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default .select2-selection--single,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default .select2-selection--multiple,
body.erp-modern-v2 .l-wrapper1 .select2-container--default .select2-selection--single,
body.erp-modern-v2 .l-wrapper1 .select2-container--default .select2-selection--multiple,
body.erp-modern-v2 .invoice-box .select2-container--default .select2-selection--single,
body.erp-modern-v2 .invoice-box .select2-container--default .select2-selection--multiple,
body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--single,
body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--multiple {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.erp-modern-v2 .erp-field-shell .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .erp-field-shell .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.erp-modern-v2 .form-control-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .form-control-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .form-control-wrapper_grope .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.erp-modern-v2 .l-wrapper1 .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .l-wrapper1 .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.erp-modern-v2 .invoice-box .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .invoice-box .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--single .select2-selection__rendered,
body.erp-modern-v2 .erp-page-shell .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.erp-modern-v2 .btn:not(.btn-link):not(.btn-tool) {
    border-radius: 16px;
    min-height: 42px;
    padding-inline: 14px;
}

body.erp-modern-v2 .btn-sm:not(.btn-link):not(.btn-tool) {
    min-height: 36px;
    border-radius: 14px;
}

body.erp-modern-v2 .btn.btn-tool {
    border-radius: 12px;
}

body.erp-modern-v2 .nav-tabs,
body.erp-modern-v2 .main-tabs {
    gap: 10px;
}

body.erp-modern-v2 .nav-tabs .nav-link,
body.erp-modern-v2 .main-tab-btn {
    min-height: 44px;
    border-radius: 16px;
    padding: .72rem 1rem;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 11%, rgba(15, 23, 42, .08));
    background: rgba(255, 255, 255, .86);
}

body.erp-modern-v2 .nav-tabs .nav-link.active,
body.erp-modern-v2 .main-tab-btn.active {
    box-shadow: 0 14px 26px rgba(79, 124, 255, .12);
}

body.erp-modern-v2 .tab-content {
    min-width: 0;
}

body.erp-modern-v2 .table-responsive,
body.erp-modern-v2 .dataTables_wrapper,
body.erp-modern-v2 .erp-table-shell {
    border-radius: var(--erp-pass21-radius-lg);
}

/* UI Refactor 2026-04-10:
   Keep legacy DataTables shells inside the modern page frame across report,
   listing, and transaction screens. Many screens still render Bootstrap rows,
   button bars, and search blocks inside DataTables wrappers, so the shared
   shell needs explicit wrapping and min-width containment. */
body.erp-modern-v2 .erp-page-shell .table-responsive,
body.erp-modern-v2 .erp-page-shell .dataTables_wrapper,
body.erp-modern-v2 .erp-index-panel .table-responsive,
body.erp-modern-v2 .erp-index-panel .dataTables_wrapper,
body.erp-modern-v2 .erp-transaction-card__body .table-responsive,
body.erp-modern-v2 .erp-transaction-card__body .dataTables_wrapper,
body.erp-modern-v2 .card-body .table-responsive,
body.erp-modern-v2 .card-body .dataTables_wrapper,
body.erp-modern-v2 .panel-body .table-responsive,
body.erp-modern-v2 .panel-body .dataTables_wrapper,
body.erp-modern-v2 .tab-content .table-responsive,
body.erp-modern-v2 .tab-content .dataTables_wrapper,
body.erp-modern-v2 .tab-pane .table-responsive,
body.erp-modern-v2 .tab-pane .dataTables_wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.erp-modern-v2 .erp-page-shell .table-responsive,
body.erp-modern-v2 .erp-index-panel .table-responsive,
body.erp-modern-v2 .erp-transaction-card__body .table-responsive,
body.erp-modern-v2 .card-body .table-responsive,
body.erp-modern-v2 .panel-body .table-responsive,
body.erp-modern-v2 .tab-content .table-responsive,
body.erp-modern-v2 .tab-pane .table-responsive {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable both-edges;
}

body.erp-modern-v2 .erp-page-shell .dataTables_wrapper,
body.erp-modern-v2 .erp-index-panel .dataTables_wrapper,
body.erp-modern-v2 .erp-transaction-card__body .dataTables_wrapper,
body.erp-modern-v2 .card-body .dataTables_wrapper,
body.erp-modern-v2 .panel-body .dataTables_wrapper,
body.erp-modern-v2 .tab-content .dataTables_wrapper,
body.erp-modern-v2 .tab-pane .dataTables_wrapper {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

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

body.erp-modern-v2 .table td,
body.erp-modern-v2 .table th,
body.erp-modern-v2 .dataTable td,
body.erp-modern-v2 .dataTable th {
    padding: 12px 14px;
    vertical-align: middle;
}

body.erp-modern-v2 .dataTables_wrapper .row,
body.erp-modern-v2 .dataTables_wrapper > .row {
    row-gap: 10px;
    align-items: center;
}

body.erp-modern-v2 .dataTables_wrapper > .row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: 0;
    align-items: flex-start;
}

body.erp-modern-v2 .dataTables_wrapper > .row > [class*='col-'] {
    min-width: 0;
    padding-inline: 0;
}

body.erp-modern-v2 .dataTables_wrapper .dt-buttons,
body.erp-modern-v2 .dataTables_wrapper .dataTables_filter,
body.erp-modern-v2 .dataTables_wrapper .dataTables_length,
body.erp-modern-v2 .dataTables_wrapper .dataTables_info,
body.erp-modern-v2 .dataTables_wrapper .dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    max-width: 100%;
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_filter,
body.erp-modern-v2 .dataTables_wrapper .dataTables_paginate {
    justify-content: flex-end;
}

body.erp-modern-v2 .dataTables_wrapper .dt-buttons .btn,
body.erp-modern-v2 .dataTables_wrapper .dt-buttons .buttons-collection,
body.erp-modern-v2 .dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0 !important;
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_filter label,
body.erp-modern-v2 .dataTables_wrapper .dataTables_length label {
    margin-bottom: 0;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_filter input {
    min-height: 42px;
    border-radius: 14px;
    flex: 1 1 clamp(12rem, 38vw, 18rem);
    max-width: 100%;
    margin-inline-start: 0;
}

body.erp-modern-v2 .dataTables_wrapper .dataTables_length select {
    min-height: 42px;
    border-radius: 14px;
    flex: 0 1 120px;
    max-width: 100%;
    margin-inline: 0;
}

body.erp-modern-v2 .pagination,
body.erp-modern-v2 .dataTables_wrapper .pagination {
    gap: 4px;
    flex-wrap: nowrap;
    align-items: center;
}

body.erp-modern-v2 .pagination .page-link,
body.erp-modern-v2 .dataTables_wrapper .paginate_button .page-link,
body.erp-modern-v2 .dataTables_wrapper .paginate_button a {
    min-width: 32px;
    min-height: 32px;
    padding: .28rem .55rem;
    border-radius: 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    line-height: 1;
}

body.erp-modern-v2 .table-responsive > table.table,
body.erp-modern-v2 .table-responsive > table.dataTable {
    max-width: none;
}

body.erp-modern-v2 .modal-content,
body.erp-modern-v2 .erp-runtime-modal__content,
body.erp-modern-v2 .dropdown-menu2 {
    border-radius: 28px;
    box-shadow: var(--erp-pass21-shadow-floating);
}

body.erp-modern-v2 .modal-header {
    padding: 16px 18px;
}

body.erp-modern-v2 .modal-body {
    padding: 18px;
}

body.erp-modern-v2 .modal-footer {
    padding: 14px 18px;
    gap: 10px;
}

body.erp-modern-v2 .erp-shortcuts-menu,
body.erp-modern-v2 .erp-user-dropdown .dropdown-menu2 {
    overflow: hidden;
}

body.erp-modern-v2 .erp-shortcuts-menu__item,
body.erp-modern-v2 .erp-user-dropdown__button {
    border-radius: 18px;
}

body.erp-modern-v2 .erp-shortcuts-menu__search-shell {
    border-radius: 20px;
}

body.erp-modern-v2 .MngRebortRuntimeThermalPageShell,
body.erp-modern-v2 .MngRebortRuntimeViewerShell,
body.erp-modern-v2 .workspace,
body.erp-modern-v2 .erp-home-shell {
    gap: var(--erp-pass21-gap-lg);
}

body.erp-modern-v2 .MngRebortRuntimeThermalHeroCard,
body.erp-modern-v2 .MngRebortRuntimeThermalCard {
    border-radius: var(--erp-pass21-radius-xl);
    box-shadow: var(--erp-pass21-shadow-card);
}

@media screen {
    body.erp-modern-v2.erp-screen-print-document .content-wrapper,
    body.erp-modern-v2.erp-screen-thermal-receipt .content-wrapper {
        background:
            radial-gradient(circle at top center, color-mix(in srgb, var(--primary, #4f7cff) 5%, transparent), transparent 34%),
            linear-gradient(180deg, rgba(245, 248, 255, .92), rgba(250, 252, 255, .98));
    }

    body.erp-modern-v2.erp-screen-print-document .panel-footer {
        margin-bottom: 0;
        border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 12%, rgba(15, 23, 42, .08));
        border-radius: 20px;
        box-shadow: 0 14px 28px rgba(15, 23, 42, .06);
    }

    body.erp-modern-v2.erp-screen-print-document .erp-report-print-page,
    body.erp-modern-v2.erp-screen-print-document .erp-print-table,
    body.erp-modern-v2.erp-screen-thermal-receipt .erp-receipt-80mm {
        background: #ffffff;
        border-radius: 22px;
        box-shadow: var(--erp-pass21-shadow-card);
    }

    body.erp-modern-v2.erp-screen-print-document .erp-report-print-page {
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    }

    body.erp-modern-v2.erp-screen-thermal-receipt #printableArea {
        display: flex;
        justify-content: center;
        padding: 8px 0 14px;
    }

    body.erp-modern-v2.erp-screen-thermal-receipt .erp-receipt-80mm {
        padding: 16px 14px;
        border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    }
}

@media (max-width: 991.98px) {
    body.erp-modern-v2 .card-header,
    body.erp-modern-v2 .panel-heading,
    body.erp-modern-v2 .card-body,
    body.erp-modern-v2 .panel-body,
    body.erp-modern-v2 .card-footer,
    body.erp-modern-v2 .panel-footer {
        padding-inline: 14px;
    }

    body.erp-modern-v2 .erp-content-shell {
        padding-inline: 6px;
    }

    body.erp-modern-v2 .nav-tabs .nav-link,
    body.erp-modern-v2 .main-tab-btn {
        width: 100%;
        justify-content: center;
    }

    body.erp-modern-v2 .dataTables_wrapper > .row > [class*='col-'] {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.erp-modern-v2 .dataTables_wrapper .dataTables_filter,
    body.erp-modern-v2 .dataTables_wrapper .dataTables_length,
    body.erp-modern-v2 .dataTables_wrapper .dataTables_info,
    body.erp-modern-v2 .dataTables_wrapper .dataTables_paginate {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    body.erp-modern-v2 .panel-footer {
        justify-content: stretch;
    }

    body.erp-modern-v2 .panel-footer .btn {
        flex: 1 1 180px;
    }

    body.erp-modern-v2 .table td,
    body.erp-modern-v2 .table th,
    body.erp-modern-v2 .dataTable td,
    body.erp-modern-v2 .dataTable th {
        padding: 10px 12px;
    }
}

/* UI Refactor 2026-04-10:
   Password field toggle hit-area fix for blank auth/config shells.
   Shared .form-control styling raises inputs above adjacent tools, so the
   password-toggle button must get the higher stacking order inside the shell. */
body.erp-modern-v2.blank-login-body .erp-field-shell--password {
    isolation: isolate;
}

body.erp-modern-v2.blank-login-body .erp-field-shell--password > input,
body.erp-modern-v2.blank-login-body .erp-field-shell--password > .form-control,
body.erp-modern-v2.blank-login-body .erp-field-shell--password > .erp-form-control {
    position: relative;
    z-index: 1 !important;
}

body.erp-modern-v2.blank-login-body .erp-field-shell--password .erp-auth-password-toggle,
body.erp-modern-v2.blank-login-body .erp-field-shell--password .erp-config-password-toggle {
    z-index: 12 !important;
    pointer-events: auto !important;
}

/* UI Refactor 2026-04-10:
   Shared navbar declutter pass. Keep the same ids, dropdowns, and handlers,
   but hide secondary tools and compress shortcut copy so the topbar stays
   focused on navigation, the current screen, and the main user actions. */
body.erp-modern-v2 .erp-topbar__left,
body.erp-modern-v2 .erp-topbar__right {
    gap: .45rem;
}

body.erp-modern-v2 .erp-topbar__icon-group {
    gap: .35rem;
}

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

body.erp-modern-v2 #teOpenBtn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

body.erp-modern-v2 .erp-shortcuts-dropdown__button,
body.erp-modern-v2 .erp-user-dropdown__button {
    min-height: 40px;
    padding-inline: .6rem;
    gap: .5rem;
}

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

body.erp-modern-v2 .erp-shortcuts-dropdown__meta strong,
body.erp-modern-v2 .erp-user-dropdown__meta strong {
    font-size: .84rem;
}

body.erp-modern-v2 .erp-shortcuts-menu {
    width: min(360px, calc(100vw - 24px));
}

body.erp-modern-v2 .erp-shortcuts-menu__head {
    align-items: center;
    margin-bottom: .65rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__head p,
body.erp-modern-v2 .erp-shortcuts-menu__count,
body.erp-modern-v2 .erp-shortcuts-menu__search-hint,
body.erp-modern-v2 .erp-shortcuts-menu__group-count,
body.erp-modern-v2 .erp-shortcuts-menu__item-body small {
    display: none !important;
}

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

body.erp-modern-v2 .erp-shortcuts-menu__search {
    min-height: 40px;
}

body.erp-modern-v2 .erp-shortcuts-menu__group {
    gap: .42rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__group-head {
    margin-top: 0;
    padding-inline: 0;
    font-size: .76rem;
    color: color-mix(in srgb, var(--text, #162033) 72%, transparent);
}

body.erp-modern-v2 .erp-shortcuts-menu__item {
    min-height: 50px;
}

body.erp-modern-v2 .erp-shortcuts-menu__item-body {
    justify-content: center;
}

@media (max-width: 1199.98px) {
    body.erp-modern-v2 .erp-user-dropdown__meta,
    body.erp-modern-v2 .erp-shortcuts-dropdown__meta {
        display: none !important;
    }

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

/* UX Fix 2026-04-10:
   keep report runtime and designer shells inside their frame on medium and
   mobile widths. The report designer uses long quick-action rows and a
   multi-pane surface, so we collapse and wrap the visual layout only. */
body.erp-modern-v2.erp-area-reports .erp-content-shell,
body.erp-modern-v2.erp-area-reports .erp-page-shell,
body.erp-modern-v2.erp-area-reports .workspace,
body.erp-modern-v2.erp-area-reports .MngRebortRuntimeViewerShell,
body.erp-modern-v2.erp-area-reports .MngRebort_V1_RuntimeViewerShell,
body.erp-modern-v2.erp-area-reports .MngRebort_V2_RuntimeViewerShell,
body.erp-modern-v2.erp-area-reports .app-shell,
body.erp-modern-v2.erp-area-reports .preview-panel,
body.erp-modern-v2.erp-area-reports .preview-designer-shell,
body.erp-modern-v2.erp-area-reports .preview-direct-stage,
body.erp-modern-v2.erp-area-reports .preview-direct-grid {
    min-width: 0;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-report-designer .preview-direct-head,
body.erp-modern-v2.erp-screen-report-designer .preview-direct-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-panel-head-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-content-menu-inline-toolbar,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-general-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-special-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-table-tools,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-unified-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-layout,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-body,
body.erp-modern-v2.erp-screen-report-designer .preview-paper-scroll,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-col,
body.erp-modern-v2.erp-screen-report-designer .preview-side-property-host,
body.erp-modern-v2.erp-screen-report-designer .preview-general-property-host,
body.erp-modern-v2.erp-screen-report-designer .preview-structure-menu-panel,
body.erp-modern-v2.erp-screen-report-designer .preview-general-panel,
body.erp-modern-v2.erp-screen-report-designer .canvas-preview-toolbar,
body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeToolbarUtilityActions {
    min-width: 0;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-report-designer .preview-direct-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-content-menu-inline-toolbar,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-general-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-special-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-table-tools,
body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-unified-actions,
body.erp-modern-v2.erp-screen-report-designer .preview-layer-head,
body.erp-modern-v2.erp-screen-report-designer .preview-layer-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}

body.erp-modern-v2.erp-screen-report-designer .preview-side-action-btn,
body.erp-modern-v2.erp-screen-report-designer .surface-quick-insert-btn,
body.erp-modern-v2.erp-screen-report-designer .preview-layer-action-btn {
    min-width: 0;
    max-width: 100%;
}

body.erp-modern-v2.erp-screen-report-designer .preview-side-action-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1279.98px) {
    body.erp-modern-v2.erp-screen-preview .erp-topbar__right,
    body.erp-modern-v2.erp-screen-report-designer .erp-topbar__right {
        flex-wrap: wrap;
        justify-content: flex-end;
        min-width: 0;
        max-width: min(100%, 20rem);
    }

    body.erp-modern-v2.erp-screen-preview .erp-topbar__culture,
    body.erp-modern-v2.erp-screen-preview .erp-screen-culture,
    body.erp-modern-v2.erp-screen-preview #selectLanguage,
    body.erp-modern-v2.erp-screen-report-designer .erp-topbar__culture,
    body.erp-modern-v2.erp-screen-report-designer .erp-screen-culture,
    body.erp-modern-v2.erp-screen-report-designer #selectLanguage {
        min-width: 0;
        max-width: 7rem;
    }

    body.erp-modern-v2.erp-screen-preview .culture-switcher,
    body.erp-modern-v2.erp-screen-report-designer .culture-switcher {
        width: 100%;
        min-width: 0;
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-direct-actions,
    body.erp-modern-v2.erp-screen-report-designer .preview-content-menu-inline-toolbar,
    body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-general-actions,
    body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-special-actions,
    body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-table-tools,
    body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-unified-actions,
    body.erp-modern-v2.erp-screen-report-designer .preview-layer-head-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        overflow: visible !important;
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-side-action-btn,
    body.erp-modern-v2.erp-screen-report-designer .surface-quick-insert-btn,
    body.erp-modern-v2.erp-screen-report-designer .preview-layer-action-btn {
        flex: 1 1 clamp(10rem, 32%, 13rem) !important;
        width: auto !important;
    }
}

@media (max-width: 991.98px) {
    body.erp-modern-v2.erp-screen-report-designer .main-tabs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        overflow: visible;
        padding-bottom: 0;
    }

    body.erp-modern-v2.erp-screen-report-designer .main-tab-btn {
        flex: initial;
        width: 100%;
    }

    body.erp-modern-v2.erp-screen-report-designer .design-top-toolbar.MngRebort_DesignTopToolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    body.erp-modern-v2.erp-screen-report-designer .designer-toolbar-actions {
        display: grid;
        width: 100%;
    }

    body.erp-modern-v2.erp-screen-report-designer .toolbar-main-actions.MngRebort_ToolbarMainActions,
    body.erp-modern-v2.erp-screen-report-designer .toolbar-aux-actions.MngRebort_ToolbarAuxActions,
    body.erp-modern-v2.erp-screen-report-designer .preview-direct-head,
    body.erp-modern-v2.erp-screen-report-designer .preview-panel-head-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-panel-head-actions {
        width: 100%;
        justify-content: flex-start;
    }

    body.erp-modern-v2.erp-screen-report-designer .toolbar-icon-btn.MngRebort_ToolbarIconBtn {
        flex: 1 1 calc(50% - 10px);
        min-width: min(12rem, 100%);
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-layout,
    body.erp-modern-v2.erp-screen-report-designer .preview-surface-body.row.g-3 {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 12px;
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-surface-top-strip-layout {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-surface-body.row.g-3 > .preview-surface-col,
    body.erp-modern-v2.erp-screen-report-designer .preview-surface-col,
    body.erp-modern-v2.erp-screen-report-designer .preview-paper-scroll,
    body.erp-modern-v2.erp-screen-report-designer .preview-side-property-host,
    body.erp-modern-v2.erp-screen-report-designer .preview-general-property-host,
    body.erp-modern-v2.erp-screen-report-designer .preview-structure-menu-panel,
    body.erp-modern-v2.erp-screen-report-designer .preview-general-panel {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-paper-scroll {
        min-height: 32rem !important;
        max-height: none !important;
    }

    body.erp-modern-v2.erp-screen-report-designer .preview-side-action-btn,
    body.erp-modern-v2.erp-screen-report-designer .surface-quick-insert-btn,
    body.erp-modern-v2.erp-screen-report-designer .preview-layer-action-btn {
        flex: 1 1 calc(50% - 10px);
    }

    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeToolbarUtilityActions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}

@media (max-width: 767.98px) {
    body.erp-modern-v2.erp-screen-preview .erp-topbar__right,
    body.erp-modern-v2.erp-screen-report-designer .erp-topbar__right {
        max-width: min(100%, 13rem);
    }

    body.erp-modern-v2.erp-screen-preview .erp-topbar__culture,
    body.erp-modern-v2.erp-screen-preview .erp-screen-culture,
    body.erp-modern-v2.erp-screen-preview #selectLanguage,
    body.erp-modern-v2.erp-screen-report-designer .erp-topbar__culture,
    body.erp-modern-v2.erp-screen-report-designer .erp-screen-culture,
    body.erp-modern-v2.erp-screen-report-designer #selectLanguage {
        max-width: 6rem;
    }

    body.erp-modern-v2.erp-screen-report-designer .toolbar-icon-btn.MngRebort_ToolbarIconBtn,
    body.erp-modern-v2.erp-screen-report-designer .preview-side-action-btn,
    body.erp-modern-v2.erp-screen-report-designer .surface-quick-insert-btn,
    body.erp-modern-v2.erp-screen-report-designer .preview-layer-action-btn {
        flex-basis: 100%;
    }

    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeToolbarUtilityActions {
        flex-wrap: wrap;
        overflow: visible;
        padding-bottom: 0;
    }

    body.erp-modern-v2.erp-screen-preview .MngRebortRuntimeToolbarUtilityActions > * {
        flex: 0 0 auto;
    }
}

/* UX Refinement 2026-04-10:
   Unified enterprise shell cleanup for dashboard and report workspaces.
   Visual-only pass: calmer sidebar, more stable title shell, denser report
   bands, and better table containment without touching any workflow logic. */
body.erp-modern-v2.erp-screen-home,
body.erp-modern-v2.erp-screen-report-filters {
    --erp-sidebar-width: 268px;
    --erp-sidebar-collapsed-width: 78px;
}

body.erp-modern-v2.erp-screen-home .main-header.erp-topbar,
body.erp-modern-v2.erp-screen-report-filters .main-header.erp-topbar {
    gap: clamp(.55rem, .9vw, .95rem);
    padding-inline: clamp(.75rem, 1vw, 1.15rem);
}

body.erp-modern-v2.erp-screen-home .erp-topbar__left,
body.erp-modern-v2.erp-screen-home .erp-topbar__right,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__left,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__right {
    flex: 0 1 auto;
    min-width: 0;
}

body.erp-modern-v2.erp-screen-home .erp-topbar__center,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__center {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    padding-inline: clamp(.35rem, .7vw, .9rem);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.erp-modern-v2.erp-screen-home .erp-topbar__title-shell,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__title-shell {
    width: min(100%, clamp(360px, 43vw, 760px));
    min-width: min(100%, clamp(300px, 34vw, 420px));
    max-width: 100%;
    margin-inline: auto;
    padding-inline: clamp(16px, 2vw, 28px);
}

body.erp-modern-v2.erp-screen-home .erp-topbar__title,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__title {
    font-size: clamp(.98rem, 1.05vw, 1.12rem);
    line-height: 1.3;
}

body.erp-modern-v2.erp-screen-home .content,
body.erp-modern-v2.erp-screen-report-filters .content {
    padding: 0 !important;
}

body.erp-modern-v2.erp-screen-home .erp-content-shell,
body.erp-modern-v2.erp-screen-report-filters .erp-content-shell {
    padding-inline: clamp(6px, .9vw, 14px);
}

body.erp-modern-v2.erp-screen-home .main-sidebar,
body.erp-modern-v2.erp-screen-report-filters .main-sidebar,
body.erp-modern-v2.erp-screen-home .main-sidebar.erp-sidebar-shell,
body.erp-modern-v2.erp-screen-report-filters .main-sidebar.erp-sidebar-shell {
    box-shadow: 0 18px 34px rgba(15, 23, 42, .13);
}

body.erp-modern-v2.erp-screen-home .brand-link,
body.erp-modern-v2.erp-screen-report-filters .brand-link {
    margin-bottom: .8rem;
    padding: .8rem .9rem;
    border-radius: 20px;
    background:
        linear-gradient(135deg,
        color-mix(in srgb, var(--erp-primary, #2457c5) 42%, rgba(255, 255, 255, .12)),
        color-mix(in srgb, var(--erp-accent, #14b8a6) 22%, rgba(255, 255, 255, .08)));
}

body.erp-modern-v2.erp-screen-home .nav-sidebar .nav-item > .nav-link,
body.erp-modern-v2.erp-screen-home .nav-treeview .nav-link,
body.erp-modern-v2.erp-screen-report-filters .nav-sidebar .nav-item > .nav-link,
body.erp-modern-v2.erp-screen-report-filters .nav-treeview .nav-link {
    min-height: 42px;
    padding: .7rem .85rem;
    border-radius: 14px;
    font-size: .92rem;
    font-weight: 700;
}

body.erp-modern-v2.erp-screen-home .nav-sidebar > .nav-item > .nav-link.active,
body.erp-modern-v2.erp-screen-home .nav-sidebar > .nav-item.menu-open > .nav-link,
body.erp-modern-v2.erp-screen-home .nav-treeview .nav-link.active,
body.erp-modern-v2.erp-screen-report-filters .nav-sidebar > .nav-item > .nav-link.active,
body.erp-modern-v2.erp-screen-report-filters .nav-sidebar > .nav-item.menu-open > .nav-link,
body.erp-modern-v2.erp-screen-report-filters .nav-treeview .nav-link.active {
    background: color-mix(in srgb, var(--erp-sidebar-active, rgba(255, 255, 255, .16)) 18%, #ffffff 10%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

body.erp-modern-v2.erp-screen-home .nav-treeview,
body.erp-modern-v2.erp-screen-report-filters .nav-treeview {
    padding: 4px;
    background: color-mix(in srgb, var(--erp-sidebar-item, rgba(255, 255, 255, .08)) 56%, transparent);
}

body.erp-modern-v2.erp-screen-report-filters .erp-page-context {
    margin-bottom: 14px;
    padding: clamp(.95rem, 1.4vw, 1.25rem) clamp(1rem, 1.7vw, 1.5rem);
    border-radius: 26px;
}

body.erp-modern-v2.erp-screen-report-filters .erp-page-context__chips {
    gap: 8px;
}

body.erp-modern-v2.erp-screen-report-filters .erp-page-context__meta {
    max-width: 52rem;
    color: color-mix(in srgb, var(--text, #162033) 70%, transparent);
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-transaction-card,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-view-frame--transaction > .card {
    border-radius: 28px;
    overflow: hidden;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .card.card-primary.card-outline.card-tabs > .card-header {
    padding: 12px 14px 4px;
    background:
        linear-gradient(180deg, rgba(250, 252, 255, .98), rgba(242, 247, 255, .95));
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-tab-ribbon,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs {
    gap: 8px;
    padding:  0 !important;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-tab-ribbon .nav-link,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .card.card-primary.card-outline.card-tabs > .card-header .nav-tabs .nav-link {
    min-height: 46px;
    padding: .68rem .95rem;
    border-radius: 16px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-transaction-card__body,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .card.card-primary.card-outline.card-tabs > .card-body {
    padding: 14px 16px 18px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-index-toolbar {
    margin-bottom: 12px;
    padding: 12px 14px 2px;
    border-radius: 24px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-index-toolbar > [class*='col-'] {
    margin-bottom: 10px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-index-toolbar .btn {
    min-height: 44px;
    border-radius: 16px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .header_report {
    padding: clamp(.9rem, 1.4vw, 1.2rem) clamp(.95rem, 1.5vw, 1.35rem);
    border-radius: 24px;
    min-height: 0;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .table-responsive,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTables_wrapper {
    border-radius: 20px;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .05);
    background: rgba(255, 255, 255, .985);
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTables_wrapper > .row {
    gap: .75rem 1rem;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTables_wrapper .dataTables_filter label,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTables_wrapper .dataTables_length label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    width: 100%;
    margin: 0;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTables_wrapper .dataTables_filter input,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTables_wrapper .dataTables_length select {
    min-height: 40px;
    border-radius: 14px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-table-shell thead th,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .table thead th,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTable thead th {
    padding-block: .8rem;
    font-size: .8rem;
    letter-spacing: -.01em;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-table-shell tbody td,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .table tbody td,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .dataTable tbody td {
    padding-block: .72rem;
}

@media (max-width: 991.98px) {
    body.erp-modern-v2.erp-screen-home .erp-topbar__left,
    body.erp-modern-v2.erp-screen-home .erp-topbar__right,
    body.erp-modern-v2.erp-screen-report-filters .erp-topbar__left,
    body.erp-modern-v2.erp-screen-report-filters .erp-topbar__right {
        flex-wrap: wrap;
    }

    body.erp-modern-v2.erp-screen-home .erp-topbar__title-shell,
    body.erp-modern-v2.erp-screen-report-filters .erp-topbar__title-shell {
        width: min(100%, 32rem);
        min-width: 0;
    }
}

/* UX Refinement 2026-04-10b:
   flatten the report/home navbar and stabilize the tall report result shells
   across operational report tabs without changing workflows or data loading. */
body.erp-modern-v2.erp-screen-home .main-header.erp-topbar,
body.erp-modern-v2.erp-screen-report-filters .main-header.erp-topbar {
    border: 1px solid rgba(255, 255, 255, .16);
    background: linear-gradient(180deg, rgba(18, 54, 123, .97), rgba(21, 61, 134, .95));
    box-shadow: 0 16px 30px rgba(9, 22, 50, .18);
}

body.erp-modern-v2.erp-screen-home .erp-topbar__icon,
body.erp-modern-v2.erp-screen-home .main-header .nav-link,
body.erp-modern-v2.erp-screen-home .main-header #teOpenBtn,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__icon,
body.erp-modern-v2.erp-screen-report-filters .main-header .nav-link,
body.erp-modern-v2.erp-screen-report-filters .main-header #teOpenBtn {
    color: #f8fbff;
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

body.erp-modern-v2.erp-screen-home .erp-topbar__icon:hover,
body.erp-modern-v2.erp-screen-home .main-header .nav-link:hover,
body.erp-modern-v2.erp-screen-home .main-header #teOpenBtn:hover,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__icon:hover,
body.erp-modern-v2.erp-screen-report-filters .main-header .nav-link:hover,
body.erp-modern-v2.erp-screen-report-filters .main-header #teOpenBtn:hover {
    background: rgba(255, 255, 255, .14);
    color: #ffffff;
}

body.erp-modern-v2.erp-screen-home .erp-topbar__title-shell,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__title-shell {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    padding-inline: 0;
}

body.erp-modern-v2.erp-screen-home #Home_Title,
body.erp-modern-v2.erp-screen-report-filters #Home_Title {
    color: #f8fbff;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    text-shadow: 0 1px 2px rgba(7, 20, 49, .38);
}

body.erp-modern-v2.erp-screen-home .erp-status-chip,
body.erp-modern-v2.erp-screen-home .erp-user-dropdown__button,
body.erp-modern-v2.erp-screen-home .erp-shortcuts-dropdown__button,
body.erp-modern-v2.erp-screen-home .erp-topbar__culture,
body.erp-modern-v2.erp-screen-report-filters .erp-status-chip,
body.erp-modern-v2.erp-screen-report-filters .erp-user-dropdown__button,
body.erp-modern-v2.erp-screen-report-filters .erp-shortcuts-dropdown__button,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__culture {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .14);
    box-shadow: none;
}

body.erp-modern-v2.erp-screen-home .erp-status-chip,
body.erp-modern-v2.erp-screen-home .erp-status-chip i,
body.erp-modern-v2.erp-screen-home .erp-user-dropdown__button,
body.erp-modern-v2.erp-screen-home .erp-shortcuts-dropdown__button,
body.erp-modern-v2.erp-screen-report-filters .erp-status-chip,
body.erp-modern-v2.erp-screen-report-filters .erp-status-chip i,
body.erp-modern-v2.erp-screen-report-filters .erp-user-dropdown__button,
body.erp-modern-v2.erp-screen-report-filters .erp-shortcuts-dropdown__button {
    color: #f8fbff !important;
}

body.erp-modern-v2.erp-screen-home .erp-shortcuts-dropdown__meta strong,
body.erp-modern-v2.erp-screen-home .erp-user-dropdown__meta strong,
body.erp-modern-v2.erp-screen-home .erp-shortcuts-dropdown__meta small,
body.erp-modern-v2.erp-screen-home .erp-user-dropdown__meta small,
body.erp-modern-v2.erp-screen-report-filters .erp-shortcuts-dropdown__meta strong,
body.erp-modern-v2.erp-screen-report-filters .erp-user-dropdown__meta strong,
body.erp-modern-v2.erp-screen-report-filters .erp-shortcuts-dropdown__meta small,
body.erp-modern-v2.erp-screen-report-filters .erp-user-dropdown__meta small {
    color: #e7efff !important;
}

body.erp-modern-v2.erp-screen-home #ExitbuttonHome .btn,
body.erp-modern-v2.erp-screen-home .erp-topbar__danger,
body.erp-modern-v2.erp-screen-report-filters #ExitbuttonHome .btn,
body.erp-modern-v2.erp-screen-report-filters .erp-topbar__danger {
    box-shadow: none;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-index-workspace {
    row-gap: 14px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .wrapper,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height {
    min-width: 0;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-index-panel {
    border-radius: 28px;
    border: 1px solid color-mix(in srgb, var(--primary, #4f7cff) 10%, rgba(15, 23, 42, .08));
    background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(245, 248, 255, .97));
    box-shadow: 0 18px 34px rgba(15, 23, 42, .07);
    overflow: hidden;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-heading:empty {
    display: none;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px;
    min-height: 0;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-70vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-65vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-75vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-80vh {
    height: min(48vh, 26.25rem);
    max-height: min(48vh, 26.25rem);
    min-height: min(18rem, 38vh);
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-70vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-70vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-65vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-65vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-75vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-75vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-80vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-80vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-70vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-70vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-65vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-65vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-75vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-75vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-80vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-80vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-70vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-70vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-65vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-65vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-75vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-75vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-80vh,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-80vh {
    height: min(48vh, 26.25rem) !important;
    max-height: min(48vh, 26.25rem) !important;
    min-height: min(18rem, 38vh) !important;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'],
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab {
    min-width: 0;
    overflow: hidden;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-report-totals,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .myrportTotal {
    margin-top: 4px;
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-report-totals .erp-field-shell,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .myrportTotal .erp-field-shell {
    border-radius: 18px;
    box-shadow: inset 0 0 0 1px rgba(191, 219, 254, .65);
}

body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-report-totals .form-control,
body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .myrportTotal .form-control {
    min-height: 46px;
}

@media (max-width: 991.98px) {
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-70vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-65vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-75vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .panel.panel-hash > .panel-body.scroll.panel-height > .table-responsive.erp-u-height-80vh {
        height: min(42vh, 23rem);
        max-height: min(42vh, 23rem);
        min-height: min(16rem, 34vh);
    }

    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-70vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-70vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-65vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-65vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-75vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-75vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-height-80vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters #divOtherInfo .erp-u-max-height-80vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-70vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-70vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-65vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-65vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-75vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-75vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-height-80vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters [id$='divOtherInfo'] .erp-u-max-height-80vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-70vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-70vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-65vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-65vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-75vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-75vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-height-80vh,
    body.erp-modern-v2.erp-screen-transaction-form.erp-screen-report-filters .erp-opr-report-tab .erp-u-max-height-80vh {
        height: min(42vh, 23rem) !important;
        max-height: min(42vh, 23rem) !important;
        min-height: min(16rem, 34vh) !important;
    }
}

/* Smart shortcuts menu 2026-04-16:
   Presentation-only upgrade. Permissions still come from the sidebar links. */
body.erp-modern-v2 .erp-shortcuts-menu {
    width: min(900px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    padding: .9rem !important;
}

body.erp-modern-v2 .erp-shortcuts-menu__head {
    align-items: flex-start !important;
    gap: .85rem;
    margin-bottom: .75rem !important;
}

body.erp-modern-v2 .erp-shortcuts-menu__head p,
body.erp-modern-v2 .erp-shortcuts-menu__count,
body.erp-modern-v2 .erp-shortcuts-menu__search-hint,
body.erp-modern-v2 .erp-shortcuts-menu__item-body small {
    display: block !important;
}

body.erp-modern-v2 .erp-shortcuts-menu__head-actions {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-shrink: 0;
}

body.erp-modern-v2 .erp-shortcuts-menu__count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
}

body.erp-modern-v2 .erp-shortcuts-menu__add,
body.erp-modern-v2 .erp-shortcuts-menu__customize,
body.erp-modern-v2 .erp-shortcuts-menu__toolbar button,
body.erp-modern-v2 .erp-shortcuts-menu__candidate,
body.erp-modern-v2 .erp-shortcuts-menu__item-tools button {
    border: 0;
    outline: 0;
}

body.erp-modern-v2 .erp-shortcuts-menu__add,
body.erp-modern-v2 .erp-shortcuts-menu__customize {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 34px;
    padding: .38rem .65rem;
    border-radius: 999px;
    color: var(--primary, #0d6efd);
    background: color-mix(in srgb, var(--primary, #0d6efd) 12%, #fff);
    font-size: .78rem;
    font-weight: 800;
}

body.erp-modern-v2 .erp-shortcuts-menu__add {
    color: #fff;
    background: linear-gradient(135deg, #11998e, #0d6efd);
    box-shadow: 0 10px 20px rgba(17, 153, 142, .16);
}

body.erp-modern-v2 .erp-shortcuts-menu__add[aria-expanded="true"] {
    background: linear-gradient(135deg, #123a64, #0d6efd);
    box-shadow: 0 12px 24px rgba(13, 110, 253, .22);
}

body.erp-modern-v2 .erp-shortcuts-menu__customize[aria-pressed="true"] {
    color: #fff;
    background: linear-gradient(135deg, #0d6efd, #11998e);
    box-shadow: 0 12px 24px rgba(13, 110, 253, .22);
}

body.erp-modern-v2 .erp-shortcuts-menu__tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin-bottom: .75rem;
    padding: .25rem;
    border-radius: 14px;
    background: rgba(13, 58, 113, .07);
}

body.erp-modern-v2 .erp-shortcuts-menu__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 38px;
    border: 0;
    border-radius: 11px;
    color: color-mix(in srgb, var(--text, #162033) 70%, transparent);
    background: transparent;
    font-size: .82rem;
    font-weight: 800;
}

body.erp-modern-v2 .erp-shortcuts-menu__tab.is-active {
    color: #fff;
    background: linear-gradient(135deg, #0d6efd, #13b3a3);
    box-shadow: 0 12px 22px rgba(13, 110, 253, .18);
}

body.erp-modern-v2 .erp-shortcuts-menu__content {
    max-height: min(66vh, 620px);
    overflow: auto;
    padding-inline-end: .15rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__panel[hidden],
body.erp-modern-v2 .erp-shortcuts-menu__toolbar[hidden],
body.erp-modern-v2 .erp-shortcuts-menu__add-panel[hidden],
body.erp-modern-v2 .erp-shortcuts-menu__available[hidden],
body.erp-modern-v2 .erp-shortcuts-menu__empty[hidden] {
    display: none !important;
}

body.erp-modern-v2 .erp-shortcuts-menu__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .65rem;
    padding: .55rem .65rem;
    border: 1px dashed rgba(13, 110, 253, .28);
    border-radius: 12px;
    color: color-mix(in srgb, var(--text, #162033) 72%, transparent);
    background: rgba(13, 110, 253, .06);
    font-size: .78rem;
    font-weight: 800;
}

body.erp-modern-v2 .erp-shortcuts-menu__toolbar button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    padding: .32rem .6rem;
    border-radius: 999px;
    color: #fff;
    background: #123a64;
    font-weight: 800;
}

body.erp-modern-v2 .erp-shortcuts-menu__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__item {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    min-height: 76px !important;
    padding: .68rem !important;
    border: 1px solid rgba(21, 48, 88, .09);
    border-radius: 12px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 26px rgba(15, 39, 80, .08);
}

body.erp-modern-v2 .erp-shortcuts-menu__item:hover,
body.erp-modern-v2 .erp-shortcuts-menu__item:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(13, 110, 253, .32);
    box-shadow: 0 18px 34px rgba(13, 110, 253, .14);
}

body.erp-modern-v2 .erp-shortcuts-menu__item-body {
    justify-content: center;
    min-width: 0;
}

body.erp-modern-v2 .erp-shortcuts-menu__item-body strong,
body.erp-modern-v2 .erp-shortcuts-menu__item-body small {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.erp-modern-v2 .erp-shortcuts-menu__item-body small {
    margin-top: .15rem;
    font-size: .68rem !important;
    color: color-mix(in srgb, var(--text, #162033) 58%, transparent) !important;
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-customizing {
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-customizing .erp-shortcuts-menu__item-icon {
    grid-row: 1 / span 2;
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-customizing .erp-shortcuts-menu__item-body {
    grid-column: 2;
}

body.erp-modern-v2 .erp-shortcuts-menu__item-tools {
    display: inline-grid;
    grid-template-columns: repeat(3, 28px);
    gap: .25rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__item.is-customizing .erp-shortcuts-menu__item-tools {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    margin-top: .4rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__item-tools button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    color: #123a64;
    background: rgba(18, 58, 100, .09);
}

body.erp-modern-v2 .erp-shortcuts-menu__item-tools button:hover,
body.erp-modern-v2 .erp-shortcuts-menu__item-tools button:focus-visible {
    color: #fff;
    background: #0d6efd;
}

body.erp-modern-v2 .erp-shortcuts-menu__add-panel {
    margin-bottom: .75rem;
    padding: .75rem;
    border: 1px solid rgba(13, 110, 253, .18);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(13, 110, 253, .08), rgba(17, 153, 142, .08)),
        rgba(255, 255, 255, .94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

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

body.erp-modern-v2 .erp-shortcuts-menu__add-head div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

body.erp-modern-v2 .erp-shortcuts-menu__add-head strong {
    color: #123a64;
    font-size: .88rem;
    font-weight: 900;
}

body.erp-modern-v2 .erp-shortcuts-menu__add-head span {
    color: color-mix(in srgb, var(--text, #162033) 62%, transparent);
    font-size: .72rem;
    font-weight: 700;
}

body.erp-modern-v2 .erp-shortcuts-menu__add-head button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 9px;
    color: #123a64;
    background: rgba(18, 58, 100, .08);
}

body.erp-modern-v2 .erp-shortcuts-menu__add-search {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    min-height: 40px;
    border: 1px solid rgba(13, 110, 253, .18);
    border-radius: 12px;
    background: #fff;
}

body.erp-modern-v2 .erp-shortcuts-menu__add-search i {
    text-align: center;
    color: #0d6efd;
}

body.erp-modern-v2 .erp-shortcuts-menu__add-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text, #162033);
    font-weight: 800;
}

body.erp-modern-v2 .erp-shortcuts-menu__available {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    max-height: min(34vh, 320px);
    margin-top: .65rem;
    overflow: auto;
    padding-inline-end: .15rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__candidate {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    min-height: 54px;
    padding: .48rem .55rem;
    border: 1px solid rgba(18, 58, 100, .08);
    border-radius: 12px;
    color: #123a64;
    background: rgba(255, 255, 255, .92);
    font-size: .76rem;
    font-weight: 800;
    text-align: start;
}

body.erp-modern-v2 .erp-shortcuts-menu__candidate:hover,
body.erp-modern-v2 .erp-shortcuts-menu__candidate:focus-visible {
    color: #fff;
    background: #11998e;
}

body.erp-modern-v2 .erp-shortcuts-menu__candidate-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(13, 110, 253, .1);
}

body.erp-modern-v2 .erp-shortcuts-menu__candidate-body {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

body.erp-modern-v2 .erp-shortcuts-menu__candidate-body strong,
body.erp-modern-v2 .erp-shortcuts-menu__candidate-body small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.erp-modern-v2 .erp-shortcuts-menu__candidate-body small {
    color: color-mix(in srgb, var(--text, #162033) 56%, transparent);
    font-size: .66rem;
}

body.erp-modern-v2 .erp-shortcuts-menu__candidate em {
    padding: .18rem .38rem;
    border-radius: 999px;
    color: #0d6efd;
    background: rgba(13, 110, 253, .1);
    font-size: .66rem;
    font-style: normal;
}

body.erp-modern-v2 .erp-shortcuts-menu__available-empty {
    color: color-mix(in srgb, var(--text, #162033) 58%, transparent);
    font-size: .78rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    body.erp-modern-v2 .erp-shortcuts-menu__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.erp-modern-v2 .erp-shortcuts-menu__available {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    body.erp-modern-v2 .erp-shortcuts-menu {
        width: min(560px, calc(100vw - 16px)) !important;
    }

    body.erp-modern-v2 .erp-shortcuts-menu__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

    body.erp-modern-v2 .erp-shortcuts-menu__available {
        grid-template-columns: minmax(0, 1fr);
    }

    body.erp-modern-v2 .erp-shortcuts-menu__head {
        flex-direction: column;
    }
}