/* _content/IxpertPosStandalone/Components/AddScreenFieldPopup.razor.rz.scp.css */
/* ix-add-field-* in wwwroot/css/ix-popup-shared.css */

.ix-add-field-flags[b-crtx3t8tip] {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.ix-add-field-check[b-crtx3t8tip] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #344054;
    margin: 0;
}

.ix-tab-panel-toolbar[b-crtx3t8tip] {
    display: flex;
    justify-content: flex-end;
    padding: 4px 8px 6px;
}

.ix-tab-title-with-add[b-crtx3t8tip] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.main-tab-item[b-crtx3t8tip] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.master-name-pane .section-title-row[b-crtx3t8tip],
.master-form-tab-strip[b-crtx3t8tip] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.master-name-pane .section-title-row[b-crtx3t8tip] {
    margin-bottom: 8px;
}

.master-name-pane .section-title-row .section-title[b-crtx3t8tip] {
    margin: 0;
}
/* _content/IxpertPosStandalone/Components/CalcExpressionBuilder.razor.rz.scp.css */
/* Shell/layout in wwwroot/css/ix-popup-shared.css (DxPopup portal) */
/* _content/IxpertPosStandalone/Components/DocumentAttachHost.razor.rz.scp.css */
.ix-doc-host-panel[b-4grmvcoexm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 12px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%);
}

.ix-doc-host-panel-title[b-4grmvcoexm] {
    font-size: 12px;
    font-weight: 800;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ix-doc-host-panel-count[b-4grmvcoexm] {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.ix-doc-host-open-btn[b-4grmvcoexm] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
    border-radius: 9px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.ix-doc-host-open-btn:disabled[b-4grmvcoexm] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ix-doc-host-toolbar-wrap[b-4grmvcoexm] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.ix-doc-host-toolbar-wrap.theme-form[b-4grmvcoexm] {
    margin-left: auto;
    padding-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
}

.theme-form .ix-doc-host-toolbar-btn.ix-master-toolbtn[b-4grmvcoexm] {
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    border-radius: 0.42rem !important;
    box-shadow: none !important;
}

.theme-form .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled)[b-4grmvcoexm] {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff !important;
}

.theme-form .ix-doc-host-toolbar-btn .ix-master-ico[b-4grmvcoexm] {
    stroke: currentColor;
    fill: none;
}

.theme-master .ix-doc-host-toolbar-btn.ix-master-toolbtn[b-4grmvcoexm] {
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

.theme-master .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled)[b-4grmvcoexm] {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.ix-doc-host-toolbar-btn[b-4grmvcoexm] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
}

.ix-doc-host-toolbar-btn .ix-master-ico[b-4grmvcoexm],
.ix-doc-host-toolbar-btn .rv-ico[b-4grmvcoexm] {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    flex: 0 0 15px !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ix-doc-host-badge[b-4grmvcoexm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #fbbf24;
    color: #78350f;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.theme-report .ix-doc-host-toolbar-btn .ix-doc-host-badge[b-4grmvcoexm] {
    background: #fde68a;
    color: #92400e;
}

/* Brown accent when opened inside MenuLayout workspace */
.workspace-shell.ix-menu-theme .ix-doc-host-panel[b-4grmvcoexm] {
    border-color: #cfc0ae !important;
    background: linear-gradient(180deg, #f7f3ef 0%, #ffffff 100%) !important;
}

.workspace-shell.ix-menu-theme .ix-doc-host-panel-title[b-4grmvcoexm] {
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .ix-doc-host-open-btn[b-4grmvcoexm] {
    border-color: #6d5a45 !important;
    background: #8b7355 !important;
}

.workspace-shell.ix-menu-theme .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm] {
    background: #6d5a45 !important;
    border-color: #5c4a38 !important;
}

/* Graphite + Emerald */
.workspace-shell.ix-graphite-workspace .ix-doc-host-panel[b-4grmvcoexm],
.theme-host.ix-app-theme-graphite .ix-doc-host-panel[b-4grmvcoexm] {
    border-color: #a7f3d0 !important;
    background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%) !important;
}

.workspace-shell.ix-graphite-workspace .ix-doc-host-panel-title[b-4grmvcoexm],
.theme-host.ix-app-theme-graphite .ix-doc-host-panel-title[b-4grmvcoexm] {
    color: #047857 !important;
}

.workspace-shell.ix-graphite-workspace .ix-doc-host-open-btn[b-4grmvcoexm],
.theme-host.ix-app-theme-graphite .ix-doc-host-open-btn[b-4grmvcoexm] {
    border-color: #047857 !important;
    background: #059669 !important;
    color: #fff !important;
}

.workspace-shell.ix-graphite-workspace .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm],
.theme-host.ix-app-theme-graphite .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm] {
    background: #047857 !important;
}

/* Modern Navy Ice */
.workspace-shell.ix-navy-workspace .ix-doc-host-panel[b-4grmvcoexm],
.theme-host.ix-app-theme-navy .ix-doc-host-panel[b-4grmvcoexm] {
    border-color: #bfdbfe !important;
    background: linear-gradient(180deg, #E8F1FF 0%, #ffffff 100%) !important;
}

.workspace-shell.ix-navy-workspace .ix-doc-host-panel-title[b-4grmvcoexm],
.theme-host.ix-app-theme-navy .ix-doc-host-panel-title[b-4grmvcoexm] {
    color: #102A56 !important;
}

.workspace-shell.ix-navy-workspace .ix-doc-host-open-btn[b-4grmvcoexm],
.theme-host.ix-app-theme-navy .ix-doc-host-open-btn[b-4grmvcoexm] {
    border-color: #2563eb !important;
    background: #2F80ED !important;
    color: #fff !important;
}

.workspace-shell.ix-navy-workspace .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm],
.theme-host.ix-app-theme-navy .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm] {
    background: #2563eb !important;
}

/* Portaled Documents popup ? see also ix-menu-shell-extras.css */
body:has(.workspace-shell.ix-menu-theme) .ix-office-doc-popup .odm-root[b-4grmvcoexm] {
    color: #3d342c;
}

/* Light Glass ? Documents panel */
.workspace-shell.ix-glass-workspace .ix-doc-host-panel[b-4grmvcoexm],
.theme-host.ix-app-theme-glass .ix-doc-host-panel[b-4grmvcoexm] {
    border-color: #c7d2fe !important;
    background: linear-gradient(180deg, rgba(238, 242, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.workspace-shell.ix-glass-workspace .ix-doc-host-panel-title[b-4grmvcoexm],
.theme-host.ix-app-theme-glass .ix-doc-host-panel-title[b-4grmvcoexm] {
    color: #4338ca !important;
}

.workspace-shell.ix-glass-workspace .ix-doc-host-open-btn[b-4grmvcoexm],
.theme-host.ix-app-theme-glass .ix-doc-host-open-btn[b-4grmvcoexm] {
    border-color: #4338ca !important;
    background: #4F46E5 !important;
    color: #fff !important;
    border-radius: 12px !important;
}

.workspace-shell.ix-glass-workspace .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm],
.theme-host.ix-app-theme-glass .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm] {
    background: #4338ca !important;
}

/* Platinum + Sapphire ? Documents panel */
.workspace-shell.ix-platinum-workspace .ix-doc-host-panel[b-4grmvcoexm],
.theme-host.ix-app-theme-platinum .ix-doc-host-panel[b-4grmvcoexm] {
    border-color: #E4EAF2 !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
}

.workspace-shell.ix-platinum-workspace .ix-doc-host-panel-title[b-4grmvcoexm],
.theme-host.ix-app-theme-platinum .ix-doc-host-panel-title[b-4grmvcoexm] {
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .ix-doc-host-open-btn[b-4grmvcoexm],
.theme-host.ix-app-theme-platinum .ix-doc-host-open-btn[b-4grmvcoexm] {
    border-color: #1D4ED8 !important;
    background: #2563EB !important;
    color: #fff !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-platinum-workspace .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm],
.theme-host.ix-app-theme-platinum .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm] {
    background: #1D4ED8 !important;
}

/* Charcoal + Copper � Documents panel */
.workspace-shell.ix-charcoal-workspace .ix-doc-host-panel[b-4grmvcoexm],
.theme-host.ix-app-theme-charcoal .ix-doc-host-panel[b-4grmvcoexm] {
    border-color: #DDD6CE !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
}

.workspace-shell.ix-charcoal-workspace .ix-doc-host-panel-title[b-4grmvcoexm],
.theme-host.ix-app-theme-charcoal .ix-doc-host-panel-title[b-4grmvcoexm] {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .ix-doc-host-open-btn[b-4grmvcoexm],
.theme-host.ix-app-theme-charcoal .ix-doc-host-open-btn[b-4grmvcoexm] {
    border-color: #8f5127 !important;
    background: #A65E2E !important;
    color: #fff !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-charcoal-workspace .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm],
.theme-host.ix-app-theme-charcoal .ix-doc-host-open-btn:hover:not(:disabled)[b-4grmvcoexm] {
    background: #8f5127 !important;
}
/* _content/IxpertPosStandalone/Components/Hr/HrEssTaxPanel.razor.rz.scp.css */
.ess-tax-root[b-12px8mb9q9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ess-tax-root.ess-tax-decl-mode[b-12px8mb9q9] {
    gap: 6px;
}

.ess-tax-decl-mode .ess-tax-subnav[b-12px8mb9q9] {
    margin-bottom: 0;
    flex-shrink: 0;
}

.ess-tax-subnav[b-12px8mb9q9] {
    margin-bottom: 0;
}

.ess-tax-form[b-12px8mb9q9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.ess-tax-actions[b-12px8mb9q9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ess-tax-table[b-12px8mb9q9] {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

.ess-tax-table th[b-12px8mb9q9],
.ess-tax-table td[b-12px8mb9q9] {
    padding: 6px 8px;
    border-bottom: 1px solid #e4e7ec;
    text-align: left;
}

.ess-tax-hint[b-12px8mb9q9] {
    font-size: 12px;
    color: #667085;
    margin: 8px 0;
}

.ess-tax-summary[b-12px8mb9q9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
}

.ess-tax-summary div[b-12px8mb9q9] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.ess-tax-prev[b-12px8mb9q9] {
    font-size: 12px;
    padding: 8px;
    background: #f9fafb;
    border-radius: 8px;
    margin-top: 8px;
}

.ess-form16-pre[b-12px8mb9q9] {
    font-size: 11px;
    max-height: 280px;
    overflow: auto;
    background: #f9fafb;
    padding: 10px;
    border-radius: 8px;
    white-space: pre-wrap;
}

.ess-input[b-12px8mb9q9] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    font-size: 13px;
}

/* —— Tax Declaration —— */
.tax-decl-page[b-12px8mb9q9] {
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 10px;
    overflow: visible;
    display: block;
}

.tax-decl-head[b-12px8mb9q9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid #eef2f6;
    flex-shrink: 0;
}

.tax-decl-head h2[b-12px8mb9q9] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1a2332;
}

.tax-decl-fy[b-12px8mb9q9] {
    min-width: 110px;
}

.tax-decl-fy select[b-12px8mb9q9] {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #2563eb;
    background: #fff;
}

.tax-decl-cats[b-12px8mb9q9] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    border-bottom: 1px solid #eef2f6;
    padding: 0 8px;
    background: #fafbfc;
    flex-shrink: 0;
    overflow-x: auto;
}

.tax-decl-cat[b-12px8mb9q9] {
    border: none;
    background: transparent;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    white-space: nowrap;
}

.tax-decl-cat.on[b-12px8mb9q9] {
    color: #2563eb;
    border-bottom-color: #2563eb;
    background: #fff;
}

.tax-cat-badge[b-12px8mb9q9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 0 5px;
    border-radius: 999px;
    background: #fef3c7;
    color: #b45309;
    font-size: 10px;
    font-weight: 800;
}

.tax-decl-action-bar[b-12px8mb9q9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    background: linear-gradient(90deg, #fffbeb, #fff);
    border-bottom: 1px solid #fde68a;
}

.tax-pill[b-12px8mb9q9] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.tax-pill-warn[b-12px8mb9q9] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.tax-pill-link[b-12px8mb9q9] {
    border: none;
    background: none;
    color: #2563eb;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

.tax-count-warn[b-12px8mb9q9] {
    color: #d97706;
    font-weight: 700;
}

.tax-decl-strip[b-12px8mb9q9] {
    flex-shrink: 0;
    border-bottom: 1px solid #eef2f6;
    background: #f8fafc;
}

.tax-decl-metrics[b-12px8mb9q9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 1px solid #eef2f6;
}

.tax-decl-metric[b-12px8mb9q9] {
    flex: 1 1 0;
    min-width: 72px;
    padding: 6px 8px;
    border-right: 1px solid #eef2f6;
    text-align: center;
}

.tax-decl-metric:last-child[b-12px8mb9q9] {
    border-right: none;
}

.tax-decl-metric .lbl[b-12px8mb9q9] {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .03em;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.tax-decl-metric .val[b-12px8mb9q9] {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
}

.tax-decl-metric.m-max .val[b-12px8mb9q9] { color: #475569; }

.tax-decl-metric.m-accepted.has-val[b-12px8mb9q9] {
    background: #ecfdf5;
}

.tax-decl-metric.m-accepted.has-val .val[b-12px8mb9q9] { color: #059669; }

.tax-decl-metric.m-declared.has-val[b-12px8mb9q9] {
    background: #eff6ff;
}

.tax-decl-metric.m-declared.has-val .val[b-12px8mb9q9] { color: #2563eb; }

.tax-decl-metric.m-pending.has-val[b-12px8mb9q9] {
    background: #fffbeb;
}

.tax-decl-metric.m-pending.has-val .val[b-12px8mb9q9] { color: #d97706; }

.tax-decl-metric.m-rejected.has-val[b-12px8mb9q9] {
    background: #fef2f2;
}

.tax-decl-metric.m-rejected.has-val .val[b-12px8mb9q9] { color: #dc2626; }

.tax-decl-toolbar[b-12px8mb9q9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #fff;
}

.tax-decl-toolbar select[b-12px8mb9q9],
.tax-decl-toolbar input[b-12px8mb9q9] {
    padding: 4px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 11px;
    height: 28px;
}

.tax-decl-toolbar input[b-12px8mb9q9] {
    flex: 1 1 100px;
    min-width: 80px;
    max-width: 180px;
}

.tax-decl-toolbar .reset[b-12px8mb9q9] {
    border: none;
    background: none;
    color: #2563eb;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 0 4px;
}

.tax-decl-total[b-12px8mb9q9] {
    margin-left: auto;
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
}

.tax-decl-table-wrap[b-12px8mb9q9] {
    overflow: visible;
}

.tax-decl-scroll-tip[b-12px8mb9q9] {
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #92400e;
    padding: 6px 10px;
    background: #fffbeb;
    border-top: 1px solid #fde68a;
}

.tax-decl-table[b-12px8mb9q9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.tax-decl-table thead th[b-12px8mb9q9] {
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: left;
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid #e2e8f0;
    background: #fafbfc;
    white-space: nowrap;
}

.tax-decl-table td[b-12px8mb9q9] {
    padding: 7px 10px;
    border-bottom: 1px solid #eef2f6;
    vertical-align: middle;
}

.tax-decl-table tbody tr:nth-child(even) td[b-12px8mb9q9] {
    background: #fcfdfe;
}

.tax-decl-table tr.row-undeclared td[b-12px8mb9q9] {
    background: #fafafa;
    box-shadow: inset 3px 0 0 #cbd5e1;
}

.tax-decl-table tr.row-draft td[b-12px8mb9q9] {
    background: #fffbeb;
    box-shadow: inset 3px 0 0 #fbbf24;
}

.tax-decl-table tr.row-pending td[b-12px8mb9q9] {
    background: #fffbeb;
    box-shadow: inset 3px 0 0 #f59e0b;
}

.tax-decl-table tr.row-accepted td[b-12px8mb9q9] {
    background: #f0fdf4;
    box-shadow: inset 3px 0 0 #22c55e;
}

.tax-decl-table tr.row-rejected td[b-12px8mb9q9] {
    background: #fef2f2;
    box-shadow: inset 3px 0 0 #ef4444;
}

.tax-decl-table tr:hover td[b-12px8mb9q9] {
    filter: brightness(.98);
}

.td-section[b-12px8mb9q9] {
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
    font-size: 11px;
}

.td-name b[b-12px8mb9q9] {
    display: block;
    font-size: 12px;
    color: #1e293b;
    line-height: 1.3;
}

.td-name .td-hint[b-12px8mb9q9] {
    display: block;
    font-size: 10px;
    color: #94a3b8;
    line-height: 1.2;
}

.td-decl[b-12px8mb9q9] {
    min-width: 90px;
}

.td-decl .undeclared[b-12px8mb9q9] {
    color: #94a3b8;
    font-style: italic;
    font-size: 11px;
}

.td-decl .amt[b-12px8mb9q9] {
    font-weight: 700;
    color: #2563eb;
}

.status-badge[b-12px8mb9q9] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.st-undeclared[b-12px8mb9q9] {
    background: #f1f5f9;
    color: #64748b;
}

.st-draft[b-12px8mb9q9] {
    background: #e0e7ff;
    color: #4338ca;
}

.st-pending[b-12px8mb9q9] {
    background: #fef3c7;
    color: #b45309;
}

.st-accepted[b-12px8mb9q9] {
    background: #dcfce7;
    color: #15803d;
}

.st-rejected[b-12px8mb9q9] {
    background: #fee2e2;
    color: #b91c1c;
}

.proof-tag[b-12px8mb9q9] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
}

.proof-auto[b-12px8mb9q9] {
    background: #f1f5f9;
    color: #64748b;
}

.proof-missing[b-12px8mb9q9] {
    background: #f8fafc;
    color: #94a3b8;
}

.proof-needed[b-12px8mb9q9] {
    background: #fef3c7;
    color: #b45309;
    cursor: pointer;
}

.proof-ok[b-12px8mb9q9] {
    background: #ecfdf5;
    color: #059669;
}

.td-decl input[b-12px8mb9q9] {
    width: 88px;
    padding: 4px 6px;
    border: 1px solid #2563eb;
    border-radius: 4px;
    font-size: 12px;
}

.td-proof .na[b-12px8mb9q9] {
    color: #94a3b8;
    font-size: 11px;
}

.td-proof .add[b-12px8mb9q9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: none;
    color: #2563eb;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.td-proof .attach[b-12px8mb9q9] {
    color: #2563eb;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.td-status[b-12px8mb9q9] {
    font-size: 11px;
}

.td-status .ok[b-12px8mb9q9] {
    color: #16a34a;
    font-weight: 600;
}

.td-status .bad[b-12px8mb9q9] {
    color: #dc2626;
    font-weight: 600;
}

.td-status .pending[b-12px8mb9q9] {
    color: #64748b;
}

.td-action[b-12px8mb9q9] {
    white-space: nowrap;
}

.td-action .link[b-12px8mb9q9] {
    border: none;
    background: none;
    color: #2563eb;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.td-action .link.declare-btn[b-12px8mb9q9] {
    background: #2563eb;
    color: #fff;
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: 700;
}

.td-action .link.declare-btn:hover[b-12px8mb9q9] {
    background: #1d4ed8;
}

.td-action .icon-btn[b-12px8mb9q9] {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    padding: 2px 4px;
}

.td-action .icon-btn.save[b-12px8mb9q9] {
    color: #16a34a;
}

.td-action .icon-btn.cancel[b-12px8mb9q9] {
    color: #dc2626;
}

.tax-decl-hra[b-12px8mb9q9] {
    padding: 10px 12px;
    border-bottom: 1px solid #eef2f6;
    background: #f8fafc;
    flex-shrink: 0;
}

.tax-decl-hra-grid[b-12px8mb9q9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.tax-decl-hra-grid label[b-12px8mb9q9] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 4px;
}

.tax-decl-new-regime[b-12px8mb9q9] {
    margin: 12px;
    padding: 12px 14px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1e3a5f;
}

.tax-decl-new-regime b[b-12px8mb9q9] {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.tax-decl-new-regime p[b-12px8mb9q9] {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 768px) {
    .tax-decl-metrics[b-12px8mb9q9] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .tax-decl-metric[b-12px8mb9q9] {
        border-bottom: 1px solid #eef2f6;
    }

    .tax-decl-metric:nth-child(3n)[b-12px8mb9q9] {
        border-right: none;
    }
}

/* —— Form 16 Part B —— */
.form16-card[b-12px8mb9q9] {
    padding-bottom: 12px;
}

.form16-meta[b-12px8mb9q9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: #64748b;
    margin-bottom: 12px;
}

.form16-badge[b-12px8mb9q9] {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.form16-badge.final[b-12px8mb9q9] {
    background: #dcfce7;
    color: #15803d;
}

.form16-badge.draft[b-12px8mb9q9] {
    background: #fef3c7;
    color: #b45309;
}

.form16-head[b-12px8mb9q9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: linear-gradient(135deg, #eff6ff, #f8fafc);
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    margin-bottom: 14px;
}

.form16-emp-name[b-12px8mb9q9] {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
}

.form16-emp-sub[b-12px8mb9q9] {
    font-size: 12px;
    color: #64748b;
    margin-top: 2px;
}

.form16-regime[b-12px8mb9q9] {
    padding: 4px 10px;
    border-radius: 6px;
    background: #2563eb;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.form16-section[b-12px8mb9q9] {
    margin-bottom: 12px;
    border: 1px solid #eef2f6;
    border-radius: 8px;
    overflow: hidden;
}

.form16-section-title[b-12px8mb9q9] {
    padding: 8px 12px;
    background: #f8fafc;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid #eef2f6;
}

.form16-row[b-12px8mb9q9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    font-size: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.form16-row:last-child[b-12px8mb9q9] {
    border-bottom: none;
}

.form16-row.sub[b-12px8mb9q9] {
    padding-left: 20px;
    font-size: 11px;
    color: #64748b;
}

.form16-row span[b-12px8mb9q9] {
    color: #475569;
}

.form16-row b[b-12px8mb9q9] {
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
}

.form16-row b.ded[b-12px8mb9q9] {
    color: #059669;
}

.form16-row b.tax[b-12px8mb9q9] {
    color: #dc2626;
    font-size: 14px;
}

.form16-row b.ok[b-12px8mb9q9] {
    color: #2563eb;
}

.form16-row.total[b-12px8mb9q9] {
    background: #f8fafc;
    font-weight: 600;
}

.form16-row.highlight[b-12px8mb9q9] {
    background: #eff6ff;
}

.form16-row.highlight b[b-12px8mb9q9] {
    color: #1d4ed8;
    font-size: 14px;
}

.form16-foot[b-12px8mb9q9] {
    font-size: 10px;
    color: #94a3b8;
    text-align: center;
    padding-top: 8px;
}
/* _content/IxpertPosStandalone/Components/Hr/HrModuleBoard.razor.rz.scp.css */
.hr-mod-board[b-nqtf1n0akd] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 18px 20px;
    background: #ffffff;
    box-sizing: border-box;
    --hr-block: var(--menu-block, #ebe3d8);
    --hr-block-dark: var(--menu-block-dark, #e0d5c8);
    --hr-block-border: var(--menu-block-border, #cfc0ae);
    --hr-text: #1e4a66;
    --hr-text-muted: #64748b;
    --hr-brown-text: #6d5a45;
}

.hr-mod-board-hero[b-nqtf1n0akd] {
    margin-bottom: 16px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--hr-block-border);
}

.hr-mod-board-hero-hub[b-nqtf1n0akd] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
    cursor: pointer;
    padding: 14px 16px;
    background: var(--hr-block-dark);
    border: none;
    transition: background .15s ease;
}

.hr-mod-board-hero-hub:hover[b-nqtf1n0akd] {
    background: var(--hr-block);
}

.hr-mod-board-hero-body[b-nqtf1n0akd] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hr-mod-board-hero-go[b-nqtf1n0akd] {
    flex: 0 0 auto;
    align-self: center;
    font-size: 12px;
    font-weight: 800;
    color: var(--hr-brown-text);
    white-space: nowrap;
    padding: 8px 12px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid var(--hr-block-border);
}

.hr-mod-board-hero-title[b-nqtf1n0akd] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--hr-brown-text);
    line-height: 1.2;
}

.hr-mod-board-hero-lead[b-nqtf1n0akd] {
    margin: 0;
    font-size: 12.5px;
    color: var(--hr-text-muted);
    max-width: 820px;
    line-height: 1.55;
}

.hr-mod-board-section-label[b-nqtf1n0akd] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--hr-text-muted);
    margin: 0 0 10px 2px;
}

.hr-mod-board-grid[b-nqtf1n0akd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.hr-mod-board-tile[b-nqtf1n0akd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    border: 1px solid var(--hr-block-border);
    border-radius: 14px;
    padding: 14px 14px 12px;
    background: #ffffff;
    cursor: pointer;
    min-height: 110px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.hr-mod-board-tile:hover[b-nqtf1n0akd] {
    transform: translateY(-2px);
    border-color: var(--hr-block-border);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
}

/* Same card size as other tiles — accent like Administration Business Setup Hub */
.hr-mod-board-tile-hub[b-nqtf1n0akd] {
    background: linear-gradient(180deg, #fff7f8 0%, #ffffff 70%);
    border-color: #f3c7cd;
    box-shadow: 0 2px 10px rgba(227, 30, 36, .08);
}

.hr-mod-board-tile-hub .hr-mod-board-tile-title[b-nqtf1n0akd] {
    color: #b91c1c;
}

.hr-mod-board-tile-hub:hover[b-nqtf1n0akd] {
    border-color: #e8a0a8;
    box-shadow: 0 8px 18px rgba(227, 30, 36, .12);
}

/* Icon chip colors — same palette as module sidebar */
.hr-icon-theme-payroll[b-nqtf1n0akd] { --hr-icon-bg: #fde8ea; --hr-icon-color: #e31e24; }
.hr-icon-theme-employees[b-nqtf1n0akd] { --hr-icon-bg: #dbeafe; --hr-icon-color: #2563eb; }
.hr-icon-theme-recruitment[b-nqtf1n0akd] { --hr-icon-bg: #ede9fe; --hr-icon-color: #7c3aed; }
.hr-icon-theme-attendance[b-nqtf1n0akd] { --hr-icon-bg: #cffafe; --hr-icon-color: #0891b2; }
.hr-icon-theme-leave[b-nqtf1n0akd] { --hr-icon-bg: #ccfbf1; --hr-icon-color: #0d9488; }
.hr-icon-theme-appraisal[b-nqtf1n0akd] { --hr-icon-bg: #fef3c7; --hr-icon-color: #d97706; }
.hr-icon-theme-training[b-nqtf1n0akd] { --hr-icon-bg: #e0e7ff; --hr-icon-color: #4f46e5; }
.hr-icon-theme-ess[b-nqtf1n0akd] { --hr-icon-bg: #fce7f3; --hr-icon-color: #db2777; }
.hr-icon-theme-exit[b-nqtf1n0akd] { --hr-icon-bg: #f1f5f9; --hr-icon-color: #475569; }
.hr-icon-theme-reports[b-nqtf1n0akd] { --hr-icon-bg: #ecfdf5; --hr-icon-color: #10b981; }
.hr-icon-theme-fieldwork[b-nqtf1n0akd] { --hr-icon-bg: #ffedd5; --hr-icon-color: #ea580c; }
.hr-icon-theme-help[b-nqtf1n0akd] { --hr-icon-bg: #f7f3ef; --hr-icon-color: #8b7355; }
.hr-icon-theme-settings[b-nqtf1n0akd] { --hr-icon-bg: #f3f4f6; --hr-icon-color: #6b7280; }
.hr-icon-theme-default[b-nqtf1n0akd] { --hr-icon-bg: #dbeafe; --hr-icon-color: #2563eb; }

.hr-mod-board-link-card.hr-icon-theme-attendance[b-nqtf1n0akd] { border-top: 3px solid #0891b2; }
.hr-mod-board-link-card.hr-icon-theme-leave[b-nqtf1n0akd] { border-top: 3px solid #0d9488; }
.hr-mod-board-link-card.hr-icon-theme-reports[b-nqtf1n0akd] { border-top: 3px solid #10b981; }
.hr-mod-board-link-card.hr-icon-theme-fieldwork[b-nqtf1n0akd] { border-top: 3px solid #ea580c; }

.hr-mod-board-menu-icon[b-nqtf1n0akd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
    border-radius: 6px;
    background: var(--hr-icon-bg, #f1f5f9);
    color: var(--hr-icon-color, #2563eb);
    flex: 0 0 auto;
}

.hr-mod-board-menu-icon :deep(svg)[b-nqtf1n0akd] {
    width: 14px;
    height: 14px;
}

.hr-mod-board-menu-icon :deep(svg)[b-nqtf1n0akd],
.hr-mod-board-menu-icon :deep(svg path)[b-nqtf1n0akd],
.hr-mod-board-menu-icon :deep(svg circle)[b-nqtf1n0akd],
.hr-mod-board-menu-icon :deep(svg rect)[b-nqtf1n0akd],
.hr-mod-board-menu-icon :deep(svg line)[b-nqtf1n0akd],
.hr-mod-board-menu-icon :deep(svg polyline)[b-nqtf1n0akd],
.hr-mod-board-menu-icon :deep(svg ellipse)[b-nqtf1n0akd] {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hr-mod-board-menu-icon-sm[b-nqtf1n0akd] {
    width: 22px;
    height: 22px;
    margin-bottom: 0;
}

.hr-mod-board-menu-icon-sm :deep(svg)[b-nqtf1n0akd] {
    width: 13px;
    height: 13px;
}

.hr-mod-board-tile-title[b-nqtf1n0akd] {
    font-size: 13px;
    font-weight: 800;
    color: var(--hr-text);
    line-height: 1.25;
}

.hr-mod-board-tile-sub[b-nqtf1n0akd] {
    font-size: 11px;
    font-weight: 700;
    margin-top: 2px;
    color: var(--hr-icon-color, #2563eb);
}

.hr-mod-board-tile-desc[b-nqtf1n0akd] {
    font-size: 11px;
    color: var(--hr-text-muted);
    margin-top: 6px;
    line-height: 1.4;
}

.hr-mod-board-link-grid[b-nqtf1n0akd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.hr-mod-board-link-card[b-nqtf1n0akd] {
    border: 1px solid var(--hr-block-border);
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.hr-mod-board-link-card-head[b-nqtf1n0akd] {
    padding: 10px 12px 8px;
    font-size: 12px;
    font-weight: 800;
    color: var(--hr-text);
    border-bottom: 1px solid var(--hr-block-border);
    background: var(--hr-block);
}

.hr-mod-board-link-list[b-nqtf1n0akd] {
    display: flex;
    flex-direction: column;
    padding: 6px;
    gap: 2px;
}

.hr-mod-board-link[b-nqtf1n0akd] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: none;
    border-radius: 8px;
    background: transparent;
    padding: 7px 8px;
    text-align: left;
    cursor: pointer;
    color: var(--hr-text);
    transition: background .12s ease;
}

.hr-mod-board-link:hover[b-nqtf1n0akd] {
    background: var(--hr-block);
}

.hr-mod-board-link-text[b-nqtf1n0akd] {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.hr-mod-board-help[b-nqtf1n0akd] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    border: 1px dashed var(--hr-block-border);
    border-radius: 12px;
    padding: 12px 14px;
    background: var(--hr-block);
    cursor: pointer;
}

.hr-mod-board-help .hr-mod-board-menu-icon[b-nqtf1n0akd] {
    margin-bottom: 0;
}

.hr-mod-board-help-text[b-nqtf1n0akd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hr-mod-board-help-text b[b-nqtf1n0akd] {
    font-size: 13px;
    color: var(--hr-text);
}

.hr-mod-board-help-text small[b-nqtf1n0akd] {
    font-size: 11px;
    color: var(--hr-text-muted);
}

@media (max-width: 1200px) {
    .hr-mod-board-grid[b-nqtf1n0akd],
    .hr-mod-board-link-grid[b-nqtf1n0akd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .hr-mod-board-grid[b-nqtf1n0akd],
    .hr-mod-board-link-grid[b-nqtf1n0akd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hr-mod-board-hero-hub[b-nqtf1n0akd] {
        flex-wrap: wrap;
    }

    .hr-mod-board-hero-go[b-nqtf1n0akd] {
        width: 100%;
        text-align: center;
        align-self: stretch;
    }
}

@media (max-width: 560px) {
    .hr-mod-board-grid[b-nqtf1n0akd],
    .hr-mod-board-link-grid[b-nqtf1n0akd] {
        grid-template-columns: 1fr;
    }
}
/* _content/IxpertPosStandalone/Components/Hr/HrScreenHelp.razor.rz.scp.css */
.hr-help-btn[b-blsvi4llrj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #cfc0ae;
    border-radius: 50%;
    background: #8b6f47;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(61, 52, 44, 0.12);
}

.hr-help-btn:hover[b-blsvi4llrj] {
    background: #6f5736;
    border-color: #b8a48f;
}

.hr-help-overlay[b-blsvi4llrj] {
    position: fixed;
    inset: 0;
    z-index: 20000;
    background: rgba(30, 24, 18, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.hr-help-panel[b-blsvi4llrj] {
    width: min(900px, 96vw);
    max-height: 88vh;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hr-help-panel-head[b-blsvi4llrj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #ece4da;
    background: #faf8f5;
}

.hr-help-panel-title[b-blsvi4llrj] {
    font-size: 15px;
    font-weight: 700;
    color: #3d342c;
}

.hr-help-panel-close[b-blsvi4llrj] {
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: #7d6b5c;
    cursor: pointer;
    padding: 0 4px;
}

.hr-help-panel-close:hover[b-blsvi4llrj] {
    color: #3d342c;
}

.hr-help-panel-body[b-blsvi4llrj] {
    flex: 1;
    min-height: 0;
}

.hr-help-frame[b-blsvi4llrj] {
    width: 100%;
    height: min(72vh, 720px);
    border: none;
    display: block;
    background: #fff;
}

@media (max-width: 1023px) {
    .hr-help-overlay[b-blsvi4llrj] {
        padding: 0;
        align-items: stretch;
    }

    .hr-help-panel[b-blsvi4llrj] {
        width: 100%;
        max-width: none;
        max-height: 100vh;
        max-height: 100dvh;
        height: 100dvh;
        border-radius: 0;
    }

    .hr-help-panel-head[b-blsvi4llrj] {
        padding: 10px 14px;
        padding-top: calc(10px + env(safe-area-inset-top, 0px));
    }

    .hr-help-panel-title[b-blsvi4llrj] {
        font-size: 14px;
    }

    .hr-help-panel-close[b-blsvi4llrj] {
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hr-help-frame[b-blsvi4llrj] {
        height: calc(100dvh - 52px - env(safe-area-inset-top, 0px));
        min-height: 0;
    }
}

@media (max-width: 639px) {
    .hr-help-panel-head[b-blsvi4llrj] {
        padding-left: 12px;
        padding-right: 8px;
    }
}

.hr-help-missing[b-blsvi4llrj] {
    padding: 24px;
    color: #5c4a3a;
    font-size: 13px;
}

.hr-help-missing-path code[b-blsvi4llrj] {
    font-size: 12px;
    color: #7d6b5c;
}

.hr-help-missing-manual[b-blsvi4llrj] {
    margin-top: 12px;
    font-size: 13px;
}

.hr-help-missing-manual a[b-blsvi4llrj] {
    color: #c62828;
    font-weight: 700;
}
/* _content/IxpertPosStandalone/Components/Leasing/LeasingModuleBoard.razor.rz.scp.css */
.hr-mod-board[b-clwh4tmq74] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 18px 20px;
    background: #ffffff;
    box-sizing: border-box;
    --hr-block: var(--menu-block, #ebe3d8);
    --hr-block-dark: var(--menu-block-dark, #e0d5c8);
    --hr-block-border: var(--menu-block-border, #cfc0ae);
    --hr-text: #1e4a66;
    --hr-text-muted: #64748b;
    --hr-brown-text: #6d5a45;
}

.hr-mod-board-hero[b-clwh4tmq74] { margin-bottom: 16px; border-radius: 10px; overflow: hidden; border: 1px solid var(--hr-block-border); }

.hr-mod-board-hero-hub[b-clwh4tmq74] {
    width: 100%; display: flex; align-items: flex-start; gap: 16px; text-align: left;
    cursor: pointer; padding: 14px 16px; background: var(--hr-block-dark); border: none;
    transition: background .15s ease;
}
.hr-mod-board-hero-hub:hover[b-clwh4tmq74] { background: var(--hr-block); }

.hr-mod-board-hero-body[b-clwh4tmq74] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }

.hr-mod-board-hero-go[b-clwh4tmq74] {
    flex: 0 0 auto; align-self: center; font-size: 12px; font-weight: 800; color: var(--hr-brown-text);
    white-space: nowrap; padding: 8px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--hr-block-border);
}

.hr-mod-board-hero-title[b-clwh4tmq74] { margin: 0; font-size: 20px; font-weight: 700; color: var(--hr-brown-text); line-height: 1.2; }
.hr-mod-board-hero-lead[b-clwh4tmq74] { margin: 0; font-size: 12.5px; color: var(--hr-text-muted); max-width: 820px; line-height: 1.55; }

.hr-mod-board-section-label[b-clwh4tmq74] {
    font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
    color: var(--hr-text-muted); margin: 0 0 10px 2px;
}

.hr-mod-board-grid[b-clwh4tmq74] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }

.hr-mod-board-tile[b-clwh4tmq74] {
    display: flex; flex-direction: column; align-items: flex-start; text-align: left;
    border: 1px solid var(--hr-block-border); border-radius: 14px; padding: 14px 14px 12px;
    background: #fff; cursor: pointer; min-height: 110px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.hr-mod-board-tile:hover[b-clwh4tmq74] { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.08); }

.hr-icon-theme-payroll[b-clwh4tmq74] { --hr-icon-bg: #fde8ea; --hr-icon-color: #e31e24; }
.hr-icon-theme-employees[b-clwh4tmq74] { --hr-icon-bg: #dbeafe; --hr-icon-color: #2563eb; }
.hr-icon-theme-recruitment[b-clwh4tmq74] { --hr-icon-bg: #ede9fe; --hr-icon-color: #7c3aed; }
.hr-icon-theme-attendance[b-clwh4tmq74] { --hr-icon-bg: #cffafe; --hr-icon-color: #0891b2; }
.hr-icon-theme-leave[b-clwh4tmq74] { --hr-icon-bg: #ccfbf1; --hr-icon-color: #0d9488; }
.hr-icon-theme-appraisal[b-clwh4tmq74] { --hr-icon-bg: #fef3c7; --hr-icon-color: #d97706; }
.hr-icon-theme-training[b-clwh4tmq74] { --hr-icon-bg: #e0e7ff; --hr-icon-color: #4f46e5; }
.hr-icon-theme-exit[b-clwh4tmq74] { --hr-icon-bg: #f1f5f9; --hr-icon-color: #475569; }
.hr-icon-theme-reports[b-clwh4tmq74] { --hr-icon-bg: #ecfdf5; --hr-icon-color: #10b981; }
.hr-icon-theme-fieldwork[b-clwh4tmq74] { --hr-icon-bg: #ffedd5; --hr-icon-color: #ea580c; }
.hr-icon-theme-help[b-clwh4tmq74] { --hr-icon-bg: #f7f3ef; --hr-icon-color: #8b7355; }
.hr-icon-theme-settings[b-clwh4tmq74] { --hr-icon-bg: #f3f4f6; --hr-icon-color: #6b7280; }
.hr-icon-theme-default[b-clwh4tmq74] { --hr-icon-bg: #dbeafe; --hr-icon-color: #2563eb; }

.hr-mod-board-menu-icon[b-clwh4tmq74] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; margin-bottom: 10px; border-radius: 6px;
    background: var(--hr-icon-bg, #f1f5f9); color: var(--hr-icon-color, #2563eb); flex: 0 0 auto;
}
.hr-mod-board-menu-icon :deep(svg)[b-clwh4tmq74] { width: 14px; height: 14px; }
.hr-mod-board-menu-icon :deep(svg)[b-clwh4tmq74],
.hr-mod-board-menu-icon :deep(svg path)[b-clwh4tmq74],
.hr-mod-board-menu-icon :deep(svg circle)[b-clwh4tmq74],
.hr-mod-board-menu-icon :deep(svg rect)[b-clwh4tmq74],
.hr-mod-board-menu-icon :deep(svg line)[b-clwh4tmq74],
.hr-mod-board-menu-icon :deep(svg polyline)[b-clwh4tmq74] {
    fill: none !important; stroke: currentColor !important; stroke-width: 2;
    stroke-linecap: round; stroke-linejoin: round;
}

.hr-mod-board-tile-title[b-clwh4tmq74] { font-size: 13px; font-weight: 800; color: var(--hr-text); line-height: 1.25; }
.hr-mod-board-tile-sub[b-clwh4tmq74] { font-size: 11px; font-weight: 700; margin-top: 2px; color: var(--hr-icon-color, #2563eb); }
.hr-mod-board-tile-desc[b-clwh4tmq74] { font-size: 11px; color: var(--hr-text-muted); margin-top: 6px; line-height: 1.4; }

.hr-mod-board-help[b-clwh4tmq74] {
    width: 100%; display: flex; align-items: center; gap: 12px; text-align: left;
    border: 1px dashed var(--hr-block-border); border-radius: 12px; padding: 12px 14px;
    background: var(--hr-block); cursor: pointer;
}
.hr-mod-board-help .hr-mod-board-menu-icon[b-clwh4tmq74] { margin-bottom: 0; }
.hr-mod-board-help-text[b-clwh4tmq74] { display: flex; flex-direction: column; gap: 2px; }
.hr-mod-board-help-text b[b-clwh4tmq74] { font-size: 13px; color: var(--hr-text); }
.hr-mod-board-help-text small[b-clwh4tmq74] { font-size: 11px; color: var(--hr-text-muted); }

@media (max-width: 1200px) { .hr-mod-board-grid[b-clwh4tmq74] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) {
    .hr-mod-board-grid[b-clwh4tmq74] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hr-mod-board-hero-hub[b-clwh4tmq74] { flex-wrap: wrap; }
    .hr-mod-board-hero-go[b-clwh4tmq74] { width: 100%; text-align: center; align-self: stretch; }
}
@media (max-width: 560px) { .hr-mod-board-grid[b-clwh4tmq74] { grid-template-columns: 1fr; } }
/* _content/IxpertPosStandalone/Components/Leasing/LeasingScreenHelp.razor.rz.scp.css */
.hr-help-btn[b-5aihm992w8],.hr-help-overlay[b-5aihm992w8],.hr-help-panel[b-5aihm992w8],.hr-help-panel-head[b-5aihm992w8],.hr-help-panel-title[b-5aihm992w8],.hr-help-panel-close[b-5aihm992w8],.hr-help-frame[b-5aihm992w8],.hr-help-missing[b-5aihm992w8],.hr-help-missing-manual a[b-5aihm992w8] {
    /* reuse HR help styles via scoped import pattern */
}
/* _content/IxpertPosStandalone/Components/LoginAnnouncementsPanel.razor.rz.scp.css */
/* Announcements — orange theme, filter chips with icons, inline expand */

.ix-announce-panel[b-tttarc68je] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.ix-announce-hero[b-tttarc68je] {
    margin-bottom: 18px;
    flex-shrink: 0;
}

.ix-announce-hello[b-tttarc68je] {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
    color: #e11116;
}

.ix-announce-heading[b-tttarc68je] {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: #2c3e6b;
    letter-spacing: -0.03em;
    line-height: 1.25;
    outline: none;
}

.ix-announce-heading:focus[b-tttarc68je],
.ix-announce-heading:focus-visible[b-tttarc68je],
.ix-announce-hello:focus[b-tttarc68je],
.ix-announce-hello:focus-visible[b-tttarc68je] {
    outline: none;
}

.ix-announce-hero:focus[b-tttarc68je],
.ix-announce-hero:focus-visible[b-tttarc68je] {
    outline: none;
}

.ix-announce-subheading[b-tttarc68je] {
    margin: 8px 0 0;
    font-size: 13px;
    color: #6b7894;
    line-height: 1.55;
}

.chip-all.is-active .ix-chip-icon[b-tttarc68je] {
    color: #fff;
}

.chip-solutions .ix-chip-icon[b-tttarc68je] { color: #e11116; }

.chip-solutions:hover[b-tttarc68je] {
    border-color: #e11116;
    color: #e11116;
    background: #fff0ef;
}

.chip-solutions.is-active[b-tttarc68je] {
    background: #e11116;
    border-color: #e11116;
    color: #fff;
    box-shadow: 0 4px 12px rgba(232, 135, 74, 0.28);
}

.chip-solutions.is-active .ix-chip-icon[b-tttarc68je] {
    color: #fff;
}

.ix-announce-brown .chip-solutions .ix-chip-icon[b-tttarc68je] { color: #8b6914; }

.ix-announce-brown .chip-solutions:hover[b-tttarc68je] {
    border-color: #8b6914;
    color: #8b6914;
    background: #faf6f0;
}

.ix-announce-brown .chip-solutions.is-active[b-tttarc68je] {
    background: #8b6914;
    border-color: #8b6914;
}

.ix-announce-solutions-mode .ix-announce-filters[b-tttarc68je] {
    margin-bottom: 10px;
    padding: 0 2px;
}

.ix-announce-solutions-mode[b-tttarc68je] {
    min-height: 0;
}

/* Filter chips with icons & colors */
.ix-announce-filters[b-tttarc68je] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    overflow: visible;
    padding-bottom: 4px;
    margin-bottom: 14px;
    flex-shrink: 0;
}

.ix-announce-chip[b-tttarc68je] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #e8e4df;
    background: #fff;
    color: #6b7894;
    font-size: 11.5px;
    font-weight: 600;
    padding: 6px 11px;
    border-radius: 999px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    outline: none;
}

.ix-announce-chip:focus[b-tttarc68je] {
    outline: none;
}

.ix-announce-chip:focus-visible[b-tttarc68je] {
    outline: 2px solid rgba(232, 135, 74, 0.45);
    outline-offset: 2px;
}

.ix-chip-icon[b-tttarc68je] {
    font-size: 12px;
    line-height: 1;
}

.chip-all .ix-chip-icon[b-tttarc68je] { color: #e11116; }
.chip-maintenance .ix-chip-icon[b-tttarc68je] { color: #d45a5a; }
.chip-newfeature .ix-chip-icon[b-tttarc68je] { color: #5b8def; }
.chip-offer .ix-chip-icon[b-tttarc68je] { color: #e8a050; }
.chip-tip .ix-chip-icon[b-tttarc68je] { color: #52b878; }
.chip-support .ix-chip-icon[b-tttarc68je] { color: #9b7fd4; }
.chip-enquiries .ix-chip-icon[b-tttarc68je] { color: #5a9fc4; }

.chip-all:hover[b-tttarc68je] { border-color: #e11116; color: #e11116; background: #fff0ef; }
.chip-maintenance:hover[b-tttarc68je] { border-color: #d45a5a; color: #d45a5a; background: #fff5f5; }
.chip-newfeature:hover[b-tttarc68je] { border-color: #5b8def; color: #5b8def; background: #f5f8ff; }
.chip-offer:hover[b-tttarc68je] { border-color: #e8a050; color: #e8a050; background: #fff9f0; }
.chip-tip:hover[b-tttarc68je] { border-color: #52b878; color: #52b878; background: #f3fbf5; }
.chip-support:hover[b-tttarc68je] { border-color: #9b7fd4; color: #9b7fd4; background: #f9f6ff; }
.chip-enquiries:hover[b-tttarc68je] { border-color: #5a9fc4; color: #5a9fc4; background: #f0f8fc; }

.chip-all.is-active[b-tttarc68je] { background: #e11116; border-color: #e11116; color: #fff; box-shadow: 0 4px 12px rgba(225,17,22,.3); }
.chip-maintenance.is-active[b-tttarc68je] { background: #d45a5a; border-color: #d45a5a; color: #fff; box-shadow: 0 4px 12px rgba(212,90,90,.28); }
.chip-newfeature.is-active[b-tttarc68je] { background: #5b8def; border-color: #5b8def; color: #fff; box-shadow: 0 4px 12px rgba(91,141,239,.28); }
.chip-offer.is-active[b-tttarc68je] { background: #e8a050; border-color: #e8a050; color: #fff; box-shadow: 0 4px 12px rgba(232,160,80,.28); }
.chip-tip.is-active[b-tttarc68je] { background: #52b878; border-color: #52b878; color: #fff; box-shadow: 0 4px 12px rgba(82,184,120,.28); }
.chip-support.is-active[b-tttarc68je] { background: #9b7fd4; border-color: #9b7fd4; color: #fff; box-shadow: 0 4px 12px rgba(155,127,212,.28); }
.chip-enquiries.is-active[b-tttarc68je] { background: #5a9fc4; border-color: #5a9fc4; color: #fff; box-shadow: 0 4px 12px rgba(90,159,196,.28); }

.chip-all.is-active .ix-chip-icon[b-tttarc68je],
.chip-maintenance.is-active .ix-chip-icon[b-tttarc68je],
.chip-newfeature.is-active .ix-chip-icon[b-tttarc68je],
.chip-offer.is-active .ix-chip-icon[b-tttarc68je],
.chip-tip.is-active .ix-chip-icon[b-tttarc68je],
.chip-support.is-active .ix-chip-icon[b-tttarc68je],
.chip-enquiries.is-active .ix-chip-icon[b-tttarc68je] {
    color: #fff;
}

.ix-announce-feed[b-tttarc68je] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-right: 4px;
}

.ix-announce-row[b-tttarc68je] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 2px;
    border-bottom: 1px solid rgba(232, 135, 74, 0.08);
}

.ix-announce-row:last-child[b-tttarc68je] { border-bottom: none; }

.ix-announce-row.is-expanded[b-tttarc68je] {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    margin: 0 -6px;
    padding: 14px 8px;
}

.ix-announce-row-icon[b-tttarc68je] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    background: #fff0e6;
    border: 1px solid rgba(232, 135, 74, 0.12);
}

.cat-maintenance .ix-announce-row-icon[b-tttarc68je] { background: #ffeaea; border-color: rgba(220,90,90,.15); color: #d45a5a; }
.cat-newfeature .ix-announce-row-icon[b-tttarc68je] { background: #eef4fd; border-color: rgba(91,141,239,.15); color: #5b8def; }
.cat-offer .ix-announce-row-icon[b-tttarc68je] { background: #fff4e0; border-color: rgba(232,168,88,.2); color: #e8a050; }
.cat-tip .ix-announce-row-icon[b-tttarc68je] { background: #eef8ee; border-color: rgba(82,184,120,.15); color: #52b878; }
.cat-support .ix-announce-row-icon[b-tttarc68je] { background: #f2eef9; border-color: rgba(155,127,212,.15); color: #9b7fd4; }
.cat-enquiries .ix-announce-row-icon[b-tttarc68je] { background: #eef6fa; border-color: rgba(90,159,196,.15); color: #5a9fc4; }

.ix-announce-row-body[b-tttarc68je] { flex: 1; min-width: 0; }

.ix-announce-row-meta[b-tttarc68je] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.ix-announce-badge[b-tttarc68je] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cat-maintenance .ix-announce-badge[b-tttarc68je] { color: #d45a5a; }
.cat-newfeature .ix-announce-badge[b-tttarc68je] { color: #5b8def; }
.cat-offer .ix-announce-badge[b-tttarc68je] { color: #e8a050; }
.cat-tip .ix-announce-badge[b-tttarc68je] { color: #52b878; }
.cat-support .ix-announce-badge[b-tttarc68je] { color: #9b7fd4; }
.cat-enquiries .ix-announce-badge[b-tttarc68je] { color: #5a9fc4; }

.ix-announce-pin[b-tttarc68je] {
    font-size: 10px;
    font-weight: 600;
    color: #e11116;
    background: rgba(232, 135, 74, 0.12);
    padding: 2px 8px;
    border-radius: 999px;
}

.ix-announce-row-title[b-tttarc68je] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #2c3e6b;
    line-height: 1.35;
}

.ix-announce-row-summary[b-tttarc68je] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #6b7894;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ix-announce-row-summary.is-expanded[b-tttarc68je] {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

.ix-announce-row-detail[b-tttarc68je] {
    margin-top: 8px;
    font-size: 13px;
    color: #5a6884;
    line-height: 1.55;
}

.ix-announce-row-detail :deep(p)[b-tttarc68je] { margin: 0 0 8px; }
.ix-announce-row-detail :deep(p:last-child)[b-tttarc68je] { margin-bottom: 0; }

.ix-announce-row-cta[b-tttarc68je] {
    display: inline-block;
    margin-top: 8px;
    font-size: 12.5px;
    font-weight: 650;
    color: #e11116;
    text-decoration: none;
}

.ix-announce-row-cta:hover[b-tttarc68je] { text-decoration: underline; color: #d97638; }

.ix-announce-more[b-tttarc68je] {
    margin-top: 6px;
    padding: 0;
    border: none;
    background: none;
    font-size: 12.5px;
    font-weight: 650;
    color: #e11116;
    cursor: pointer;
}

.ix-announce-more:hover[b-tttarc68je] {
    color: #d97638;
    text-decoration: underline;
}

.ix-announce-row-time[b-tttarc68je] {
    flex-shrink: 0;
    font-size: 11px;
    color: #949bb0;
    white-space: nowrap;
    padding-top: 2px;
    min-width: 48px;
    text-align: right;
}

.ix-announce-older[b-tttarc68je] {
    flex-shrink: 0;
    margin-top: 10px;
    padding: 8px 0 0;
    border: none;
    background: none;
    font-size: 13px;
    font-weight: 600;
    color: #e11116;
    cursor: pointer;
    text-align: center;
    width: 100%;
}

.ix-announce-older:hover[b-tttarc68je] { color: #d97638; text-decoration: underline; }

.ix-announce-empty[b-tttarc68je] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 32px 16px;
}

.ix-announce-empty-icon[b-tttarc68je] { font-size: 26px; margin-bottom: 10px; opacity: 0.7; }
.ix-announce-empty-title[b-tttarc68je] { font-size: 14px; font-weight: 700; color: #e11116; }
.ix-announce-empty-text[b-tttarc68je] { margin-top: 6px; font-size: 13px; color: #949bb0; }

.ix-announce-enquiry-inline[b-tttarc68je] {
    padding: 4px 4px 20px 0;
}

@media (prefers-reduced-motion: reduce) {
    .ix-announce-chip[b-tttarc68je] { transition: none; }
}

@media (max-width: 767px) {
    .ix-announce-filters[b-tttarc68je] {
        flex-wrap: wrap;
        overflow: visible;
        gap: 8px;
        padding-bottom: 6px;
    }

    .ix-announce-contact-bar[b-tttarc68je] {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
}

/* ===== Brown theme — vertical cards, filters, enquiries, contact bar ===== */

.ix-announce-brown[b-tttarc68je] {
    flex: none;
    min-height: 0;
}

.ix-announce-hero-brown .ix-announce-brown-kicker[b-tttarc68je] {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 0.01em;
}

.ix-announce-hero-brown .ix-announce-heading-brown[b-tttarc68je] {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.ix-announce-hero-brown .ix-announce-subheading[b-tttarc68je] {
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    margin-top: 10px;
}

/* Brown panel — same chip colours as orange; All uses red accent */
.ix-announce-brown .chip-all .ix-chip-icon[b-tttarc68je] { color: #c94444; }
.ix-announce-brown .chip-all:hover[b-tttarc68je] {
    border-color: #c94444;
    color: #c94444;
    background: #fff5f5;
}
.ix-announce-brown .chip-all.is-active[b-tttarc68je] {
    background: #c94444;
    border-color: #c94444;
    color: #fff;
    box-shadow: 0 4px 12px rgba(201, 68, 68, 0.28);
}

.ix-announce-brown-feed[b-tttarc68je] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-right: 4px;
    padding-bottom: 8px;
}

.ix-announce-brown-card[b-tttarc68je] {
    background: #fffcf5;
    border-radius: 16px;
    padding: 20px 22px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    flex-shrink: 0;
}

.ix-announce-brown-card-icon[b-tttarc68je] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 4px;
}

.cat-maintenance .ix-announce-brown-card-icon[b-tttarc68je] { color: #d45a5a; }
.cat-newfeature .ix-announce-brown-card-icon[b-tttarc68je] { color: #5b8def; }
.cat-offer .ix-announce-brown-card-icon[b-tttarc68je] { color: #e8a050; }
.cat-tip .ix-announce-brown-card-icon[b-tttarc68je] { color: #52b878; }
.cat-support .ix-announce-brown-card-icon[b-tttarc68je] { color: #9b7fd4; }
.cat-enquiries .ix-announce-brown-card-icon[b-tttarc68je] { color: #5a9fc4; }

.ix-announce-brown .ix-announce-badge[b-tttarc68je] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.ix-announce-brown .cat-maintenance .ix-announce-badge[b-tttarc68je] { color: #d45a5a; }
.ix-announce-brown .cat-newfeature .ix-announce-badge[b-tttarc68je] { color: #5b8def; }
.ix-announce-brown .cat-offer .ix-announce-badge[b-tttarc68je] { color: #e8a050; }
.ix-announce-brown .cat-tip .ix-announce-badge[b-tttarc68je] { color: #52b878; }
.ix-announce-brown .cat-support .ix-announce-badge[b-tttarc68je] { color: #9b7fd4; }
.ix-announce-brown .cat-enquiries .ix-announce-badge[b-tttarc68je] { color: #5a9fc4; }

.ix-announce-brown-card-title[b-tttarc68je] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #2c3e6b;
    line-height: 1.35;
}

.ix-announce-brown-card-summary[b-tttarc68je] {
    margin: 0;
    font-size: 13px;
    color: #6b7894;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ix-announce-brown-card-summary.is-expanded[b-tttarc68je] {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

.ix-announce-brown-card-detail[b-tttarc68je] {
    font-size: 13px;
    color: #5a6884;
    line-height: 1.55;
}

.ix-announce-brown-card-detail :deep(p)[b-tttarc68je] { margin: 0 0 8px; }
.ix-announce-brown-card-detail :deep(p:last-child)[b-tttarc68je] { margin-bottom: 0; }

.ix-announce-brown-card-cta[b-tttarc68je] {
    display: inline-block;
    font-size: 12.5px;
    font-weight: 650;
    color: #c94444;
    text-decoration: none;
}

.ix-announce-brown-card-cta:hover[b-tttarc68je] { text-decoration: underline; }

.ix-announce-brown .ix-announce-more[b-tttarc68je] {
    color: #c94444;
    align-self: flex-start;
    padding: 0;
    border: none;
    background: none;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
}

.ix-announce-brown .ix-announce-more:hover[b-tttarc68je] {
    color: #b03838;
    text-decoration: underline;
}

.ix-announce-brown-card-time[b-tttarc68je] {
    font-size: 11px;
    font-weight: 600;
    color: #c94444;
    margin-top: 4px;
}

.ix-announce-enquiry-brown[b-tttarc68je] {
    padding-bottom: 8px;
}

.ix-announce-view-all[b-tttarc68je] {
    flex-shrink: 0;
    margin-top: 14px;
    padding: 0;
    border: none;
    background: none;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-align: left;
}

.ix-announce-view-all:hover[b-tttarc68je] {
    text-decoration: underline;
    opacity: 0.9;
}

.ix-announce-contact-bar[b-tttarc68je] {
    flex-shrink: 0;
    margin-top: 16px;
    padding: 14px 18px;
    border-radius: 14px;
    border: 1px solid rgba(225, 17, 22, 0.1);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    font-size: 12.5px;
    color: #64748b;
    justify-content: center;
}

.ix-announce-empty-brown[b-tttarc68je] {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 32px;
    text-align: center;
}

.ix-announce-empty-brown .ix-announce-empty-title[b-tttarc68je] {
    color: #fff;
}

@media (max-width: 767px) {
    .ix-announce-brown .ix-announce-filters[b-tttarc68je] {
        flex-wrap: wrap;
        overflow: visible;
        gap: 8px;
    }
}

/* Resources — Maintenance (left) and Offers & Tips (right) */
.ix-announce-resources[b-tttarc68je] {
    width: 100%;
    max-width: none;
}

.ix-announce-resources-grid[b-tttarc68je] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
    width: 100%;
}

.ix-announce-column[b-tttarc68je] {
    min-width: 0;
}

@media (max-width: 767px) {
    .ix-announce-resources-grid[b-tttarc68je] {
        grid-template-columns: 1fr;
    }
}

.ix-announce-hero-side.ix-announce-resources[b-tttarc68je] {
    width: 100%;
}

.ix-announce-hero-side .ix-announce-column[b-tttarc68je] {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.ix-announce-hero-side .ix-announce-column-head[b-tttarc68je] {
    border-bottom: none;
}

.ix-announce-hero-side .ix-announce-resource-card[b-tttarc68je],
.ix-announce-hero-side .ix-announce-empty-card[b-tttarc68je] {
    min-height: 0;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}

/* _content/IxpertPosStandalone/Components/LoginCmsNav.razor.rz.scp.css */
.ix-b12-nav-dropdown[b-ux1adc88rf] {
    position: relative;
    display: inline-flex;
}

.ix-b12-nav-dropdown-trigger[b-ux1adc88rf] {
    border: none;
    background: transparent;
    cursor: pointer;
    font: inherit;
}

.ix-b12-nav-chevron[b-ux1adc88rf] {
    font-size: 10px;
    line-height: 1;
    opacity: 0.7;
}

.ix-b12-nav-dropdown-menu[b-ux1adc88rf] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 220px;
    display: none;
    flex-direction: column;
    gap: 2px;
    padding: 6px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(203, 213, 225, 0.9);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    z-index: 80;
}

.ix-b12-nav-dropdown:hover .ix-b12-nav-dropdown-menu[b-ux1adc88rf],
.ix-b12-nav-dropdown:focus-within .ix-b12-nav-dropdown-menu[b-ux1adc88rf] {
    display: flex;
}

.ix-b12-nav-dropdown-link[b-ux1adc88rf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 8px;
    color: #526077;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.18s ease, background 0.18s ease;
}

.ix-b12-nav-dropdown-link:hover[b-ux1adc88rf] {
    color: #e11116;
    background: #fff5f5;
}

.ix-b12-nav-dropdown-link:hover .ix-b12-nav-icon[b-ux1adc88rf] {
    background: rgba(225, 17, 22, 0.14);
}
/* _content/IxpertPosStandalone/Components/LoginEnquiryForm.razor.rz.scp.css */
/* Shared enquiry form — full page and inline (under Enquiries tab) */

.ix-enquiry-form-wrap[b-i2y0yq3sth] {
    width: 100%;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.ix-enquiry-page[b-i2y0yq3sth] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #ffffff;
    color: #0f172a;
}

.ix-login-theme-orange.ix-enquiry-page[b-i2y0yq3sth] {
    background: linear-gradient(180deg, #f8fafc, #ffffff 45%, #ffffff);
}

.ix-login-theme-brown.ix-enquiry-page[b-i2y0yq3sth] {
    background: #faf6f0;
}

.ix-enquiry-shell[b-i2y0yq3sth] {
    width: 100%;
    max-width: 640px;
}

.ix-enquiry-card[b-i2y0yq3sth] {
    background: #fff;
    border-radius: 6px;
    padding: 28px 32px 32px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
    border: 1px solid #e2e8f0;
}

.ix-enquiry-inline .ix-enquiry-card[b-i2y0yq3sth] {
    padding: 28px 32px 36px;
    box-shadow:
        0 2px 4px rgba(225, 17, 22, 0.04),
        0 12px 32px rgba(225, 17, 22, 0.08);
    border: 1px solid rgba(225, 17, 22, 0.1);
    box-sizing: border-box;
}

.ix-enquiry-inline .ix-enquiry-head h1[b-i2y0yq3sth] {
    font-size: 20px;
    margin-bottom: 4px;
}

.ix-enquiry-inline .ix-enquiry-head p[b-i2y0yq3sth] {
    margin-bottom: 20px;
    font-size: 13.5px;
    line-height: 1.6;
}

.ix-enquiry-back[b-i2y0yq3sth] {
    border: none;
    background: none;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #e11116;
    cursor: pointer;
    margin-bottom: 16px;
}

.ix-login-theme-brown .ix-enquiry-back[b-i2y0yq3sth] { color: #8b6914; }

.ix-enquiry-head h1[b-i2y0yq3sth] {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
}

.ix-enquiry-head p[b-i2y0yq3sth] {
    margin: 8px 0 22px;
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
}

.ix-enquiry-form[b-i2y0yq3sth] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ix-enquiry-inline .ix-enquiry-form[b-i2y0yq3sth] {
    gap: 18px;
}

.ix-enquiry-row label[b-i2y0yq3sth] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.ix-enquiry-half[b-i2y0yq3sth] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

[b-i2y0yq3sth] .ix-enquiry-input .dxbs-textbox,
[b-i2y0yq3sth] .ix-enquiry-input input {
    min-height: 42px;
    border-radius: 6px !important;
    font-size: 14px !important;
}

[b-i2y0yq3sth] .ix-enquiry-input textarea {
    min-height: 72px;
    border-radius: 6px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.ix-enquiry-inline[b-i2y0yq3sth]  .ix-enquiry-input textarea {
    min-height: 76px;
}

.ix-enquiry-inline .ix-enquiry-submit-wrap[b-i2y0yq3sth] {
    margin-top: 4px;
    padding-top: 4px;
    flex-shrink: 0;
}

.ix-enquiry-error[b-i2y0yq3sth] {
    padding: 11px 14px;
    border-radius: 10px;
    background: #fff5f7;
    border: 1px solid rgba(232, 130, 150, 0.3);
    color: #c45c72;
    font-size: 13px;
}

.ix-enquiry-success[b-i2y0yq3sth] {
    text-align: center;
    padding: 20px 10px;
}

.ix-enquiry-success-title[b-i2y0yq3sth] {
    font-size: 20px;
    font-weight: 800;
    color: #2c3e6b;
}

.ix-enquiry-success-text[b-i2y0yq3sth] {
    margin: 10px 0 20px;
    font-size: 14px;
    color: #6b7894;
    line-height: 1.5;
}

[b-i2y0yq3sth] .ix-enquiry-submit {
    width: 100%;
    min-height: 42px;
    border-radius: 6px !important;
    font-weight: 700 !important;
    margin-top: 12px;
}

.ix-enquiry-inline[b-i2y0yq3sth]  .ix-enquiry-submit {
    margin-top: 0;
    margin-bottom: 0;
}

.ix-login-theme-orange[b-i2y0yq3sth]  .ix-enquiry-submit {
    background: #e11116 !important;
    border-color: #e11116 !important;
}

.ix-login-theme-brown[b-i2y0yq3sth]  .ix-enquiry-submit {
    background: #c94444 !important;
    border-color: #c94444 !important;
}

@media (max-width: 600px) {
    .ix-enquiry-half[b-i2y0yq3sth] { grid-template-columns: 1fr; }
    .ix-enquiry-card[b-i2y0yq3sth] { padding: 22px 20px 26px; }
}
/* _content/IxpertPosStandalone/Components/LoginHeroSlider.razor.rz.scp.css */
.ix-hero-slider[b-bte0mrxqs9] {
    width: 100%;
    margin: 0 auto;
}

.ix-hero-slider-viewport[b-bte0mrxqs9] {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, 0.65);
    box-shadow: 0 6px 24px rgba(63, 74, 89, 0.06);
    background: rgba(255, 255, 255, 0.75);
}

.ix-hero-slider-image[b-bte0mrxqs9] {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 16px;
    background: #ffffff;
    vertical-align: top;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
}

.ix-hero-slider-dots[b-bte0mrxqs9] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 4px 0 2px;
}

.ix-hero-slider-dot[b-bte0mrxqs9] {
    width: 7px;
    height: 7px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: #d5dbe3;
    cursor: pointer;
    transition: background 0.2s ease, width 0.2s ease;
}

.ix-hero-slider-dot.is-active[b-bte0mrxqs9] {
    width: 18px;
    background: var(--ix-primary, #2563eb);
    transform: none;
}

.ix-hero-slider-dot:focus-visible[b-bte0mrxqs9] {
    outline: 2px solid var(--ix-primary, #2563eb);
    outline-offset: 2px;
}
/* _content/IxpertPosStandalone/Components/LoginSolutionsPanel.razor.rz.scp.css */
/* Ixpert-branded solutions landing (matches login page orange / navy theme) */

.ix-erp-landing[b-eq2sa7yc45] {
    min-width: 0;
    color: var(--ix-text, #3d4a66);
}

/* —— Hero: same cream canvas as login page, not a separate color block —— */
.ix-erp-hero[b-eq2sa7yc45] {
    position: relative;
    overflow: hidden;
    padding: 8px 4px 0;
}

.ix-erp-hero-glow[b-eq2sa7yc45] {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: min(480px, 95%);
    height: 200px;
    background: radial-gradient(ellipse at center, rgba(245, 169, 98, 0.28) 0%, rgba(232, 135, 74, 0.12) 45%, transparent 72%);
    pointer-events: none;
}

.ix-erp-hero-copy[b-eq2sa7yc45] {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
}

.ix-erp-badge[b-eq2sa7yc45] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid var(--ix-border, rgba(232, 135, 74, 0.2));
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ix-navy, #2c3e6b);
}

.ix-erp-badge-icon[b-eq2sa7yc45] {
    font-size: 13px;
}

.ix-erp-hero-title[b-eq2sa7yc45] {
    margin: 16px 0 0;
    font-size: clamp(24px, 2.6vw, 34px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: var(--ix-navy, #2c3e6b);
}

.ix-erp-brand[b-eq2sa7yc45] {
    color: var(--ix-accent, #e11116);
}

.ix-login-theme-brown .ix-erp-brand[b-eq2sa7yc45] {
    color: #8b6914;
}

.ix-erp-hero-sub[b-eq2sa7yc45] {
    margin: 12px auto 0;
    max-width: 46ch;
    font-size: 14px;
    line-height: 1.65;
    color: var(--ix-text-soft, #6b7894);
}

.ix-erp-hero-cta[b-eq2sa7yc45] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.ix-erp-btn[b-eq2sa7yc45] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    font-family: inherit;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    border: none;
}

.ix-erp-btn:hover[b-eq2sa7yc45] {
    transform: translateY(-1px);
}

.ix-erp-btn-primary[b-eq2sa7yc45] {
    background: var(--ix-accent, #e11116);
    color: #fff;
    box-shadow: 0 4px 14px rgba(232, 135, 74, 0.32);
}

.ix-erp-btn-primary:hover[b-eq2sa7yc45] {
    background: var(--ix-accent-deep, #d97638);
}

.ix-login-theme-brown .ix-erp-btn-primary[b-eq2sa7yc45] {
    background: #8b6914;
    box-shadow: 0 4px 14px rgba(139, 105, 20, 0.28);
}

.ix-login-theme-brown .ix-erp-btn-primary:hover[b-eq2sa7yc45] {
    background: #735610;
}

.ix-erp-btn-secondary[b-eq2sa7yc45] {
    background: #fff;
    color: var(--ix-navy, #2c3e6b);
    border: 1px solid rgba(44, 62, 107, 0.16);
    box-shadow: 0 2px 8px rgba(44, 62, 107, 0.05);
}

.ix-erp-btn-secondary:hover[b-eq2sa7yc45] {
    border-color: rgba(232, 135, 74, 0.35);
}

/* —— Dashboard showcase —— */
.ix-erp-showcase[b-eq2sa7yc45] {
    position: relative;
    z-index: 1;
    height: 268px;
    margin-top: 24px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.ix-erp-dash[b-eq2sa7yc45] {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(74%, 400px);
    background: #fff;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -2px 32px rgba(232, 135, 74, 0.12), 0 0 0 1px rgba(232, 135, 74, 0.08);
    padding: 14px 16px 12px;
    z-index: 2;
}

.ix-erp-dash-head[b-eq2sa7yc45] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ix-navy, #2c3e6b);
}

.ix-erp-dash-pill[b-eq2sa7yc45] {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(232, 135, 74, 0.12);
    color: var(--ix-accent-deep, #d97638);
}

.ix-erp-dash-chart[b-eq2sa7yc45] {
    height: 84px;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff9f5 0%, #fff 100%);
    overflow: hidden;
}

.ix-erp-chart-svg[b-eq2sa7yc45] {
    width: 100%;
    height: 100%;
    display: block;
}

.ix-erp-dash-metrics[b-eq2sa7yc45] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(232, 135, 74, 0.1);
}

.ix-erp-dash-metrics small[b-eq2sa7yc45] {
    display: block;
    font-size: 9px;
    color: var(--ix-text-muted, #949bb0);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ix-erp-dash-metrics strong[b-eq2sa7yc45] {
    font-size: 13px;
    color: var(--ix-navy, #2c3e6b);
    font-weight: 700;
}

.ix-erp-float[b-eq2sa7yc45] {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(232, 135, 74, 0.12);
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 8px 22px rgba(44, 62, 107, 0.08);
    z-index: 3;
}

.ix-erp-float-label[b-eq2sa7yc45] {
    display: block;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ix-text-muted, #949bb0);
    margin-bottom: 4px;
}

.ix-erp-float strong[b-eq2sa7yc45] {
    font-size: 15px;
    font-weight: 800;
    color: var(--ix-navy, #2c3e6b);
    line-height: 1.1;
}

.ix-erp-float em[b-eq2sa7yc45] {
    display: block;
    font-size: 10px;
    font-style: normal;
    color: #3d9a50;
    font-weight: 600;
    margin-top: 2px;
}

.ix-erp-float-l1[b-eq2sa7yc45] { top: 6%; left: 0; width: 116px; }
.ix-erp-float-l2[b-eq2sa7yc45] { top: 36%; left: 0; width: 98px; }
.ix-erp-float-r1[b-eq2sa7yc45] { top: 10%; right: 0; width: 98px; }
.ix-erp-float-r2[b-eq2sa7yc45] { top: 40%; right: 0; width: 94px; }

.ix-erp-mini-bars[b-eq2sa7yc45] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 34px;
}

.ix-erp-mini-bars span[b-eq2sa7yc45] {
    flex: 1;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(180deg, var(--ix-accent-light, #f87171), var(--ix-accent, #e11116));
}

.ix-erp-gauge[b-eq2sa7yc45] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: conic-gradient(var(--ix-accent, #e11116) 0 71%, rgba(225, 17, 22, 0.15) 71% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ix-erp-gauge span[b-eq2sa7yc45] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: var(--ix-accent-deep, #d97638);
}

/* —— Sections: blend with page, no stark white/blue blocks —— */
.ix-erp-panel[b-eq2sa7yc45] {
    padding: 22px 4px 8px;
    border-top: 1px solid var(--ix-border, rgba(232, 135, 74, 0.14));
    margin-top: 8px;
}

.ix-erp-panel-alt[b-eq2sa7yc45] {
    padding-bottom: 28px;
    border-top: 1px solid var(--ix-border, rgba(232, 135, 74, 0.1));
}

.ix-erp-panel-title[b-eq2sa7yc45] {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--ix-navy, #2c3e6b);
}

.ix-erp-panel-lead[b-eq2sa7yc45] {
    margin: 5px 0 14px;
    font-size: 13px;
    color: var(--ix-text-soft, #6b7894);
    line-height: 1.5;
}

.ix-erp-industry-row[b-eq2sa7yc45] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ix-erp-industry[b-eq2sa7yc45] {
    flex: 1 1 calc(33% - 8px);
    min-width: 82px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid var(--ix-border, rgba(232, 135, 74, 0.14));
    text-align: center;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.ix-erp-industry:hover[b-eq2sa7yc45] {
    border-color: rgba(232, 135, 74, 0.3);
    box-shadow: 0 4px 16px rgba(232, 135, 74, 0.1);
}

.ix-erp-industry-icon[b-eq2sa7yc45] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--ix-accent-light, #f87171), var(--ix-accent, #e11116));
}

.ix-login-theme-brown .ix-erp-industry-icon[b-eq2sa7yc45] {
    background: linear-gradient(135deg, #b8956a, #8b6914);
}

.ix-erp-industry span[b-eq2sa7yc45] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ix-navy, #2c3e6b);
    line-height: 1.25;
}

.ix-erp-module-row[b-eq2sa7yc45] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 16px;
}

.ix-erp-module[b-eq2sa7yc45] {
    display: inline-block;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ix-navy, #2c3e6b);
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid var(--ix-border, rgba(232, 135, 74, 0.16));
}

.ix-erp-trust[b-eq2sa7yc45] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
}

.ix-erp-trust li[b-eq2sa7yc45] {
    position: relative;
    padding-left: 16px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--ix-text-soft, #6b7894);
}

.ix-erp-trust li[b-eq2sa7yc45]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ix-accent, #e11116);
}

.ix-login-theme-brown .ix-erp-trust li[b-eq2sa7yc45]::before {
    background: #8b6914;
}

@media (max-width: 1199px) {
    .ix-erp-showcase[b-eq2sa7yc45] {
        height: 240px;
    }

    .ix-erp-industry[b-eq2sa7yc45] {
        flex: 1 1 calc(50% - 8px);
    }
}

@media (max-width: 767px) {
    .ix-erp-showcase[b-eq2sa7yc45] {
        height: 210px;
    }

    .ix-erp-float[b-eq2sa7yc45] {
        display: none;
    }

    .ix-erp-dash[b-eq2sa7yc45] {
        width: 90%;
    }

    .ix-erp-hero-cta[b-eq2sa7yc45] {
        flex-direction: column;
        align-items: stretch;
    }

    .ix-erp-trust[b-eq2sa7yc45] {
        grid-template-columns: 1fr;
    }
}
/* _content/IxpertPosStandalone/Components/OfficeDocumentManagerPanel.razor.rz.scp.css */
.odm-root[b-u25tf1yws0] {
    color: #111827;
    font-size: 13px;
}

.odm-popup[b-u25tf1yws0] {
    padding: 0;
}

.odm-page[b-u25tf1yws0] {
    padding: 0;
}

.odm-context-row[b-u25tf1yws0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.odm-chip[b-u25tf1yws0] {
    background: #eff6ff;
    color: #1e3a8a;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
}

.odm-chip.muted[b-u25tf1yws0] {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
}

.odm-layout[b-u25tf1yws0] {
    display: grid;
    grid-template-columns: minmax(280px, 34%) 1fr;
    gap: 8px;
    align-items: start;
}

.odm-card[b-u25tf1yws0] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    min-height: 0;
}

.odm-card-head[b-u25tf1yws0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.odm-card-title[b-u25tf1yws0] {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.odm-card-hint[b-u25tf1yws0] {
    margin-top: 3px;
    font-size: 11px;
    color: #64748b;
}

.odm-card-actions[b-u25tf1yws0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    justify-content: flex-end;
}

.odm-search-row[b-u25tf1yws0] {
    min-width: 260px;
}

.odm-search[b-u25tf1yws0] {
    width: 180px;
}

.odm-btn[b-u25tf1yws0] {
    border: none;
    border-radius: 9px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1.2;
}

.odm-btn:disabled[b-u25tf1yws0] {
    opacity: 0.55;
    cursor: not-allowed;
}

.odm-btn-primary[b-u25tf1yws0] {
    background: #0d6efd;
    color: #fff;
    border: 1px solid #0d6efd;
    box-shadow: 0 1px 2px rgba(13, 110, 253, 0.25);
}

.odm-btn-primary:hover:not(:disabled)[b-u25tf1yws0] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.odm-btn-secondary[b-u25tf1yws0] {
    background: #fff;
    color: #0d6efd;
    border: 1px solid #93c5fd;
    box-shadow: 0 1px 2px rgba(13, 110, 253, 0.12);
}

.odm-btn-secondary:hover:not(:disabled)[b-u25tf1yws0] {
    background: #eff6ff;
    border-color: #0d6efd;
}

.odm-btn-add[b-u25tf1yws0] {
    min-width: 108px;
}

.odm-upload-bar[b-u25tf1yws0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
}

.odm-card-head-stack[b-u25tf1yws0] {
    margin-bottom: 8px;
}

.odm-file-input[b-u25tf1yws0],
.odm-upload-bar[b-u25tf1yws0]  input[type="file"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

.odm-empty-pending[b-u25tf1yws0] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    padding: 28px 16px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
}

.odm-empty-icon[b-u25tf1yws0] {
    font-size: 28px;
    margin-bottom: 8px;
}

.odm-pending-list[b-u25tf1yws0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 320px;
    overflow: auto;
}

.odm-pending-item-rich[b-u25tf1yws0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
}

.odm-pending-top[b-u25tf1yws0] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 8px;
    align-items: center;
}

.odm-pending-type-row[b-u25tf1yws0] {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 8px;
    align-items: center;
}

.odm-pending-type-row label[b-u25tf1yws0] {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}

.odm-pending-item[b-u25tf1yws0] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 8px;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 8px 10px;
}

.odm-pending-name[b-u25tf1yws0] {
    font-weight: 600;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.odm-pending-meta[b-u25tf1yws0] {
    font-size: 11px;
    color: #64748b;
}

.odm-pending-remove[b-u25tf1yws0] {
    border: none;
    background: #fee2e2;
    color: #b91c1c;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700;
}

.odm-file-table-wrap[b-u25tf1yws0] {
    max-height: 340px;
    overflow: auto;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.odm-file-table[b-u25tf1yws0] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 12px;
    table-layout: fixed;
}

.odm-file-table .col-file[b-u25tf1yws0] { width: 22%; }
.odm-file-table .col-doctype[b-u25tf1yws0] { width: 14%; }
.odm-file-table .col-link[b-u25tf1yws0] { width: 26%; }
.odm-file-table .col-module[b-u25tf1yws0] { width: 12%; }
.odm-file-table .col-date[b-u25tf1yws0] { width: 15%; white-space: nowrap; }
.odm-file-table .col-by[b-u25tf1yws0] { width: 10%; }
.odm-file-table .col-actions[b-u25tf1yws0] { width: 18%; }

.odm-file-table th[b-u25tf1yws0] {
    position: sticky;
    top: 0;
    background: #f1f5f9;
    color: #334155;
    text-align: left;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 800;
    border-bottom: 1px solid #e2e8f0;
}

.odm-file-table td[b-u25tf1yws0] {
    padding: 8px 10px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.odm-td-name[b-u25tf1yws0] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.odm-td-link[b-u25tf1yws0] {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1e40af;
    font-weight: 600;
}

.odm-td-actions[b-u25tf1yws0] {
    white-space: nowrap;
}

.odm-link-btn[b-u25tf1yws0] {
    border: none;
    background: transparent;
    color: #2563eb;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    padding: 0 4px;
}

.odm-link-btn.danger[b-u25tf1yws0] {
    color: #dc2626;
}

.odm-msg[b-u25tf1yws0] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}

.odm-msg.success[b-u25tf1yws0] {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
}

.odm-msg.error[b-u25tf1yws0] {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #fca5a5;
}

.odm-msg.info[b-u25tf1yws0] {
    color: #1e40af;
    background: #dbeafe;
    border: 1px solid #93c5fd;
}

.odm-cap-bar[b-u25tf1yws0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 8px 10px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.odm-cap-actions[b-u25tf1yws0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.odm-cap-search[b-u25tf1yws0] {
    min-width: 220px;
    flex: 1 1 220px;
}

.odm-btn-sm[b-u25tf1yws0] {
    padding: 5px 10px;
    font-size: 11px;
}

.odm-ai-hits[b-u25tf1yws0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
    max-height: 120px;
    overflow: auto;
}

.odm-ai-hit[b-u25tf1yws0] {
    text-align: left;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 11px;
    cursor: pointer;
}

.odm-preview-text[b-u25tf1yws0] {
    white-space: pre-wrap;
    font-size: 12px;
    max-height: 65vh;
    overflow: auto;
    margin: 0;
    padding: 8px;
    background: #f8fafc;
    border-radius: 8px;
}

.odm-sign-form[b-u25tf1yws0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.odm-sign-form label[b-u25tf1yws0] {
    font-size: 11px;
    font-weight: 700;
    color: #475569;
}

.office-center-page[b-u25tf1yws0] {
    padding: 8px 10px;
}

.office-center-head[b-u25tf1yws0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.office-center-head h1[b-u25tf1yws0] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
}

.office-center-card[b-u25tf1yws0] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px;
}

.office-editor-page[b-u25tf1yws0] {
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.office-editor-toolbar[b-u25tf1yws0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
    border-radius: 10px;
    padding: 8px 10px;
    color: #fff;
}

.office-editor-title[b-u25tf1yws0] {
    font-size: 14px;
    font-weight: 800;
}

.office-editor-picker[b-u25tf1yws0] {
    min-width: 280px;
    flex: 1 1 280px;
}

.office-sheet-wrap[b-u25tf1yws0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 8px;
    min-height: 420px;
    overflow: hidden;
}

.office-sheet-wrap[b-u25tf1yws0]  .office-sheet-grid {
    flex: 1;
    min-height: 360px;
}

.office-editor-footer[b-u25tf1yws0] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.office-editor-hint[b-u25tf1yws0] {
    font-size: 11px;
    color: #64748b;
}

.office-sheet-page[b-u25tf1yws0],
.office-word-page[b-u25tf1yws0] {
    min-height: calc(100dvh - 140px);
}

.office-rich-host[b-u25tf1yws0] {
    flex: 1;
    min-height: 520px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}

.office-rich-edit[b-u25tf1yws0] {
    width: 100%;
    height: 100%;
    min-height: 520px;
}

.office-word-page .office-rich-host[b-u25tf1yws0]  .dx-richedit {
    min-height: 520px;
}

.odm-footer[b-u25tf1yws0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #e5e7eb;
}

.odm-context-edit[b-u25tf1yws0] {
    margin-bottom: 8px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.odm-edit-grid[b-u25tf1yws0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 8px;
}

.odm-edit-grid label[b-u25tf1yws0] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #475569;
}

.odm-pdf-frame[b-u25tf1yws0] {
    width: 100%;
    height: calc(82vh - 80px);
    border: none;
    border-radius: 8px;
    background: #f8fafc;
}

@media (max-width: 960px) {
    .odm-layout[b-u25tf1yws0] {
        grid-template-columns: 1fr;
    }

    .odm-hero[b-u25tf1yws0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .odm-card-head[b-u25tf1yws0] {
        flex-direction: column;
    }

    .odm-card-actions[b-u25tf1yws0] {
        justify-content: flex-start;
    }
}

/* Menu workspace — Documents / Office File Manager (portaled popup) — full theme set in wwwroot/css/ix-menu-shell-extras.css */
body:has(.workspace-shell.ix-menu-theme) .ix-office-doc-popup .odm-btn-primary[b-u25tf1yws0],
body:has(.workspace-shell.ix-menu-theme) .odm-page .odm-btn-primary[b-u25tf1yws0] {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
}

body:has(.workspace-shell.ix-menu-theme) .ix-office-doc-popup .odm-btn-secondary[b-u25tf1yws0],
body:has(.workspace-shell.ix-menu-theme) .odm-page .odm-btn-secondary[b-u25tf1yws0] {
    color: #6d5a45 !important;
    border-color: #cfc0ae !important;
}

body:has(.workspace-shell.ix-menu-theme) .ix-office-doc-popup .odm-chip[b-u25tf1yws0],
body:has(.workspace-shell.ix-menu-theme) .odm-page .odm-chip[b-u25tf1yws0] {
    background: #f7f3ef !important;
    color: #6d5a45 !important;
    border-color: #cfc0ae !important;
}
/* _content/IxpertPosStandalone/Components/PrintFormatSelectPopup.razor.rz.scp.css */
.ix-print-format-select-body[b-2r8dcao7v9] {
    padding: 4px 2px 2px;
}

.ix-print-format-empty[b-2r8dcao7v9] {
    font-size: 13px;
    color: rgba(0, 0, 0, .65);
}

.ix-print-format-list[b-2r8dcao7v9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 320px;
    overflow: auto;
}

.ix-print-format-item[b-2r8dcao7v9] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #d8dde6;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
}

.ix-print-format-item.is-selected[b-2r8dcao7v9] {
    border-color: #0f6cbd;
    background: #f3f8fd;
}

.ix-print-format-item input[b-2r8dcao7v9] {
    margin: 0;
}

.ix-print-format-name[b-2r8dcao7v9] {
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-word;
}
/* _content/IxpertPosStandalone/Components/PrintPreviewPopup.razor.rz.scp.css */
.ix-print-preview-body[b-ms0m2oibg1] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(85vh - 120px);
    min-height: 420px;
}

.ix-print-preview-frame[b-ms0m2oibg1] {
    width: 100%;
    flex: 1 1 auto;
    min-height: 420px;
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .5rem;
    background: #fff;
}

.ix-print-preview-frame-hidden[b-ms0m2oibg1] {
    visibility: hidden;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ix-print-preview-loading[b-ms0m2oibg1] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: rgba(0, 0, 0, .72);
    font-size: 13px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(128, 128, 128, .18);
    border-radius: .5rem;
}

.ix-print-preview-spinner[b-ms0m2oibg1] {
    width: 28px;
    height: 28px;
    border: 3px solid rgba(128, 128, 128, .22);
    border-top-color: #0f6cbd;
    border-radius: 50%;
    animation: ix-print-preview-spin-b-ms0m2oibg1 .8s linear infinite;
}

@keyframes ix-print-preview-spin-b-ms0m2oibg1 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/IxpertPosStandalone/Components/PrintRangePopup.razor.rz.scp.css */
.ix-print-range-body[b-20wn9nlstb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 2px 0;
}

.ix-print-range-error[b-20wn9nlstb] {
    padding: 8px 10px;
    border: 1px solid #f1c0c0;
    border-radius: 6px;
    background: #fff5f5;
    color: #a12828;
    font-size: 12px;
}

.ix-print-range-status[b-20wn9nlstb] {
    padding: 8px 10px;
    border: 1px solid #c8d9ee;
    border-radius: 6px;
    background: #f3f8fd;
    color: #1f4e79;
    font-size: 12px;
}

.ix-print-range-field[b-20wn9nlstb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    font-size: 11px;
    color: #445;
}

.ix-print-range-input[b-20wn9nlstb] {
    height: 28px;
    padding: 0 8px;
    border: 1px solid #d0d7e2;
    border-radius: 4px;
    font-size: 12px;
}

.ix-print-range-input:disabled[b-20wn9nlstb] {
    background: #f4f6f9;
}

.ix-print-range-mode[b-20wn9nlstb] {
    display: flex;
    gap: 8px;
}

.ix-print-range-mode-item[b-20wn9nlstb],
.ix-print-range-format-item[b-20wn9nlstb] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #d8dde6;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
}

.ix-print-range-mode-item[b-20wn9nlstb] {
    flex: 1 1 0;
}

.ix-print-range-mode-item.is-selected[b-20wn9nlstb],
.ix-print-range-format-item.is-selected[b-20wn9nlstb] {
    border-color: #0f6cbd;
    background: #f3f8fd;
}

.ix-print-range-row[b-20wn9nlstb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.ix-print-range-formats[b-20wn9nlstb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ix-print-range-formats-title[b-20wn9nlstb] {
    font-size: 11px;
    font-weight: 600;
    color: #445;
}
/* _content/IxpertPosStandalone/Components/SpvNumericRangeFilterMenu.razor.rz.scp.css */
.spv-num-range-filter[b-hoo5sz26cb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 4px 4px;
    min-width: 220px;
}

.spv-num-range-title[b-hoo5sz26cb] {
    font-size: 12px;
    font-weight: 700;
}

.spv-num-range-label[b-hoo5sz26cb] {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    margin: 0;
}

.spv-num-range-input[b-hoo5sz26cb] {
    height: 28px;
    font-size: 12px;
}

.spv-num-range-hint[b-hoo5sz26cb] {
    font-size: 10px;
    color: #6b7280;
    line-height: 1.3;
}

.spv-num-range-clear[b-hoo5sz26cb] {
    align-self: flex-start;
    margin-top: 4px;
}

.spv-num-range-slider-head[b-hoo5sz26cb] {
    display: flex;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
}

.spv-num-range-slider-bounds[b-hoo5sz26cb] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: #6b7280;
}

.spv-num-range-slider-wrap[b-hoo5sz26cb] {
    position: relative;
    height: 28px;
    margin: 2px 0 6px;
}

.spv-num-range-slider-track[b-hoo5sz26cb],
.spv-num-range-slider-fill[b-hoo5sz26cb] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 4px;
    margin-top: -2px;
    border-radius: 999px;
    pointer-events: none;
}

.spv-num-range-slider-track[b-hoo5sz26cb] {
    background: #e5e7eb;
}

.spv-num-range-slider-fill[b-hoo5sz26cb] {
    background: #3b82f6;
}

.spv-num-range-slider[b-hoo5sz26cb] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 28px;
    margin: 0;
    background: transparent;
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
}

.spv-num-range-slider[b-hoo5sz26cb]::-webkit-slider-runnable-track {
    height: 4px;
    background: transparent;
}

.spv-num-range-slider[b-hoo5sz26cb]::-moz-range-track {
    height: 4px;
    background: transparent;
    border: none;
}

.spv-num-range-slider[b-hoo5sz26cb]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #2563eb;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    cursor: grab;
    margin-top: -7px;
    position: relative;
    z-index: 5;
}

.spv-num-range-slider[b-hoo5sz26cb]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #2563eb;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    cursor: grab;
}

.spv-num-range-slider-from[b-hoo5sz26cb] {
    z-index: 3;
}

.spv-num-range-slider-to[b-hoo5sz26cb] {
    z-index: 4;
}
/* _content/IxpertPosStandalone/Components/TabAddFieldButton.razor.rz.scp.css */
.ix-tab-add-btn[b-lg50podm3f] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #b6c6da;
    border-radius: 999px;
    background: #f8fbff;
    color: #2563eb;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.ix-tab-add-icon[b-lg50podm3f] {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ix-tab-add-btn:hover[b-lg50podm3f] {
    border-color: #2563eb;
    color: #1d4ed8;
    background: #eff6ff;
    box-shadow: 0 1px 4px rgba(37, 99, 235, .18);
}
/* _content/IxpertPosStandalone/Pages/ApprovalSetup.razor.rz.scp.css */
.approval-hub-page[b-nspjtqwve0] {
    height: calc(100dvh - 128px);
    max-height: calc(100dvh - 128px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    padding: .65rem;
    overflow: hidden;
    background: var(--dxbl-color-surface, #f5f7fb);
    box-sizing: border-box;
}

.approval-hub-page[b-nspjtqwve0],
.approval-hub-page *[b-nspjtqwve0] {
    box-sizing: border-box;
}

.approval-hub-alert[b-nspjtqwve0] {
    margin-bottom: .5rem;
}

.approval-hub-card[b-nspjtqwve0] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--dxbl-color-surface, #fff);
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .8rem;
}

.approval-hub-page[b-nspjtqwve0]  .approval-hub-toolbar {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    padding: .55rem .65rem;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
}

.approval-hub-toolbar-left[b-nspjtqwve0] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex: 0 0 auto;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-toolbar-title {
    font-size: 1.15em;
    font-weight: 600;
    white-space: nowrap;
}

.approval-hub-page[b-nspjtqwve0]  .approval-hub-view-filter {
    width: 120px;
    min-width: 120px;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-toolbar-actions {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-toolbtn {
    height: 2.15em;
    min-height: 2.15em;
    padding: .35em .75em;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid rgba(128, 128, 128, .35);
    border-radius: .5rem;
    background: transparent;
    font-size: .9em;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-toolbtn:hover:not(:disabled) {
    background: rgba(128, 128, 128, .08);
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-toolbtn:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-toolbtn.primary {
    border-color: #f97316;
    color: #ea580c;
    font-weight: 600;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-ico {
    width: 1em;
    height: 1em;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-ico-caret {
    width: .85em;
    height: .85em;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-export-wrap {
    position: relative;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-export-menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 40;
    min-width: 140px;
    background: var(--dxbl-color-surface, #fff);
    border: 1px solid rgba(128, 128, 128, .35);
    border-radius: .5rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
    padding: .25rem;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-export-menu button {
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    padding: .45rem .6rem;
    border-radius: .35rem;
    cursor: pointer;
    font-size: .9em;
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-export-menu button:hover {
    background: rgba(128, 128, 128, .1);
}

.approval-hub-page[b-nspjtqwve0]  .ix-master-search-wrap {
    margin-left: .25rem;
    min-width: 220px;
}

.approval-hub-grid-host[b-nspjtqwve0] {
    flex: 1 1 auto;
    min-height: 0;
    padding: .35rem .5rem .5rem;
}

.approval-hub-page[b-nspjtqwve0]  .approval-hub-grid,
.approval-hub-page[b-nspjtqwve0]  .approval-hub-grid .dxbl-grid {
    height: 100% !important;
}

.approval-hub-cell-primary[b-nspjtqwve0] {
    font-weight: 600;
    font-size: .92em;
    line-height: 1.25;
}

.approval-hub-cell-secondary[b-nspjtqwve0] {
    font-size: .78em;
    opacity: .65;
    margin-top: 2px;
}

.approval-hub-status[b-nspjtqwve0] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .88em;
    font-weight: 500;
}

.approval-hub-status-dot[b-nspjtqwve0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.approval-hub-status.is-active .approval-hub-status-dot[b-nspjtqwve0] {
    background: #22c55e;
}

.approval-hub-status.is-inactive .approval-hub-status-dot[b-nspjtqwve0] {
    background: #ef4444;
}

@media (max-width: 768px) {
    .approval-hub-page[b-nspjtqwve0]  .ix-master-toolbar-actions {
        justify-content: flex-start;
    }

    .approval-hub-page[b-nspjtqwve0]  .ix-master-search-wrap {
        flex: 1 1 100%;
        min-width: 0;
        margin-left: 0;
    }
}
/* _content/IxpertPosStandalone/Pages/BarcodeLabelDesigner.razor.rz.scp.css */
.bld-page[b-1c9ofn5ndu] {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.25rem 1.5rem 2rem;
    background: linear-gradient(165deg, #f8fafc 0%, #e2e8f0 55%, #cbd5e1 100%);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.bld-page[b-1c9ofn5ndu], .bld-page *[b-1c9ofn5ndu] { box-sizing: border-box; }

.bld-hero[b-1c9ofn5ndu] {
    max-width: 1180px;
    margin: 0 auto 1rem;
}

.bld-hero h1[b-1c9ofn5ndu] {
    margin: 0 0 .35rem;
    font-size: 1.55rem;
    font-weight: 800;
    color: #0f172a;
}

.bld-hero p[b-1c9ofn5ndu] {
    margin: 0;
    color: #475569;
    font-size: .92rem;
}

.bld-loading[b-1c9ofn5ndu] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1rem;
    color: #475569;
    font-size: .92rem;
}

.bld-banner[b-1c9ofn5ndu] {
    max-width: 1180px;
    margin: 0 auto 1rem;
    padding: .75rem 1rem;
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 600;
}

.bld-banner.success[b-1c9ofn5ndu] {
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    color: #047857;
}

.bld-banner.error[b-1c9ofn5ndu] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #b91c1c;
}

.bld-shell[b-1c9ofn5ndu] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    padding-bottom: 1.5rem;
}

.bld-card[b-1c9ofn5ndu] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.bld-card-title[b-1c9ofn5ndu] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: .85rem;
}

.bld-grid[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: .85rem;
}

@media (max-width: 980px) {
    .bld-grid[b-1c9ofn5ndu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .bld-grid[b-1c9ofn5ndu] { grid-template-columns: 1fr; }
}

.bld-field label[b-1c9ofn5ndu] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: .25rem;
}

.bld-input[b-1c9ofn5ndu] {
    height: 28px;
    font-size: 12px;
}

.bld-section[b-1c9ofn5ndu] {
    margin-bottom: .85rem;
}

.bld-section-title[b-1c9ofn5ndu] {
    font-size: .82rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: .45rem;
}

.bld-order-hint[b-1c9ofn5ndu] {
    font-size: 11px;
    color: #64748b;
    margin-bottom: .5rem;
}

.bld-order-empty[b-1c9ofn5ndu] {
    font-size: 12px;
    color: #64748b;
    padding: .65rem .75rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.bld-order-list[b-1c9ofn5ndu] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.bld-order-row[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: 28px 1fr auto auto;
    align-items: center;
    gap: .55rem;
    padding: .45rem .6rem;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #fff;
    cursor: grab;
    user-select: none;
}

.bld-order-row.is-dragging[b-1c9ofn5ndu] {
    opacity: .55;
    border-style: dashed;
}

.bld-order-row.is-drop-target[b-1c9ofn5ndu] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .12);
}

.bld-order-grip[b-1c9ofn5ndu] {
    color: #94a3b8;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    cursor: grab;
    user-select: none;
}

.bld-order-move[b-1c9ofn5ndu] {
    display: flex;
    gap: .25rem;
}

.bld-move-btn[b-1c9ofn5ndu] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    border-radius: 6px;
    width: 26px;
    height: 24px;
    font-size: 12px;
    line-height: 1;
    padding: 0;
}

.bld-move-btn:disabled[b-1c9ofn5ndu] {
    opacity: .45;
    cursor: not-allowed;
}

.bld-field-note[b-1c9ofn5ndu] {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #64748b;
    grid-column: span 2;
}

.bld-order-name[b-1c9ofn5ndu] {
    font-size: 12px;
    font-weight: 600;
    color: #1e293b;
}

.bld-order-pair[b-1c9ofn5ndu] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin: 0;
    font-size: 11px;
    color: #475569;
    white-space: nowrap;
}

.bld-field-grid[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem .75rem;
}

@media (max-width: 760px) {
    .bld-field-grid[b-1c9ofn5ndu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.bld-check[b-1c9ofn5ndu], .bld-check-row[b-1c9ofn5ndu] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: 12px;
    color: #1e293b;
    margin: 0;
}

.bld-actions[b-1c9ofn5ndu] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.bld-btn[b-1c9ofn5ndu], .bld-mini-btn[b-1c9ofn5ndu] {
    font-size: 12px;
}

.bld-layout-grid[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

@media (max-width: 900px) {
    .bld-layout-grid[b-1c9ofn5ndu] { grid-template-columns: 1fr; }
}

.bld-layout-card[b-1c9ofn5ndu] {
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: .75rem;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.bld-layout-card:hover[b-1c9ofn5ndu] {
    border-color: #93c5fd;
}

.bld-layout-card.is-picked[b-1c9ofn5ndu] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .15);
}

.bld-layout-head[b-1c9ofn5ndu] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .6rem;
}

.bld-layout-id[b-1c9ofn5ndu] {
    font-size: 11px;
    font-weight: 700;
    color: #2563eb;
}

.bld-layout-name[b-1c9ofn5ndu] {
    font-size: .92rem;
    font-weight: 700;
    color: #0f172a;
}

.bld-layout-hint[b-1c9ofn5ndu] {
    font-size: 11px;
    color: #64748b;
}

.bld-pick-btn[b-1c9ofn5ndu] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    border-radius: 8px;
    padding: .3rem .65rem;
    font-size: 11px;
    font-weight: 600;
}

.bld-pick-btn.is-picked[b-1c9ofn5ndu] {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

.bld-preview[b-1c9ofn5ndu] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    padding: .55rem;
    min-height: 110px;
    width: 100%;
}

.bld-mock[b-1c9ofn5ndu] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    height: 100%;
    min-height: 100px;
    font-size: 10px;
    color: #1e293b;
}

.bld-mock-qr-side[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: 38% 62%;
    gap: .35rem;
    height: 100%;
}

.bld-mock-qr-side.qr-right[b-1c9ofn5ndu] {
    grid-template-columns: 62% 38%;
}

.bld-mock-qr-side.qr-right .bld-mock-code[b-1c9ofn5ndu] {
    order: 2;
}

.bld-mock-qr-side.qr-right .bld-mock-text[b-1c9ofn5ndu] {
    order: 1;
}

.bld-mock-side[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: 38% 62%;
    gap: .35rem;
    height: 100%;
    flex: 1;
}

.bld-mock-code[b-1c9ofn5ndu] {
    background: repeating-linear-gradient(90deg, #0f172a 0 2px, #fff 2px 4px);
    color: #0f172a;
    font-family: Consolas, monospace;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 4px;
    padding: .2rem;
    text-align: center;
    width: 100%;
}

.bld-mock-code.qr[b-1c9ofn5ndu] {
    background:
        linear-gradient(90deg, #0f172a 0 18%, transparent 18% 22%, #0f172a 22% 40%, transparent 40% 44%, #0f172a 44% 62%, transparent 62% 66%, #0f172a 66% 84%, transparent 84% 88%, #0f172a 88% 100%),
        linear-gradient(#0f172a 0 18%, transparent 18% 22%, #0f172a 22% 40%, transparent 40% 44%, #0f172a 44% 62%, transparent 62% 66%, #0f172a 66% 84%, transparent 84% 88%, #0f172a 88% 100%);
    background-size: 100% 48%, 100% 48%;
    background-position: top, bottom;
    background-repeat: no-repeat;
    font-weight: 700;
}

.bld-mock-code.vertical[b-1c9ofn5ndu] {
    min-height: 100%;
}

.bld-mock-code.center[b-1c9ofn5ndu] {
    flex: 1;
}

.bld-mock-text[b-1c9ofn5ndu] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    justify-content: center;
}

.bld-mock-text.compact[b-1c9ofn5ndu] {
    min-height: 24px;
}

.bld-mock-row[b-1c9ofn5ndu] {
    display: block;
}

.bld-mock-row.paired[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .25rem;
}

.bld-mock-row span[b-1c9ofn5ndu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bld-table-wrap[b-1c9ofn5ndu] { overflow: auto; }

.bld-table[b-1c9ofn5ndu] {
    font-size: 12px;
    margin: 0;
}

.bld-empty[b-1c9ofn5ndu] {
    text-align: center;
    color: #64748b;
    padding: 1rem;
}

.bld-canvas-card[b-1c9ofn5ndu] {
    overflow: visible;
}

.bld-canvas-hint[b-1c9ofn5ndu] {
    font-size: 11px;
    color: #64748b;
    margin-bottom: .65rem;
}

.bld-canvas-stage[b-1c9ofn5ndu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .45rem;
}

.bld-canvas-size[b-1c9ofn5ndu] {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
}

.bld-canvas-wrap[b-1c9ofn5ndu] {
    position: relative;
    width: min(100%, 520px);
    max-width: 100%;
    background: #fff;
    border: 2px solid #334155;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #e2e8f0;
    touch-action: none;
    user-select: none;
    overflow: hidden;
}

.bld-canvas-el[b-1c9ofn5ndu] {
    position: absolute;
    box-sizing: border-box;
    border: 1px dashed #94a3b8;
    background: rgba(248, 250, 252, .92);
    padding: 2px 4px;
    cursor: move;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bld-canvas-el.selected[b-1c9ofn5ndu] {
    border: 2px solid #2563eb;
    background: rgba(239, 246, 255, .95);
    z-index: 2;
}

.bld-canvas-el.code[b-1c9ofn5ndu] {
    background: repeating-linear-gradient(90deg, rgba(15, 23, 42, .08) 0 3px, transparent 3px 6px), rgba(248, 250, 252, .92);
}

.bld-canvas-el.code.selected[b-1c9ofn5ndu] {
    background: repeating-linear-gradient(90deg, rgba(37, 99, 235, .12) 0 3px, transparent 3px 6px), rgba(239, 246, 255, .95);
}

.bld-canvas-el-label[b-1c9ofn5ndu] {
    font-size: 9px;
    font-weight: 700;
    color: #64748b;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bld-canvas-el-value[b-1c9ofn5ndu] {
    font-size: 10px;
    color: #0f172a;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-height: 0;
}

.bld-handle[b-1c9ofn5ndu] {
    position: absolute;
    background: #2563eb;
    border: 1px solid #fff;
    box-sizing: border-box;
    z-index: 4;
}

.bld-handle-n[b-1c9ofn5ndu], .bld-handle-s[b-1c9ofn5ndu] {
    left: 50%;
    width: 10px;
    height: 6px;
    margin-left: -5px;
    cursor: ns-resize;
}

.bld-handle-e[b-1c9ofn5ndu], .bld-handle-w[b-1c9ofn5ndu] {
    top: 50%;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    cursor: ew-resize;
}

.bld-handle-n[b-1c9ofn5ndu] { top: -3px; }
.bld-handle-s[b-1c9ofn5ndu] { bottom: -3px; }
.bld-handle-e[b-1c9ofn5ndu] { right: -3px; }
.bld-handle-w[b-1c9ofn5ndu] { left: -3px; }

.bld-handle-ne[b-1c9ofn5ndu], .bld-handle-nw[b-1c9ofn5ndu], .bld-handle-se[b-1c9ofn5ndu], .bld-handle-sw[b-1c9ofn5ndu] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.bld-handle-ne[b-1c9ofn5ndu] { top: -4px; right: -4px; cursor: nesw-resize; }
.bld-handle-nw[b-1c9ofn5ndu] { top: -4px; left: -4px; cursor: nwse-resize; }
.bld-handle-se[b-1c9ofn5ndu] { bottom: -4px; right: -4px; cursor: nwse-resize; }
.bld-handle-sw[b-1c9ofn5ndu] { bottom: -4px; left: -4px; cursor: nesw-resize; }

.bld-resize-handle[b-1c9ofn5ndu] {
    display: none;
}

.bld-canvas-tools[b-1c9ofn5ndu] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-top: .75rem;
    flex-wrap: wrap;
}

.bld-selection-panel[b-1c9ofn5ndu] {
    flex: 1 1 100%;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    padding: .65rem .75rem;
    background: #f8fafc;
}

.bld-selection-title[b-1c9ofn5ndu] {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: .55rem;
}

.bld-selection-grid[b-1c9ofn5ndu] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1rem;
    align-items: center;
}

.bld-field-style[b-1c9ofn5ndu] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.bld-field-style label[b-1c9ofn5ndu] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    margin: 0;
    white-space: nowrap;
}

.bld-field-style .bld-stepper[b-1c9ofn5ndu] {
    height: 28px;
}

.bld-canvas-selected[b-1c9ofn5ndu] {
    font-size: 11px;
    color: #334155;
    font-weight: 600;
}

.bld-template-card[b-1c9ofn5ndu] {
    margin-bottom: 0;
}

.bld-template-hint[b-1c9ofn5ndu] {
    font-size: 11px;
    color: #64748b;
    margin-bottom: .75rem;
}

.bld-template-grid[b-1c9ofn5ndu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

@media (max-width: 1100px) {
    .bld-template-grid[b-1c9ofn5ndu] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .bld-template-grid[b-1c9ofn5ndu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .bld-template-grid[b-1c9ofn5ndu] { grid-template-columns: 1fr; }
}

.bld-template-item[b-1c9ofn5ndu] {
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    background: #fff;
    padding: .65rem .7rem .75rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.bld-template-item:hover[b-1c9ofn5ndu] {
    border-color: #93c5fd;
}

.bld-template-item.is-picked[b-1c9ofn5ndu] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .14);
}

.bld-template-thumb[b-1c9ofn5ndu] {
    height: 52px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    margin-bottom: .5rem;
    position: relative;
    overflow: hidden;
}

.bld-template-thumb.custom[b-1c9ofn5ndu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
}

.bld-template-thumb.custom span[b-1c9ofn5ndu] {
    display: block;
    height: 8px;
    border-radius: 3px;
    background: #cbd5e1;
}

.bld-template-thumb.custom span:nth-child(1)[b-1c9ofn5ndu] { width: 70%; }
.bld-template-thumb.custom span:nth-child(2)[b-1c9ofn5ndu] { width: 90%; }
.bld-template-thumb.custom span:nth-child(3)[b-1c9ofn5ndu] { width: 55%; }

.bld-template-thumb[b-1c9ofn5ndu]::before,
.bld-template-thumb[b-1c9ofn5ndu]::after {
    content: "";
    position: absolute;
    border-radius: 2px;
    background: #334155;
    opacity: .75;
}

.bld-template-thumb.tpl-t01[b-1c9ofn5ndu]::before { left: 8%; top: 8%; width: 84%; height: 28%; background: repeating-linear-gradient(90deg, #334155 0 2px, transparent 2px 4px); opacity: 1; }
.bld-template-thumb.tpl-t01[b-1c9ofn5ndu]::after { left: 8%; top: 42%; width: 40%; height: 12%; }

.bld-template-thumb.tpl-t02[b-1c9ofn5ndu]::before { left: 8%; top: 10%; width: 84%; height: 12%; }
.bld-template-thumb.tpl-t02[b-1c9ofn5ndu]::after { left: 8%; bottom: 8%; width: 84%; height: 24%; background: repeating-linear-gradient(90deg, #334155 0 2px, transparent 2px 4px); opacity: 1; }

.bld-template-thumb.tpl-t03[b-1c9ofn5ndu]::before { left: 6%; top: 8%; width: 28%; height: 84%; background: repeating-linear-gradient(90deg, #334155 0 2px, transparent 2px 4px); opacity: 1; }
.bld-template-thumb.tpl-t03[b-1c9ofn5ndu]::after { left: 38%; top: 10%; width: 54%; height: 12%; }

.bld-template-thumb.tpl-t04[b-1c9ofn5ndu]::before { left: 8%; top: 10%; width: 54%; height: 12%; }
.bld-template-thumb.tpl-t04[b-1c9ofn5ndu]::after { right: 6%; top: 8%; width: 28%; height: 84%; background: repeating-linear-gradient(90deg, #334155 0 2px, transparent 2px 4px); opacity: 1; }

.bld-template-thumb.tpl-t05[b-1c9ofn5ndu]::before { left: 10%; top: 10%; width: 80%; height: 10%; }
.bld-template-thumb.tpl-t05[b-1c9ofn5ndu]::after { left: 22%; bottom: 8%; width: 56%; height: 28%; background: repeating-linear-gradient(90deg, #334155 0 2px, transparent 2px 4px); opacity: 1; }

.bld-template-thumb.tpl-t06[b-1c9ofn5ndu]::before { left: 8%; top: 8%; width: 84%; height: 8%; }
.bld-template-thumb.tpl-t06[b-1c9ofn5ndu]::after { left: 8%; top: 22%; width: 84%; height: 8%; }

.bld-template-thumb.tpl-t07[b-1c9ofn5ndu]::before { left: 6%; top: 8%; width: 30%; height: 84%; background: linear-gradient(#334155 0 18%, transparent 18% 22%, #334155 22% 40%, transparent 40% 44%, #334155 44% 62%, transparent 62% 66%, #334155 66% 84%, transparent 84% 88%, #334155 88% 100%); opacity: 1; }
.bld-template-thumb.tpl-t07[b-1c9ofn5ndu]::after { left: 40%; top: 10%; width: 52%; height: 12%; }

.bld-template-thumb.tpl-t08[b-1c9ofn5ndu]::before { left: 6%; top: 6%; width: 88%; height: 22%; background: repeating-linear-gradient(90deg, #334155 0 3px, transparent 3px 6px); opacity: 1; }
.bld-template-thumb.tpl-t08[b-1c9ofn5ndu]::after { left: 6%; top: 34%; width: 28%; height: 10%; box-shadow: 34px 0 0 #334155, 68px 0 0 #334155; }

.bld-template-name[b-1c9ofn5ndu] {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: .2rem;
}

.bld-template-desc[b-1c9ofn5ndu] {
    font-size: 10px;
    color: #64748b;
    line-height: 1.35;
    min-height: 2.5em;
}

.bld-template-meta[b-1c9ofn5ndu] {
    margin-top: .35rem;
    font-size: 10px;
    font-weight: 600;
    color: #2563eb;
}

.bld-grid-text-layout[b-1c9ofn5ndu] {
    margin-bottom: 0;
}

.bld-stepper[b-1c9ofn5ndu] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    height: 28px;
}

.bld-step-btn[b-1c9ofn5ndu] {
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
}

.bld-step-value[b-1c9ofn5ndu] {
    min-width: 2.2rem;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
}
/* _content/IxpertPosStandalone/Pages/CatalogSheetDesigner.razor.rz.scp.css */
.csd-page[b-skzzpnudnz] {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.25rem 1.5rem 2rem;
    background: linear-gradient(165deg, #f8fafc 0%, #e2e8f0 55%, #cbd5e1 100%);
    box-sizing: border-box;
}

.csd-page[b-skzzpnudnz], .csd-page *[b-skzzpnudnz] { box-sizing: border-box; }

.csd-hero[b-skzzpnudnz] { max-width: 1180px; margin: 0 auto 1rem; }
.csd-hero h1[b-skzzpnudnz] { margin: 0 0 .35rem; font-size: 1.55rem; font-weight: 800; color: #0f172a; }
.csd-hero p[b-skzzpnudnz] { margin: 0; color: #475569; font-size: .92rem; }

.csd-loading[b-skzzpnudnz] { max-width: 1180px; margin: 0 auto; padding: 1rem; color: #475569; }

.csd-banner[b-skzzpnudnz] {
    max-width: 1180px;
    margin: 0 auto 1rem;
    padding: .75rem 1rem;
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 600;
}

.csd-banner.success[b-skzzpnudnz] { background: #ecfdf5; border: 1px solid #6ee7b7; color: #047857; }
.csd-banner.error[b-skzzpnudnz] { background: #fef2f2; border: 1px solid #fca5a5; color: #b91c1c; }

.csd-shell[b-skzzpnudnz] { max-width: 1180px; margin: 0 auto; display: grid; gap: 1rem; padding-bottom: 1.5rem; }

.csd-card[b-skzzpnudnz] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.csd-card-title[b-skzzpnudnz] { font-size: 1rem; font-weight: 700; color: #0f172a; margin-bottom: .75rem; }

.csd-grid[b-skzzpnudnz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.csd-field label[b-skzzpnudnz] { display: block; font-size: 11px; font-weight: 700; color: #64748b; margin-bottom: 4px; }
.csd-input[b-skzzpnudnz] { min-height: 32px; font-size: 13px; }

.csd-section[b-skzzpnudnz] { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid #e2e8f0; }
.csd-section-title[b-skzzpnudnz] { font-size: 12px; font-weight: 800; color: #334155; margin-bottom: .5rem; }
.csd-hint[b-skzzpnudnz] { font-size: 11px; color: #64748b; margin-top: .35rem; }

.csd-field-grid[b-skzzpnudnz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 12px;
}

.csd-check[b-skzzpnudnz] { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #334155; cursor: pointer; }

.csd-custom-field[b-skzzpnudnz] { display: flex; gap: 8px; margin-top: 10px; align-items: center; }
.csd-custom-field .csd-input[b-skzzpnudnz] { flex: 1 1 auto; }

.csd-bg-row[b-skzzpnudnz] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.csd-check-row[b-skzzpnudnz] { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; }

.csd-actions[b-skzzpnudnz] { display: flex; gap: 8px; margin-top: 1rem; flex-wrap: wrap; }

.csd-stepper[b-skzzpnudnz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    padding: 2px 6px;
    min-height: 32px;
}

.csd-empty[b-skzzpnudnz] { text-align: center; color: #64748b; padding: 1rem; }

.csd-canvas-card[b-skzzpnudnz] { overflow: visible; }

.csd-canvas-stage[b-skzzpnudnz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .45rem;
}

.csd-canvas-size[b-skzzpnudnz] { font-size: 11px; font-weight: 600; color: #475569; }

.csd-canvas-wrap[b-skzzpnudnz] {
    position: relative;
    width: min(100%, 420px);
    max-width: 100%;
    background: #fff;
    border: 2px solid #334155;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #e2e8f0;
    touch-action: none;
    user-select: none;
    overflow: hidden;
}

.csd-canvas-el[b-skzzpnudnz] {
    position: absolute;
    box-sizing: border-box;
    border: 1px dashed #94a3b8;
    background: rgba(248, 250, 252, .88);
    padding: 2px 4px;
    cursor: move;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.csd-canvas-el.selected[b-skzzpnudnz] {
    border: 2px solid #2563eb;
    background: rgba(239, 246, 255, .9);
    z-index: 2;
}

.csd-canvas-el.image[b-skzzpnudnz] {
    background: rgba(226, 232, 240, .85);
}

.csd-canvas-el-label[b-skzzpnudnz] {
    font-size: 8px;
    font-weight: 700;
    color: #64748b;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csd-canvas-el-value[b-skzzpnudnz] {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-height: 0;
    word-break: break-word;
}

.csd-handle[b-skzzpnudnz] {
    position: absolute;
    background: #2563eb;
    border: 1px solid #fff;
    box-sizing: border-box;
    z-index: 4;
}

.csd-handle-n[b-skzzpnudnz], .csd-handle-s[b-skzzpnudnz] { left: 50%; width: 10px; height: 6px; margin-left: -5px; cursor: ns-resize; }
.csd-handle-e[b-skzzpnudnz], .csd-handle-w[b-skzzpnudnz] { top: 50%; width: 6px; height: 10px; margin-top: -5px; cursor: ew-resize; }
.csd-handle-n[b-skzzpnudnz] { top: -3px; }
.csd-handle-s[b-skzzpnudnz] { bottom: -3px; }
.csd-handle-e[b-skzzpnudnz] { right: -3px; }
.csd-handle-w[b-skzzpnudnz] { left: -3px; }
.csd-handle-ne[b-skzzpnudnz], .csd-handle-nw[b-skzzpnudnz], .csd-handle-se[b-skzzpnudnz], .csd-handle-sw[b-skzzpnudnz] { width: 10px; height: 10px; border-radius: 2px; }
.csd-handle-ne[b-skzzpnudnz] { top: -4px; right: -4px; cursor: nesw-resize; }
.csd-handle-nw[b-skzzpnudnz] { top: -4px; left: -4px; cursor: nwse-resize; }
.csd-handle-se[b-skzzpnudnz] { bottom: -4px; right: -4px; cursor: nwse-resize; }
.csd-handle-sw[b-skzzpnudnz] { bottom: -4px; left: -4px; cursor: nwse-resize; }

.csd-canvas-tools[b-skzzpnudnz] { display: flex; align-items: flex-start; gap: .75rem; margin-top: .75rem; flex-wrap: wrap; }

.csd-selection-panel[b-skzzpnudnz] {
    flex: 1 1 100%;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    padding: .65rem .75rem;
    background: #f8fafc;
}

.csd-selection-title[b-skzzpnudnz] { font-size: 12px; font-weight: 700; color: #0f172a; margin-bottom: .55rem; }

.csd-selection-grid[b-skzzpnudnz] { display: flex; flex-wrap: wrap; gap: .65rem 1rem; align-items: center; }

.csd-field-style[b-skzzpnudnz] { display: flex; align-items: center; gap: .45rem; }
.csd-field-style label[b-skzzpnudnz] { font-size: 11px; font-weight: 600; color: #64748b; margin: 0; white-space: nowrap; }

.csd-table-wrap[b-skzzpnudnz] { overflow: auto; }

@media (max-width: 900px) {
    .csd-grid[b-skzzpnudnz] { grid-template-columns: 1fr 1fr; }
    .csd-field-grid[b-skzzpnudnz] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .csd-grid[b-skzzpnudnz] { grid-template-columns: 1fr; }
    .csd-field-grid[b-skzzpnudnz] { grid-template-columns: 1fr; }
}
/* _content/IxpertPosStandalone/Pages/ClientEnquiryList.razor.rz.scp.css */
.ce-page[b-u8ov6w5wbx] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    box-sizing: border-box;
    overflow: hidden;
    background: #f4f6f8;
}

.ce-toolbar[b-u8ov6w5wbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.ce-eyebrow[b-u8ov6w5wbx] {
    font-size: 10px;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: #6b7280;
}

.ce-title[b-u8ov6w5wbx] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.ce-msg[b-u8ov6w5wbx] {
    font-size: 12px;
    padding: 6px 10px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 4px;
    color: #1e40af;
}

.ce-split[b-u8ov6w5wbx] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 8px;
}

.ce-list-card[b-u8ov6w5wbx],
.ce-detail-card[b-u8ov6w5wbx] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 10px;
}

.ce-section-label[b-u8ov6w5wbx] {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 6px;
}

.ce-meta[b-u8ov6w5wbx] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 11px;
    color: #4b5563;
    margin-bottom: 8px;
}

.ce-empty[b-u8ov6w5wbx] {
    margin: auto;
    color: #9ca3af;
    font-size: 13px;
}

.ce-grid[b-u8ov6w5wbx] {
    flex: 1;
    min-height: 0;
}
/* _content/IxpertPosStandalone/Pages/Dashboards/AccountingFinanceCommandCentreDashboard.razor.rz.scp.css */
/* Accounting & Finance Command Centre — mockup fidelity */
.afcc[b-e7fmcyxmlj] {
    --ink:#0f172a; --muted:#64748b; --line:#e5e7eb; --bg:#f1f5f9; --card:#fff;
    --blue:#2563eb; --teal:#0d9488; --green:#16a34a; --orange:#ea580c; --purple:#7c3aed; --red:#dc2626;
    height:calc(100vh - 86px); max-height:calc(100vh - 86px); overflow:hidden;
    background:var(--bg); color:var(--ink); padding:8px 10px 6px;
    display:flex; flex-direction:column; gap:8px;
    font-family:Inter,"Segoe UI",system-ui,sans-serif;
    position:relative;
}
.afcc *[b-e7fmcyxmlj],.afcc *[b-e7fmcyxmlj]::before,.afcc *[b-e7fmcyxmlj]::after{box-sizing:border-box}

.afcc-hdr[b-e7fmcyxmlj]{
    display:flex; align-items:center; gap:10px; flex-wrap:nowrap;
    background:var(--card); border:1px solid var(--line); border-radius:12px; padding:6px 12px; flex-shrink:0;
    box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.afcc-hdr h1[b-e7fmcyxmlj]{margin:0; font-size:16px; font-weight:800; white-space:nowrap; flex-shrink:0}
.afcc-filters[b-e7fmcyxmlj]{display:flex; align-items:center; gap:6px; flex-wrap:nowrap; min-width:0; flex:1 1 auto; overflow:auto}
.afcc-pill[b-e7fmcyxmlj]{
    display:inline-flex; align-items:center; gap:5px; background:#f8fafc; border:1px solid var(--line);
    border-radius:999px; padding:2px 10px; min-height:30px; font-size:11px; font-weight:650; color:#334155; flex-shrink:0;
}
.afcc-pill b[b-e7fmcyxmlj]{font-weight:700; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.afcc[b-e7fmcyxmlj]  .afcc-dx{border:0!important; background:transparent!important; box-shadow:none!important; min-height:24px; font-size:11px; min-width:84px}
.afcc-btn[b-e7fmcyxmlj]{border:1px solid var(--line); background:#fff; border-radius:8px; padding:5px 10px; font-size:11px; font-weight:650; cursor:pointer; flex-shrink:0}
.afcc-btn:hover[b-e7fmcyxmlj]{background:#f8fafc}
.afcc-user[b-e7fmcyxmlj]{display:flex; align-items:center; gap:8px; padding-left:8px; border-left:1px solid var(--line); flex-shrink:0; margin-left:auto}
.afcc-user .av[b-e7fmcyxmlj]{width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#3b82f6,#1d4ed8); color:#fff; font-size:10px; font-weight:800; display:flex; align-items:center; justify-content:center}
.afcc-user .n[b-e7fmcyxmlj]{font-size:11px; font-weight:700; line-height:1.1}
.afcc-user .r[b-e7fmcyxmlj]{font-size:10px; color:var(--muted)}

.afcc-banner[b-e7fmcyxmlj]{background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 12px; font-size:12px}
.afcc-banner.err[b-e7fmcyxmlj]{background:#fef2f2; color:var(--red); border-color:#fecaca}

.afcc-kpis[b-e7fmcyxmlj]{display:flex; gap:8px; flex-shrink:0}
.afcc-kpi[b-e7fmcyxmlj]{
    flex:1 1 0; min-width:0; background:var(--card); border:1px solid var(--line); border-radius:12px;
    padding:10px 12px; box-shadow:0 1px 3px rgba(15,23,42,.05);
    display:flex; flex-direction:column; justify-content:space-between;
}
.afcc-kpi .top[b-e7fmcyxmlj]{display:flex; align-items:center; gap:10px}
.afcc-kpi .ico[b-e7fmcyxmlj]{
    width:40px; height:40px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff;
}
.afcc-kpi .ico svg[b-e7fmcyxmlj]{display:block}
.afcc-kpi .ico.blue[b-e7fmcyxmlj]{background:#2563eb}
.afcc-kpi .ico.teal[b-e7fmcyxmlj]{background:#0d9488}
.afcc-kpi .ico.green[b-e7fmcyxmlj]{background:#16a34a}
.afcc-kpi .ico.orange[b-e7fmcyxmlj]{background:#ea580c}
.afcc-kpi .ico.purple[b-e7fmcyxmlj]{background:#7c3aed}
.afcc-kpi .ico.red[b-e7fmcyxmlj]{background:#dc2626}
.afcc-kpi .lab[b-e7fmcyxmlj]{font-size:11px; color:#64748b; font-weight:650}
.afcc-kpi .val[b-e7fmcyxmlj]{font-size:20px; font-weight:800; line-height:1.15; letter-spacing:-.02em}
.afcc-kpi .sub[b-e7fmcyxmlj]{margin-top:6px; font-size:11px; font-weight:650; color:#64748b}
.afcc-kpi .sub :deep(.up)[b-e7fmcyxmlj]{color:#16a34a; font-weight:700}
.afcc-kpi .sub :deep(.tone)[b-e7fmcyxmlj]{font-weight:700}
.afcc-kpi.tone-blue .sub :deep(.tone)[b-e7fmcyxmlj]{color:#2563eb}
.afcc-kpi.tone-teal .sub :deep(.tone)[b-e7fmcyxmlj]{color:#0d9488}
.afcc-kpi.tone-orange .sub :deep(.tone)[b-e7fmcyxmlj]{color:#ea580c}
.afcc-kpi.tone-green .sub :deep(.tone)[b-e7fmcyxmlj]{color:#16a34a}
.afcc-kpi.tone-purple .sub :deep(.tone)[b-e7fmcyxmlj]{color:#7c3aed}
.afcc-kpi.tone-red .sub :deep(.tone)[b-e7fmcyxmlj]{color:#dc2626}
.afcc-kpi .spark[b-e7fmcyxmlj]{margin-top:4px; height:28px; width:100%}
.afcc-kpi .spark svg[b-e7fmcyxmlj]{display:block; width:100%; height:28px}

.afcc-mid[b-e7fmcyxmlj]{display:grid; gap:8px; min-height:0; flex:1 1 0; grid-template-columns:1.25fr 1.35fr .95fr}
.afcc-left-stack[b-e7fmcyxmlj]{display:flex; flex-direction:column; gap:8px; min-width:0; min-height:0; height:100%}
.afcc-left-stack .cashflow[b-e7fmcyxmlj]{flex:1 1 0; min-height:0}
.afcc-mid-stack[b-e7fmcyxmlj]{display:flex; flex-direction:column; gap:8px; min-width:0; min-height:0; height:100%}
.afcc-mid-stack .ageing[b-e7fmcyxmlj]{flex:0 0 auto}
.afcc-pl-bank-row[b-e7fmcyxmlj],.afcc-coll-pay-row[b-e7fmcyxmlj]{display:grid; grid-template-columns:1fr 1fr; gap:8px; align-items:stretch; min-height:0}
.afcc-pl-bank-row[b-e7fmcyxmlj]{flex:0 0 auto}
.afcc-pl-bank-row .pl[b-e7fmcyxmlj],.afcc-pl-bank-row .banks[b-e7fmcyxmlj]{min-height:0; height:auto}
.afcc-mid-stack .pl[b-e7fmcyxmlj]{min-height:0}
.afcc-pl-bank-row .pl .pl-rows[b-e7fmcyxmlj]{overflow:visible}
.afcc-pl-bank-row .banks .banks-tbl[b-e7fmcyxmlj]{overflow:visible}
.afcc-coll-pay-row[b-e7fmcyxmlj]{flex:2 1 0; min-height:240px}
.afcc-coll-pay-row .coll[b-e7fmcyxmlj],.afcc-coll-pay-row .pay[b-e7fmcyxmlj]{height:100%; min-height:220px; overflow:auto}
.card .hd-sub[b-e7fmcyxmlj]{font-size:11px; color:var(--muted); font-weight:650}

.card[b-e7fmcyxmlj]{
    background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:12px 14px;
    min-width:0; min-height:0; overflow:hidden; display:flex; flex-direction:column;
    box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.card .hd[b-e7fmcyxmlj]{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; flex-shrink:0}
.card .hd h2[b-e7fmcyxmlj]{margin:0; font-size:14px; font-weight:750; color:#1e3a5f}

.cf-metrics[b-e7fmcyxmlj]{display:grid; grid-template-columns:repeat(4,1fr); gap:6px; flex-shrink:0; margin-bottom:6px}
.cf-metrics div[b-e7fmcyxmlj]{background:#f8fafc; border:1px solid #eef2f7; border-radius:8px; padding:6px 8px}
.cf-metrics span[b-e7fmcyxmlj]{display:block; font-size:10px; color:var(--muted); font-weight:600}
.cf-metrics b[b-e7fmcyxmlj]{font-size:13px; font-weight:800}
.cf-metrics b.pos[b-e7fmcyxmlj]{color:#16a34a}
.cf-chart[b-e7fmcyxmlj]{flex:1 1 0; min-height:0}
.cf-legend[b-e7fmcyxmlj]{
    display:flex; justify-content:center; align-items:center; gap:18px; flex-wrap:wrap;
    padding:6px 4px 2px; flex-shrink:0;
}
.cf-leg[b-e7fmcyxmlj]{display:inline-flex; align-items:center; gap:6px; font-size:11px}
.cf-leg .lab[b-e7fmcyxmlj]{color:#475569; font-weight:650}
.cf-leg .v[b-e7fmcyxmlj]{font-weight:800; font-size:12px}
.cf-leg .v.blue[b-e7fmcyxmlj]{color:#2563eb}
.cf-leg .v.red[b-e7fmcyxmlj]{color:#dc2626}
.cf-leg .v.green[b-e7fmcyxmlj]{color:#16a34a}
.cf-leg .sw[b-e7fmcyxmlj]{width:18px; height:3px; border-radius:2px; flex-shrink:0}
.cf-leg .sw.solid.blue[b-e7fmcyxmlj]{background:#2563eb}
.cf-leg .sw.dash.red[b-e7fmcyxmlj]{
    background:repeating-linear-gradient(90deg,#dc2626 0 5px,transparent 5px 8px);
    height:3px;
}
.cf-leg .sw.dash.green[b-e7fmcyxmlj]{
    background:repeating-linear-gradient(90deg,#16a34a 0 5px,transparent 5px 8px);
    height:3px;
}
.cf-foot[b-e7fmcyxmlj]{display:flex; justify-content:space-between; gap:10px; font-size:11px; color:var(--muted); padding-top:4px; flex-shrink:0}
.cf-foot b[b-e7fmcyxmlj]{color:var(--ink); font-weight:750}
.cf-foot b.cov[b-e7fmcyxmlj]{color:#0d9488}

.age-grid[b-e7fmcyxmlj]{display:grid; grid-template-columns:1fr 1fr; gap:12px; flex:0 0 auto; min-height:0}
.age-col + .age-col[b-e7fmcyxmlj]{border-left:1px solid #e5e7eb; padding-left:12px}
.age-title[b-e7fmcyxmlj]{font-size:12px; font-weight:750; margin-bottom:8px}
.age-title.recv[b-e7fmcyxmlj]{color:#2563eb}
.age-title.pay[b-e7fmcyxmlj]{color:#ea580c}
.age-row[b-e7fmcyxmlj]{display:grid; grid-template-columns:72px 1fr 36px; gap:6px; align-items:center; margin-bottom:5px}
.age-row .lab[b-e7fmcyxmlj]{font-size:10px; color:var(--muted); font-weight:600}
.age-row .pct[b-e7fmcyxmlj]{font-size:10px; font-weight:700; text-align:right}
.bar-wrap[b-e7fmcyxmlj]{height:8px; background:#f1f5f9; border-radius:999px; overflow:hidden}
.bar[b-e7fmcyxmlj]{height:100%; border-radius:999px}
.ageing .bar-wrap[b-e7fmcyxmlj],.ageing .bar[b-e7fmcyxmlj],.pl .bar-wrap[b-e7fmcyxmlj],.pl .bar[b-e7fmcyxmlj]{border-radius:0}
.bar.recv[b-e7fmcyxmlj],.bar.blue[b-e7fmcyxmlj]{background:#2563eb}
.bar.pay[b-e7fmcyxmlj],.bar.orange[b-e7fmcyxmlj]{background:#ea580c}
.bar.teal[b-e7fmcyxmlj]{background:#0d9488}
.bar.red[b-e7fmcyxmlj]{background:#ef4444}
.bar.green[b-e7fmcyxmlj]{background:#16a34a}
.net-exp[b-e7fmcyxmlj]{
    margin-top:4px; padding:5px 10px; border-radius:8px; background:#f8fafc; border:1px solid #e5e7eb;
    display:flex; flex-direction:row; justify-content:center; align-items:center; text-align:center;
    gap:10px; font-size:11px; font-weight:650; color:#64748b; flex-shrink:0;
}
.net-exp b[b-e7fmcyxmlj]{font-size:13px; font-weight:800; color:#0d9488; line-height:1.2}

.prio-list[b-e7fmcyxmlj]{display:flex; flex-direction:column; gap:8px; overflow:auto; min-height:0; flex:1}
.prio-item[b-e7fmcyxmlj]{
    display:grid; grid-template-columns:10px 1fr auto auto; gap:8px; align-items:start;
    padding:8px; border:1px solid #eef2f7; border-radius:10px; background:#fafbfc;
}
.prio-item .dot[b-e7fmcyxmlj]{width:8px; height:8px; border-radius:50%; margin-top:5px}
.prio-item .dot.red[b-e7fmcyxmlj]{background:#dc2626}
.prio-item .dot.orange[b-e7fmcyxmlj]{background:#ea580c}
.prio-item .t[b-e7fmcyxmlj]{font-size:11px; font-weight:700; line-height:1.35}
.prio-item .m[b-e7fmcyxmlj]{font-size:10px; color:var(--muted); margin-top:2px}
.prio-item .view[b-e7fmcyxmlj]{border:0; background:transparent; color:#2563eb; font-size:11px; font-weight:700; cursor:pointer; padding:0}

.badge[b-e7fmcyxmlj]{display:inline-flex; align-items:center; border-radius:999px; padding:2px 8px; font-size:10px; font-weight:750}
.badge.high[b-e7fmcyxmlj]{background:#fef2f2; color:#dc2626}
.badge.medium[b-e7fmcyxmlj]{background:#fff7ed; color:#ea580c}
.badge.low[b-e7fmcyxmlj]{background:#f0fdf4; color:#16a34a}

.trend-chart[b-e7fmcyxmlj]{flex:1 1 0; min-height:0}
.card .hd-sub[b-e7fmcyxmlj]{font-size:11px; color:var(--muted); font-weight:650}
.afcc-prio-stack[b-e7fmcyxmlj]{display:flex; flex-direction:column; gap:8px; min-width:0; min-height:0; height:100%}
.afcc-prio-stack .prio[b-e7fmcyxmlj]{flex:1 1 0; min-height:0}
.afcc-prio-stack .afcc-ask[b-e7fmcyxmlj]{flex:0 0 auto; max-height:46%}
.afcc-prio-stack .afcc-ask-fab[b-e7fmcyxmlj]{position:static; align-self:stretch; border-radius:10px}
.pl-rows[b-e7fmcyxmlj]{display:flex; flex-direction:column; gap:0; overflow:auto; min-height:0; justify-content:flex-start}
.pl-row[b-e7fmcyxmlj]{
    display:grid; grid-template-columns:118px 64px 1fr;
    gap:0 10px; align-items:center; padding:3px 0; font-size:11px;
}
.pl-row .pl-name[b-e7fmcyxmlj]{color:#334155; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pl-row .pl-val[b-e7fmcyxmlj]{font-weight:800; color:#0f172a; text-align:left; white-space:nowrap}
.pl-row .bar-wrap[b-e7fmcyxmlj]{height:10px; background:#f1f5f9; border-radius:0; overflow:hidden; width:100%}
.pl-row .bar[b-e7fmcyxmlj]{height:100%; border-radius:0}
.pl-row.sep-solid[b-e7fmcyxmlj]{border-top:1px solid #e5e7eb; margin-top:1px; padding-top:4px}
.pl-row.sep-dash[b-e7fmcyxmlj]{border-top:1px dashed #cbd5e1; margin-top:1px; padding-top:4px}
.bar.purple[b-e7fmcyxmlj]{background:#7c3aed}

.afcc-tbl[b-e7fmcyxmlj]{width:100%; border-collapse:collapse; font-size:11px}
.afcc-tbl th[b-e7fmcyxmlj]{text-align:left; font-size:10px; color:var(--muted); font-weight:700; padding:4px 4px 6px; border-bottom:1px solid var(--line)}
.afcc-tbl td[b-e7fmcyxmlj]{padding:5px 4px; border-bottom:1px solid #f1f5f9; vertical-align:middle}
.afcc-tbl .r[b-e7fmcyxmlj],.afcc-tbl th.r[b-e7fmcyxmlj]{text-align:right}
.afcc-tbl.compact td[b-e7fmcyxmlj]{padding:4px 3px; font-size:10px}
.banks-tbl td[b-e7fmcyxmlj]{padding:3px 4px; border-bottom:1px solid #f1f5f9}
.banks-tbl tr:last-child td[b-e7fmcyxmlj]{border-bottom:0}
.tbl-foot[b-e7fmcyxmlj]{margin-top:auto; padding-top:6px; border-top:1px solid var(--line); display:flex; justify-content:space-between; font-size:11px; font-weight:650; flex-shrink:0}
.reco[b-e7fmcyxmlj]{font-size:10px; font-weight:700}
.reco.ok[b-e7fmcyxmlj]{color:#16a34a}
.reco.warn[b-e7fmcyxmlj]{color:#ea580c}
.reco.bad[b-e7fmcyxmlj]{color:#dc2626}

.afcc[b-e7fmcyxmlj]  .afcc-chart{height:100%!important}

.afcc-ask[b-e7fmcyxmlj]{
    position:static; width:100%; max-height:none;
    background:#fff; border:1px solid #dbeafe; border-radius:12px;
    box-shadow:0 1px 3px rgba(15,23,42,.04); display:flex; flex-direction:column; z-index:1; overflow:hidden;
}
.afcc-ask-h[b-e7fmcyxmlj]{display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid #eef2f7; background:#f8fbff}
.afcc-ask-title[b-e7fmcyxmlj]{display:flex; align-items:center; gap:6px; font-size:13px}
.afcc-ask-x[b-e7fmcyxmlj]{border:0; background:transparent; font-size:18px; cursor:pointer; color:var(--muted); line-height:1}
.afcc-ask-body[b-e7fmcyxmlj]{padding:10px 12px; display:flex; flex-direction:column; gap:8px; overflow:auto; min-height:0}
.msg-user[b-e7fmcyxmlj]{display:flex; justify-content:flex-end}
.msg-user .bubble[b-e7fmcyxmlj]{background:#2563eb; color:#fff; border-radius:12px 12px 4px 12px; padding:8px 10px; font-size:11px; max-width:90%; line-height:1.4}
.msg-bot[b-e7fmcyxmlj]{background:#f8fafc; border:1px solid #eef2f7; border-radius:12px; padding:10px; font-size:11px; line-height:1.45}
.msg-bot ul[b-e7fmcyxmlj]{margin:6px 0 0; padding-left:16px}
.msg-bot .cash-plan[b-e7fmcyxmlj]{
    margin-top:8px; border:1px solid #bfdbfe; background:#eff6ff; color:#1d4ed8;
    border-radius:8px; padding:5px 10px; font-size:11px; font-weight:700; cursor:pointer;
}
.afcc-ask-composer[b-e7fmcyxmlj]{display:flex; gap:6px; align-items:center; margin-top:4px}
.afcc[b-e7fmcyxmlj]  .afcc-ask-in{flex:1; font-size:11px}
.afcc-ask-go[b-e7fmcyxmlj]{border:0; background:#2563eb; color:#fff; border-radius:8px; width:32px; height:32px; cursor:pointer; font-size:12px}
.afcc-ask-wait[b-e7fmcyxmlj]{font-size:12px; color:var(--muted); padding:8px}
.afcc-ask-fab[b-e7fmcyxmlj]{
    position:absolute; right:14px; bottom:12px; z-index:20;
    border:0; background:#2563eb; color:#fff; border-radius:999px; padding:10px 14px;
    font-size:12px; font-weight:700; cursor:pointer; box-shadow:0 8px 24px rgba(37,99,235,.3);
}
.afcc-toast[b-e7fmcyxmlj]{
    position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
    background:#0f172a; color:#fff; border-radius:8px; padding:8px 14px; font-size:12px; z-index:30;
}

@media (max-width:1400px){
    .afcc-kpi .val[b-e7fmcyxmlj]{font-size:17px}
}
/* _content/IxpertPosStandalone/Pages/Dashboards/BusinessCommandCentreDashboard.razor.rz.scp.css */
/* AI Business Command Centre — mockup fidelity, single-page fit */
.bcc[b-b6yamwvgck] {
    --ink: #0f172a;
    --muted: #64748b;
    --line: #e5e7eb;
    --bg: #f3f4f6;
    --card: #ffffff;
    --blue: #2563eb;
    --green: #059669;
    --red: #dc2626;
    --amber: #d97706;
    --orange: #ea580c;
    --teal: #0d9488;
    --purple: #7c3aed;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 0;
    height: calc(100vh - 86px);
    max-height: calc(100vh - 86px);
    overflow: hidden;
    background: var(--bg);
    color: var(--ink);
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
}
.bcc.ask-off[b-b6yamwvgck] { grid-template-columns: 1fr; }
.bcc *[b-b6yamwvgck], .bcc *[b-b6yamwvgck]::before, .bcc *[b-b6yamwvgck]::after { box-sizing: border-box; }

.bcc-main[b-b6yamwvgck] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    padding: 8px 10px 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

/* Header: title + filters one row (no company / no user) */
.bcc-hdr[b-b6yamwvgck] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
    flex-shrink: 0;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 6px 12px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.bcc-hdr-title[b-b6yamwvgck] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.bcc-hdr-title h1[b-b6yamwvgck] {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.02em;
    white-space: nowrap;
}
.bcc-hdr-filters[b-b6yamwvgck] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 0;
    flex: 1;
}
.bcc-spark-badge[b-b6yamwvgck] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 8px;
    background: #eff6ff; color: #2563eb; font-size: 13px;
}
.bcc-spark-badge.sm[b-b6yamwvgck] { width: 20px; height: 20px; font-size: 11px; border-radius: 6px; }

.bcc-select[b-b6yamwvgck] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f9fafb;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 1px 10px;
    min-height: 32px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}
.bcc-select-ico[b-b6yamwvgck] { font-size: 12px; opacity: .85; }
.bcc-select-dates[b-b6yamwvgck] { padding-right: 4px; }
.bcc-sep[b-b6yamwvgck] { color: var(--muted); font-size: 11px; }
.bcc-dx-flat[b-b6yamwvgck] { min-width: 96px; }
.bcc[b-b6yamwvgck]  .bcc-dx-flat.dxbl-text-edit,
.bcc[b-b6yamwvgck]  .bcc-dx-flat.dxbl-combobox,
.bcc[b-b6yamwvgck]  .bcc-dx-flat {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 26px;
    font-size: 12px;
}

.bcc-tool[b-b6yamwvgck] {
    width: 32px; height: 32px;
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 14px; color: #475569;
    flex-shrink: 0;
}
.bcc-tool:hover[b-b6yamwvgck] { background: #f8fafc; }

.bcc-banner[b-b6yamwvgck] {
    background: #fff; border: 1px solid var(--line); border-radius: 10px;
    padding: 10px 12px; font-size: 12px; flex-shrink: 0;
}
.bcc-banner.err[b-b6yamwvgck] { background: #fef2f2; border-color: #fecaca; color: var(--red); }

/* KPI row — mockup style */
.bcc-kpis[b-b6yamwvgck] {
    display: flex;
    width: 100%;
    gap: 8px;
    align-items: stretch;
    flex-shrink: 0;
}
.bcc-kpi[b-b6yamwvgck] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px 8px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    flex: 1 1 0;
    min-width: 0;
}
.bcc-kpi-head[b-b6yamwvgck] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: auto;
    max-width: 100%;
}
.bcc-kpi-ico[b-b6yamwvgck] {
    width: 44px; height: 44px; border-radius: 12px;
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.bcc-kpi-ico.blue[b-b6yamwvgck] { background: #eff6ff; color: #2563eb; }
.bcc-kpi-ico.green[b-b6yamwvgck] { background: #ecfdf5; color: #059669; }
.bcc-kpi-ico.teal[b-b6yamwvgck] { background: #f0fdfa; color: #0d9488; }
.bcc-kpi-ico.orange[b-b6yamwvgck] { background: #fff7ed; color: #ea580c; }
.bcc-kpi-ico.purple[b-b6yamwvgck] { background: #f5f3ff; color: #7c3aed; }
.bcc-kpi-ico svg[b-b6yamwvgck] { display: block; width: 22px; height: 22px; }
.bcc-kpi-text[b-b6yamwvgck] { min-width: 0; flex: 0 1 auto; text-align: left; }
.bcc-kpi-label[b-b6yamwvgck] {
    font-size: 11px; font-weight: 650; color: var(--muted); line-height: 1.2;
}
.bcc-kpi-val[b-b6yamwvgck] {
    font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; margin-top: 2px;
}
.bcc-kpi-val.neg[b-b6yamwvgck] { color: var(--red); }
.bcc-kpi-sub[b-b6yamwvgck] { font-size: 11px; margin-top: 6px; font-weight: 650; color: var(--muted); width: 100%; text-align: center; }
.bcc-kpi-sub :deep(.up)[b-b6yamwvgck] { color: var(--green); font-weight: 700; }
.bcc-kpi-sub :deep(.down)[b-b6yamwvgck] { color: var(--red); font-weight: 700; }
.bcc-kpi-sub :deep(.muted)[b-b6yamwvgck] { color: #64748b; font-weight: 600; }
.bcc-spark-wrap[b-b6yamwvgck] { margin-top: auto; padding-top: 6px; height: 22px; opacity: .95; width: 100%; }
.bcc-spark-wrap svg[b-b6yamwvgck] { display: block; height: 22px; width: 100%; }

/* Content rows */
.bcc-row[b-b6yamwvgck] {
    display: grid;
    grid-template-columns: 1.15fr 1.3fr 1fr .95fr;
    gap: 8px;
    align-items: stretch;
    flex: 1 1 0;
    min-height: 0;
}
.bcc-card[b-b6yamwvgck] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.bcc-card-h[b-b6yamwvgck] {
    display: flex; align-items: center; gap: 6px;
    margin-bottom: 6px; min-height: 20px; flex-shrink: 0;
}
.bcc-card-h h2[b-b6yamwvgck] {
    margin: 0; font-size: 13px; font-weight: 750; flex: 1;
}
.bcc-badge[b-b6yamwvgck] {
    font-size: 10px; font-weight: 700;
    background: #eff6ff; color: var(--blue);
    border-radius: 999px; padding: 2px 8px;
}
.bcc-inv-ico[b-b6yamwvgck] { color: #7c3aed; font-size: 13px; }

.bcc-brief[b-b6yamwvgck] {
    background: linear-gradient(165deg, #f8fbff 0%, #fff 55%);
    justify-content: flex-start;
    height: 100%;
    align-self: stretch;
}
.bcc-brief-body[b-b6yamwvgck] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    justify-content: space-evenly;
}
.bcc-brief-lead[b-b6yamwvgck] {
    margin: 0;
    font-size: 12.5px; font-weight: 650; line-height: 1.4;
    flex-shrink: 0;
}
.bcc-bullets[b-b6yamwvgck] {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 10px;
    flex: 1 1 auto; min-height: 0;
    justify-content: space-evenly;
}
.bcc-bullets li[b-b6yamwvgck] { display: flex; gap: 8px; font-size: 12px; line-height: 1.4; color: #334155; }
.bcc-bico[b-b6yamwvgck] {
    width: 18px; height: 18px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 800; flex-shrink: 0; margin-top: 1px;
}
.bcc-bico.warn[b-b6yamwvgck] { background: #fff7ed; color: var(--orange); }
.bcc-bico.danger[b-b6yamwvgck] { background: #fef2f2; color: var(--red); }
.bcc-bico.info[b-b6yamwvgck] { background: #eff6ff; color: var(--blue); }
.bcc-brief-actions[b-b6yamwvgck] {
    display: flex; flex-wrap: wrap; gap: 6px;
    margin-top: 8px; padding-top: 8px; flex-shrink: 0;
    border-top: 1px solid #eef2f7;
}
.bcc-btn[b-b6yamwvgck] {
    border: 1px solid var(--line); background: #fff;
    border-radius: 7px; padding: 5px 10px; font-size: 11px; font-weight: 650; cursor: pointer;
}
.bcc-btn.primary[b-b6yamwvgck] { background: #2563eb; border-color: #2563eb; color: #fff; }
.bcc-pre[b-b6yamwvgck] {
    margin: 6px 0 0; padding: 6px; background: #f8fafc; border: 1px solid var(--line);
    border-radius: 8px; font-size: 11px; line-height: 1.35; max-height: 64px; overflow: auto;
    white-space: pre-wrap; font-family: inherit;
}
.bcc-tags[b-b6yamwvgck] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.bcc-tag[b-b6yamwvgck] {
    border: 1px solid var(--line); background: #fff;
    border-radius: 999px; padding: 2px 8px; font-size: 10px; font-weight: 650; cursor: pointer;
}

.bcc-card-trend .bcc-card-h[b-b6yamwvgck] { margin-bottom: 2px; }
.bcc-trend-fill[b-b6yamwvgck] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.bcc-trend-fill :deep(.dxbl-chart)[b-b6yamwvgck],
.bcc-trend-chart[b-b6yamwvgck] {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}
.bcc-trend-legend[b-b6yamwvgck], .bcc-cash-legend[b-b6yamwvgck] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0;
}
.bcc-trend-legend .leg[b-b6yamwvgck], .bcc-cash-legend .leg[b-b6yamwvgck] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 650;
    color: #475569;
}
.bcc-trend-legend .leg i[b-b6yamwvgck], .bcc-cash-legend .leg i[b-b6yamwvgck] {
    width: 10px; height: 10px; border-radius: 2px; display: inline-block; flex-shrink: 0;
}
.bcc-trend-legend .leg.sales i[b-b6yamwvgck] { background: #2563eb; border-radius: 50%; box-shadow: 0 0 0 2px #bfdbfe; }
.bcc-trend-legend .leg.gp i[b-b6yamwvgck] { background: #10b981; border-radius: 50%; box-shadow: 0 0 0 2px #a7f3d0; }
.bcc-cash-legend .leg.in i[b-b6yamwvgck] { background: #16a34a; }
.bcc-cash-legend .leg.out i[b-b6yamwvgck] { background: #ef4444; }
.bcc-cash-legend .leg.net i[b-b6yamwvgck] {
    background: transparent; border-radius: 50%;
    box-shadow: inset 0 0 0 2px #2563eb; position: relative;
}
.bcc-cash-legend .leg.net i[b-b6yamwvgck]::after {
    content: ""; position: absolute; left: -2px; right: -2px; top: 4px; height: 2px; background: #2563eb;
}
.bcc-trend-chart[b-b6yamwvgck], .bcc-cash-chart[b-b6yamwvgck] { width: 100%; min-height: 0; flex: 1; }

.bcc-info[b-b6yamwvgck] {
    width: 16px; height: 16px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 11px; color: #94a3b8; border: 1px solid #cbd5e1; line-height: 1;
    flex-shrink: 0;
}
.bcc-cash-card .bcc-card-h[b-b6yamwvgck] { margin-bottom: 2px; }
.bcc-cash-fill[b-b6yamwvgck] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.bcc-cash-fill :deep(.dxbl-chart)[b-b6yamwvgck],
.bcc-cash-chart[b-b6yamwvgck] {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}
.bcc-cash-sum[b-b6yamwvgck] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 6px; flex-shrink: 0;
}
.bcc-cash-sum > div[b-b6yamwvgck] { border-radius: 8px; padding: 6px 8px; }
.bcc-cash-sum .in[b-b6yamwvgck] { background: #ecfdf5; }
.bcc-cash-sum .out[b-b6yamwvgck] { background: #fef2f2; }
.bcc-cash-sum .net[b-b6yamwvgck] { background: #eff6ff; }
.bcc-cash-sum span[b-b6yamwvgck] {
    display: block; font-size: 9px; font-weight: 700; text-transform: uppercase;
    letter-spacing: .04em; margin-bottom: 2px;
}
.bcc-cash-sum .in span[b-b6yamwvgck] { color: #059669; }
.bcc-cash-sum .out span[b-b6yamwvgck] { color: #dc2626; }
.bcc-cash-sum .net span[b-b6yamwvgck] { color: #2563eb; }
.bcc-cash-sum b[b-b6yamwvgck] { font-size: 13px; font-weight: 800; color: var(--ink); }
.bcc-cash-sum .in b[b-b6yamwvgck] { color: #059669; }

.bcc-inv-grid[b-b6yamwvgck] { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.bcc-inv-box[b-b6yamwvgck] {
    background: #f9fafb; border: 1px solid var(--line); border-radius: 8px; padding: 8px;
}
.bcc-inv-box .k[b-b6yamwvgck] { font-size: 10px; color: var(--muted); font-weight: 650; }
.bcc-inv-box .v[b-b6yamwvgck] { font-size: 15px; font-weight: 800; margin-top: 2px; }
.bcc-inv-box .s[b-b6yamwvgck] { font-size: 10px; color: var(--muted); margin-top: 2px; }
.bcc-inv-box.risk .v[b-b6yamwvgck] { color: var(--orange); }
.bcc-inv-box.slow[b-b6yamwvgck] { margin-top: 6px; }

.bcc-branches[b-b6yamwvgck] { display: flex; flex-direction: column; gap: 8px; padding-top: 4px; overflow: auto; min-height: 0; }
.bcc-branch-row[b-b6yamwvgck] {
    display: grid; grid-template-columns: 70px 1fr 44px 40px;
    gap: 6px; align-items: center;
    border: 0; background: transparent; padding: 0; cursor: pointer; text-align: left; width: 100%;
}
.bcc-branch-name[b-b6yamwvgck] { font-size: 11px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bcc-branch-bar[b-b6yamwvgck] { height: 10px; background: #f1f5f9; border-radius: 999px; overflow: hidden; }
.bcc-branch-bar i[b-b6yamwvgck] { display: block; height: 100%; background: #3b82f6; border-radius: 999px; }
.bcc-branch-amt[b-b6yamwvgck] { font-size: 10px; font-weight: 700; text-align: right; }
.bcc-branch-pct[b-b6yamwvgck] { font-size: 10px; font-weight: 700; text-align: right; }
.bcc-branch-pct.up[b-b6yamwvgck] { color: var(--green); }
.bcc-branch-pct.down[b-b6yamwvgck] { color: var(--red); }

.bcc-attn-card[b-b6yamwvgck] { height: 100%; align-self: stretch; }
.bcc-attn[b-b6yamwvgck] {
    list-style: none; margin: 0; padding: 0;
    flex: 1 1 0; min-height: 0;
    display: flex; flex-direction: column;
    justify-content: space-evenly;
    overflow: auto;
}
.bcc-attn li[b-b6yamwvgck] {
    display: flex; justify-content: space-between; align-items: center; gap: 8px;
    padding: 8px 0; border-bottom: 1px solid #f3f4f6;
}
.bcc-attn li:last-child[b-b6yamwvgck] { border-bottom: 0; }
.bcc-attn-main[b-b6yamwvgck] { display: flex; gap: 8px; align-items: flex-start; min-width: 0; }
.bcc-attn-main .t[b-b6yamwvgck] { font-size: 12px; font-weight: 650; }
.bcc-attn-main .s[b-b6yamwvgck] { font-size: 11px; color: var(--muted); margin-top: 1px; }
.bcc-attn-badge[b-b6yamwvgck] {
    width: 22px; height: 22px; border-radius: 7px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 11px; flex-shrink: 0;
}
.bcc-attn-badge.crit[b-b6yamwvgck], .bcc-attn-badge.danger[b-b6yamwvgck] { background: #fef2f2; color: var(--red); }
.bcc-attn-badge.warn[b-b6yamwvgck], .bcc-attn-badge.amber[b-b6yamwvgck] { background: #fff7ed; color: var(--orange); }
.bcc-attn-badge.info[b-b6yamwvgck], .bcc-attn-badge.blue[b-b6yamwvgck] { background: #eff6ff; color: var(--blue); }
.bcc-link[b-b6yamwvgck] {
    border: 0; background: transparent;
    color: var(--blue); font-size: 11px; font-weight: 700; cursor: pointer; padding: 0;
}

.bcc-tbl[b-b6yamwvgck] { width: 100%; border-collapse: collapse; font-size: 11px; }
.bcc-tbl th[b-b6yamwvgck] {
    color: var(--muted); padding: 4px 3px; border-bottom: 1px solid var(--line); font-weight: 700;
    text-align: left; font-size: 10px;
}
.bcc-tbl td[b-b6yamwvgck] { padding: 6px 3px; border-bottom: 1px solid #f3f4f6; vertical-align: top; }
.bcc-tbl .doc[b-b6yamwvgck] { font-weight: 650; }
.bcc-tbl .sub[b-b6yamwvgck] { font-size: 10px; color: var(--muted); }
.bcc-a-ok[b-b6yamwvgck] {
    border: 0; background: #ecfdf5; color: var(--green);
    border-radius: 6px; padding: 3px 7px; font-size: 10px; font-weight: 700; cursor: pointer; margin-left: 2px;
}
.bcc-a-rev[b-b6yamwvgck] {
    border: 0; background: transparent;
    color: var(--blue); font-size: 11px; font-weight: 700; cursor: pointer; padding: 0;
}
.bcc-empty[b-b6yamwvgck] { font-size: 11px; color: var(--muted); padding: 4px 0; }
.bcc-more[b-b6yamwvgck] {
    border: 0; background: transparent; color: var(--blue);
    font-size: 11px; font-weight: 700; cursor: pointer; padding: 6px 0 0; margin-top: auto; text-align: left;
}

.bcc-ftr[b-b6yamwvgck] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    font-size: 10.5px;
    color: var(--muted);
    padding: 2px 0 2px;
    font-weight: 600;
}
.bcc-ftr-ref[b-b6yamwvgck] {
    border: 0; background: transparent; color: var(--muted);
    cursor: pointer; font-size: 12px; padding: 0 4px;
}

/* Ask Ixpert — mockup style (image 2) */
.bcc-ask[b-b6yamwvgck] {
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid var(--line);
    background: #fff;
    display: flex; flex-direction: column;
}
.bcc-ask-h[b-b6yamwvgck] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 14px; border-bottom: 1px solid var(--line); flex-shrink: 0;
}
.bcc-ask-title[b-b6yamwvgck] { display: flex; align-items: center; gap: 7px; font-size: 14px; color: var(--ink); }
.bcc-ask-x[b-b6yamwvgck] {
    border: 0; background: transparent;
    color: var(--muted); cursor: pointer; padding: 0 4px; font-size: 18px;
}
.bcc-ask-body[b-b6yamwvgck] {
    flex: 1; overflow: auto; padding: 14px 12px;
    background: #f3f4f6; display: flex; flex-direction: column; gap: 12px; min-height: 0;
}
.bcc-ask-wait[b-b6yamwvgck] { font-size: 12px; color: var(--muted); }

.bcc-msg-user[b-b6yamwvgck] {
    display: flex; justify-content: flex-end;
}
.bcc-msg-user-bubble[b-b6yamwvgck] {
    max-width: 88%;
    background: #2563eb; color: #fff;
    border-radius: 16px 16px 4px 16px;
    padding: 10px 14px;
    font-size: 12.5px; line-height: 1.4; font-weight: 600;
}

.bcc-msg-bot[b-b6yamwvgck] {
    display: flex; align-items: flex-start; gap: 8px;
    max-width: 100%;
}
.bcc-bot-avatar[b-b6yamwvgck] {
    width: 28px; height: 28px; border-radius: 50%;
    background: #2563eb; color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 12px; flex-shrink: 0; margin-top: 2px;
}
.bcc-bot-card[b-b6yamwvgck] {
    flex: 1; min-width: 0;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.bcc-bot-lead[b-b6yamwvgck] {
    margin: 0 0 10px;
    font-size: 12.5px; font-weight: 650; line-height: 1.45; color: var(--ink);
}
.bcc-bot-key[b-b6yamwvgck] {
    font-size: 12px; font-weight: 750; color: var(--ink); margin-bottom: 6px;
}
.bcc-bot-list[b-b6yamwvgck] {
    margin: 0 0 8px; padding-left: 18px;
    font-size: 12px; line-height: 1.45; color: #334155;
}
.bcc-bot-list li[b-b6yamwvgck] { margin-bottom: 6px; }
.bcc-bot-impact[b-b6yamwvgck] {
    font-size: 12px; font-weight: 650; color: var(--ink); margin: 4px 0 8px;
}
.bcc-bot-impact .neg[b-b6yamwvgck] { color: var(--red); font-weight: 800; }
.bcc-bot-divider[b-b6yamwvgck] {
    height: 1px; background: #e5e7eb; margin: 10px 0 8px;
}
.bcc-bot-srcs-label[b-b6yamwvgck] {
    font-size: 11px; font-weight: 650; color: var(--muted); margin-bottom: 6px;
}
.bcc-bot-srcs[b-b6yamwvgck] {
    display: flex; flex-wrap: wrap; gap: 6px;
}
.bcc-src-chip[b-b6yamwvgck] {
    border: 1px solid #93c5fd; background: #fff; color: #2563eb;
    border-radius: 8px; padding: 5px 10px;
    font-size: 11px; font-weight: 650; cursor: pointer;
}
.bcc-src-chip:hover[b-b6yamwvgck] { background: #eff6ff; }

.bcc-ask-composer[b-b6yamwvgck] {
    display: flex; gap: 8px; align-items: center;
    margin-top: 4px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.bcc-ask-attach[b-b6yamwvgck] {
    width: 28px; height: 28px; border: 0; background: transparent;
    font-size: 15px; cursor: default; opacity: .55; flex-shrink: 0;
}
.bcc-ask-composer :deep(.bcc-ask-in)[b-b6yamwvgck],
.bcc-ask-composer :deep(.dxbl-text-edit)[b-b6yamwvgck] {
    flex: 1; min-width: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 32px;
}
.bcc-ask-go[b-b6yamwvgck] {
    width: 34px; height: 34px; border: 0; border-radius: 50%;
    background: #2563eb; color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; flex-shrink: 0;
}
.bcc-ask-go:disabled[b-b6yamwvgck] { opacity: .55; cursor: default; }
.bcc-ico-spark[b-b6yamwvgck] { flex-shrink: 0; }
.bcc-ask-fab[b-b6yamwvgck] {
    position: fixed; right: 18px; bottom: 18px; z-index: 40;
    border: 0; background: #2563eb; color: #fff;
    border-radius: 999px; padding: 10px 16px; font-size: 12px; font-weight: 700;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .35); cursor: pointer;
}
.bcc.ask-on .bcc-ask-fab[b-b6yamwvgck] { display: none; }
.bcc-toast[b-b6yamwvgck] {
    position: fixed; right: 16px; bottom: 16px; z-index: 50;
    background: #0f172a; color: #fff; padding: 8px 12px;
    border-radius: 8px; font-size: 12px;
}

@media (max-width: 1400px) {
    .bcc-row[b-b6yamwvgck] { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1100px) {
    .bcc[b-b6yamwvgck], .bcc.ask-on[b-b6yamwvgck] { grid-template-columns: 1fr; height: auto; max-height: none; overflow: auto; }
    .bcc-ask[b-b6yamwvgck] { position: static; min-height: 360px; max-height: 420px; border-left: 0; border-top: 1px solid var(--line); }
    .bcc-kpis[b-b6yamwvgck] { flex-wrap: wrap; }
    .bcc-kpi[b-b6yamwvgck] { flex: 1 1 calc(50% - 4px); }
    .bcc-hdr[b-b6yamwvgck] { flex-wrap: wrap; }
}
@media (max-width: 700px) {
    .bcc-kpis[b-b6yamwvgck] { flex-direction: column; }
    .bcc-kpi[b-b6yamwvgck] { flex: 1 1 auto; }
    .bcc-row[b-b6yamwvgck] { grid-template-columns: 1fr; }
    .bcc-branch-row[b-b6yamwvgck] { grid-template-columns: 64px 1fr 44px; }
    .bcc-branch-amt[b-b6yamwvgck] { display: none; }
}
/* _content/IxpertPosStandalone/Pages/Dashboards/CommandCentreAlertRulesDashboard.razor.rz.scp.css */
.ccar-page[b-i30qqtm3gl] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ccar-header[b-i30qqtm3gl] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    padding: 12px 14px;
}

.ccar-eyebrow[b-i30qqtm3gl] {
    font-size: 11px;
    text-transform: uppercase;
    color: #6b7280;
}

.ccar-header h2[b-i30qqtm3gl] {
    margin: 2px 0;
    font-size: 20px;
}

.ccar-header p[b-i30qqtm3gl] {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

.ccar-actions[b-i30qqtm3gl] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.ccar-error[b-i30qqtm3gl] {
    background: #fff5f5;
    border: 1px solid #f5c2c7;
    color: #842029;
    border-radius: 8px;
    padding: 10px 12px;
}

.ccar-msg[b-i30qqtm3gl] {
    background: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    padding: 12px;
}

.ccar-grid[b-i30qqtm3gl] {
    background: #fff;
    border-radius: 8px;
}

.ccar-link[b-i30qqtm3gl] {
    border: none;
    background: transparent;
    color: #2563eb;
    cursor: pointer;
    font-size: 12px;
    margin-right: 8px;
}

.ccar-editor[b-i30qqtm3gl] {
    background: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    padding: 12px;
}

.ccar-card-title[b-i30qqtm3gl] {
    font-weight: 700;
    margin-bottom: 10px;
}

.ccar-form[b-i30qqtm3gl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ccar-form label[b-i30qqtm3gl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
}

.ccar-check[b-i30qqtm3gl] {
    flex-direction: row !important;
    align-items: center;
    gap: 8px !important;
}

.ccar-hint[b-i30qqtm3gl] {
    font-size: 11px;
    color: #6b7280;
    margin: 10px 0 0;
}
/* _content/IxpertPosStandalone/Pages/Dashboards/CrmSalesCommandCentreDashboard.razor.rz.scp.css */
/* CRM & Sales Command Centre — image-1 mockup fidelity */
.crmcc[b-h6rt403orp] {
    --ink:#0f172a; --muted:#64748b; --line:#e5e7eb; --bg:#f1f5f9; --card:#fff;
    --blue:#2563eb; --teal:#0d9488; --green:#059669; --orange:#ea580c; --purple:#7c3aed; --red:#dc2626;
    height:calc(100vh - 86px); max-height:calc(100vh - 86px); overflow:hidden;
    background:var(--bg); color:var(--ink); padding:8px 10px 6px;
    display:flex; flex-direction:column; gap:8px;
    font-family:Inter,"Segoe UI",system-ui,sans-serif;
}
.crmcc *[b-h6rt403orp],.crmcc *[b-h6rt403orp]::before,.crmcc *[b-h6rt403orp]::after{box-sizing:border-box}

.crmcc-hdr[b-h6rt403orp]{
    display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:nowrap;
    background:var(--card); border:1px solid var(--line); border-radius:12px; padding:6px 12px; flex-shrink:0;
    box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.crmcc-hdr h1[b-h6rt403orp]{margin:0; font-size:16px; font-weight:800; white-space:nowrap}
.crmcc-filters[b-h6rt403orp]{display:flex; align-items:center; gap:6px; flex-wrap:nowrap; min-width:0}
.crmcc-pill[b-h6rt403orp]{
    display:inline-flex; align-items:center; gap:5px; background:#f8fafc; border:1px solid var(--line);
    border-radius:999px; padding:2px 10px; min-height:30px; font-size:11px; font-weight:650; color:#334155;
}
.crmcc-pill b[b-h6rt403orp]{font-weight:700; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.crmcc[b-h6rt403orp]  .crmcc-dx{border:0!important; background:transparent!important; box-shadow:none!important; min-height:24px; font-size:11px; min-width:84px}
.crmcc-btn[b-h6rt403orp]{border:1px solid var(--line); background:#fff; border-radius:8px; padding:5px 10px; font-size:11px; font-weight:650; cursor:pointer}
.crmcc-user[b-h6rt403orp]{display:flex; align-items:center; gap:8px; padding-left:8px; border-left:1px solid var(--line)}
.crmcc-user .av[b-h6rt403orp]{width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#3b82f6,#6366f1); color:#fff; font-size:10px; font-weight:800; display:flex; align-items:center; justify-content:center}
.crmcc-user .n[b-h6rt403orp]{font-size:11px; font-weight:700; line-height:1.1}
.crmcc-user .r[b-h6rt403orp]{font-size:10px; color:var(--muted)}

.crmcc-banner[b-h6rt403orp]{background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 12px; font-size:12px}
.crmcc-banner.err[b-h6rt403orp]{background:#fef2f2; color:var(--red); border-color:#fecaca}

.crmcc-kpis[b-h6rt403orp]{display:flex; gap:10px; flex-shrink:0; align-items:stretch; min-height:128px}
.crmcc-kpi[b-h6rt403orp]{
    flex:1 1 0; min-width:0; min-height:128px; height:auto; background:var(--card); border:1px solid var(--line); border-radius:14px;
    padding:12px 14px; box-shadow:0 1px 3px rgba(15,23,42,.06);
    display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:left;
}
.crmcc-kpi .kpi-main[b-h6rt403orp]{
    flex:0 0 auto; width:max-content; max-width:100%; margin:0 auto;
    display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
}
.crmcc-kpi .top[b-h6rt403orp]{display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:12px; width:auto}
.crmcc-kpi .ico[b-h6rt403orp]{
    width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
    color:#fff;
}
.crmcc-kpi .ico svg[b-h6rt403orp]{width:24px; height:24px; display:block; stroke:#fff; color:#fff}
.crmcc-kpi .ico.blue[b-h6rt403orp]{background:#2563eb}
.crmcc-kpi .ico.teal[b-h6rt403orp]{background:#0d9488}
.crmcc-kpi .ico.green[b-h6rt403orp]{background:#16a34a}
.crmcc-kpi .ico.orange[b-h6rt403orp]{background:#ea580c}
.crmcc-kpi .ico.purple[b-h6rt403orp]{background:#7c3aed}
.crmcc-kpi .ico.red[b-h6rt403orp]{background:#dc2626}
.crmcc-kpi .txt[b-h6rt403orp]{min-width:0; flex:0 1 auto; text-align:left}
.crmcc-kpi .lab[b-h6rt403orp]{font-size:12px; color:#64748b; font-weight:650; line-height:1.2}
.crmcc-kpi .val[b-h6rt403orp]{font-size:24px; font-weight:800; line-height:1.15; margin-top:2px; letter-spacing:-.02em; color:#0f172a}
.crmcc-kpi .sub[b-h6rt403orp]{margin-top:10px; font-size:12px; font-weight:650; color:#64748b; line-height:1.35; text-align:left; width:100%}
.crmcc-kpi .sub :deep(.up)[b-h6rt403orp]{color:#16a34a; font-weight:700}
.crmcc-kpi .sub :deep(.down)[b-h6rt403orp]{color:#dc2626; font-weight:700}
.crmcc-kpi .sub :deep(.muted)[b-h6rt403orp]{color:#94a3b8; font-weight:600}
.crmcc-kpi.tone-blue .sub :deep(.tone)[b-h6rt403orp]{color:#2563eb; font-weight:700}
.crmcc-kpi.tone-teal .sub :deep(.tone)[b-h6rt403orp]{color:#0d9488; font-weight:700}
.crmcc-kpi.tone-green .sub :deep(.tone)[b-h6rt403orp]{color:#16a34a; font-weight:700}
.crmcc-kpi.tone-orange .sub :deep(.tone)[b-h6rt403orp]{color:#ea580c; font-weight:700}
.crmcc-kpi.tone-purple .sub :deep(.tone)[b-h6rt403orp]{color:#7c3aed; font-weight:700}
.crmcc-kpi.tone-red .sub :deep(.tone)[b-h6rt403orp]{color:#dc2626; font-weight:700}
.crmcc-kpi .spark[b-h6rt403orp]{flex-shrink:0; margin-top:8px; height:36px; width:100%; align-self:stretch}
.crmcc-kpi .spark svg[b-h6rt403orp]{display:block; width:100%; height:36px}

.crmcc-mid[b-h6rt403orp],.crmcc-bot[b-h6rt403orp]{display:grid; gap:8px; min-height:0}
.crmcc-mid[b-h6rt403orp]{flex:1.1 1 0; grid-template-columns:1.35fr 1.45fr .9fr; align-items:stretch}
.crmcc-otc-block[b-h6rt403orp]{display:grid; grid-template-rows:0.9fr 1.25fr; gap:8px; min-width:0; min-height:0; height:100%}
.crmcc-ar-row[b-h6rt403orp]{display:grid; grid-template-columns:1fr 1fr; gap:8px; min-height:0; height:100%}
.crmcc-bot[b-h6rt403orp]{flex:0.9 1 0; grid-template-columns:1.25fr 1.05fr 1fr}
.card.prio[b-h6rt403orp]{min-height:0; height:100%; max-height:none}

.card[b-h6rt403orp]{
    background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:14px 16px;
    min-width:0; min-height:0; overflow:hidden; display:flex; flex-direction:column;
    box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.card .hd[b-h6rt403orp]{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; flex-shrink:0}
.card .hd h2[b-h6rt403orp]{margin:0; font-size:15px; font-weight:750; color:#1e3a5f}
.card .hd h2 .sub[b-h6rt403orp]{font-size:13px; font-weight:550; color:#94a3b8; margin-left:4px}
.card .hd.mt[b-h6rt403orp]{margin-top:10px}
.card .empty[b-h6rt403orp]{font-size:11px; color:var(--muted); padding:8px 0}

/* =========================================================
   IXPERT CRM — LEAD-TO-REVENUE FUNNEL
   ========================================================= */
.crm-funnel-card[b-h6rt403orp] {
    --crm-navy: #0b2f6b;
    --crm-blue: #1769c2;
    --crm-cyan: #0796bd;
    --crm-teal: #08a49c;
    --crm-amber: #f2b51d;
    --crm-green: #5aaa3d;
    --crm-red: #ef5350;
    --crm-text: #24364b;
    --crm-muted: #6e7f92;
    --crm-border: #dce5ef;
    --crm-soft-bg: #f7f9fc;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    padding: 18px 20px 14px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--crm-border);
    border-radius: 12px;
    box-shadow:
        0 2px 5px rgba(30, 50, 75, 0.04),
        0 10px 28px rgba(30, 50, 75, 0.07);
    color: var(--crm-text);
    font-family: "Segoe UI", Inter, Arial, sans-serif;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.crm-funnel-card *[b-h6rt403orp],
.crm-funnel-card *[b-h6rt403orp]::before,
.crm-funnel-card *[b-h6rt403orp]::after {
    box-sizing: border-box;
}
.crm-funnel-title[b-h6rt403orp] {
    margin: 0 0 10px;
    color: #20334b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.15px;
    flex-shrink: 0;
}
.crm-funnel-content[b-h6rt403orp] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(220px, 0.62fr);
    gap: 14px;
    align-items: stretch;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}
.crm-funnel-section[b-h6rt403orp] {
    min-width: 0;
    min-height: 0;
    padding-right: 18px;
    border-right: 1px solid var(--crm-border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.crm-pipeline-section[b-h6rt403orp] {
    min-width: 0;
    min-height: 0;
    padding-left: 2px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
}
.crm-funnel-column-headings[b-h6rt403orp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px 68px;
    align-items: center;
    margin-bottom: 2px;
    color: var(--crm-muted);
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    flex-shrink: 0;
}
.crm-funnel-column-headings > :first-child[b-h6rt403orp] {
    color: transparent;
    user-select: none;
}
.crm-funnel-rows[b-h6rt403orp] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    justify-content: flex-start;
}
.crm-funnel-row[b-h6rt403orp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px 68px;
    flex: 1 1 0;
    min-height: 22px;
    max-height: 38px;
    align-items: stretch;
}
.crm-funnel-stage-wrap[b-h6rt403orp] {
    display: flex;
    justify-content: center;
    align-items: stretch;
    min-width: 0;
    height: 100%;
    padding: 0;
}
.crm-funnel-stage[b-h6rt403orp] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 20px;
    max-height: none;
    padding: 1px 10px;
    color: #ffffff;
    text-align: center;
    filter: drop-shadow(0 2px 2px rgba(25, 54, 90, 0.12));
    transition:
        transform 160ms ease,
        filter 160ms ease,
        opacity 160ms ease;
}
.crm-funnel-row:hover .crm-funnel-stage[b-h6rt403orp] {
    z-index: 2;
    transform: translateY(-1px) scale(1.015);
    filter: drop-shadow(0 5px 7px rgba(25, 54, 90, 0.18));
}
.crm-funnel-stage-name[b-h6rt403orp] {
    display: block;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.05;
    opacity: 0.96;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.crm-funnel-stage-value[b-h6rt403orp] {
    display: block;
    margin-top: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.4px;
}
.crm-funnel-row:nth-child(1) .crm-funnel-stage[b-h6rt403orp] {
    width: 100%;
    background: linear-gradient(135deg, #07387d, var(--crm-navy));
    clip-path: polygon(2% 0, 98% 0, 94% 100%, 6% 100%);
    border-radius: 8px 8px 3px 3px;
}
.crm-funnel-row:nth-child(2) .crm-funnel-stage[b-h6rt403orp] {
    width: 88%;
    background: linear-gradient(135deg, #1a75cf, var(--crm-blue));
    clip-path: polygon(3% 0, 97% 0, 92% 100%, 8% 100%);
}
.crm-funnel-row:nth-child(3) .crm-funnel-stage[b-h6rt403orp] {
    width: 74%;
    background: linear-gradient(135deg, #0ba6c8, var(--crm-cyan));
    clip-path: polygon(4% 0, 96% 0, 90% 100%, 10% 100%);
}
.crm-funnel-row:nth-child(4) .crm-funnel-stage[b-h6rt403orp] {
    width: 61%;
    background: linear-gradient(135deg, #12b4a6, var(--crm-teal));
    clip-path: polygon(5% 0, 95% 0, 87% 100%, 13% 100%);
}
.crm-funnel-row:nth-child(5) .crm-funnel-stage[b-h6rt403orp] {
    width: 48%;
    background: linear-gradient(135deg, #f5c42f, var(--crm-amber));
    clip-path: polygon(7% 0, 93% 0, 84% 100%, 16% 100%);
}
.crm-funnel-row:nth-child(6) .crm-funnel-stage[b-h6rt403orp] {
    width: 40%;
    background: linear-gradient(135deg, #c9a227, #b8860b);
    clip-path: polygon(8% 0, 92% 0, 82% 100%, 18% 100%);
}
.crm-funnel-row:nth-child(6) .crm-funnel-stage.crm-stage-won[b-h6rt403orp],
.crm-funnel-row:nth-child(7) .crm-funnel-stage.crm-stage-won[b-h6rt403orp],
.crm-funnel-row:nth-child(n+7) .crm-funnel-stage.crm-stage-won[b-h6rt403orp] {
    width: 32%;
    background: linear-gradient(135deg, #70bd4d, var(--crm-green));
    clip-path: polygon(9% 0, 91% 0, 79% 100%, 21% 100%);
    border-radius: 2px 2px 6px 6px;
}
.crm-funnel-row:nth-child(n+7) .crm-funnel-stage:not(.crm-stage-won):not(.crm-stage-lost)[b-h6rt403orp] {
    width: 36%;
    background: linear-gradient(135deg, #70bd4d, var(--crm-green));
    clip-path: polygon(9% 0, 91% 0, 79% 100%, 21% 100%);
}
.crm-stage-won[b-h6rt403orp] {
    background: linear-gradient(135deg, #70bd4d, var(--crm-green)) !important;
}
.crm-stage-lost[b-h6rt403orp] {
    width: 28% !important;
    background: linear-gradient(135deg, #f87171, var(--crm-red)) !important;
    clip-path: polygon(11% 0, 89% 0, 77% 100%, 23% 100%) !important;
    border-radius: 2px 2px 6px 6px;
}
.crm-funnel-conversion[b-h6rt403orp],
.crm-funnel-dropoff[b-h6rt403orp] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    align-self: stretch;
    min-height: 0;
    height: 100%;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    transform: translateY(42%);
    z-index: 1;
}
.crm-funnel-conversion[b-h6rt403orp] {
    color: #34485e;
}
.crm-funnel-dropoff[b-h6rt403orp] {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    line-height: 1.1;
    color: #34485e;
}
.crm-funnel-dropoff[b-h6rt403orp]::before {
    content: none;
}
.crm-funnel-dropoff .crm-drop-n[b-h6rt403orp] {
    font-size: 11px;
    font-weight: 700;
    color: #34485e;
}
.crm-funnel-dropoff .crm-drop-p[b-h6rt403orp] {
    font-size: 10px;
    font-weight: 700;
    color: var(--crm-red);
}
.crm-funnel-dropoff .crm-drop-p[b-h6rt403orp]::before {
    content: "↓ ";
    font-weight: 800;
}
.crm-funnel-summary[b-h6rt403orp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px 68px;
    margin-top: 8px;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
    background: #fff;
}
.crm-funnel-summary-main[b-h6rt403orp] {
    position: relative;
    grid-column: 1;
    padding-top: 10px;
    text-align: center;
    background: #fff;
}
.crm-funnel-summary-main[b-h6rt403orp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    border-top: 1px dashed #9caebe;
}
.crm-funnel-summary-label[b-h6rt403orp] {
    display: block;
    color: #526477;
    font-size: 11px;
    font-weight: 600;
}
.crm-funnel-summary-value[b-h6rt403orp] {
    display: block;
    margin-top: 2px;
    color: #078d8d;
    font-size: 24px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: -0.7px;
}
.crm-funnel-win-rate[b-h6rt403orp] {
    margin-top: 4px;
    color: var(--crm-muted);
    font-size: 10px;
    font-weight: 500;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.crm-pipeline-title[b-h6rt403orp] {
    margin: 0 0 8px;
    color: #24364b;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}
.crm-pipeline-body[b-h6rt403orp] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    align-content: start;
    flex: 0 0 auto;
    min-height: 0;
    overflow: visible;
}
.crm-pipeline-donut-wrap[b-h6rt403orp] {
    position: relative;
    display: grid;
    width: 118px;
    height: 118px;
    place-items: center;
    flex-shrink: 0;
}
.crm-pipeline-donut[b-h6rt403orp] {
    position: relative;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.5),
        0 6px 18px rgba(28, 72, 120, 0.14);
}
.crm-pipeline-donut[b-h6rt403orp]::after {
    content: "";
    position: absolute;
    inset: 23px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px #e3eaf1;
}
.crm-pipeline-center[b-h6rt403orp] {
    position: absolute;
    z-index: 2;
    width: 64px;
    color: #34485d;
    text-align: center;
    pointer-events: none;
}
.crm-pipeline-center-label[b-h6rt403orp] {
    display: block;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.2;
}
.crm-pipeline-center-value[b-h6rt403orp] {
    display: block;
    margin-top: 2px;
    color: #24384f;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.1;
}
.crm-pipeline-legend[b-h6rt403orp] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    overflow: visible;
    justify-content: flex-start;
}
.crm-pipeline-legend-item[b-h6rt403orp] {
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr);
    column-gap: 7px;
    align-items: start;
}
.crm-pipeline-legend-dot[b-h6rt403orp] {
    width: 8px;
    height: 8px;
    margin-top: 3px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(30, 70, 110, 0.05);
}
.crm-pipeline-legend-text[b-h6rt403orp] {
    min-width: 0;
}
.crm-pipeline-legend-name[b-h6rt403orp] {
    display: block;
    overflow: hidden;
    color: #4b5e72;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.crm-pipeline-legend-value[b-h6rt403orp] {
    display: block;
    margin-top: 1px;
    color: #78889a;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;
}
.crm-pipeline-footer[b-h6rt403orp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edf1f5;
    flex-shrink: 0;
}
.crm-pipeline-conversion[b-h6rt403orp],
.crm-weighted-pipeline[b-h6rt403orp] {
    margin: 0;
    color: #687b8e;
    font-size: 11px;
    font-weight: 500;
}
.crm-pipeline-conversion strong[b-h6rt403orp] {
    color: #079a9a;
    font-size: 14px;
    font-weight: 750;
}
.crm-weighted-pipeline strong[b-h6rt403orp] {
    color: #32475e;
    font-weight: 700;
}

/* Order-to-cash — full-width mockup (−10% height) */
.card.otc[b-h6rt403orp]{padding:10px 14px 10px; min-height:0}
.card.otc .hd[b-h6rt403orp]{margin-bottom:6px}
.card.otc .hd h2[b-h6rt403orp]{font-size:13px}
.otc-flow[b-h6rt403orp]{
    display:flex; align-items:flex-start; justify-content:space-between; gap:0;
    flex:1; min-height:0; padding:2px 4px 0;
}
.otc-step[b-h6rt403orp]{flex:1 1 0; min-width:0; text-align:center; display:flex; flex-direction:column; align-items:center}
.otc-ico[b-h6rt403orp]{
    width:52px; height:52px; border-radius:50%; display:grid; place-items:center; position:relative;
}
.otc-ico .otc-core[b-h6rt403orp]{
    width:40px; height:40px; border-radius:50%; display:grid; place-items:center; color:#fff;
}
.otc-ico .otc-core svg[b-h6rt403orp]{width:20px; height:20px; display:block; stroke:#fff; fill:none}
.otc-ico.navy[b-h6rt403orp]{box-shadow:0 0 0 5px rgba(30,64,175,.14)}
.otc-ico.navy .otc-core[b-h6rt403orp]{background:#1e40af}
.otc-ico.blue[b-h6rt403orp]{box-shadow:0 0 0 5px rgba(37,99,235,.14)}
.otc-ico.blue .otc-core[b-h6rt403orp]{background:#2563eb}
.otc-ico.teal[b-h6rt403orp]{box-shadow:0 0 0 5px rgba(13,148,136,.14)}
.otc-ico.teal .otc-core[b-h6rt403orp]{background:#0d9488}
.otc-ico.purple[b-h6rt403orp]{box-shadow:0 0 0 5px rgba(124,58,237,.14)}
.otc-ico.purple .otc-core[b-h6rt403orp]{background:#7c3aed}
.otc-ico.green[b-h6rt403orp]{box-shadow:0 0 0 5px rgba(22,163,74,.14)}
.otc-ico.green .otc-core[b-h6rt403orp]{background:#16a34a}
.otc-ico.red[b-h6rt403orp]{box-shadow:0 0 0 5px rgba(220,38,38,.14)}
.otc-ico.red .otc-core[b-h6rt403orp]{background:#dc2626}
.otc-lab[b-h6rt403orp]{margin-top:6px; font-size:10px; font-weight:650; color:#64748b; line-height:1.2; max-width:none; white-space:nowrap}
.otc-cnt[b-h6rt403orp]{margin-top:4px; font-size:18px; font-weight:800; color:#1e3a5f; line-height:1; letter-spacing:-.02em}
.otc-amt[b-h6rt403orp]{margin-top:2px; font-size:11px; font-weight:600; color:#64748b}
.otc-arrow[b-h6rt403orp]{
    flex:0 0 24px; display:flex; align-items:center; justify-content:center;
    align-self:flex-start; margin-top:14px; color:#64748b; font-size:18px; font-weight:900;
}

/* Priorities */
.prio-list[b-h6rt403orp]{list-style:none; margin:0; padding:0; flex:1; overflow:auto; display:flex; flex-direction:column; justify-content:space-evenly}
.prio-list li[b-h6rt403orp]{display:grid; grid-template-columns:24px 1fr auto auto; gap:8px; align-items:center; padding:7px 0; border-bottom:1px solid #f3f4f6}
.prio-list li:last-child[b-h6rt403orp]{border-bottom:0}
.prio-list .t[b-h6rt403orp]{font-size:12px; font-weight:700}
.prio-list .d[b-h6rt403orp]{font-size:10px; color:var(--muted)}
.prio-list .d em[b-h6rt403orp]{font-style:normal; font-weight:650; color:#475569}
.badge[b-h6rt403orp]{font-size:10px; font-weight:700; border-radius:999px; padding:2px 8px}
.badge.high[b-h6rt403orp]{background:#fef2f2; color:var(--red)}
.badge.medium[b-h6rt403orp]{background:#fff7ed; color:var(--orange)}
.badge.low[b-h6rt403orp]{background:#ecfdf5; color:var(--green)}
.view[b-h6rt403orp]{border:0; background:transparent; color:var(--blue); font-size:11px; font-weight:700; cursor:pointer}

/* Trend / exec / age / followups */
.legs[b-h6rt403orp]{display:flex; gap:10px; font-size:10px; font-weight:650; color:var(--muted)}
.legs .a[b-h6rt403orp]{color:var(--blue)}
.trend-chart[b-h6rt403orp]{flex:1; min-height:0; width:100%}
.exec table[b-h6rt403orp],.age-cust table[b-h6rt403orp]{width:100%; border-collapse:collapse; font-size:11px}
.exec th[b-h6rt403orp],.age-cust th[b-h6rt403orp]{text-align:left; color:var(--muted); font-size:10px; padding:4px 3px; border-bottom:1px solid var(--line)}
.exec td[b-h6rt403orp],.age-cust td[b-h6rt403orp]{padding:7px 3px; border-bottom:1px solid #f3f4f6; vertical-align:middle}
.exec .av[b-h6rt403orp]{
    display:inline-flex; width:22px; height:22px; border-radius:50%; margin-right:6px;
    background:#dbeafe; color:#1d4ed8; font-size:9px; font-weight:800; align-items:center; justify-content:center;
}
.ach[b-h6rt403orp]{display:flex; align-items:center; gap:6px}
.ach .bar[b-h6rt403orp]{flex:1; height:8px; background:#f1f5f9; border-radius:999px; overflow:hidden; min-width:50px}
.ach .bar i[b-h6rt403orp]{display:block; height:100%; background:linear-gradient(90deg,#22c55e,#4ade80)}
.ach span[b-h6rt403orp]{font-size:10px; font-weight:700; color:#166534; min-width:28px}

.age-tbl[b-h6rt403orp],.cust-tbl[b-h6rt403orp]{width:100%; border-collapse:collapse; font-size:10px; flex:1 1 auto}
.age-tbl thead th[b-h6rt403orp],.cust-tbl thead th[b-h6rt403orp]{
    text-align:left; background:transparent; color:#64748b; font-size:9px; font-weight:700;
    padding:5px 4px; border-bottom:1px solid #e5e7eb;
}
.age-tbl td[b-h6rt403orp],.cust-tbl td[b-h6rt403orp]{padding:6px 4px; border-bottom:1px solid #eef2f7; vertical-align:middle; color:#334155}
.age-tbl .age-bkt[b-h6rt403orp]{font-weight:700; color:#1e3a5f; white-space:nowrap; width:88px; font-size:10px}
.age-tbl .age-amt[b-h6rt403orp]{display:flex; align-items:center; gap:8px; min-width:0}
.age-tbl .age-bar[b-h6rt403orp]{flex:1; height:9px; background:#f1f5f9; border-radius:999px; overflow:hidden; min-width:48px}
.age-tbl .age-bar i[b-h6rt403orp]{display:block; height:100%; border-radius:999px}
.age-tbl .age-amt span[b-h6rt403orp]{font-weight:700; color:#334155; white-space:nowrap; min-width:56px; text-align:right; font-size:10px}
.age-tbl .age-pct[b-h6rt403orp]{text-align:right; color:#64748b; font-weight:650; white-space:nowrap; width:60px; font-size:10px}
.age-tbl tfoot td[b-h6rt403orp]{
    border-bottom:0; border-top:1px solid #e5e7eb; padding-top:8px; font-weight:750; color:#1e3a5f; font-size:10px;
    white-space:nowrap;
}
.age-tbl tfoot .age-tot[b-h6rt403orp]{text-align:right; color:#dc2626; font-size:12px; font-weight:800; white-space:nowrap}
.cust-tbl th:nth-child(2)[b-h6rt403orp],.cust-tbl th:nth-child(3)[b-h6rt403orp],
.cust-tbl td:nth-child(2)[b-h6rt403orp],.cust-tbl td:nth-child(3)[b-h6rt403orp]{text-align:right}
.cust-tbl td:first-child[b-h6rt403orp]{font-weight:650; color:#1e3a5f}
.cust-foot[b-h6rt403orp]{display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:6px}
.cust-all[b-h6rt403orp]{
    border:0; background:transparent; color:#2563eb; font-size:10px; font-weight:700;
    cursor:pointer; padding:0; text-align:left;
}
.cust-chev[b-h6rt403orp]{color:#2563eb; font-size:14px; font-weight:700; line-height:1}
.card.age-only[b-h6rt403orp],.card.cust-only[b-h6rt403orp]{min-height:0; height:100%; padding:10px 12px}
.card.age-only .hd[b-h6rt403orp],.card.cust-only .hd[b-h6rt403orp]{margin-bottom:6px}
.card.age-only .hd h2[b-h6rt403orp],.card.cust-only .hd h2[b-h6rt403orp]{font-size:12px}
.age[b-h6rt403orp]{display:none}
.age-row[b-h6rt403orp]{display:none}

.fu ul[b-h6rt403orp]{list-style:none; margin:0; padding:0; flex:1; overflow:auto; display:flex; flex-direction:column; justify-content:space-evenly}
.fu li[b-h6rt403orp]{display:grid; grid-template-columns:48px 1fr auto; gap:8px; align-items:start; padding:7px 0; border-bottom:1px solid #f3f4f6}
.fu .when[b-h6rt403orp]{font-size:12px; font-weight:800; color:var(--blue); line-height:1.15}
.fu .when small[b-h6rt403orp]{display:block; font-size:9px; color:var(--muted); font-weight:650}
.fu .t[b-h6rt403orp]{font-size:12px; font-weight:700}
.fu .d[b-h6rt403orp]{font-size:10px; color:var(--muted)}

/* Ask widget */
.crmcc-ask[b-h6rt403orp]{
    position:fixed; right:16px; bottom:16px; width:300px; z-index:50;
    background:#fff; border:1px solid var(--line); border-radius:14px;
    box-shadow:0 16px 40px rgba(15,23,42,.2); overflow:hidden; display:flex; flex-direction:column; max-height:340px;
}
.ask-h[b-h6rt403orp]{background:#2563eb; color:#fff; padding:10px 12px; display:flex; align-items:center; gap:8px; font-size:13px}
.ask-h button[b-h6rt403orp]{margin-left:auto; border:0; background:transparent; color:#fff; cursor:pointer; font-size:16px}
.ask-b[b-h6rt403orp]{padding:12px; background:#f8fafc; display:flex; flex-direction:column; gap:8px; overflow:auto}
.ask-b .u[b-h6rt403orp]{align-self:flex-end; background:#2563eb; color:#fff; border-radius:14px 14px 4px 14px; padding:8px 11px; font-size:12px; max-width:92%}
.ask-b .bot[b-h6rt403orp]{align-self:flex-start; background:#fff; border:1px solid var(--line); border-radius:14px 14px 14px 4px; padding:9px 11px; font-size:12px; line-height:1.4; max-width:95%}
.ask-b .chip[b-h6rt403orp]{display:inline-block; margin-top:8px; border:1px solid #93c5fd; background:#eff6ff; color:#1d4ed8; border-radius:8px; padding:4px 8px; font-size:11px; font-weight:700; cursor:pointer}
.composer[b-h6rt403orp]{display:flex; gap:6px; margin-top:4px}
.composer input[b-h6rt403orp]{flex:1; border:1px solid var(--line); border-radius:999px; padding:8px 12px; font-size:11px}
.composer button[b-h6rt403orp]{width:34px; height:34px; border:0; border-radius:50%; background:#2563eb; color:#fff; cursor:pointer}
.ask-fab[b-h6rt403orp]{
    position:fixed; right:16px; bottom:16px; z-index:50; border:0; background:#2563eb; color:#fff;
    border-radius:999px; padding:10px 16px; font-size:12px; font-weight:700; cursor:pointer;
    box-shadow:0 8px 20px rgba(37,99,235,.35);
}

@media (max-width:1300px){
    .crmcc[b-h6rt403orp]{height:auto; max-height:none; overflow:auto}
    .crmcc-mid[b-h6rt403orp]{grid-template-columns:1fr}
    .crmcc-ar-row[b-h6rt403orp]{grid-template-columns:1fr}
    .crmcc-bot[b-h6rt403orp]{grid-template-columns:1fr 1fr}
    .crm-funnel-content[b-h6rt403orp]{grid-template-columns:1fr}
    .crm-funnel-section[b-h6rt403orp]{padding-right:0; padding-bottom:18px; border-right:0; border-bottom:1px solid var(--crm-border)}
    .crm-pipeline-section[b-h6rt403orp]{padding-top:2px}
    .crmcc-kpis[b-h6rt403orp]{flex-wrap:wrap}
    .crmcc-kpi[b-h6rt403orp]{flex:1 1 calc(33% - 8px)}
    .crmcc-user[b-h6rt403orp]{display:none}
}
/* _content/IxpertPosStandalone/Pages/FormDesigner.razor.rz.scp.css */
/* =========================================================
   THEME-SAFE FORM / DESIGNER CSS
   Works for fd-page + frm-page
   ========================================================= */

.fd-page[b-6hjheuol3l],
.frm-page[b-6hjheuol3l],
.form-renderer-page[b-6hjheuol3l] {
    height: calc(100dvh - 128px);
    max-height: calc(100dvh - 128px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    gap: .65rem;
    padding: .65rem;
    overflow: hidden;
    background: var(--bs-body-bg, var(--dxbl-color-surface, transparent));
    color: var(--bs-body-color, var(--dxbl-color-on-surface, inherit));
    box-sizing: border-box;
    font-size: inherit;
}

    .fd-page *[b-6hjheuol3l],
    .frm-page *[b-6hjheuol3l],
    .form-renderer-page *[b-6hjheuol3l] {
        box-sizing: border-box;
    }

    /* Main layout */
    .frm-page .frm-main[b-6hjheuol3l],
    .frm-page .frm-layout[b-6hjheuol3l],
    .frm-page .form-main[b-6hjheuol3l],
    .frm-page .screen-layout[b-6hjheuol3l] {
        flex: 1 1 auto;
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(220px, 18%) minmax(0, 1fr);
        gap: .75rem;
        overflow: hidden;
    }

    /* Left side panel */
    .frm-page .frm-left[b-6hjheuol3l],
    .frm-page .left-panel[b-6hjheuol3l],
    .frm-page .side-panel[b-6hjheuol3l],
    .frm-page .summary-panel[b-6hjheuol3l],
    .frm-page .action-panel[b-6hjheuol3l] {
        min-height: 0;
        overflow: auto;
        padding: .85rem;
        border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
        border-radius: .85rem;
        background: color-mix(in srgb, currentColor 3%, transparent);
        color: inherit;
    }

    /* Right side area */
    .frm-page .frm-right[b-6hjheuol3l],
    .frm-page .right-panel[b-6hjheuol3l],
    .frm-page .content-panel[b-6hjheuol3l] {
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

    /* Cards / sections */
    .frm-page .section-card[b-6hjheuol3l],
    .frm-page .frm-card[b-6hjheuol3l],
    .frm-page .master-popup-main[b-6hjheuol3l],
    .frm-page .header-card[b-6hjheuol3l],
    .frm-page .voucher-card[b-6hjheuol3l],
    .frm-page .body-card[b-6hjheuol3l],
    .frm-page .grid-card[b-6hjheuol3l],
    .frm-page .summary-card[b-6hjheuol3l],
    .frm-page .kpi-card[b-6hjheuol3l],
    .frm-page .summary-tile[b-6hjheuol3l],
    .fd-page .section-card[b-6hjheuol3l],
    .fd-page .fd-tree-wrap[b-6hjheuol3l],
    .fd-page .fd-editor-modal[b-6hjheuol3l],
    .fd-page .fd-card[b-6hjheuol3l] {
        background: color-mix(in srgb, currentColor 3%, transparent) !important;
        color: inherit !important;
        border: 1px solid color-mix(in srgb, currentColor 22%, transparent) !important;
        border-radius: .85rem !important;
        box-shadow: none !important;
    }

    /* Header and voucher cards */
    .frm-page .header-card[b-6hjheuol3l],
    .frm-page .voucher-card[b-6hjheuol3l],
    .frm-page .section-card[b-6hjheuol3l] {
        padding: .85rem !important;
    }

    .frm-page .section-title[b-6hjheuol3l],
    .frm-page .card-title[b-6hjheuol3l],
    .frm-page .panel-title[b-6hjheuol3l],
    .frm-page .master-popup-screen-title[b-6hjheuol3l],
    .fd-page .fd-title[b-6hjheuol3l],
    .fd-page .fd-editor-title[b-6hjheuol3l] {
        color: inherit !important;
        font-size: 1em;
        font-weight: 600 !important;
        line-height: 1.2;
        margin-bottom: .65rem;
    }

    /* Main title */
    .frm-page .screen-title[b-6hjheuol3l],
    .frm-page .page-title[b-6hjheuol3l],
    .fd-page .fd-title[b-6hjheuol3l] {
        font-size: 1.35em;
        font-weight: 600 !important;
        color: inherit !important;
    }

    /* Captions */
    .frm-page label[b-6hjheuol3l],
    .frm-page .dxbl-fl-caption[b-6hjheuol3l],
    .frm-page .dxbl-fl-cpt[b-6hjheuol3l],
    .frm-page .field-label[b-6hjheuol3l],
    .fd-page label[b-6hjheuol3l] {
        color: inherit !important;
        opacity: .82;
        font-size: .92em !important;
        font-weight: 500 !important;
    }

    /* DevExpress form layout */
    .frm-page[b-6hjheuol3l]  .ix-form-layout,
    .fd-page[b-6hjheuol3l]  .ix-form-layout {
        width: 100%;
    }

        .frm-page[b-6hjheuol3l]  .ix-form-layout .dxbl-fl-item,
        .fd-page[b-6hjheuol3l]  .ix-form-layout .dxbl-fl-item {
            padding: .3rem 0 !important;
            margin: 0 !important;
        }

        .frm-page[b-6hjheuol3l]  .ix-form-layout .dxbl-fl-caption,
        .frm-page[b-6hjheuol3l]  .ix-form-layout .dxbl-fl-cpt,
        .fd-page[b-6hjheuol3l]  .ix-form-layout .dxbl-fl-caption,
        .fd-page[b-6hjheuol3l]  .ix-form-layout .dxbl-fl-cpt {
            color: inherit !important;
            opacity: .82;
            font-weight: 500 !important;
        }

    /* Native inputs */
    .frm-page input[b-6hjheuol3l],
    .frm-page select[b-6hjheuol3l],
    .frm-page textarea[b-6hjheuol3l],
    .fd-page input[b-6hjheuol3l],
    .fd-page select[b-6hjheuol3l],
    .fd-page textarea[b-6hjheuol3l] {
        background: var(--bs-body-bg, transparent) !important;
        color: var(--bs-body-color, inherit) !important;
        border: 1px solid color-mix(in srgb, currentColor 28%, transparent) !important;
        border-radius: .55rem !important;
        min-height: 2.15em;
        font-size: .95em;
    }

        .frm-page input[b-6hjheuol3l]::placeholder,
        .frm-page textarea[b-6hjheuol3l]::placeholder,
        .fd-page input[b-6hjheuol3l]::placeholder,
        .fd-page textarea[b-6hjheuol3l]::placeholder {
            color: currentColor !important;
            opacity: .55;
        }

    /* DevExpress editors */
    .frm-page[b-6hjheuol3l]  .dxbl-edit,
    .frm-page[b-6hjheuol3l]  .dxbl-text-edit,
    .frm-page[b-6hjheuol3l]  .dxbl-combobox,
    .frm-page[b-6hjheuol3l]  .dxbl-dropdown-edit,
    .frm-page[b-6hjheuol3l]  .dxbl-spin-edit,
    .frm-page[b-6hjheuol3l]  .dxbl-date-edit,
    .fd-page[b-6hjheuol3l]  .dxbl-edit,
    .fd-page[b-6hjheuol3l]  .dxbl-text-edit,
    .fd-page[b-6hjheuol3l]  .dxbl-combobox,
    .fd-page[b-6hjheuol3l]  .dxbl-dropdown-edit {
        background: var(--bs-body-bg, transparent) !important;
        color: var(--bs-body-color, inherit) !important;
        border-color: color-mix(in srgb, currentColor 28%, transparent) !important;
        box-shadow: none !important;
    }

    /* Buttons */
    .frm-page button[b-6hjheuol3l],
    .frm-page .fd-btn[b-6hjheuol3l],
    .frm-page .ix-master-toolbtn[b-6hjheuol3l],
    .frm-page .customize-tree-small-btn[b-6hjheuol3l],
    .fd-page .fd-btn[b-6hjheuol3l],
    .fd-page .ix-master-toolbtn[b-6hjheuol3l],
    .fd-page .customize-tree-small-btn[b-6hjheuol3l] {
        background: color-mix(in srgb, currentColor 5%, transparent) !important;
        color: inherit !important;
        border: 1px solid color-mix(in srgb, currentColor 26%, transparent) !important;
        border-radius: .55rem !important;
        box-shadow: none !important;
        font-size: .9em;
        font-weight: 500;
    }

        .frm-page button:hover[b-6hjheuol3l],
        .frm-page .fd-btn:hover[b-6hjheuol3l],
        .frm-page .ix-master-toolbtn:hover[b-6hjheuol3l],
        .fd-page .fd-btn:hover[b-6hjheuol3l],
        .fd-page .ix-master-toolbtn:hover[b-6hjheuol3l] {
            background: color-mix(in srgb, currentColor 10%, transparent) !important;
        }

        /* Primary / action buttons */
        .frm-page .fd-btn-primary[b-6hjheuol3l],
        .frm-page .ix-master-toolbtn.primary[b-6hjheuol3l],
        .frm-page .btn-primary[b-6hjheuol3l],
        .fd-page .fd-btn-primary[b-6hjheuol3l],
        .fd-page .ix-master-toolbtn.primary[b-6hjheuol3l] {
            background: var(--bs-primary, #0d6efd) !important;
            color: var(--bs-white, #fff) !important;
            border-color: var(--bs-primary, #0d6efd) !important;
        }

    /* Danger button */
    .frm-page .btn-danger[b-6hjheuol3l],
    .frm-page .fd-btn-danger[b-6hjheuol3l],
    .fd-page .fd-btn-danger[b-6hjheuol3l] {
        background: transparent !important;
        color: var(--bs-danger, #dc3545) !important;
        border-color: color-mix(in srgb, var(--bs-danger, #dc3545) 55%, transparent) !important;
    }

    /* KPI / summary boxes */
    .frm-page .kpi-card[b-6hjheuol3l],
    .frm-page .summary-tile[b-6hjheuol3l],
    .frm-page .summary-card[b-6hjheuol3l],
    .frm-page .amount-card[b-6hjheuol3l],
    .frm-page .total-card[b-6hjheuol3l],
    .fd-page .kpi-card[b-6hjheuol3l],
    .fd-page .summary-tile[b-6hjheuol3l] {
        background: color-mix(in srgb, currentColor 5%, transparent) !important;
        color: inherit !important;
        border: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
        border-radius: .7rem !important;
        padding: .55rem .65rem !important;
    }

    .frm-page .kpi-title[b-6hjheuol3l],
    .frm-page .summary-title[b-6hjheuol3l],
    .frm-page .amount-title[b-6hjheuol3l],
    .fd-page .kpi-title[b-6hjheuol3l],
    .fd-page .summary-title[b-6hjheuol3l] {
        color: inherit !important;
        opacity: .72;
        font-size: .85em;
        font-weight: 500;
    }

    .frm-page .kpi-value[b-6hjheuol3l],
    .frm-page .summary-value[b-6hjheuol3l],
    .frm-page .amount-value[b-6hjheuol3l],
    .fd-page .kpi-value[b-6hjheuol3l],
    .fd-page .summary-value[b-6hjheuol3l] {
        color: inherit !important;
        font-size: 1.05em;
        font-weight: 600;
    }

    /* Tabs */
    .frm-page .main-tab-strip[b-6hjheuol3l],
    .frm-page .master-form-tab-strip[b-6hjheuol3l],
    .fd-page .main-tab-strip[b-6hjheuol3l] {
        display: flex;
        flex-wrap: wrap;
        gap: .35rem .65rem;
        padding: .45rem 0;
        border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    }

    .frm-page .main-tab-btn[b-6hjheuol3l],
    .frm-page .master-form-tab-btn[b-6hjheuol3l],
    .fd-page .main-tab-btn[b-6hjheuol3l] {
        border: 0 !important;
        background: transparent !important;
        color: inherit !important;
        opacity: .85;
        padding: .45rem .25rem !important;
        border-radius: 0 !important;
        border-bottom: 2px solid transparent !important;
        white-space: nowrap;
    }

        .frm-page .main-tab-btn.active[b-6hjheuol3l],
        .frm-page .master-form-tab-btn.active[b-6hjheuol3l],
        .fd-page .main-tab-btn.active[b-6hjheuol3l] {
            opacity: 1;
            font-weight: 600;
            border-bottom-color: var(--bs-primary, #0d6efd) !important;
        }

    /* Body grid container */
    .frm-page .entry-grid-wrap[b-6hjheuol3l],
    .frm-page .grid-wrap[b-6hjheuol3l],
    .frm-page .body-grid-wrap[b-6hjheuol3l] {
        flex: 1 1 auto;
        min-height: 0;
        overflow: auto;
        background: transparent;
        color: inherit;
    }

    /* HTML table grid fallback */
    .frm-page table.entry-grid[b-6hjheuol3l] {
        width: 100%;
        border-collapse: collapse;
        color: inherit;
        background: transparent;
    }

    .frm-page .entry-grid th[b-6hjheuol3l],
    .frm-page .entry-grid td[b-6hjheuol3l] {
        border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
        color: inherit;
        background: transparent;
        padding: .35rem .45rem;
    }

    .frm-page .entry-grid th[b-6hjheuol3l] {
        font-weight: 600;
        background: color-mix(in srgb, currentColor 7%, transparent);
    }

    /* Toolbar / grid controls */
    .frm-page .grid-toolbar[b-6hjheuol3l],
    .frm-page .body-toolbar[b-6hjheuol3l],
    .frm-page .tab-toolbar[b-6hjheuol3l] {
        display: flex;
        align-items: center;
        gap: .45rem;
        flex-wrap: wrap;
        padding: .45rem 0;
    }

    /* Search */
    .frm-page .search-box[b-6hjheuol3l],
    .frm-page .grid-search[b-6hjheuol3l],
    .fd-page .search-box[b-6hjheuol3l] {
        background: color-mix(in srgb, currentColor 5%, transparent) !important;
        color: inherit !important;
        border: 1px solid color-mix(in srgb, currentColor 26%, transparent) !important;
        border-radius: .55rem !important;
    }

/* Form designer specific */
.fd-topbar[b-6hjheuol3l] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.fd-topbar-left[b-6hjheuol3l] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    min-width: 0;
}

.fd-meta[b-6hjheuol3l] {
    display: flex;
    align-items: flex-end;
    gap: .6rem;
    flex-wrap: wrap;
}

.fd-formname-box[b-6hjheuol3l] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 260px;
}

.fd-chip[b-6hjheuol3l] {
    height: 2.15em;
    display: inline-flex;
    align-items: center;
    padding: 0 .75em;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
    background: color-mix(in srgb, currentColor 6%, transparent);
    color: inherit;
    font-size: .85em;
    font-weight: 500;
}

.fd-tree-wrap[b-6hjheuol3l] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: .45rem;
}

/* Designer modal */
.fd-editor-modal-backdrop[b-6hjheuol3l] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(0,0,0,.38);
    backdrop-filter: blur(2px);
}

.fd-editor-modal.modern-editor[b-6hjheuol3l] {
    width: min(860px, 96vw);
    max-height: calc(100dvh - 3rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.fd-editor-header[b-6hjheuol3l],
.fd-editor-footer[b-6hjheuol3l] {
    flex: 0 0 auto;
    padding: 1rem 1.2rem;
    border-color: color-mix(in srgb, currentColor 20%, transparent);
}

.fd-editor-body[b-6hjheuol3l] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 1rem 1.2rem;
}

.fd-editor-grid[b-6hjheuol3l],
.modern-grid[b-6hjheuol3l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8rem;
}

.fd-form-group[b-6hjheuol3l] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 28%) minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
}

.fd-flag-panel[b-6hjheuol3l] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.fd-flag-card[b-6hjheuol3l] {
    min-height: 2.6em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .75rem;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: .75rem;
    background: color-mix(in srgb, currentColor 4%, transparent);
}

/* Deep DevExpress tree/list */
[b-6hjheuol3l] .form-designer-treelist,
[b-6hjheuol3l] .menu-treelist {
    height: 100%;
    min-width: 1500px;
    color: inherit;
}

[b-6hjheuol3l] .tree-structure-cell {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

[b-6hjheuol3l] .tree-group-text {
    font-weight: 600;
    color: inherit;
}

[b-6hjheuol3l] .tree-master-text,
[b-6hjheuol3l] .tree-field-text {
    font-weight: 400;
    color: inherit;
}

/* Responsive */
@media (max-width: 980px) {
    .fd-page[b-6hjheuol3l],
    .frm-page[b-6hjheuol3l],
    .form-renderer-page[b-6hjheuol3l] {
        height: calc(100dvh - 120px);
        max-height: calc(100dvh - 120px);
    }

        .frm-page .frm-main[b-6hjheuol3l],
        .frm-page .frm-layout[b-6hjheuol3l],
        .frm-page .form-main[b-6hjheuol3l],
        .frm-page .screen-layout[b-6hjheuol3l] {
            grid-template-columns: 1fr;
        }

    .fd-editor-grid[b-6hjheuol3l],
    .modern-grid[b-6hjheuol3l] {
        grid-template-columns: 1fr;
    }

    .fd-form-group[b-6hjheuol3l] {
        grid-template-columns: 1fr;
        gap: .3rem;
    }

    .fd-flag-panel[b-6hjheuol3l] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .fd-formname-box[b-6hjheuol3l] {
        min-width: 100%;
    }

    .fd-topbar-actions[b-6hjheuol3l],
    .fd-actions-inline[b-6hjheuol3l],
    .fd-editor-actions[b-6hjheuol3l] {
        width: 100%;
    }

    .fd-btn[b-6hjheuol3l],
    .frm-page button[b-6hjheuol3l] {
        flex: 1 1 auto;
    }
}
/* _content/IxpertPosStandalone/Pages/FormRenderer.razor.rz.scp.css */
/* =========================================================
   FormRenderer.razor.css
   Clean version aligned with MasterFormRenderer look & feel
   Keep this file in the same folder as FormRenderer.razor
   ========================================================= */

.frm-page[b-a2ygb76idm],
.frm-page *[b-a2ygb76idm] {
    box-sizing: border-box;
}

.frm-page[b-a2ygb76idm] {
    height: calc(100vh - 112px);
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    overflow: hidden;
    color: inherit;
    background: transparent;
}

.frm-card[b-a2ygb76idm] {
    min-height: 0;
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .8rem;
    background: transparent;
    color: inherit;
    box-shadow: none;
}

.frm-left[b-a2ygb76idm] {
    padding: 18px 14px;
    overflow: hidden;
}

.frm-left-header[b-a2ygb76idm] {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(128, 128, 128, .18);
}

.frm-main[b-a2ygb76idm] {
    padding: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.frm-main-toolbar[b-a2ygb76idm] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    min-height: 34px;
    margin: -2px 0 8px;
    padding: 3px 4px 7px;
    border-bottom: 1px solid rgba(128, 128, 128, .18);
    overflow: visible;
}

.frm-toolbar-approval-msg[b-a2ygb76idm] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: min(58%, 680px);
    margin-left: auto;
    white-space: normal;
    line-height: 1.35;
    text-align: right;
}

.frm-page .frm-main-toolbar .ix-save-split.ix-master-toolbtn[b-a2ygb76idm] {
    position: relative;
    display: inline-flex !important;
    align-items: stretch;
    flex: 0 0 auto !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    isolation: isolate;
}

.frm-page .frm-main-toolbar .ix-save-split.open[b-a2ygb76idm] {
    z-index: 1201;
    overflow: visible;
}

.frm-page .frm-main-toolbar .ix-save-split .ix-save-split-part[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 100%;
    margin: 0;
    padding: 0 clamp(6px, .65vw, 9px);
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(.74rem, .78vw, .82rem) !important;
    font-weight: 600 !important;
    line-height: 1;
    color: inherit;
    cursor: pointer;
    white-space: nowrap;
}

.frm-page .frm-main-toolbar .ix-save-split .ix-save-split-part:hover[b-a2ygb76idm] {
    background: rgba(255, 255, 255, .12) !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-part:hover[b-a2ygb76idm] {
    background: rgba(0, 86, 179, .08) !important;
}

.frm-page .frm-main-toolbar .ix-save-split .ix-save-split-main[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-width: 0;
}

.frm-page .frm-main-toolbar .ix-save-split .ix-save-split-toggle[b-a2ygb76idm] {
    flex: 0 0 26px;
    width: 26px;
    min-width: 26px !important;
    padding: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .35) !important;
}

.frm-page .frm-main-toolbar .ix-save-split.outline .ix-save-split-toggle[b-a2ygb76idm] {
    border-left-color: rgba(128, 128, 128, .28) !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-toggle[b-a2ygb76idm] {
    border-left-color: rgba(0, 86, 179, .22) !important;
}

.ix-save-split-caret[b-a2ygb76idm] {
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
}

.ix-save-split-menu[b-a2ygb76idm] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 1202;
    min-width: 168px;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .14);
    padding: 4px;
}

.ix-save-split-menu-item[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: clamp(.74rem, .78vw, .82rem);
    font-weight: 600;
    color: #0056b3;
    cursor: pointer;
}

.ix-save-split-menu-item .ix-master-ico[b-a2ygb76idm] {
    width: 15px;
    height: 15px;
    stroke: currentColor;
    fill: none;
}

.ix-save-split-menu-item:hover[b-a2ygb76idm] {
    background: #eff6ff;
    color: #0056b3;
}

.frm-toolbar-actions[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 4px;
    margin-left: 0;
    min-width: 0;
}

.frm-toolbar-group[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    position: relative;
}

.frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm] {
    padding-left: 10px;
    margin-left: 4px;
    border-left: 1px solid #E8EDF5;
}

.frm-page .frm-main-toolbar .ix-master-ico.ix-tool-ico-smartfill[b-a2ygb76idm] {
    color: #F59E0B;
    stroke: #F59E0B;
}

.frm-page .frm-main-toolbar .ix-master-ico.ix-tool-ico-favorite[b-a2ygb76idm] {
    color: #EAB308;
    stroke: #EAB308;
}

.frm-page .frm-main-toolbar .ix-master-ico.ix-tool-ico-notify[b-a2ygb76idm] {
    color: #EAB308;
    stroke: #EAB308;
}

.frm-page .frm-main-toolbar .ix-master-ico.ix-tool-ico-chat[b-a2ygb76idm] {
    color: #7C3AED;
    stroke: #7C3AED;
}

.frm-page .frm-main-toolbar .ix-master-ico.ix-tool-ico-notes[b-a2ygb76idm] {
    color: #DB2777;
    stroke: #DB2777;
}

.frm-page .frm-main-toolbar .ix-master-ico.ix-tool-ico-settings[b-a2ygb76idm] {
    color: #64748B;
    stroke: #64748B;
}

.frm-page .frm-main-toolbar .ix-master-ico.ix-tool-ico-reload[b-a2ygb76idm] {
    color: #2F80ED;
    stroke: #2F80ED;
}

.frm-page .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm] {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 clamp(6px, .65vw, 9px) !important;
    border-color: transparent !important;
    border-radius: .42rem !important;
    background: transparent !important;
    font-size: clamp(.74rem, .78vw, .82rem) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

.frm-page .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm] {
    border-color: rgba(128, 128, 128, .25) !important;
    background: rgba(128, 128, 128, .07) !important;
}

.frm-page .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm] {
    border-color: #0d6efd !important;
    background: #0d6efd !important;
    color: #fff !important;
}

.grid-import-label[b-a2ygb76idm] {
    position: relative;
    margin: 0;
}

.grid-import-input[b-a2ygb76idm] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.frm-page[b-a2ygb76idm]  .grid-import-hidden {
    display: none !important;
}

.frm-page[b-a2ygb76idm]  .grid-import-input,
.frm-page[b-a2ygb76idm]  .file-attach-input {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
}

.file-attach-label[b-a2ygb76idm] {
    position: relative;
    margin: 0;
}

[b-a2ygb76idm] .ix-office-doc-popup .dxbl-popup-header {
    min-height: 8px;
    padding: 4px 8px 0;
}

[b-a2ygb76idm] .ix-office-doc-popup .dxbl-popup-body {
    padding: 8px 10px 10px;
    background: #f6f8fc;
}

.file-attachment-grid-wrap[b-a2ygb76idm] {
    margin-top: 0;
}

.file-attachment-name[b-a2ygb76idm] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-field-button,
.frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-master-field-button {
    width: auto !important;
    min-width: max-content !important;
    max-width: 100% !important;
    min-height: 30px !important;
    height: auto !important;
    padding: 0 clamp(8px, .7vw, 12px) !important;
    white-space: nowrap !important;
    font-size: clamp(.76rem, .82vw, .88rem) !important;
    line-height: 1.15 !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-field-button *,
.frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-master-field-button * {
    white-space: nowrap !important;
}

.frm-title[b-a2ygb76idm] {
    font-size: 1.45rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px;
    color: inherit;
}

.frm-meta[b-a2ygb76idm] {
    display: none;
}

.frm-action-row[b-a2ygb76idm] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 0;
    padding: 6px;
    border: 1px solid rgba(128, 128, 128, .22);
    border-radius: .6rem;
    background: rgba(128, 128, 128, .06);
}

.ix-master-toolbtn[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 30px;
    height: 30px;
    padding: 0 9px;
    border-radius: .45rem;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    font-size: .84rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

    .ix-master-toolbtn:hover[b-a2ygb76idm] {
        border-color: rgba(128, 128, 128, .24);
        background: rgba(255, 255, 255, .42);
    }

    .ix-master-toolbtn.primary[b-a2ygb76idm] {
        background: #0d6efd;
        border-color: #0d6efd;
        color: #fff;
    }

    .ix-master-toolbtn.ix-favorite-toolbtn.active[b-a2ygb76idm] {
        border-color: #f59e0b;
        background: #fffbeb;
        color: #92400e;
    }

    .ix-master-toolbtn.ix-favorite-toolbtn.active .ix-master-ico[b-a2ygb76idm] {
        fill: #fbbf24;
    }

    .ix-master-toolbtn.danger[b-a2ygb76idm],
    .voucher-inline-action.danger[b-a2ygb76idm] {
        color: #dc3545;
        border-color: rgba(220, 53, 69, .55);
        background: rgba(220, 53, 69, .06);
    }

.ix-master-ico[b-a2ygb76idm] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: 0 0 auto;
}

.left-summary-band[b-a2ygb76idm] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 14px;
    border: 1px solid rgba(128, 128, 128, .24);
    border-radius: .55rem;
    background: rgba(255, 255, 255, .22);
    overflow: hidden;
}

.left-summary-item[b-a2ygb76idm] {
    min-height: 38px;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

    .left-summary-item:last-child[b-a2ygb76idm] {
        border-bottom: 0;
    }

.left-summary-caption[b-a2ygb76idm] {
    font-size: .78rem;
    line-height: 1.25;
    opacity: .76;
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

.left-summary-value[b-a2ygb76idm] {
    font-size: .95rem;
    line-height: 1.2;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.frm-page .frm-left-header .frm-action-row[b-a2ygb76idm] {
    gap: 5px !important;
    margin-bottom: 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(128, 128, 128, .22) !important;
    border-radius: .6rem !important;
    background: rgba(128, 128, 128, .06) !important;
}

.frm-page .frm-left-header .ix-master-toolbtn[b-a2ygb76idm] {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 9px !important;
    border-color: transparent !important;
    border-radius: .45rem !important;
    font-size: .84rem !important;
    font-weight: 600 !important;
}

.frm-page .frm-left-header .ix-master-toolbtn:hover[b-a2ygb76idm] {
    border-color: rgba(128, 128, 128, .24) !important;
    background: rgba(255, 255, 255, .42) !important;
}

.frm-page .frm-left-header .ix-master-toolbtn.primary[b-a2ygb76idm] {
    border-color: #0d6efd !important;
    background: #0d6efd !important;
    color: #fff !important;
}

.alert[b-a2ygb76idm],
.ix-save-error-box[b-a2ygb76idm],
.master-form-banner[b-a2ygb76idm] {
    margin: 10px 0;
    padding: 10px 12px;
    border-radius: .65rem;
    white-space: pre-line;
}

.loading-box[b-a2ygb76idm],
.empty-box[b-a2ygb76idm] {
    padding: 28px;
    text-align: center;
    opacity: .75;
}

/* ===== Upper Header + Voucher cards ===== */
.header-voucher-grid[b-a2ygb76idm] {
    flex: 0 0 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

.header-voucher-grid.frm-header-only[b-a2ygb76idm] {
    grid-template-columns: minmax(0, 1fr);
}

.section-card[b-a2ygb76idm],
.tab-section-card[b-a2ygb76idm] {
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .8rem;
    background: transparent;
    color: inherit;
    box-shadow: none;
}

.section-card[b-a2ygb76idm] {
    min-width: 0;
    min-height: 0;
    padding: 12px 14px;
}

.compact-card[b-a2ygb76idm] {
    min-height: 250px;
}

.section-title[b-a2ygb76idm] {
    font-size: .95rem;
    font-weight: 700;
    color: inherit;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.section-scroll-body[b-a2ygb76idm] {
    min-width: 0;
    overflow: visible;
    padding: 0;
}

.voucher-header-row[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

    .voucher-header-row .section-title[b-a2ygb76idm] {
        margin: 0;
    }

.voucher-mode-badge[b-a2ygb76idm] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(13, 110, 253, .55);
    color: #0d6efd;
    background: rgba(13, 110, 253, .08);
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
}

.voucher-edit-row[b-a2ygb76idm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm] {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.frm-page .header-fields-card .combo-master-input[b-a2ygb76idm] {
    min-width: 0;
    width: 100%;
}

.frm-page .header-fields-card .combo-master-suffix[b-a2ygb76idm] {
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    height: 26px;
    display: inline-flex;
    align-items: stretch;
    z-index: 4;
    pointer-events: none;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.frm-page .header-fields-card .combo-master-wrap:hover .combo-master-suffix[b-a2ygb76idm],
.frm-page .header-fields-card .combo-master-wrap:focus-within .combo-master-suffix[b-a2ygb76idm] {
    opacity: 1;
    visibility: visible;
}

.frm-page .header-fields-card .combo-master-wrap.has-value .combo-master-suffix[b-a2ygb76idm],
.frm-page .header-fields-card .combo-master-wrap:has(.dxbl-btn-clear) .combo-master-suffix[b-a2ygb76idm] {
    right: 56px;
}

.frm-page .header-fields-card .combo-master-wrap:hover.has-value .combo-master-suffix[b-a2ygb76idm],
.frm-page .header-fields-card .combo-master-wrap:focus-within.has-value .combo-master-suffix[b-a2ygb76idm],
.frm-page .header-fields-card .combo-master-wrap:hover:has(.dxbl-btn-clear) .combo-master-suffix[b-a2ygb76idm],
.frm-page .header-fields-card .combo-master-wrap:focus-within:has(.dxbl-btn-clear) .combo-master-suffix[b-a2ygb76idm] {
    right: 56px;
}

.frm-page .header-fields-card .combo-master-suffix-btn[b-a2ygb76idm] {
    width: 26px;
    min-width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    line-height: 1;
    box-shadow: none !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
}

.frm-page .header-fields-card .combo-master-suffix-btn:hover:not(:disabled)[b-a2ygb76idm] {
    background: #f8fafc;
    color: #334155;
}

.frm-page .header-fields-card .combo-master-suffix-btn:disabled[b-a2ygb76idm] {
    opacity: 0.35;
    cursor: default;
}

.frm-page .header-fields-card .combo-master-suffix-divider[b-a2ygb76idm] {
    width: 1px;
    height: 18px;
    align-self: center;
    background: #e2e8f0;
    flex: 0 0 1px;
    pointer-events: none;
}

.frm-page .header-fields-card .combo-master-suffix-ico[b-a2ygb76idm] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
}

.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor.dxbl-combobox,
.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor.dxbl-dropdown-edit {
    width: 100% !important;
}

.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor input {
    padding-right: 28px !important;
    transition: padding-right 0.15s ease;
}

.frm-page .header-fields-card .combo-master-wrap.has-value[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap.has-value[b-a2ygb76idm]  .combo-master-editor input,
.frm-page .header-fields-card .combo-master-wrap:has(.dxbl-btn-clear)[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap:has(.dxbl-btn-clear)[b-a2ygb76idm]  .combo-master-editor input {
    padding-right: 56px !important;
}

.frm-page .header-fields-card .combo-master-wrap:hover[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap:hover[b-a2ygb76idm]  .combo-master-editor input,
.frm-page .header-fields-card .combo-master-wrap:focus-within[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap:focus-within[b-a2ygb76idm]  .combo-master-editor input {
    padding-right: 54px !important;
}

.frm-page .header-fields-card .combo-master-wrap.has-value:hover[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap.has-value:hover[b-a2ygb76idm]  .combo-master-editor input,
.frm-page .header-fields-card .combo-master-wrap.has-value:focus-within[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap.has-value:focus-within[b-a2ygb76idm]  .combo-master-editor input,
.frm-page .header-fields-card .combo-master-wrap:has(.dxbl-btn-clear):hover[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap:has(.dxbl-btn-clear):hover[b-a2ygb76idm]  .combo-master-editor input,
.frm-page .header-fields-card .combo-master-wrap:has(.dxbl-btn-clear):focus-within[b-a2ygb76idm]  .combo-master-editor .dxbl-edit-input,
.frm-page .header-fields-card .combo-master-wrap:has(.dxbl-btn-clear):focus-within[b-a2ygb76idm]  .combo-master-editor input {
    padding-right: 108px !important;
}

.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor .dxbl-btn,
.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor button {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #64748b !important;
}

.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor .dxbl-btn:hover:not(:disabled),
.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .combo-master-editor button:hover:not(:disabled) {
    background: #f8fafc !important;
    color: #334155 !important;
}

.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .dxbl-dropdown-edit .dxbl-btn:last-child,
.frm-page .header-fields-card .combo-master-wrap[b-a2ygb76idm]  .dxbl-combobox .dxbl-btn:last-child {
    border-left: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
}

.frm-page .header-fields-card[b-a2ygb76idm]  .dxbl-fl-item:has(.combo-master-wrap) {
    overflow: visible !important;
}

[b-a2ygb76idm] .frm-combo-master-popup .dxbl-popup-content {
    padding: 0 !important;
}

[b-a2ygb76idm] .frm-combo-master-popup .dxbl-popup-body {
    padding: 0 !important;
}

[b-a2ygb76idm] .frm-quick-master-popup .dxbl-popup-content,
[b-a2ygb76idm] .frm-quick-master-popup .dxbl-popup-body {
    padding: 0 !important;
}

.frm-quick-master-host[b-a2ygb76idm] {
    background: #ffffff;
    overflow: hidden;
}

.frm-quick-master-topbar[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: #8b7355;
    border-radius: 6px;
    padding: 4px 8px;
    margin: 8px 8px 0;
    min-height: 34px;
}

.frm-quick-master-title[b-a2ygb76idm] {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frm-quick-master-actions[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.frm-quick-master-body[b-a2ygb76idm] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.frm-quick-master-label[b-a2ygb76idm] {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    margin-top: 4px;
}

[b-a2ygb76idm] .frm-quick-master-save .dxbl-btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #6d5a45 !important;
}

[b-a2ygb76idm] .frm-quick-master-cancel .dxbl-btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .45) !important;
    background: rgba(255, 255, 255, .12) !important;
}

[b-a2ygb76idm] .frm-quick-master-input .dxbl-edit-input,
[b-a2ygb76idm] .frm-quick-master-input input {
    font-size: 12px !important;
    min-height: 28px !important;
    height: 28px !important;
}

.voucher-edit-input[b-a2ygb76idm] {
    min-width: 0;
}

.voucher-action-buttons[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: nowrap;
}

.voucher-action-stack[b-a2ygb76idm] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.voucher-calc-row[b-a2ygb76idm] {
    margin-top: 1px;
}

.voucher-inline-action[b-a2ygb76idm] {
    height: 32px;
    min-height: 32px;
    padding: 0 11px;
}

.voucher-transaction-details[b-a2ygb76idm] {
    margin-top: 18px;
}

/* ===== DevExpress non-grid editor alignment - copied logic from MasterFormRenderer ===== */
.frm-page[b-a2ygb76idm]  .ix-form-layout,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd {
    width: 100% !important;
    min-width: 0 !important;
}

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
        width: 100% !important;
        margin: 0 !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(135px, 30%) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 5px 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-a2ygb76idm]  .ix-form-layout label {
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: .9rem !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        color: inherit !important;
        opacity: .92 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-editor {
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

.frm-page[b-a2ygb76idm]  .ix-master-editor,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page[b-a2ygb76idm]  .ix-master-editor input,
.frm-page[b-a2ygb76idm]  .ix-master-editor textarea,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page[b-a2ygb76idm]  .dxbl-combobox,
.frm-page[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page[b-a2ygb76idm]  .dxbl-date-edit {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.2em !important;
    height: 2.2em !important;
    border-radius: .55em !important;
    font-size: .95em !important;
}

.frm-page[b-a2ygb76idm]  .ix-master-memo,
.frm-page[b-a2ygb76idm]  .ix-master-memo textarea {
    min-height: 76px !important;
    height: 76px !important;
}

.frm-page[b-a2ygb76idm]  .ix-master-checkbox {
    margin-top: 4px;
}

.frm-page[b-a2ygb76idm]  .ix-field-error,
.ix-field-error[b-a2ygb76idm] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 2px rgba(220, 53, 69, .16) !important;
}

.ix-required-star[b-a2ygb76idm] {
    color: #dc3545;
    font-weight: 800;
}

/* ===== Tabs and tab body ===== */
.tab-section-card[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.main-tab-item[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ix-tab-title-with-add[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.main-tab-strip[b-a2ygb76idm] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    align-items: center;
    min-height: 46px;
    padding: 12px 14px 8px 14px;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
    overflow: visible;
}

.main-tab-btn[b-a2ygb76idm] {
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: inherit;
    padding: 6px 0;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}

    .main-tab-btn:hover[b-a2ygb76idm] {
        background: transparent;
        border-bottom-color: rgba(13, 110, 253, .35);
    }

    .main-tab-btn.active[b-a2ygb76idm] {
        color: inherit;
        border-bottom-color: #0d6efd;
    }

.tab-content-area[b-a2ygb76idm],
.main-tab-panel[b-a2ygb76idm],
.tab-form-scroll-body[b-a2ygb76idm] {
    min-width: 0;
    min-height: 0;
}

.tab-form-scroll-body[b-a2ygb76idm] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 12px 14px;
}

/* ===== Body grid toolbar ===== */
.grid-toolbar[b-a2ygb76idm] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 14px 8px 14px;
    border-bottom: 1px solid rgba(128, 128, 128, .18);
}

.grid-toolbar-left[b-a2ygb76idm],
.grid-toolbar-right[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.grid-search-box[b-a2ygb76idm],
.ix-grid-search[b-a2ygb76idm] {
    width: min(300px, 28vw);
    min-height: 30px;
    height: 30px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(128, 128, 128, .38);
    background: transparent;
    color: inherit;
    outline: none;
}

.entry-grid-wrap[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    margin: 6px 14px 14px 14px;
    padding-top: 6px;
    border: 1px solid rgba(128, 128, 128, .32);
    border-radius: .65rem;
}

.entry-grid[b-a2ygb76idm],
.entry-grid table[b-a2ygb76idm] {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: .86rem;
}

    .entry-grid th[b-a2ygb76idm],
    .entry-grid td[b-a2ygb76idm] {
        border: 1px solid rgba(128, 128, 128, .35);
        padding: 4px 6px;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
    }

.grid-head-cell[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.grid-head-text[b-a2ygb76idm] {
    font-weight: 800;
}

.grid-filter-icon[b-a2ygb76idm] {
    opacity: .8;
    flex: 0 0 auto;
}

.grid-editor[b-a2ygb76idm],
.editor[b-a2ygb76idm] {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    height: 30px;
    padding: 4px 8px;
    border: 1px solid rgba(128, 128, 128, .42);
    border-radius: .45rem;
    background: transparent;
    color: inherit;
    outline: none;
}

.editor-readonly[b-a2ygb76idm] {
    opacity: .76;
}

.grid-cell-display[b-a2ygb76idm] {
    min-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-col[b-a2ygb76idm] {
    width: 78px;
    text-align: center;
}

.ix-row-error[b-a2ygb76idm] {
    outline: 2px solid rgba(220, 53, 69, .35);
}

/* ===== Modals / column chooser / audit - compact safe styling ===== */
.ix-layout-context-overlay[b-a2ygb76idm],
.ix-modal-overlay[b-a2ygb76idm],
.ix-success-overlay[b-a2ygb76idm],
.audit-history-overlay[b-a2ygb76idm],
.audit-inline-confirm-overlay[b-a2ygb76idm] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: rgba(0, 0, 0, .38);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ix-layout-context-menu[b-a2ygb76idm],
.ix-column-picker-modal[b-a2ygb76idm],
.ix-success-box[b-a2ygb76idm],
.ix-confirm-popup-box[b-a2ygb76idm],
.audit-history-box[b-a2ygb76idm],
.audit-inline-confirm-card[b-a2ygb76idm] {
    border: 1px solid rgba(128, 128, 128, .32);
    border-radius: .9rem;
    background: var(--dxbl-color-surface, #fff);
    color: var(--dxbl-color-on-surface, inherit);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .25);
}

.ix-layout-context-menu[b-a2ygb76idm] {
    position: absolute;
    padding: 6px;
    min-width: 190px;
}

    .ix-layout-context-menu button[b-a2ygb76idm] {
        width: 100%;
        display: block;
        border: 0;
        background: transparent;
        color: inherit;
        text-align: left;
        padding: 8px 10px;
        border-radius: .5rem;
    }

        .ix-layout-context-menu button:hover[b-a2ygb76idm] {
            background: rgba(128, 128, 128, .1);
        }

.ix-column-picker-modal[b-a2ygb76idm] {
    width: min(900px, calc(100vw - 40px));
    max-height: calc(100vh - 60px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ix-column-picker-header[b-a2ygb76idm],
.ix-column-picker-footer[b-a2ygb76idm] {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ix-column-picker-footer[b-a2ygb76idm] {
    border-top: 1px solid rgba(128, 128, 128, .25);
    border-bottom: 0;
}

.ix-column-picker-title[b-a2ygb76idm],
.ix-success-title[b-a2ygb76idm],
.ix-confirm-popup-title[b-a2ygb76idm],
.audit-history-title[b-a2ygb76idm] {
    font-weight: 800;
    font-size: 1rem;
}

.ix-modal-close[b-a2ygb76idm] {
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
}

.ix-column-picker-body[b-a2ygb76idm] {
    padding: 14px;
    display: grid;
    grid-template-columns: 1fr auto 1fr auto;
    gap: 12px;
    overflow: auto;
}

.ix-column-search[b-a2ygb76idm],
.ix-column-picker-list[b-a2ygb76idm],
.ix-selected-drag-list[b-a2ygb76idm] {
    width: 100%;
    border: 1px solid rgba(128, 128, 128, .35);
    border-radius: .55rem;
    background: transparent;
    color: inherit;
}

.ix-column-search[b-a2ygb76idm] {
    height: 32px;
    padding: 5px 9px;
    margin-bottom: 8px;
}

.ix-column-picker-list[b-a2ygb76idm],
.ix-selected-drag-list[b-a2ygb76idm] {
    min-height: 260px;
    padding: 6px;
}

.ix-column-picker-middle[b-a2ygb76idm],
.ix-column-picker-reorder[b-a2ygb76idm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.ix-selected-drag-item[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    border-radius: .5rem;
    cursor: pointer;
}

    .ix-selected-drag-item:hover[b-a2ygb76idm],
    .ix-selected-drag-item.active[b-a2ygb76idm] {
        background: rgba(13, 110, 253, .12);
    }

.ix-success-box[b-a2ygb76idm],
.ix-confirm-popup-box[b-a2ygb76idm] {
    width: min(430px, calc(100vw - 40px));
    padding: 18px;
    text-align: center;
}

.ix-confirm-popup-actions[b-a2ygb76idm],
.audit-inline-confirm-actions[b-a2ygb76idm] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

.audit-history-box[b-a2ygb76idm] {
    width: min(1100px, calc(100vw - 40px));
    height: min(720px, calc(100vh - 50px));
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.audit-history-header[b-a2ygb76idm] {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.audit-history-body[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    overflow: hidden;
}

.audit-history-left[b-a2ygb76idm],
.audit-history-right[b-a2ygb76idm] {
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.audit-history-left[b-a2ygb76idm] {
    border-right: 1px solid rgba(128, 128, 128, .25);
}

.audit-history-item[b-a2ygb76idm] {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .75rem;
    background: transparent;
    color: inherit;
    padding: 10px;
    margin-bottom: 8px;
}

    .audit-history-item.active[b-a2ygb76idm] {
        border-color: rgba(13, 110, 253, .65);
        background: rgba(13, 110, 253, .1);
    }

.audit-detail-table[b-a2ygb76idm] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

    .audit-detail-table th[b-a2ygb76idm],
    .audit-detail-table td[b-a2ygb76idm] {
        border: 1px solid rgba(128, 128, 128, .28);
        padding: 7px 8px;
    }

.audit-change-badge[b-a2ygb76idm],
.audit-action-badge[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: .75rem;
    font-weight: 800;
    background: rgba(13, 110, 253, .12);
}

@media (max-width: 1100px) {
    .frm-page[b-a2ygb76idm] {
        grid-template-columns: 1fr;
        height: auto;
        overflow: auto;
    }

    .frm-main[b-a2ygb76idm] {
        min-height: 720px;
    }

    .header-voucher-grid[b-a2ygb76idm] {
        grid-template-columns: 1fr;
    }

    .audit-history-body[b-a2ygb76idm] {
        grid-template-columns: 1fr;
    }

    .audit-history-left[b-a2ygb76idm] {
        max-height: 260px;
        border-right: 0;
        border-bottom: 1px solid rgba(128, 128, 128, .25);
    }
}

@media (max-width: 760px) {
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    .voucher-edit-row[b-a2ygb76idm] {
        grid-template-columns: 1fr;
    }

    .voucher-action-buttons[b-a2ygb76idm] {
        flex-wrap: wrap;
    }

    .ix-column-picker-body[b-a2ygb76idm] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   FINAL ALIGNMENT OVERRIDE
   Purpose: make FormRenderer non-grid sections match MasterFormRenderer.
   This block intentionally overrides only spacing/alignment/theme styling.
   ========================================================= */

.frm-page .section-card[b-a2ygb76idm],
.frm-page .tab-section-card[b-a2ygb76idm],
.frm-card[b-a2ygb76idm] {
    border: 1px solid rgba(128,128,128,.28) !important;
    border-radius: .8rem !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

.frm-page .section-card[b-a2ygb76idm] {
    padding: .9rem 1rem !important;
}

.frm-page .section-title[b-a2ygb76idm] {
    font-size: .95em !important;
    font-weight: 600 !important;
    color: inherit !important;
    margin: 0 0 .75rem 0 !important;
}

.frm-page .section-scroll-body[b-a2ygb76idm] {
    padding: 0 .35rem !important;
    overflow: visible !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

    /* Same label/editor proportion as MasterFormRenderer */
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        display: grid !important;
        grid-template-columns: minmax(7.5rem, 28%) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: .75rem !important;
        padding: .35rem 0 !important;
        margin: 0 !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-a2ygb76idm]  .ix-form-layout label {
        display: block !important;
        min-width: 7.5rem !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: .92em !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
        color: inherit !important;
        opacity: .9 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-editor {
        min-width: 0 !important;
        width: 100% !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

.frm-page[b-a2ygb76idm]  .ix-master-editor,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page[b-a2ygb76idm]  .ix-master-editor input,
.frm-page[b-a2ygb76idm]  .ix-master-editor textarea,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page[b-a2ygb76idm]  .dxbl-combobox,
.frm-page[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page[b-a2ygb76idm]  .dxbl-button-edit {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.2em !important;
    height: 2.2em !important;
    border-radius: .55em !important;
    font-size: .95em !important;
}

/* Voucher number row keeps editor + buttons clean, like master action alignment */
.frm-page .voucher-edit-row[b-a2ygb76idm] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .55rem !important;
    width: 100% !important;
}

.frm-page .voucher-action-buttons[b-a2ygb76idm] {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    flex-wrap: nowrap !important;
}

.frm-page .voucher-inline-action[b-a2ygb76idm],
.frm-page .ix-master-toolbtn[b-a2ygb76idm] {
    border: 1px solid rgba(128,128,128,.35) !important;
    border-radius: .5rem !important;
    min-height: 2.15em !important;
    height: 2.15em !important;
    padding: .35em .75em !important;
    font-size: .9em !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

/* Tabs: exact MasterFormRenderer visual behavior */
.frm-page .main-tab-strip[b-a2ygb76idm] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .45rem .75rem !important;
    align-items: center !important;
    min-height: auto !important;
    padding: .75rem 1rem !important;
    border-bottom: 1px solid rgba(128,128,128,.25) !important;
    overflow: visible !important;
}

.frm-page .main-tab-btn[b-a2ygb76idm] {
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    color: inherit !important;
    padding: .45rem .25rem !important;
    font-size: .95em !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

    .frm-page .main-tab-btn:hover[b-a2ygb76idm] {
        background: rgba(128,128,128,.06) !important;
    }

    .frm-page .main-tab-btn.active[b-a2ygb76idm] {
        border-bottom-color: #0d6efd !important;
        color: inherit !important;
        font-weight: 600 !important;
    }

.frm-page .main-tab-more-wrap[b-a2ygb76idm] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

.frm-page .main-tab-more-btn[b-a2ygb76idm] {
    min-width: 2.15em !important;
    height: 2.15em !important;
    min-height: 2.15em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .35rem !important;
    border: 1px solid rgba(128,128,128,.35) !important;
    border-radius: .5rem !important;
    background: #fff !important;
    color: inherit !important;
    font-size: .95em !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: 0 .65rem !important;
    cursor: pointer !important;
}

.frm-page .main-tab-more-active-name[b-a2ygb76idm] {
    max-width: 12rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
}

    .frm-page .main-tab-more-btn:hover[b-a2ygb76idm],
    .frm-page .main-tab-more-btn.active[b-a2ygb76idm] {
        background: rgba(13,110,253,.08) !important;
        border-color: rgba(13,110,253,.45) !important;
        color: #0d6efd !important;
    }

.frm-page .main-tab-more-menu[b-a2ygb76idm] {
    position: absolute !important;
    z-index: 30 !important;
    top: calc(100% + .35rem) !important;
    left: 0 !important;
    min-width: 12rem !important;
    max-height: 18rem !important;
    overflow: auto !important;
    padding: .35rem !important;
    border: 1px solid rgba(128,128,128,.28) !important;
    border-radius: .55rem !important;
    background: #fff !important;
    box-shadow: 0 .65rem 1.5rem rgba(15,23,42,.14) !important;
}

.frm-page .main-tab-more-item[b-a2ygb76idm] {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: .4rem !important;
    background: transparent !important;
    color: inherit !important;
    padding: .5rem .65rem !important;
    font-size: .9em !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

    .frm-page .main-tab-more-item:hover[b-a2ygb76idm],
    .frm-page .main-tab-more-item.active[b-a2ygb76idm] {
        background: rgba(13,110,253,.09) !important;
        color: #0d6efd !important;
    }

.frm-page .tab-form-scroll-body[b-a2ygb76idm] {
    padding: .75rem 1rem !important;
    overflow: auto !important;
}

/* In narrow upper cards, preserve captions and avoid clipping. */
@media (max-width: 1200px) {
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        grid-template-columns: minmax(6.8rem, 32%) minmax(0, 1fr) !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-a2ygb76idm]  .ix-form-layout label {
        min-width: 6.8rem !important;
    }
}

/* =========================================================
   FINAL COMPACT FORM ALIGNMENT OVERRIDE
   Keeps the MasterFormRenderer look, but fixes ntp spacing and
   makes Header, Voucher and inner tabs use the same compact rhythm.
   ========================================================= */
.frm-page[b-a2ygb76idm] {
    gap: 12px !important;
    padding: 12px !important;
}

.frm-main[b-a2ygb76idm] {
    padding: 10px !important;
}

.header-voucher-grid[b-a2ygb76idm] {
    gap: 10px !important;
    margin-bottom: 10px !important;
}

    .header-voucher-grid > .compact-card[b-a2ygb76idm] {
        min-height: var(--upper-form-height, 268px) !important;
        height: var(--upper-form-height, 268px) !important;
        max-height: var(--upper-form-height, 268px) !important;
    }

.frm-page .section-card[b-a2ygb76idm] {
    padding: .72rem .9rem !important;
}

.frm-page .section-title[b-a2ygb76idm] {
    margin-bottom: .48rem !important;
    font-size: .94em !important;
    line-height: 1.15 !important;
}

.frm-page .voucher-header-row[b-a2ygb76idm] {
    margin-bottom: .48rem !important;
}

.frm-page .section-scroll-body[b-a2ygb76idm],
.frm-page .header-scroll-body[b-a2ygb76idm],
.frm-page .voucher-scroll-body[b-a2ygb76idm] {
    padding: 0 !important;
    overflow: visible !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    margin: 0 !important;
    padding: 0 !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: .55rem !important;
    row-gap: 0 !important;
    padding: .18rem .55rem .18rem 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.frm-page[b-a2ygb76idm]  .ix-form-layout label {
    min-width: 0 !important;
    width: 104px !important;
    max-width: 104px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: .88em !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    opacity: .92 !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-editor {
    min-width: 0 !important;
    width: 100% !important;
}

.frm-page[b-a2ygb76idm]  .ix-master-editor,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page[b-a2ygb76idm]  .ix-master-editor input,
.frm-page[b-a2ygb76idm]  .ix-master-editor textarea,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page[b-a2ygb76idm]  .dxbl-combobox,
.frm-page[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page[b-a2ygb76idm]  .dxbl-button-edit {
    min-height: 2em !important;
    height: 2em !important;
    font-size: .9em !important;
    border-radius: .48em !important;
}

.frm-page .voucher-edit-row[b-a2ygb76idm] {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .45rem !important;
}

.frm-page .voucher-inline-action[b-a2ygb76idm],
.frm-page .ix-master-toolbtn[b-a2ygb76idm] {
    min-height: 2em !important;
    height: 2em !important;
    padding: .28em .68em !important;
    font-size: .86em !important;
}

.frm-page .voucher-mode-badge[b-a2ygb76idm] {
    min-height: 2em !important;
    padding: 0 .85rem !important;
    font-size: .8rem !important;
}

.frm-page .tab-section-card[b-a2ygb76idm] {
    padding: 0 !important;
}

.frm-page .main-tab-strip[b-a2ygb76idm] {
    padding: .55rem .9rem .48rem .9rem !important;
    gap: .35rem .85rem !important;
    min-height: auto !important;
}

.frm-page .main-tab-btn[b-a2ygb76idm] {
    padding: .35rem .15rem !important;
    font-size: .92em !important;
    line-height: 1.15 !important;
}

.frm-page .tab-form-scroll-body[b-a2ygb76idm] {
    padding: .5rem .9rem !important;
}

.frm-page .grid-toolbar[b-a2ygb76idm] {
    padding: .45rem .9rem !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm] {
    margin: 0 .9rem .9rem .9rem !important;
}

@media (max-width: 1280px) {
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        grid-template-columns: 92px minmax(0, 1fr) !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-a2ygb76idm]  .ix-form-layout label {
        width: 92px !important;
        max-width: 92px !important;
        font-size: .84em !important;
    }
}

/* =========================================================
   FINAL ALIGNMENT FIX
   1) Prevent caption clipping in tab sections
   2) Align Header / Voucher titles and fields
   3) Keep NTP fields compact and consistent
   ========================================================= */

.frm-page .section-card[b-a2ygb76idm] {
    padding: 12px 16px !important;
}

.frm-page .section-title[b-a2ygb76idm],
.frm-page .voucher-header-row[b-a2ygb76idm] {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.frm-page .section-scroll-body[b-a2ygb76idm],
.frm-page .tab-form-scroll-body[b-a2ygb76idm] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        grid-template-columns: 125px minmax(0, 1fr) !important;
        gap: 10px !important;
        min-height: 32px !important;
        padding: 3px 0 !important;
        align-items: center !important;
        overflow: visible !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-a2ygb76idm]  .ix-form-layout label {
        min-height: 18px !important;
        line-height: 18px !important;
        padding-top: 1px !important;
        overflow: visible !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-editor {
        overflow: visible !important;
    }

.frm-page[b-a2ygb76idm]  .ix-master-editor,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page[b-a2ygb76idm]  .ix-master-editor input,
.frm-page[b-a2ygb76idm]  .ix-master-editor textarea,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page[b-a2ygb76idm]  .dxbl-combobox,
.frm-page[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page[b-a2ygb76idm]  .dxbl-date-edit {
    min-height: 29px !important;
    height: 29px !important;
}

.frm-page .compact-card[b-a2ygb76idm] {
    min-height: 210px !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm] {
    gap: 12px !important;
    margin-bottom: 10px !important;
}

.frm-page .section-title[b-a2ygb76idm] {
    margin-bottom: 8px !important;
}

.frm-page .voucher-header-row[b-a2ygb76idm] {
    margin-bottom: 8px !important;
}

.frm-page .tab-section-card[b-a2ygb76idm] {
    padding: 0 14px 10px 14px !important;
}

.frm-page .main-tab-strip[b-a2ygb76idm] {
    min-height: 40px !important;
    padding: 8px 0 7px 0 !important;
    gap: 8px 18px !important;
    overflow: visible !important;
}

.frm-page .main-tab-btn[b-a2ygb76idm] {
    line-height: 20px !important;
    min-height: 28px !important;
    padding: 4px 0 5px 0 !important;
}

.frm-page .tab-form-scroll-body[b-a2ygb76idm] {
    padding-top: 6px !important;
    overflow: auto !important;
}

    .frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

.frm-page .grid-toolbar[b-a2ygb76idm] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 1100px) {
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        grid-template-columns: 110px minmax(0, 1fr) !important;
    }
}

/* =========================================================
   FINAL SAFE PATCH - 27-Apr
   Fixes only:
   1) NTP alignment preservation
   2) Tab caption clipping from top/left
   3) Caption/editor spacing
   4) Unwanted horizontal scroll in non-grid tab forms
   ========================================================= */

/* Keep DevExpress FormLayout natural row/column behaviour so ntp fields stay side-by-side */
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Compact label + editor rhythm, without breaking DxFormLayout ColSpan/ntp */
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    column-gap: 7px !important;
    row-gap: 0 !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 31px !important;
    padding: 3px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* Stop captions losing first letters and keep them vertically centered */
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.frm-page[b-a2ygb76idm]  .ix-form-layout label {
    display: block !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    min-height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 0 0 1px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: .88em !important;
    font-weight: 600 !important;
    color: inherit !important;
    opacity: .94 !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-editor {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Header/Voucher titles align with their fields */
.frm-page .section-title[b-a2ygb76idm],
.frm-page .voucher-header-row[b-a2ygb76idm] {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.frm-page .section-scroll-body[b-a2ygb76idm],
.frm-page .header-scroll-body[b-a2ygb76idm],
.frm-page .voucher-scroll-body[b-a2ygb76idm] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

/* Non-grid tab body: give safe breathing space and prevent top/left clipping */
.frm-page .tab-form-scroll-body[b-a2ygb76idm] {
    padding: 12px 0 8px 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

    .frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout {
        padding-left: 12px !important;
        padding-right: 12px !important;
        overflow: visible !important;
    }

        .frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
        }

/* Keep editors compact and consistent with MasterFormRenderer */
.frm-page[b-a2ygb76idm]  .ix-master-editor,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page[b-a2ygb76idm]  .ix-master-editor input,
.frm-page[b-a2ygb76idm]  .ix-master-editor textarea,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page[b-a2ygb76idm]  .dxbl-combobox,
.frm-page[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page[b-a2ygb76idm]  .dxbl-button-edit {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 29px !important;
    height: 29px !important;
    border-radius: .5rem !important;
    font-size: .9em !important;
}

/* Keep NTP columns usable on upper half cards */
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    grid-template-columns: 112px minmax(0, 1fr) !important;
}

/* VoucherNo action row should not stretch caption/editor spacing */
.frm-page .voucher-edit-row[b-a2ygb76idm] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Do not show horizontal scrollbar for normal form tabs */
.frm-page .main-tab-panel[b-a2ygb76idm],
.frm-page .tab-content-area[b-a2ygb76idm] {
    overflow-x: hidden !important;
}

/* Body grid still keeps its own scroll when columns are more */
.frm-page .entry-grid-wrap[b-a2ygb76idm] {
    overflow: auto !important;
}
.entry-grid[b-a2ygb76idm],
.entry-grid table[b-a2ygb76idm] {
    table-layout: fixed; /* 🔥 stops jumping */
}
/* =========================================================
   GRID EDITOR WIDTH STABILITY FIX
   Prevent column width changing when cell enters edit mode
   ========================================================= */

.frm-page .entry-grid[b-a2ygb76idm] {
    table-layout: fixed !important;
}

    .frm-page .entry-grid th[b-a2ygb76idm],
    .frm-page .entry-grid td[b-a2ygb76idm] {
        overflow: hidden !important;
        max-width: 1px;
    }

.grid-editor[b-a2ygb76idm],
.editor[b-a2ygb76idm],
.entry-grid input[b-a2ygb76idm],
.entry-grid select[b-a2ygb76idm],
.entry-grid textarea[b-a2ygb76idm] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 6px !important; /* 🔥 REDUCED */
    border-width: 1px !important;
    box-sizing: border-box !important;
}

        .frm-page .entry-grid input[type="number"][b-a2ygb76idm] {
            appearance: textfield;
            -moz-appearance: textfield;
        }

            .frm-page .entry-grid input[type="number"][b-a2ygb76idm]::-webkit-outer-spin-button,
            .frm-page .entry-grid input[type="number"][b-a2ygb76idm]::-webkit-inner-spin-button {
                margin: 0;
            }
/* =========================================================
   GRID WIDTH LOCK ONLY - DO NOT AFFECT FORM LAYOUT
   ========================================================= */

.frm-page .entry-grid[b-a2ygb76idm] {
    table-layout: fixed !important;
    width: 100% !important;
}

    .frm-page .entry-grid th[b-a2ygb76idm],
    .frm-page .entry-grid td[b-a2ygb76idm] {
        overflow: hidden !important;
    }

    .frm-page .entry-grid .grid-editor[b-a2ygb76idm],
    .frm-page .entry-grid input[b-a2ygb76idm],
    .frm-page .entry-grid select[b-a2ygb76idm],
    .frm-page .entry-grid textarea[b-a2ygb76idm] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

        .frm-page .entry-grid input:focus[b-a2ygb76idm],
        .frm-page .entry-grid select:focus[b-a2ygb76idm],
        .frm-page .entry-grid textarea:focus[b-a2ygb76idm] {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
        }

/* =========================================================
   UPPER FORM OVERFLOW FIX
   Keep Header/Voucher fields inside their cards so they cannot
   paint over the tab strip and body grid.
   ========================================================= */

.frm-page .header-voucher-grid > .compact-card[b-a2ygb76idm] {
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    padding-top: 16px !important;
}

.frm-page .header-voucher-grid .section-scroll-body[b-a2ygb76idm],
.frm-page .header-voucher-grid .header-scroll-body[b-a2ygb76idm],
.frm-page .header-voucher-grid .voucher-scroll-body[b-a2ygb76idm] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 12px 14px 10px 6px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
}

.frm-page .header-voucher-grid .section-title[b-a2ygb76idm],
.frm-page .header-voucher-grid .voucher-header-row[b-a2ygb76idm] {
    flex: 0 0 auto !important;
    margin-bottom: 4px !important;
    overflow: visible !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    overflow: visible !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    column-gap: 6px !important;
    padding-left: 0 !important;
    padding-right: 4px !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout label {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    font-weight: 700 !important;
}

.frm-page .header-fields-card .section-title[b-a2ygb76idm],
.frm-page .voucher-fields-card .section-title[b-a2ygb76idm] {
    font-weight: 800 !important;
    font-size: 12px !important;
}

.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout label {
    font-weight: 700 !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    min-height: 2.45em !important;
    padding-top: .22em !important;
    padding-bottom: .22em !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor input,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor textarea,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor .dxbl-edit-input,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-combobox,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-button-edit {
    box-sizing: border-box !important;
    min-height: 2.15em !important;
    height: 2.15em !important;
    max-width: 100% !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-editor,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-editor > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

.ix-grid-combo[b-a2ygb76idm] {
    width: 100%;
    min-width: 100%;
}

/* =========================================================
   RESPONSIVE FORM RENDERER
   Layout-only overrides; keeps current visual theme and size mode.
   ========================================================= */

@media (max-width: 1200px) {
    .frm-page[b-a2ygb76idm] {
        height: 100%;
        min-height: 0;
        grid-template-columns: minmax(220px, 28%) minmax(0, 1fr);
        overflow: hidden;
    }

    .frm-main-toolbar[b-a2ygb76idm] {
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow: visible;
    }

    .frm-page .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm] {
        flex: 0 1 auto !important;
    }

    .header-voucher-grid[b-a2ygb76idm] {
        grid-template-columns: 1fr;
    }

    .header-voucher-grid > .compact-card[b-a2ygb76idm] {
        height: auto !important;
        min-height: 210px !important;
    }
}

@media (max-width: 900px) {
    .frm-page[b-a2ygb76idm] {
        height: auto !important;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        overflow: visible;
        padding: 6px !important;
        gap: 6px !important;
    }

    .frm-left[b-a2ygb76idm] {
        flex: 0 0 auto;
        max-height: none;
        padding: 6px 10px !important;
    }

    .frm-page .frm-left-header[b-a2ygb76idm] {
        padding-bottom: 4px !important;
        border-bottom: 0 !important;
    }

    .frm-page .frm-title[b-a2ygb76idm] {
        font-size: .95rem !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        margin: 0 !important;
    }

    .frm-page .frm-main[b-a2ygb76idm] {
        padding: 8px !important;
    }

    .frm-main[b-a2ygb76idm] {
        flex: 1 1 auto;
        min-height: 70dvh;
        overflow: visible;
    }

    .frm-main-toolbar[b-a2ygb76idm] {
        gap: .4rem;
        margin-top: 0;
    }

    .frm-page .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
    .frm-page .ix-master-toolbtn[b-a2ygb76idm] {
        min-width: max-content !important;
    }

    .left-summary-band[b-a2ygb76idm] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .left-summary-item[b-a2ygb76idm] {
        border-right: 1px solid rgba(128, 128, 128, .18);
    }

    .tab-section-card[b-a2ygb76idm] {
        min-height: 60dvh;
    }

    .entry-grid-wrap[b-a2ygb76idm] {
        min-height: 300px;
    }
}

@media (max-width: 760px) {
    .frm-title[b-a2ygb76idm] {
        font-size: 1.15rem;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item,
    .frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        min-height: auto !important;
    }

    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-a2ygb76idm]  .ix-form-layout label,
    .frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout label {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .frm-page .section-card[b-a2ygb76idm] {
        padding: 10px !important;
    }

    .voucher-header-row[b-a2ygb76idm],
    .grid-toolbar[b-a2ygb76idm],
    .ix-column-picker-header[b-a2ygb76idm],
    .ix-column-picker-footer[b-a2ygb76idm],
    .audit-history-header[b-a2ygb76idm] {
        flex-direction: column;
        align-items: stretch;
    }

    .voucher-edit-row[b-a2ygb76idm] {
        grid-template-columns: 1fr !important;
    }

    .voucher-action-buttons[b-a2ygb76idm] {
        flex-wrap: wrap !important;
    }

    .voucher-action-stack[b-a2ygb76idm] {
        width: 100%;
    }

    .voucher-calc-row[b-a2ygb76idm] {
        width: fit-content;
    }

    .voucher-action-buttons .voucher-inline-action[b-a2ygb76idm] {
        flex: 1 1 auto;
    }

    .grid-toolbar-left[b-a2ygb76idm],
    .grid-toolbar-right[b-a2ygb76idm] {
        flex-wrap: wrap;
        width: 100%;
    }

    .grid-search-box[b-a2ygb76idm],
    .ix-grid-search[b-a2ygb76idm] {
        width: 100%;
    }

    .left-summary-band:not(.frm-summary-mobile)[b-a2ygb76idm] {
        grid-template-columns: 1fr;
    }

    .ix-column-picker-body[b-a2ygb76idm],
    .audit-history-body[b-a2ygb76idm] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 520px) {
    .frm-page[b-a2ygb76idm] {
        padding: 6px !important;
    }

    .frm-card[b-a2ygb76idm],
    .section-card[b-a2ygb76idm],
    .tab-section-card[b-a2ygb76idm] {
        border-radius: .65rem;
    }

    .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
    .frm-page .ix-master-toolbtn[b-a2ygb76idm] {
        flex: 1 1 calc(50% - .4rem) !important;
        min-width: 0 !important;
    }

    .main-tab-strip[b-a2ygb76idm] {
        gap: .25rem .75rem !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scrollbar-width: thin;
    }

    .main-tab-btn[b-a2ygb76idm] {
        flex: 0 0 auto;
    }

    .entry-grid[b-a2ygb76idm],
    .entry-grid table[b-a2ygb76idm] {
        min-width: 680px;
    }
}

    .ix-grid-combo .dxbl-text-edit[b-a2ygb76idm] {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .ix-grid-combo .dxbl-text-edit-input[b-a2ygb76idm] {
        min-height: 24px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
.ix-num-editor input[b-a2ygb76idm] {
    text-align: right !important;
}
.ix-grid-num-display[b-a2ygb76idm] {
    text-align: right;
}
.editor-readonly[b-a2ygb76idm] {
    background-color: #f5f5f5;
    color: #777;
}

/* Responsive Header/Voucher panels: prevent Medium/Large editor clipping. */
.frm-page .header-voucher-grid[b-a2ygb76idm] {
    align-items: start !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)) !important;
}

.frm-page .header-voucher-grid > .compact-card[b-a2ygb76idm] {
    height: var(--upper-form-height, 268px) !important;
    min-height: var(--upper-form-height, 268px) !important;
    max-height: var(--upper-form-height, 268px) !important;
    overflow: hidden !important;
}

.frm-page .header-voucher-grid .section-scroll-body[b-a2ygb76idm],
.frm-page .header-voucher-grid .header-scroll-body[b-a2ygb76idm],
.frm-page .header-voucher-grid .voucher-scroll-body[b-a2ygb76idm] {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
    padding-left: 14px !important;
    padding-right: 22px !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    min-height: max(34px, 2.5em) !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-combobox,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-button-edit {
    height: auto !important;
    min-height: max(30px, 2.15em) !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit .dxbl-btn,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit .dxbl-btn,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit .dxbl-btn,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-button-edit .dxbl-btn {
    background-color: transparent !important;
    box-shadow: none !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit button,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit button,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit button,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-button-edit button,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit [class*="button"],
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit [class*="button"],
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit [class*="button"],
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-button-edit [class*="button"],
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit [class*="btn"],
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit [class*="btn"],
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit [class*="btn"],
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-button-edit [class*="btn"] {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.voucher-action-buttons[b-a2ygb76idm] {
    display: flex;
    align-items: center; /* keep all buttons aligned */
    gap: 7px;
}

.voucher-action-stack[b-a2ygb76idm] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.voucher-calc-row[b-a2ygb76idm] {
    margin-top: 1px;
}

/* Wrapper becomes position-relative */
.ix-calc-wrapper[b-a2ygb76idm] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Status absolutely positioned BELOW button */
.ix-calc-status[b-a2ygb76idm] {
    position: absolute;
    top: 100%;
    margin-top: 2px;
    left: 50%;
    transform: translateX(-50%);
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

    /* Colors */
    .ix-calc-status.pending[b-a2ygb76idm] {
        color: #dc2626;
    }

    .ix-calc-status.applied[b-a2ygb76idm] {
        color: #16a34a;
    }

/* =========================================================
   FORM UI REFRESH — 3-col header, scroll, modern shell
   ========================================================= */
.frm-page[b-a2ygb76idm] {
    background: #f0f4f8 !important;
}

.frm-page .frm-card[b-a2ygb76idm] {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .06) !important;
}

.frm-page .frm-main-toolbar[b-a2ygb76idm] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 6px 8px !important;
    justify-content: flex-start !important;
}

.frm-page .frm-toolbar-actions[b-a2ygb76idm] {
    margin-left: 0 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}

.frm-page .frm-toolbar-approval-msg[b-a2ygb76idm] {
    margin-left: auto !important;
    text-align: right !important;
    justify-self: flex-end !important;
}

.frm-page .left-summary-band[b-a2ygb76idm] {
    gap: 8px !important;
    margin-top: 12px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.frm-page .left-summary-item[b-a2ygb76idm] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border: 1px solid #e5e7eb !important;
    border-left: 3px solid #2563eb !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    margin-bottom: 0 !important;
}

.frm-page .left-summary-icon[b-a2ygb76idm] {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frm-page .left-summary-icon svg[b-a2ygb76idm] {
    width: 18px;
    height: 18px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.frm-page .left-summary-text[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.frm-page .left-summary-caption[b-a2ygb76idm] {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    opacity: 1 !important;
    line-height: 1.2 !important;
}

.frm-page .left-summary-value[b-a2ygb76idm] {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: break-word;
}

.frm-page .header-voucher-grid[b-a2ygb76idm] {
    grid-template-columns: minmax(0, 1.86fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
}

.frm-page .header-fields-card[b-a2ygb76idm],
.frm-page .voucher-fields-card[b-a2ygb76idm] {
    background: #ffffff !important;
    border-color: #dbeafe !important;
}

.frm-page .section-title-row[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.frm-page .section-title-row .section-title[b-a2ygb76idm] {
    margin: 0 !important;
}

.frm-page .section-scroll-hint[b-a2ygb76idm] {
    flex: 0 0 auto;
    font-size: 10.5px;
    font-weight: 700;
    color: #64748b;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
}

.frm-page .header-fields-card .header-scroll-body[b-a2ygb76idm] {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
    padding-right: 8px !important;
}

.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    align-content: start !important;
    min-height: 56px !important;
    height: auto !important;
    padding-top: 4px !important;
    padding-bottom: 6px !important;
    overflow: visible !important;
}

.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.frm-page[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.frm-page[b-a2ygb76idm]  .ix-form-layout label {
    font-weight: 700 !important;
}

.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #64748b !important;
    padding: 3px 0 4px 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .dxbl-combobox,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .dxbl-button-edit,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-master-editor,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-master-editor input {
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
}

.frm-page .main-tab-strip[b-a2ygb76idm] {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;
    align-content: flex-end !important;
    gap: 2px !important;
    padding: 6px 10px 0 10px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.frm-page .main-tab-btn[b-a2ygb76idm] {
    border: 1px solid transparent !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 7px 14px 8px 14px !important;
    line-height: 1.2 !important;
    min-height: auto !important;
    margin-bottom: -1px !important;
}

.frm-page .main-tab-btn:hover[b-a2ygb76idm] {
    background: transparent !important;
    border-color: transparent !important;
    color: #334155 !important;
}

.frm-page .main-tab-btn.active[b-a2ygb76idm] {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 4px 4px 0 0 !important;
    color: #0056b3 !important;
    font-weight: 700 !important;
}

.frm-page .tab-section-card[b-a2ygb76idm] {
    border-color: #e2e8f0 !important;
    background: #ffffff !important;
}

.frm-page .frm-left[b-a2ygb76idm] {
    text-align: left !important;
    align-items: stretch !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.frm-page .frm-left-header[b-a2ygb76idm],
.frm-page .left-summary-band[b-a2ygb76idm],
.frm-page .left-summary-item[b-a2ygb76idm] {
    text-align: left !important;
}

.frm-page .left-summary-item[b-a2ygb76idm] {
    justify-content: flex-start !important;
}

.frm-page .frm-title[b-a2ygb76idm] {
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    margin-bottom: 0 !important;
}

.frm-page .tab-form-scroll-body[b-a2ygb76idm] {
    text-align: left !important;
}

.frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout,
.frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.frm-page .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    justify-self: start !important;
}

.frm-page .frm-main[b-a2ygb76idm] {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm] {
    flex: 0 0 auto !important;
}

.frm-page .tab-section-card[b-a2ygb76idm] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

.frm-page .header-fields-card .header-scroll-body[b-a2ygb76idm],
.frm-page .voucher-fields-card .voucher-scroll-body[b-a2ygb76idm] {
    max-height: calc(var(--upper-form-height, 268px) - 42px) !important;
}

@media (max-width: 1100px) {
    .frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item {
        min-height: 48px !important;
    }

    .frm-page .header-voucher-grid[b-a2ygb76idm] {
        grid-template-columns: 1fr !important;
    }
}

.ix-field-settings-popup[b-a2ygb76idm]  .dxbl-popup-content {
    padding: 10px 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

.ix-field-settings-popup[b-a2ygb76idm]  .dxbl-popup {
    border: 1px solid color-mix(in srgb, var(--ix-accent, #0d6efd) 24%, #d9dde3) !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .16) !important;
}

.ix-field-settings-popup[b-a2ygb76idm]  .dxbl-popup-header {
    background: color-mix(in srgb, var(--ix-accent, #0d6efd) 10%, #ffffff) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--ix-accent, #0d6efd) 18%, #d9dde3) !important;
    color: color-mix(in srgb, var(--ix-accent, #0d6efd) 72%, #111827) !important;
}

/* Popup is portaled outside .frm-page — set accent from active workspace theme */
body:has(.workspace-shell.ix-blue-workspace) .ix-field-settings-popup[b-a2ygb76idm],
body:has(.theme-host.ix-app-theme-blue) .ix-field-settings-popup[b-a2ygb76idm] {
    --ix-accent: #0d6efd;
}

body:has(.workspace-shell.ix-navy-workspace) .ix-field-settings-popup[b-a2ygb76idm],
body:has(.theme-host.ix-app-theme-navy) .ix-field-settings-popup[b-a2ygb76idm] {
    --ix-accent: #2F80ED;
}

body:has(.workspace-shell.ix-graphite-workspace) .ix-field-settings-popup[b-a2ygb76idm],
body:has(.theme-host.ix-app-theme-graphite) .ix-field-settings-popup[b-a2ygb76idm] {
    --ix-accent: #059669;
}

body:has(.workspace-shell.ix-glass-workspace) .ix-field-settings-popup[b-a2ygb76idm],
body:has(.theme-host.ix-app-theme-glass) .ix-field-settings-popup[b-a2ygb76idm] {
    --ix-accent: #4F46E5;
}

body:has(.workspace-shell.ix-platinum-workspace) .ix-field-settings-popup[b-a2ygb76idm],
body:has(.theme-host.ix-app-theme-platinum) .ix-field-settings-popup[b-a2ygb76idm] {
    --ix-accent: #2563EB;
}

body:has(.workspace-shell.ix-charcoal-workspace) .ix-field-settings-popup[b-a2ygb76idm],
body:has(.theme-host.ix-app-theme-charcoal) .ix-field-settings-popup[b-a2ygb76idm] {
    --ix-accent: #B87333;
}

body:has(.workspace-shell.ix-menu-theme) .ix-field-settings-popup[b-a2ygb76idm],
body:has(.theme-host.ix-app-theme-brown) .ix-field-settings-popup[b-a2ygb76idm] {
    --ix-accent: #8b7355;
}

.ix-field-settings-popup-body[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-height: 420px;
    max-height: calc(80vh - 52px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
}

.ix-field-settings-popup-body[b-a2ygb76idm]  .ui-field-settings-host {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

/* =========================================================
   FORM RENDERER — ReportViewer blue theme (ix-blue-theme)
   ========================================================= */
.frm-page.ix-blue-theme[b-a2ygb76idm] {
    background: #eef2f7 !important;
    font-family: "Segoe UI", Inter, Roboto, system-ui, sans-serif;
}

.frm-page.ix-blue-theme .frm-card[b-a2ygb76idm] {
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 18px rgba(0, 40, 100, .1) !important;
}

/* Trial: light Modern Blue toolbar (was #0b1a3d). Revert if not preferred. */
.frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm] {
    border: 1px solid #E8EDF5 !important;
    background: #F5F7FB !important;
    color: #102A56 !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico[b-a2ygb76idm] {
    stroke: currentColor;
    fill: none;
}

.frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    border: 1px solid #E8EDF5 !important;
    background: #F5F7FB !important;
    color: #102A56 !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm] {
    background: #FFFFFF !important;
    color: #102A56 !important;
    border-color: #bfdbfe !important;
}

.frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline:hover:not(:disabled)[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #2F80ED !important;
    color: #102A56 !important;
}

.frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm] {
    color: #007BFF !important;
    border-color: #007BFF !important;
    background: #eef4ff !important;
}

.frm-page.ix-blue-theme .frm-toolbar-approval-msg.approval-status-banner[b-a2ygb76idm] {
    align-self: center;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    background: #e7f1ff !important;
    border: 1px solid #90b8e8 !important;
    color: #003d80 !important;
    box-shadow: 0 1px 4px rgba(0, 61, 128, .12) !important;
}

.frm-page.ix-blue-theme .frm-toolbar-approval-msg.approval-status-banner.is-required[b-a2ygb76idm],
.frm-page.ix-blue-theme .frm-toolbar-approval-msg.approval-status-banner.is-pending[b-a2ygb76idm] {
    background: #e7f1ff !important;
    border-color: #90b8e8 !important;
    color: #003d80 !important;
}

.frm-page.ix-blue-theme .frm-toolbar-approval-msg.approval-status-banner.is-approved[b-a2ygb76idm] {
    background: #ecfdf5 !important;
    border-color: #86efac !important;
    color: #166534 !important;
}

.frm-page.ix-blue-theme .frm-toolbar-approval-msg.approval-status-banner.is-rejected[b-a2ygb76idm] {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}

.frm-page.ix-blue-theme .frm-title[b-a2ygb76idm] {
    color: #0b1a3d !important;
    font-weight: 700 !important;
}

.frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm] {
    border-left-color: #007BFF !important;
    border-color: #d6e2f0 !important;
}

.frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm] {
    background: #eef4ff !important;
    color: #007BFF !important;
}

.frm-page.ix-blue-theme .left-summary-value[b-a2ygb76idm] {
    color: #212529 !important;
}

.frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm] {
    background: #ffffff !important;
    border-color: #d6e2f0 !important;
}

.frm-page.ix-blue-theme .main-tab-strip[b-a2ygb76idm] {
    background: #f5f8fc !important;
    border-bottom: 1px solid #d6e2f0 !important;
}

.frm-page.ix-blue-theme .main-tab-btn[b-a2ygb76idm] {
    border-color: transparent !important;
    color: #5b6b7c !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    background: #ffffff !important;
    border: 1px solid #d6e2f0 !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 4px 4px 0 0 !important;
    color: #007BFF !important;
}

.frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    border-color: transparent !important;
    color: #007BFF !important;
    background: transparent !important;
}

.frm-page.ix-blue-theme .grid-toolbar-row[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.frm-page.ix-blue-theme .grid-toolbar-search[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-width: 0;
}

.frm-page.ix-blue-theme .grid-toolbar-actions[b-a2ygb76idm] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn[b-a2ygb76idm] {
    border-color: #d6e2f0 !important;
    color: #0b1a3d !important;
}

.frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #007BFF !important;
    border-color: #0066d6 !important;
    color: #fff !important;
}

.frm-page.ix-blue-theme .entry-grid-wrap[b-a2ygb76idm] {
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    overflow: auto !important;
}

.voucher-notes-popup[b-a2ygb76idm]  .dxbl-popup {
    border-radius: 10px !important;
}

.voucher-notes-popup[b-a2ygb76idm]  .dxbl-popup-body {
    padding: 0 !important;
    background: #fff8b3 !important;
}

.voucher-notes-card[b-a2ygb76idm] {
    background: #fff8b3;
    border: 0;
    border-radius: 0 0 8px 8px;
    padding: 14px;
    box-shadow: none;
}

.voucher-notes-context[b-a2ygb76idm] {
    color: #7c5f00;
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.voucher-notes-textarea[b-a2ygb76idm] {
    width: 100%;
    min-height: 150px;
    resize: vertical;
    border: 1px solid rgba(124,95,0,.18);
    border-radius: 7px;
    outline: none;
    color: #2f2a12;
    font: 500 1rem/1.45 "Segoe UI", system-ui, sans-serif;
    padding: 10px;
}

.voucher-notes-textarea[b-a2ygb76idm]::placeholder {
    color: rgba(47,42,18,.55);
}

.voucher-notes-status[b-a2ygb76idm] {
    margin-top: 8px;
    color: #7c5f00;
    font-size: .85rem;
    font-weight: 600;
}

.voucher-notes-actions[b-a2ygb76idm] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

.voucher-notes-list[b-a2ygb76idm] {
    display: grid;
    gap: 8px;
    max-height: 210px;
    overflow: auto;
    margin-bottom: 12px;
}

.voucher-note-item[b-a2ygb76idm] {
    border: 1px solid rgba(124,95,0,.18);
    border-radius: 7px;
    padding: 9px 10px;
    color: #2f2a12;
}

.voucher-note-meta[b-a2ygb76idm] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #6f5a12;
    font-size: .78rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.voucher-note-text[b-a2ygb76idm] {
    white-space: pre-wrap;
    word-break: break-word;
    font: 500 .92rem/1.4 "Segoe UI", system-ui, sans-serif;
}

.voucher-note-compose-label[b-a2ygb76idm] {
    color: #7c5f00;
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.voucher-note-colors[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
}

.voucher-note-color[b-a2ygb76idm] {
    width: 22px;
    height: 22px;
    border: 1px solid rgba(50,50,50,.18);
    border-radius: 50%;
    cursor: pointer;
}

.voucher-note-color.selected[b-a2ygb76idm] {
    outline: 2px solid #005bbb;
    outline-offset: 2px;
}

.voucher-sheet-popup[b-a2ygb76idm]  .dxbl-popup {
    border-radius: 10px !important;
}

.voucher-sheet-popup[b-a2ygb76idm]  .dxbl-popup-body {
    padding: 0 !important;
    background: #f8fafc !important;
}

.voucher-sheet-card[b-a2ygb76idm] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    background: #f8fafc;
}

.voucher-sheet-context[b-a2ygb76idm] {
    color: #0f3f7a;
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.voucher-sheet-host[b-a2ygb76idm] {
    flex: 0 0 auto;
    height: 376px;
    max-height: 376px;
    border: 1px solid #cfe1f8;
    border-radius: 8px;
    overflow: auto;
    background: #fff;
}

.voucher-sheet-grid[b-a2ygb76idm] {
    border-collapse: collapse;
    width: max-content;
    min-width: auto;
    background: #fff;
    font-size: .76rem;
}

.voucher-sheet-grid th[b-a2ygb76idm] {
    position: sticky;
    top: 0;
    z-index: 2;
    min-width: 64px;
    height: 22px;
    border: 1px solid #d7e0ea;
    background: #eef4fb;
    color: #334155;
    text-align: center;
    font-weight: 700;
}

.voucher-sheet-grid tbody th[b-a2ygb76idm] {
    left: 0;
    z-index: 1;
    min-width: 36px;
    width: 36px;
}

.voucher-sheet-grid .voucher-sheet-corner[b-a2ygb76idm] {
    left: 0;
    z-index: 3;
    min-width: 36px;
    width: 36px;
}

.voucher-sheet-grid td[b-a2ygb76idm] {
    border: 1px solid #d7e0ea;
    padding: 0;
}

.voucher-sheet-cell[b-a2ygb76idm] {
    width: 64px;
    height: 22px;
    border: 0;
    padding: 2px 4px;
    outline: none;
    font: inherit;
    background: #fff;
}

.voucher-sheet-cell:focus[b-a2ygb76idm] {
    box-shadow: inset 0 0 0 2px #0d6efd;
}

/* =========================================================
   MOBILE LAYOUT (FormRenderer only — mirrors POS collapse pattern)
   ========================================================= */

.frm-summary-mobile[b-a2ygb76idm] {
    display: none;
}

.frm-mobile-body-panel[b-a2ygb76idm] {
    display: none;
}

.frm-header-field-slot[b-a2ygb76idm] {
    display: contents;
}

.frm-mobile-section-toggle[b-a2ygb76idm] {
    display: none;
}

/* Post-Favorite: desktop strip vs mobile ⋮ menu (viewport-driven, not only frm-is-mobile) */
.frm-toolbar-post-favorite-desktop[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    flex: 0 0 auto;
}

.frm-toolbar-post-favorite-mobile[b-a2ygb76idm] {
    display: none;
}

@media (max-width: 900px) {
    .frm-page .frm-summary-desktop[b-a2ygb76idm] {
        display: none !important;
    }

    .frm-page .frm-main[b-a2ygb76idm] {
        display: flex;
        flex-direction: column;
    }

    .frm-page .tab-section-card[b-a2ygb76idm] {
        order: 10;
    }

    .frm-page .frm-summary-mobile[b-a2ygb76idm] {
        display: grid !important;
        order: 20;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin-top: 8px !important;
        flex: 0 0 auto;
        padding: 0 !important;
    }

    .frm-page .frm-summary-mobile .left-summary-item[b-a2ygb76idm] {
        min-height: 0 !important;
        padding: 8px 10px !important;
        border-right: 0 !important;
    }

    .frm-page .frm-summary-mobile .left-summary-icon[b-a2ygb76idm] {
        width: 28px !important;
        height: 28px !important;
    }

    .frm-page .frm-summary-mobile .left-summary-icon svg[b-a2ygb76idm] {
        width: 15px !important;
        height: 15px !important;
    }

    .frm-page .frm-summary-mobile .left-summary-caption[b-a2ygb76idm] {
        font-size: 10px !important;
    }

    .frm-page .frm-summary-mobile .left-summary-value[b-a2ygb76idm] {
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    .frm-page .grid-toolbar-row[b-a2ygb76idm] {
        display: none !important;
    }

    .frm-page .frm-mobile-body-panel[b-a2ygb76idm] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-height: 0;
        flex: 0 0 auto;
    }

    .frm-page .frm-mobile-grid-toolbar[b-a2ygb76idm] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .frm-page .frm-mobile-add-line-btn[b-a2ygb76idm] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        min-height: 44px;
        border: 0;
        border-radius: 10px;
        background: #8b7355;
        color: #fff;
        font-size: 15px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 0 4px 14px rgba(109, 90, 69, .22);
    }

    .frm-page .frm-mobile-add-line-btn span[b-a2ygb76idm] {
        font-size: 20px;
        line-height: 1;
    }

    .frm-page .frm-mobile-grid-hint[b-a2ygb76idm] {
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        color: #64748b;
        text-align: center;
    }

    .frm-page .frm-body-grid-mobile[b-a2ygb76idm] {
        display: block !important;
        flex: 1 1 auto;
        min-height: 220px;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        border: 1px solid #cfc0ae;
        border-radius: 10px;
        background: #fff;
    }

    .frm-page .frm-body-grid-mobile[b-a2ygb76idm]  .dxbl-grid-table {
        min-width: 640px;
    }

    .frm-page .frm-body-grid-mobile[b-a2ygb76idm]  .dxbl-grid-header-row > th,
    .frm-page .frm-body-grid-mobile[b-a2ygb76idm]  .dxbl-grid-header-row > td {
        background: #6d5a45 !important;
        color: #fff !important;
        font-size: 12px !important;
        padding: 8px 6px !important;
    }

    .frm-page .frm-body-grid-mobile[b-a2ygb76idm]  .dxbl-grid-table > tbody > tr > td {
        padding: 8px 6px !important;
        font-size: 13px !important;
        vertical-align: middle !important;
    }

    .frm-page .frm-body-grid-mobile[b-a2ygb76idm]  .dxbl-grid-table > tbody > tr:active > td {
        background: #f7f3ef !important;
    }

    .frm-page .frm-mobile-grid-actions[b-a2ygb76idm] {
        display: flex;
        gap: 4px;
        align-items: center;
        justify-content: center;
    }

    .frm-page .frm-mobile-grid-edit-btn[b-a2ygb76idm],
    .frm-page .frm-mobile-grid-delete-btn[b-a2ygb76idm] {
        border-radius: 6px;
        padding: 4px 8px;
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
        line-height: 1.2;
    }

    .frm-page .frm-mobile-grid-edit-btn[b-a2ygb76idm] {
        border: 1px solid #cfc0ae;
        background: #f7f3ef;
        color: #6d5a45;
    }

    .frm-page .frm-mobile-grid-delete-btn[b-a2ygb76idm] {
        border: 1px solid #fecaca;
        background: #fff5f5;
        color: #b91c1c;
    }

    .frm-page.frm-is-mobile .frm-summary-desktop[b-a2ygb76idm] {
        display: none !important;
    }

    .frm-page.frm-is-mobile .frm-summary-mobile[b-a2ygb76idm] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin-top: 8px !important;
        flex: 0 0 auto;
    }

    .frm-page.frm-is-mobile .frm-summary-mobile .left-summary-item[b-a2ygb76idm] {
        min-height: 0 !important;
        padding: 8px 10px !important;
        border-right: 0 !important;
    }

    .frm-page.frm-is-mobile .frm-left[b-a2ygb76idm] {
        padding: 6px 10px !important;
    }

    .frm-page.frm-is-mobile .frm-left-header[b-a2ygb76idm] {
        padding-bottom: 4px !important;
        border-bottom: 0 !important;
    }

    .frm-page.frm-is-mobile .frm-title[b-a2ygb76idm] {
        font-size: .95rem !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }

    .frm-page.frm-is-mobile .frm-main[b-a2ygb76idm] {
        padding: 8px !important;
    }

    .frm-page.frm-is-mobile .frm-main-toolbar[b-a2ygb76idm] {
        margin-bottom: 6px !important;
        padding: 4px 6px !important;
    }

    .frm-page.frm-is-mobile .section-card[b-a2ygb76idm],
    .frm-page.frm-is-mobile .tab-section-card[b-a2ygb76idm] {
        padding: 8px !important;
    }

    .frm-page.frm-is-mobile .voucher-header-row[b-a2ygb76idm] {
        margin-bottom: 6px !important;
    }

    .frm-page.frm-is-mobile .voucher-mode-badge[b-a2ygb76idm] {
        display: none !important;
    }

    .frm-page.frm-is-mobile .header-voucher-grid[b-a2ygb76idm] {
        gap: 6px !important;
    }

    .frm-page.frm-is-mobile .frm-mobile-section-toggle[b-a2ygb76idm] {
        margin-bottom: 6px !important;
        padding: 8px 10px !important;
    }

    .frm-page.frm-is-mobile .frm-mobile-grid-hint[b-a2ygb76idm] {
        margin-top: -2px !important;
    }

    .frm-page.frm-is-mobile .frm-body-grid-mobile[b-a2ygb76idm] {
        min-height: 0 !important;
    }

    .frm-page.frm-is-mobile .tab-section-card[b-a2ygb76idm] {
        min-height: 0 !important;
    }

    .frm-page.frm-is-mobile .header-voucher-grid[b-a2ygb76idm] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm] {
        order: 1;
        padding: 6px 10px !important;
    }

    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm] {
        order: 2;
        padding: 6px 10px !important;
    }

    .frm-page.frm-is-mobile .tab-section-card[b-a2ygb76idm] {
        padding: 6px 10px !important;
    }

    .frm-page.frm-is-mobile .header-voucher-grid > .header-fields-card.compact-card[b-a2ygb76idm] {
        padding-top: 6px !important;
    }

    .frm-page.frm-is-mobile .header-voucher-grid > .voucher-fields-card.compact-card[b-a2ygb76idm] {
        padding-top: 6px !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .section-title-row[b-a2ygb76idm] {
        margin-bottom: 4px !important;
        gap: 4px !important;
    }

    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm] {
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm],
    .frm-page.frm-is-mobile .tab-section-card[b-a2ygb76idm],
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm] {
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .header-scroll-body[b-a2ygb76idm] {
        padding: 6px 10px 8px !important;
        max-height: none !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .frm-page.frm-is-mobile .voucher-fields-card .voucher-scroll-body[b-a2ygb76idm],
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm],
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm] {
        padding: 6px 10px 8px !important;
        max-height: none !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-form-layout,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-form-layout,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-form-layout,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-form-layout .dxbl-fl {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .frm-header-field-slot[b-a2ygb76idm] {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        box-sizing: border-box !important;
    }

    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .dxbl-fl-editor,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .dxbl-fl-item > *:not(.dxbl-fl-caption):not(.dxbl-fl-cpt):not(label),
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .dxbl-fl-editor,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .dxbl-fl-item > *:not(.dxbl-fl-caption):not(.dxbl-fl-cpt):not(label),
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .dxbl-fl-editor,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .dxbl-fl-item > *:not(.dxbl-fl-caption):not(.dxbl-fl-cpt):not(label),
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .dxbl-fl-editor,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .dxbl-fl-item > *:not(.dxbl-fl-caption):not(.dxbl-fl-cpt):not(label),
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .dxbl-text-edit,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .dxbl-combobox,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .dxbl-dropdown-edit,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .dxbl-spin-edit,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .dxbl-date-edit,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .dxbl-text-edit,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .dxbl-combobox,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .dxbl-dropdown-edit,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .dxbl-spin-edit,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .dxbl-date-edit,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .dxbl-text-edit,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .dxbl-combobox,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .dxbl-dropdown-edit,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .dxbl-spin-edit,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .dxbl-date-edit,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-master-editor,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-master-editor,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-master-editor,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-master-editor,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .frm-mobile-combo-trigger,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .frm-mobile-combo-trigger,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .frm-mobile-combo-trigger,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .frm-mobile-combo-trigger {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        min-height: auto !important;
        overflow: visible !important;
        padding: 4px 0 6px !important;
        margin: 0 !important;
        row-gap: 4px !important;
        column-gap: 6px !important;
    }

    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-form-layout label,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page.frm-is-mobile .voucher-fields-card[b-a2ygb76idm]  .ix-form-layout label,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page.frm-is-mobile .tab-form-scroll-body[b-a2ygb76idm]  .ix-form-layout label,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page.frm-is-mobile .voucher-transaction-details[b-a2ygb76idm]  .ix-form-layout label {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
        line-height: 1.25 !important;
        padding: 0 0 4px 0 !important;
        margin: 0 !important;
    }

    .frm-page.frm-is-mobile.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item {
        min-height: auto !important;
    }

    .frm-page.frm-is-mobile.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
    .frm-page.frm-is-mobile.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
    .frm-page.frm-is-mobile.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label {
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
    }

    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row,
    .frm-page.frm-is-mobile .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
        gap: 2px !important;
        margin-bottom: 0 !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .frm-header-field-slot[b-a2ygb76idm] {
        margin-bottom: 2px;
    }

    .frm-page.frm-is-mobile .header-voucher-grid > .compact-card[b-a2ygb76idm] {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .header-scroll-body[b-a2ygb76idm],
    .frm-page.frm-is-mobile .voucher-fields-card .voucher-scroll-body[b-a2ygb76idm] {
        max-height: none !important;
    }

    .frm-mobile-section-toggle[b-a2ygb76idm] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 8px;
        padding: 10px 12px;
        border: 1px solid rgba(128, 128, 128, .28);
        border-radius: .65rem;
        background: #fff;
        color: inherit;
        font-size: .92rem;
        font-weight: 700;
        cursor: pointer;
    }

    .frm-mobile-section-toggle strong[b-a2ygb76idm] {
        font-size: .82rem;
        font-weight: 800;
        opacity: .85;
    }

    .frm-page.frm-is-mobile .frm-mobile-inline-toggle[b-a2ygb76idm] {
        width: auto;
        margin: 0 0 0 auto;
        padding: 6px 10px;
        flex: 0 0 auto;
    }

    .frm-page.frm-is-mobile .section-title-row[b-a2ygb76idm] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .frm-page.frm-is-mobile .frm-mobile-collapsed-body[b-a2ygb76idm] {
        display: none !important;
    }

    .frm-page.frm-is-mobile .frm-header-field-slot[b-a2ygb76idm] {
        display: block;
        width: 100%;
    }

    .frm-page.frm-is-mobile .frm-header-field-slot.is-extra[b-a2ygb76idm] {
        display: none;
    }

    .frm-page.frm-is-mobile .header-fields-card.frm-header-expanded .frm-header-field-slot.is-extra[b-a2ygb76idm] {
        display: block;
    }

    .frm-page.frm-is-mobile .grid-toolbar-row[b-a2ygb76idm],
    .frm-page.frm-is-mobile.ix-blue-theme .grid-toolbar-row[b-a2ygb76idm] {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    .frm-page .frm-main[b-a2ygb76idm],
    .frm-page.frm-is-mobile .frm-main[b-a2ygb76idm] {
        overflow: visible !important;
    }

    .frm-page .frm-main-toolbar[b-a2ygb76idm] {
        flex-wrap: nowrap !important;
        align-items: center !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 4px !important;
        padding: 6px !important;
        -webkit-overflow-scrolling: touch;
    }

    .frm-page .frm-toolbar-actions[b-a2ygb76idm] {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: max-content !important;
        min-width: min(100%, max-content) !important;
        max-width: none !important;
        gap: 4px !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    .frm-page.frm-is-mobile .frm-toolbar-actions > .ix-master-toolbtn[b-a2ygb76idm],
    .frm-page.frm-is-mobile .frm-toolbar-actions > .ix-save-split[b-a2ygb76idm] {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: nowrap !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .section-title-row[b-a2ygb76idm] {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px 8px !important;
        width: 100% !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .ix-tab-title-with-add[b-a2ygb76idm] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .frm-page.frm-is-mobile .header-fields-card .frm-mobile-inline-toggle[b-a2ygb76idm] {
        flex: 0 0 auto !important;
        margin: 0 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
    }

    .frm-page.frm-is-mobile .main-tab-strip[b-a2ygb76idm] {
        flex-wrap: wrap !important;
        overflow: visible !important;
        width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .frm-page.frm-is-mobile .main-tab-more-wrap[b-a2ygb76idm] {
        position: relative !important;
        flex: 0 0 auto !important;
    }

    .frm-page.frm-is-mobile .header-voucher-grid[b-a2ygb76idm] {
        position: relative !important;
        z-index: auto !important;
        flex: 0 0 auto !important;
        margin-bottom: 8px !important;
    }

    .frm-page.frm-is-mobile .tab-section-card[b-a2ygb76idm] {
        order: 3;
        position: relative !important;
        z-index: 1 !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        flex: 1 1 auto !important;
    }

    .frm-toolbar-post-favorite-desktop[b-a2ygb76idm] {
        display: none !important;
    }

    .frm-toolbar-post-favorite-mobile[b-a2ygb76idm] {
        display: inline-flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
    }

    .frm-mobile-doc-host-hidden[b-a2ygb76idm] {
        position: absolute !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .frm-page .frm-mobile-toolbar-more[b-a2ygb76idm] {
        position: relative !important;
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        align-self: center !important;
        margin: 0 0 0 2px !important;
        overflow: visible !important;
    }

    .frm-page .frm-mobile-toolbar-more.open[b-a2ygb76idm] {
        z-index: 1202 !important;
        overflow: visible !important;
    }

    .frm-page .frm-mobile-toolbar-more-btn[b-a2ygb76idm] {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
        border-radius: 4px !important;
        background: rgba(255, 255, 255, 0.08) !important;
        color: #fff !important;
        flex: 0 0 auto !important;
    }

    .frm-page .frm-mobile-toolbar-more.open .frm-mobile-toolbar-more-btn[b-a2ygb76idm] {
        background: rgba(255, 255, 255, 0.22) !important;
        border-color: rgba(255, 255, 255, 0.55) !important;
    }

    .frm-page .frm-mobile-toolbar-more-btn .ix-master-ico[b-a2ygb76idm] {
        width: 18px !important;
        height: 18px !important;
        fill: currentColor !important;
        stroke: none !important;
    }

    .frm-page .frm-mobile-toolbar-menu[b-a2ygb76idm] {
        position: absolute !important;
        top: calc(100% + 4px) !important;
        right: 0 !important;
        z-index: 1202 !important;
        min-width: 188px !important;
        max-width: min(92vw, 260px) !important;
        padding: 4px !important;
        border: 1px solid #dadce0 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18) !important;
    }

    .frm-page .frm-mobile-toolbar-menu-item[b-a2ygb76idm] {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 40px !important;
        padding: 8px 12px !important;
        border: 0 !important;
        border-radius: 6px !important;
        background: transparent !important;
        color: #1f2937 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: left !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    .frm-page .frm-mobile-toolbar-menu-item:disabled[b-a2ygb76idm] {
        opacity: 0.45 !important;
        cursor: not-allowed !important;
    }

    .frm-page .frm-mobile-toolbar-menu-item:not(:disabled):active[b-a2ygb76idm],
    .frm-page .frm-mobile-toolbar-menu-item:not(:disabled):hover[b-a2ygb76idm] {
        background: #e8f0fe !important;
        color: #1a73e8 !important;
    }

    .frm-page .frm-mobile-toolbar-menu-item .ix-master-ico[b-a2ygb76idm] {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 auto !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    .frm-page.frm-is-mobile[b-a2ygb76idm] {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-width: 100% !important;
    }

    .frm-page[b-a2ygb76idm] {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .frm-page.frm-is-mobile .frm-card.frm-main[b-a2ygb76idm] {
        overflow-x: hidden !important;
        overflow-y: visible !important;
        max-width: 100% !important;
    }

    .frm-page.frm-is-mobile .entry-grid-wrap.frm-body-grid-mobile[b-a2ygb76idm] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
    }

    .frm-page.frm-is-mobile .frm-body-grid-mobile[b-a2ygb76idm]  .dxbl-grid {
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    .frm-page.frm-is-mobile .frm-toolbar-actions > .ix-master-toolbtn[b-a2ygb76idm],
    .frm-page.frm-is-mobile .frm-toolbar-actions > .ix-save-split[b-a2ygb76idm] {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }
}

/* Mobile line editor — centered dialog (portaled to body) */
body .frm-mobile-row-popup .dxbl-popup[b-a2ygb76idm],
.frm-mobile-row-popup .dxbl-popup[b-a2ygb76idm] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: min(400px, 94vw) !important;
    max-width: 94vw !important;
    height: auto !important;
    max-height: min(88dvh, 640px) !important;
    margin: 0 !important;
    border-radius: 12px !important;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .28);
}

body .frm-mobile-row-popup .dxbl-popup-header[b-a2ygb76idm],
.frm-mobile-row-popup[b-a2ygb76idm]  .dxbl-popup-header {
    background: linear-gradient(135deg, #8b7355 0%, #6d5a45 100%) !important;
    color: #fff !important;
    flex: 0 0 auto !important;
}

body .frm-mobile-row-popup .dxbl-popup-content[b-a2ygb76idm],
.frm-mobile-row-popup[b-a2ygb76idm]  .dxbl-popup-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body .frm-mobile-row-popup .dxbl-popup-body[b-a2ygb76idm],
.frm-mobile-row-popup[b-a2ygb76idm]  .dxbl-popup-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

body .frm-mobile-row-popup .dxbl-popup-footer[b-a2ygb76idm],
.frm-mobile-row-popup[b-a2ygb76idm]  .dxbl-popup-footer {
    flex: 0 0 auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border-top: 1px solid #ebe3d8;
    background: #fff !important;
}

.frm-mobile-row-form[b-a2ygb76idm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px 8px;
    max-height: min(68dvh, 520px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.frm-mobile-row-form-item[b-a2ygb76idm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.frm-mobile-row-form-label[b-a2ygb76idm] {
    font-size: 12px;
    font-weight: 800;
    color: #6d5a45;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.frm-mobile-row-form-editor[b-a2ygb76idm] {
    width: 100%;
}

.frm-mobile-row-form-editor[b-a2ygb76idm]  .grid-editor,
.frm-mobile-row-form-editor[b-a2ygb76idm]  .dxbl-text-edit,
.frm-mobile-row-form-editor[b-a2ygb76idm]  .dxbl-combobox,
.frm-mobile-row-form-editor[b-a2ygb76idm]  .dxbl-date-edit,
.frm-mobile-row-form-editor[b-a2ygb76idm]  input,
.frm-mobile-row-form-editor[b-a2ygb76idm]  textarea {
    width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important;
}

.frm-mobile-row-popup-footer[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 0;
}

.frm-mobile-row-footer-delete[b-a2ygb76idm] {
    margin-right: auto;
    border: 1px solid #fecaca;
    background: #fff5f5;
    color: #b91c1c;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.frm-mobile-row-footer-done[b-a2ygb76idm] {
    border: 0;
    background: #8b7355;
    color: #fff;
    border-radius: 10px;
    padding: 10px 28px;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    min-width: 88px;
}

.frm-mobile-combo-trigger[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #cfc0ae;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
    color: #1f2937;
    text-align: left;
    cursor: pointer;
}

.frm-mobile-combo-trigger.is-readonly[b-a2ygb76idm],
.frm-mobile-combo-trigger:disabled[b-a2ygb76idm] {
    background: #f7f3ef;
    color: #6b7280;
    cursor: default;
}

.frm-mobile-combo-trigger-text[b-a2ygb76idm] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frm-mobile-combo-trigger-icon[b-a2ygb76idm] {
    flex: 0 0 auto;
    color: #8b7355;
    font-size: 18px;
    line-height: 1;
}

body .frm-mobile-combo-popup .dxbl-popup[b-a2ygb76idm],
.frm-mobile-combo-popup .dxbl-popup[b-a2ygb76idm] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(400px, 94vw) !important;
    max-width: 94vw !important;
    max-height: min(80dvh, 560px) !important;
    z-index: 12050 !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 24px 56px rgba(15, 23, 42, .32);
}

body .frm-mobile-combo-popup .dxbl-popup-header[b-a2ygb76idm],
.frm-mobile-combo-popup[b-a2ygb76idm]  .dxbl-popup-header {
    background: linear-gradient(135deg, #8b7355 0%, #6d5a45 100%) !important;
    color: #fff !important;
}

.frm-mobile-combo-picker[b-a2ygb76idm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 12px;
    max-height: min(70dvh, 480px);
}

.frm-mobile-combo-search[b-a2ygb76idm] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #cfc0ae;
    border-radius: 10px;
    font-size: 16px;
}

.frm-mobile-combo-list[b-a2ygb76idm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    max-height: min(52dvh, 360px);
    -webkit-overflow-scrolling: touch;
}

.frm-mobile-combo-option[b-a2ygb76idm] {
    width: 100%;
    text-align: left;
    padding: 12px 14px;
    border: 1px solid #ebe3d8;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
    color: #1f2937;
    cursor: pointer;
}

.frm-mobile-combo-option.is-selected[b-a2ygb76idm] {
    border-color: #8b7355;
    background: #f7f3ef;
    font-weight: 700;
}

.frm-mobile-combo-option:active[b-a2ygb76idm] {
    background: #ebe3d8;
}

.frm-mobile-combo-empty[b-a2ygb76idm] {
    padding: 16px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

.frm-mobile-combo-clear[b-a2ygb76idm] {
    margin-top: 4px;
    padding: 10px;
    border: 0;
    background: transparent;
    color: #6d5a45;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
}

/* Spreadsheet popup — menu workspace (portaled; complements ix-menu-shell-extras.css) */
body:has(.workspace-shell.ix-menu-theme) .voucher-sheet-popup .voucher-sheet-context[b-a2ygb76idm] {
    color: #6d5a45 !important;
}

body:has(.workspace-shell.ix-menu-theme) .voucher-sheet-popup .voucher-sheet-grid th[b-a2ygb76idm] {
    background: #e0d5c8 !important;
    border-color: #cfc0ae !important;
}

body:has(.workspace-shell.ix-menu-theme) .voucher-sheet-popup .voucher-sheet-cell:focus[b-a2ygb76idm] {
    box-shadow: inset 0 0 0 2px #8b7355 !important;
}

/* Menu workspace — rectangular tabs (DevExpress-style) */
.workspace-shell.ix-menu-theme .frm-page .main-tab-btn[b-a2ygb76idm] {
    border-color: transparent !important;
    border-radius: 0 !important;
    color: #6d5a45 !important;
    background: transparent !important;
}

.workspace-shell.ix-menu-theme .frm-page .main-tab-btn.active[b-a2ygb76idm] {
    background: #ffffff !important;
    border: 1px solid #cfc0ae !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 4px 4px 0 0 !important;
    color: #8b7355 !important;
}

.workspace-shell.ix-menu-theme .frm-page .main-tab-btn:hover[b-a2ygb76idm] {
    background: transparent !important;
    border-color: transparent !important;
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    background: #e0d5c8 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    border-color: #cfc0ae !important;
    background: #ffffff !important;
    color: #3d342c !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #f7f3ef !important;
    border-color: #b8956f !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #8b7355 !important;
    color: #fff !important;
    border-color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-btn.dxbl-btn-primary {
    --dxbl-btn-bg: #8b7355;
    --dxbl-btn-border-color: #6d5a45;
    --dxbl-btn-color: #fff;
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-wrap {
    position: relative;
    width: 100%;
    min-width: 0;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-wrap .ix-barcode-scan-field,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-wrap .ix-barcode-scan-field .dxbl-edit {
    position: relative;
    z-index: 2;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row .ix-barcode-scan-wrap {
    flex: 1 1 auto;
    min-width: 0;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row-single .ix-barcode-scan-wrap {
    width: 100%;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn.dxbl-btn,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn.dxbl-btn-primary,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-barcode-scan-btn.dxbl-btn-primary {
    --dxbl-btn-bg: #e31e24 !important;
    --dxbl-btn-border-color: #e31e24 !important;
    --dxbl-btn-color: #ffffff !important;
    --dxbl-btn-hover-bg: #c62828 !important;
    --dxbl-btn-hover-border-color: #c62828 !important;
    --dxbl-btn-hover-color: #ffffff !important;
    --dxbl-btn-active-bg: #b71c1c !important;
    --dxbl-btn-active-border-color: #b71c1c !important;
    flex: 0 0 auto;
    min-width: 72px;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
    background-color: #e31e24 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(227, 30, 36, .25) !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    align-self: center;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn:hover,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn.dxbl-btn:hover,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-barcode-scan-btn.dxbl-btn-primary:hover {
    background: linear-gradient(180deg, #e53935 0%, #c62828 100%) !important;
    background-color: #c62828 !important;
    border-color: #c62828 !important;
    color: #ffffff !important;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn .dxbl-btn-text,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn .dxbl-btn-content,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-btn .dxbl-btn-text-content {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row:not(.ix-barcode-scan-row-single) .ix-barcode-scan-field.dxbl-text-edit {
    border: 1px solid #e53935 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row:not(.ix-barcode-scan-row-single) .ix-barcode-scan-field .dxbl-edit,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row:not(.ix-barcode-scan-row-single) .ix-barcode-scan-field input,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row:not(.ix-barcode-scan-row-single) .ix-barcode-scan-field .dxbl-edit-input {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row:not(.ix-barcode-scan-row-single) .ix-barcode-scan-field.dxbl-text-edit:focus-within {
    border-color: #e53935 !important;
    box-shadow: none !important;
}

:global(.ix-scan-popup.dxbl-popup)[b-a2ygb76idm] {
    max-width: calc(100vw - 18px) !important;
    width: calc(100vw - 18px) !important;
}

:global(.ix-scan-popup .ix-scan-popup-body)[b-a2ygb76idm] {
    padding: 10px;
}

:global(.ix-scan-popup .ix-scan-title)[b-a2ygb76idm] {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

:global(.ix-scan-popup .ix-scan-video)[b-a2ygb76idm] {
    width: 100%;
    height: min(54vh, 330px);
    object-fit: cover;
    border: 1px solid #d7e1ef;
    border-radius: 10px;
    background: #0f172a;
}

:global(.ix-scan-popup .ix-scan-manual)[b-a2ygb76idm] {
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px dashed #cbd5e1;
}

:global(.ix-scan-popup .ix-scan-manual-title)[b-a2ygb76idm] {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
}

:global(.ix-scan-popup .ix-scan-manual-actions)[b-a2ygb76idm],
:global(.ix-scan-popup .ix-scan-actions)[b-a2ygb76idm] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

:global(.ix-scan-popup .ix-scan-status)[b-a2ygb76idm] {
    margin-top: 7px;
    color: #475569;
    font-size: 12px;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-icon {
    display: none !important;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-field,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-field .dxbl-edit {
    min-height: 42px !important;
    height: 42px !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Desktop/single: restore visible input border (mobile uses red outer border above) */
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row-single .ix-barcode-scan-field.dxbl-text-edit {
    border: 1px solid rgba(0, 0, 0, .16) !important;
    border-radius: .55em !important;
    background-color: #ffffff !important;
    overflow: hidden;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-row-single .ix-barcode-scan-field.dxbl-text-edit:focus-within {
    border-color: rgba(0, 0, 0, .28) !important;
}

.frm-page[b-a2ygb76idm]  .ix-barcode-scan-field input,
.frm-page[b-a2ygb76idm]  .ix-barcode-scan-field .dxbl-edit-input {
    min-height: 42px !important;
    height: 42px !important;
    padding-left: 36px !important;
    padding-right: 12px !important;
    font-size: 15px !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h2v14H3V5zm16 0h2v14h-2V5zM7 7h1v10H7V7zm3 0h2v10h-2V7zm3 0h1v10h-1V7zm3 0h2v10h-2V7z' fill='%23cbd5e1'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    background-size: 22px 22px !important;
}

.ix-barcode-popup-box[b-a2ygb76idm] {
    width: min(430px, calc(100vw - 40px));
    padding: 18px 20px 16px;
    border: 1px solid rgba(128, 128, 128, .32);
    border-radius: .9rem;
    background: var(--dxbl-color-surface, #fff);
    color: var(--dxbl-color-on-surface, inherit);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .25);
    text-align: center;
}

.ix-barcode-popup-alert[b-a2ygb76idm] {
    border-color: rgba(220, 38, 38, .28);
    background: linear-gradient(180deg, rgba(254, 226, 226, .55) 0%, var(--dxbl-color-surface, #fff) 42%);
}

.ix-barcode-popup-title[b-a2ygb76idm] {
    font-weight: 800;
    font-size: 1rem;
    margin-bottom: 10px;
    color: inherit;
}

.ix-barcode-popup-alert .ix-barcode-popup-title[b-a2ygb76idm] {
    color: #991b1b;
}

.ix-barcode-popup-message[b-a2ygb76idm] {
    font-size: .92rem;
    line-height: 1.55;
    color: rgba(80, 80, 80, .92);
    white-space: pre-line;
}

.ix-barcode-popup-actions[b-a2ygb76idm] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.ix-barcode-popup-actions .ix-master-toolbtn[b-a2ygb76idm] {
    min-width: 88px;
    justify-content: center;
}

.workspace-shell.ix-menu-theme .ix-barcode-popup-box[b-a2ygb76idm] {
    border-color: rgba(141, 115, 85, .35);
    background: #fff;
}

.workspace-shell.ix-menu-theme .ix-barcode-popup-alert[b-a2ygb76idm] {
    border-color: rgba(185, 28, 28, .24);
    background: linear-gradient(180deg, rgba(254, 226, 226, .72) 0%, #fff 46%);
}

.workspace-shell.ix-menu-theme .ix-barcode-popup-alert .ix-barcode-popup-title[b-a2ygb76idm] {
    color: #7f1d1d;
}

.workspace-shell.ix-menu-theme .ix-barcode-popup-actions .ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

/* FormRenderer body grid — 22px rows, all white (no stripe) */
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table td {
    padding: 2px 8px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .grid-editor,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid input,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid select,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid textarea {
    min-height: 20px !important;
    height: 20px !important;
    padding: 1px 6px !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .grid-cell-display {
    min-height: 16px !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .ix-master-toolbtn.danger {
    min-height: 20px !important;
    height: 20px !important;
    padding: 1px 8px !important;
    font-size: 11px !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table tbody tr:nth-child(even):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table tbody tr:nth-child(odd):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td,
.workspace-shell.ix-menu-theme .frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table tbody tr:nth-child(even):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td,
.workspace-shell.ix-menu-theme .frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table tbody tr:nth-child(odd):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td {
    background: #ffffff !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td {
    background: #ffffff !important;
}

/* FormRenderer section panels — pure white (no tan/blue tint) */
.frm-page .section-card[b-a2ygb76idm],
.frm-page .tab-section-card[b-a2ygb76idm],
.frm-page .main-tab-strip[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .section-card[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .tab-section-card[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-strip[b-a2ygb76idm] {
    background: #ffffff !important;
}

/* FormRenderer — rectangular inputs (header, voucher, grid cells) */
.frm-page[b-a2ygb76idm]  .ix-master-editor,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.frm-page[b-a2ygb76idm]  .ix-master-editor input,
.frm-page[b-a2ygb76idm]  .ix-master-editor textarea,
.frm-page[b-a2ygb76idm]  .ix-master-editor .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page[b-a2ygb76idm]  .dxbl-combobox,
.frm-page[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page[b-a2ygb76idm]  .dxbl-button-edit,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-text-edit .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-combobox .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-date-edit .dxbl-edit-input,
.frm-page[b-a2ygb76idm]  .dxbl-spin-edit .dxbl-edit-input,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .grid-editor,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid input,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid select,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid textarea {
    border-radius: 3px !important;
}

/* Rectangular tabs — beats ix-blue-grid-theme.css pill overrides on FormRenderer */
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-strip[b-a2ygb76idm] {
    align-items: flex-end !important;
    gap: 2px !important;
    padding: 6px 10px 0 10px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-btn[b-a2ygb76idm] {
    border: 1px solid transparent !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #6d5a45 !important;
    margin-bottom: -1px !important;
    padding: 7px 14px 8px 14px !important;
    min-height: auto !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    background: #ffffff !important;
    border: 1px solid #cfc0ae !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 4px 4px 0 0 !important;
    color: #8b7355 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    background: transparent !important;
    border-color: transparent !important;
    color: #6d5a45 !important;
}

.frm-page.ix-blue-theme .main-tab-strip[b-a2ygb76idm] {
    align-items: flex-end !important;
    gap: 2px !important;
    padding: 6px 10px 0 10px !important;
}

.frm-page.ix-blue-theme .main-tab-btn[b-a2ygb76idm] {
    margin-bottom: -1px !important;
    padding: 7px 14px 8px 14px !important;
    min-height: auto !important;
}

/* =========================================================
   Form neatness — spacing, fonts, alignment (menu theme)
   ========================================================= */
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    gap: 10px !important;
    min-height: 42px !important;
    padding: 8px 12px !important;
    margin: 0 0 12px 0 !important;
    border-radius: 8px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-toolbar-actions[b-a2ygb76idm] {
    gap: 8px !important;
    flex-wrap: wrap !important;
    row-gap: 8px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 12px !important;
    gap: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    border-radius: 6px !important;
    flex: 0 0 auto !important;
    background: #ffffff !important;
    border-color: #cfc0ae !important;
    color: #3d342c !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-master-ico {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-part[b-a2ygb76idm] {
    font-size: 12px !important;
    padding: 0 12px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #f7f3ef !important;
    border-color: #b8956f !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #8b7355 !important;
    color: #fff !important;
    border-color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm] {
    background: #6d5a45 !important;
    border-color: #5c4a38 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.primary .ix-save-split-toggle[b-a2ygb76idm] {
    border-left-color: rgba(255, 255, 255, .35) !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-part:hover[b-a2ygb76idm] {
    background: rgba(255, 255, 255, .14) !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm] {
    gap: 14px !important;
    margin-bottom: 14px !important;
    align-items: stretch !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm] {
    padding: 12px 14px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card .section-title[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .voucher-fields-card .section-title[b-a2ygb76idm] {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #6d5a45 !important;
    margin-bottom: 10px !important;
    letter-spacing: .02em !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    min-height: 32px !important;
    padding: 4px 0 !important;
    align-items: center !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout label {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #5c4a38 !important;
    line-height: 1.2 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor .dxbl-edit,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor input,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .dxbl-text-edit,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .dxbl-combobox,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .dxbl-button-edit {
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm] {
    min-height: 28px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    color: #8b7355 !important;
    border-color: #8b7355 !important;
    background: rgba(139, 115, 85, .08) !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-left[b-a2ygb76idm] {
    background: #faf8f5 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-row[b-a2ygb76idm] {
    gap: 12px !important;
    padding: 10px 12px !important;
    align-items: center !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-left[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-right[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-actions[b-a2ygb76idm] {
    gap: 8px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-search-box[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .ix-grid-search[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-search input[b-a2ygb76idm] {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    border-color: #cfc0ae !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn[b-a2ygb76idm] {
    color: #3d342c !important;
    border-color: #cfc0ae !important;
    background: #fff !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .entry-grid th[b-a2ygb76idm] {
    background: #6d5a45 !important;
    border-color: #5c4a38 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-title[b-a2ygb76idm] {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #6d5a45 !important;
    letter-spacing: .01em !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-strip[b-a2ygb76idm] {
    gap: 4px !important;
    padding: 8px 12px 0 12px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-btn[b-a2ygb76idm] {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 8px 14px 9px 14px !important;
}

/* =========================================================
   Toolbar groups, icon-only tools, outline CTAs, polish
   ========================================================= */
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-toolbar-actions[b-a2ygb76idm] {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    row-gap: 8px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-toolbar-group[b-a2ygb76idm] {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    position: relative !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm] {
    padding-left: 10px !important;
    margin-left: 2px !important;
    border-left: 1px solid #cfc0ae !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-toolbar-after-favorite[b-a2ygb76idm] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn.outline[b-a2ygb76idm] {
    background: #fff !important;
    color: #8b7355 !important;
    border-color: #8b7355 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline:hover:not(:disabled)[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn.outline:hover:not(:disabled)[b-a2ygb76idm] {
    background: #f7f3ef !important;
    border-color: #6d5a45 !important;
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon[b-a2ygb76idm] {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    padding: 0 !important;
    justify-content: center !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn[b-a2ygb76idm] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn .ix-save-split-main[b-a2ygb76idm] {
    width: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    justify-content: center !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon .ix-toolbtn-label[b-a2ygb76idm] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm] {
    display: flex !important;
    flex-direction: column !important;
    padding: 12px 14px !important;
    background: #fff !important;
    border: 1px solid #e0d5c8 !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card .section-title-row[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .voucher-fields-card .voucher-header-row[b-a2ygb76idm] {
    min-height: 28px !important;
    margin-bottom: 8px !important;
    align-items: center !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    grid-template-columns: 110px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    min-height: 32px !important;
    padding: 5px 0 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout label {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .voucher-inline-action[b-a2ygb76idm] {
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-color: #cfc0ae !important;
    color: #6d5a45 !important;
    background: #fff !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-strip[b-a2ygb76idm] {
    background: #faf8f5 !important;
    border-bottom: 1px solid #cfc0ae !important;
    gap: 4px !important;
    padding: 8px 12px 0 12px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    background: #ebe3d8 !important;
    border: 1px solid #cfc0ae !important;
    border-bottom-color: #ebe3d8 !important;
    color: #3d342c !important;
    font-weight: 700 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .entry-grid th[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .ix-blue-theme .ix-blue-grid .dxbl-grid-header-row > th[b-a2ygb76idm],
.workspace-shell.ix-menu-theme .ix-blue-theme .ix-blue-grid .dxbl-grid-header-row > td[b-a2ygb76idm] {
    min-height: 32px !important;
    height: 32px !important;
    padding: 6px 8px !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .left-summary-value[b-a2ygb76idm] {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #3d342c !important;
}

/* Header columns: keep 2nd/3rd captions clear of prior controls */
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-gd,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-gd,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    column-gap: 10px !important;
    gap: 4px 10px !important;
}

.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    padding-right: 10px !important;
}

/* =========================================================
   Blue / Navy theme toolbar — light Modern Ice trial
   (was dark navy #0b1a3d). Revert block if not preferred.
   ========================================================= */
.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    margin: 0 0 12px 0 !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-toolbar-actions[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-toolbar-actions[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-toolbar-actions[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-toolbar-actions[b-a2ygb76idm] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    row-gap: 8px !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-toolbar-group[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-toolbar-group[b-a2ygb76idm] {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm] {
    padding-left: 10px !important;
    margin-left: 2px !important;
    border-left: 1px solid #E8EDF5 !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-toolbar-after-favorite[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-toolbar-after-favorite[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-toolbar-after-favorite[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-toolbar-after-favorite[b-a2ygb76idm] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn,
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    gap: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    border-radius: 8px !important;
    flex: 0 0 auto !important;
    background: #F5F7FB !important;
    border: 1px solid #E8EDF5 !important;
    color: #102A56 !important;
    box-shadow: none !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled),
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
    box-shadow: 0 2px 8px rgba(47, 128, 237, 0.12) !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm] {
    background: #d6e4f5 !important;
    border-color: #93c5fd !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline:hover:not(:disabled)[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline:hover:not(:disabled)[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline:hover:not(:disabled)[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline:hover:not(:disabled)[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #2F80ED !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.primary .ix-save-split-toggle[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.primary .ix-save-split-toggle[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.primary .ix-save-split-toggle[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.primary .ix-save-split-toggle[b-a2ygb76idm] {
    border-left-color: rgba(255, 255, 255, .35) !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-part:hover[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-part:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-part:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split .ix-save-split-part:hover[b-a2ygb76idm] {
    background: rgba(47, 128, 237, .10) !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon[b-a2ygb76idm] {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    padding: 0 !important;
    justify-content: center !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn[b-a2ygb76idm] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn .ix-save-split-main[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn .ix-save-split-main[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn .ix-save-split-main[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon.ix-notes-toolbtn .ix-save-split-main[b-a2ygb76idm] {
    width: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    justify-content: center !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon .ix-toolbtn-label[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon .ix-toolbtn-label[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon .ix-toolbtn-label[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-toolbtn-icon .ix-toolbtn-label[b-a2ygb76idm] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico[b-a2ygb76idm] {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    display: inline-block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    opacity: 1 !important;
    color: inherit !important;
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}


/* Graphite + Emerald form toolbar */
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
    padding: 8px 12px !important;
    margin: 0 0 12px 0 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm] {
    border-left: 1px solid #e2e8f0 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    background: #F8FAFC !important;
    border: 1px solid #e2e8f0 !important;
    color: #1E293B !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #1E293B !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.28) !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm] {
    background: #047857 !important;
    border-color: #065f46 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.outline[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border-color: #a7f3d0 !important;
    color: #1E293B !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico.ix-tool-ico-reload[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico.ix-tool-ico-reload[b-a2ygb76idm] {
    color: #10B981 !important;
    stroke: #10B981 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico.ix-tool-ico-smartfill[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-ico.ix-tool-ico-smartfill[b-a2ygb76idm] {
    color: #10B981 !important;
    stroke: #10B981 !important;
}

/* FormRenderer — tighter Header/Voucher alignment + modern card chrome */
.frm-page .header-voucher-grid[b-a2ygb76idm] {
    gap: 12px !important;
    align-items: stretch !important;
}

.frm-page .header-fields-card[b-a2ygb76idm],
.frm-page .voucher-fields-card[b-a2ygb76idm] {
    border-radius: 12px !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.frm-page .header-fields-card .section-title-row[b-a2ygb76idm],
.frm-page .voucher-fields-card .voucher-header-row[b-a2ygb76idm],
.frm-page .voucher-fields-card .section-title-row[b-a2ygb76idm] {
    min-height: 28px !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-gd,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-gd,
.frm-page .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-row {
    column-gap: 10px !important;
    gap: 4px 10px !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item,
.frm-page .voucher-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    align-items: center !important;
    min-height: 30px !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-combobox,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor,
.frm-page .header-voucher-grid[b-a2ygb76idm]  .ix-master-editor .dxbl-edit {
    min-height: 28px !important;
    height: 28px !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    color: #059669 !important;
    border-bottom-color: #10B981 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    color: #2F80ED !important;
}

/* Graphite/Navy — summary, tabs, badge, hovers (replace leftover blue) */
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #059669;
    --ix-accent-hover: #047857;
    --ix-accent-soft: rgba(5, 150, 105, 0.12);
    --ix-blue-primary: #059669;
    --ix-blue-header: #1E293B;
    --ix-blue-header-text: #ffffff;
    --ix-blue-footer-bg: #ecfdf5;
    --ix-blue-footer-text: #059669;
    --ix-blue-row-alt: #F8FAFC;
    --ix-blue-border: #e2e8f0;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-blue-primary: #2F80ED;
    --ix-blue-header: #E8F1FF;
    --ix-blue-header-text: #102A56;
    --ix-blue-footer-bg: #E8F1FF;
    --ix-blue-footer-text: #2F80ED;
    --ix-blue-row-alt: #F5F7FB;
    --ix-blue-border: #E8EDF5;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm] {
    border-left-color: #10B981 !important;
    border-color: #e2e8f0 !important;
    background: #FFFFFF !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm] {
    background: #ecfdf5 !important;
    color: #059669 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm] {
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm] {
    border-left-color: #2F80ED !important;
    border-color: #E8EDF5 !important;
    background: #FFFFFF !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm] {
    background: #E8F1FF !important;
    color: #2F80ED !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm] {
    border-color: #bfdbfe !important;
    background: #E8F1FF !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm] {
    color: #059669 !important;
    border-color: #10B981 !important;
    background: #ecfdf5 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm] {
    color: #2F80ED !important;
    border-color: #2F80ED !important;
    background: #E8F1FF !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):not(.primary)[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):not(.primary)[b-a2ygb76idm] {
    color: #059669 !important;
    border-color: #a7f3d0 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):hover:not(:disabled)[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):hover:not(:disabled)[b-a2ygb76idm] {
    background: #ecfdf5 !important;
    border-color: #10B981 !important;
    color: #047857 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):hover:not(:disabled)[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):hover:not(:disabled)[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #2F80ED !important;
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    color: #059669 !important;
    background: #ecfdf5 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    color: #059669 !important;
    border-color: #e2e8f0 !important;
    border-bottom-color: #ffffff !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    color: #2F80ED !important;
    background: #E8F1FF !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn:hover:not(:disabled)[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn:hover:not(:disabled)[b-a2ygb76idm] {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #1E293B !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn:hover:not(:disabled)[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .grid-toolbar-row .ix-master-toolbtn:hover:not(:disabled)[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit:focus-within,
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-spin-edit:focus-within,
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-date-edit:focus-within,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit:focus-within,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-spin-edit:focus-within,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-date-edit:focus-within {
    border-color: #10B981 !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.18) !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit:focus-within,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit:focus-within {
    border-color: #2F80ED !important;
    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.18) !important;
}

/* Light Glass — FormRenderer */
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-blue-primary: #2F80ED;
    --ix-blue-header: #E8F1FF;
    --ix-blue-header-text: #102A56;
    --ix-blue-footer-bg: #E8F1FF;
    --ix-blue-footer-text: #2F80ED;
    --ix-blue-row-alt: #EEF3FA;
    --ix-blue-border: #d6e4f5;
    background: #EEF3FA !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(79, 70, 229, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(79, 70, 229, 0.08) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm] {
    border-left: 1px solid rgba(79, 70, 229, 0.14) !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(79, 70, 229, 0.14) !important;
    color: #1e1b4b !important;
    border-radius: 12px !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
    box-shadow: 0 2px 8px rgba(47, 128, 237, 0.12) !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm] {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(79, 70, 229, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(79, 70, 229, 0.08) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm] {
    border-left-color: #2F80ED !important;
    border-color: #d6e4f5 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 14px !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm] {
    background: #E8F1FF !important;
    color: #2F80ED !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm] {
    color: #2F80ED !important;
    border-color: #2F80ED !important;
    background: #E8F1FF !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    color: #2F80ED !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    color: #2F80ED !important;
    background: #E8F1FF !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within {
    border-color: #2F80ED !important;
    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.18) !important;
}

/* Light header text for Navy / Glass ice headers */
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td {
    color: #102A56 !important;
    border-color: #d6e4f5 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content {
    color: #102A56 !important;
}

/* Platinum + Sapphire — FormRenderer */
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-blue-primary: #2563EB;
    --ix-blue-header: #F8FAFC;
    --ix-blue-header-text: #0F172A;
    --ix-blue-footer-bg: #F8FAFC;
    --ix-blue-footer-text: #2563EB;
    --ix-blue-row-alt: #F3F5F8;
    --ix-blue-border: #E4EAF2;
    --ix-status-draft: #FEF3C7;
    --ix-status-approved: #DCFCE7;
    --ix-status-rejected: #FEE2E2;
    --ix-status-completed: #DBEAFE;
    background: #F3F5F8 !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm] {
    border-left: 1px solid #E4EAF2 !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    color: #0F172A !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #EEF5FF !important;
    border-color: #DBEAFE !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #2563EB !important;
    border-color: #1D4ED8 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.24) !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm] {
    background: #1D4ED8 !important;
    border-color: #1D4ED8 !important;
    color: #FFFFFF !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm] {
    border-left-color: #2563EB !important;
    border-color: #E4EAF2 !important;
    background: #FFFFFF !important;
    border-radius: 10px !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm] {
    background: #DBEAFE !important;
    color: #2563EB !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm] {
    background: #EEF5FF !important;
    border-color: #DBEAFE !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm] {
    color: #2563EB !important;
    border-color: #2563EB !important;
    background: #DBEAFE !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    color: #2563EB !important;
    border-bottom-color: #2563EB !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    color: #2563EB !important;
    background: #EEF5FF !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within {
    border-color: #2563EB !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18) !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td {
    background: #F8FAFC !important;
    color: #0F172A !important;
    border-color: #E4EAF2 !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content {
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid tr.dxbl-grid-selected-row > td,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid tr.dxbl-grid-focused-row.dxbl-grid-selected-row > td,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid tr.dxbl-grid-selected-row > td,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid tr.dxbl-grid-focused-row.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid tr.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid tr.dxbl-grid-selected-row > td {
    background-color: #EAF4FF !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td {
    background-color: #EEF5FF !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .status-chip.draft[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .status-chip.draft[b-a2ygb76idm] { background: #FEF3C7 !important; color: #92400E !important; }
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .status-chip.approved[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .status-chip.approved[b-a2ygb76idm] { background: #DCFCE7 !important; color: #166534 !important; }
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .status-chip.rejected[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .status-chip.rejected[b-a2ygb76idm] { background: #FEE2E2 !important; color: #991B1B !important; }
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .status-chip.completed[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .status-chip.completed[b-a2ygb76idm] { background: #DBEAFE !important; color: #1D4ED8 !important; }

/* Charcoal + Copper — FormRenderer */
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-blue-primary: #A65E2E;
    --ix-blue-header: #F5E6D3;
    --ix-blue-header-text: #2A2A2A;
    --ix-blue-footer-bg: #F7F5F2;
    --ix-blue-footer-text: #A65E2E;
    --ix-blue-row-alt: #F7F5F2;
    --ix-blue-border: #DDD6CE;
    background: #F7F5F2 !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(45, 42, 38, 0.05) !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-toolbar-group + .frm-toolbar-group[b-a2ygb76idm] {
    border-left: 1px solid #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    color: #2A2A2A !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar[b-a2ygb76idm]  .ix-doc-host-toolbar-btn.ix-master-toolbtn:hover:not(:disabled) {
    background: #FFF4E8 !important;
    border-color: #DDD6CE !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary[b-a2ygb76idm] {
    background: #A65E2E !important;
    border-color: #8f5127 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(166, 94, 46, 0.28) !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar .ix-master-toolbtn.primary:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main-toolbar .ix-save-split.ix-master-toolbtn.primary:hover[b-a2ygb76idm] {
    background: #8f5127 !important;
    border-color: #8f5127 !important;
    color: #FFFFFF !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .header-fields-card[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .voucher-fields-card[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(45, 42, 38, 0.05) !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .left-summary-item[b-a2ygb76idm] {
    border-left-color: #B87333 !important;
    border-color: #DDD6CE !important;
    background: #FFFFFF !important;
    border-radius: 10px !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .left-summary-icon[b-a2ygb76idm] {
    background: #F5E6D3 !important;
    color: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .left-summary-item:hover[b-a2ygb76idm] {
    background: #FFF4E8 !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .voucher-mode-badge[b-a2ygb76idm] {
    color: #A65E2E !important;
    border-color: #B87333 !important;
    background: #F5E6D3 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    color: #A65E2E !important;
    border-bottom-color: #B87333 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    color: #A65E2E !important;
    background: #FFF4E8 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within {
    border-color: #B87333 !important;
    box-shadow: 0 0 0 2px rgba(184, 115, 51, 0.18) !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td {
    background: #F5E6D3 !important;
    color: #2A2A2A !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-header-cell-content,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-content,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-cell-content {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid tr.dxbl-grid-selected-row > td,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid tr.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid tr.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid tr.dxbl-grid-selected-row > td {
    background-color: #FFF8F0 !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-blue-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td {
    background-color: #FFF4E8 !important;
}

/* ===== Title meta row + full-width Header (option B) ===== */
.frm-page .frm-title-meta-row[b-a2ygb76idm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 18px;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
    padding: 2px 2px 8px 2px;
    border-bottom: 2px solid var(--ix-accent, #0d6efd);
}

.frm-page .frm-title-meta-left[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.frm-page .frm-title-meta-name[b-a2ygb76idm] {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
    color: inherit;
    letter-spacing: .01em;
}

.frm-page .frm-title-meta-row .voucher-mode-badge[b-a2ygb76idm] {
    min-height: 22px;
    padding: 0 10px;
    font-size: .72rem;
    border-radius: 999px;
}

.frm-page .frm-title-meta-row .voucher-mode-badge.new-mode[b-a2ygb76idm] {
    border-color: rgba(190, 24, 93, .45);
    color: #be185d;
    background: rgba(251, 207, 232, .55);
}

.frm-page .frm-title-meta-row .voucher-mode-badge.edit-mode[b-a2ygb76idm] {
    border-color: rgba(13, 110, 253, .55);
    color: #0d6efd;
    background: rgba(13, 110, 253, .08);
}

.frm-page .frm-title-meta-row .voucher-mode-badge.cancelled-mode[b-a2ygb76idm] {
    border-color: rgba(185, 28, 28, .55);
    color: #b91c1c;
    background: rgba(254, 226, 226, .65);
}

.frm-page .frm-title-meta-fields[b-a2ygb76idm] {
    display: flex;
    align-items: flex-end;
    gap: 10px 14px;
    flex-wrap: wrap;
    min-width: 0;
    justify-content: flex-end;
}

.frm-page .frm-title-meta-field[b-a2ygb76idm] {
    min-width: 118px;
    max-width: 200px;
    flex: 0 1 160px;
}

.frm-page .frm-title-meta-field.is-voucher-no[b-a2ygb76idm] {
    min-width: 220px;
    max-width: 420px;
    flex: 1 1 260px;
}

.frm-page .frm-title-meta-caption[b-a2ygb76idm] {
    font-size: 11px;
    font-weight: 700 !important;
    line-height: 1.15;
    margin: 0 0 4px 0;
    opacity: .85;
    white-space: nowrap;
}

.frm-page .frm-title-meta-field[b-a2ygb76idm]  .ix-form-layout,
.frm-page .frm-title-meta-field[b-a2ygb76idm]  .dxbl-fl-item {
    margin: 0 !important;
    padding: 0 !important;
}

.frm-page .frm-title-meta-calc[b-a2ygb76idm] {
    margin-left: 4px;
}

.frm-page .header-voucher-grid.frm-header-only[b-a2ygb76idm] {
    grid-template-columns: minmax(0, 1fr) !important;
}

.frm-page .header-voucher-grid.frm-header-only > .compact-card[b-a2ygb76idm] {
    width: 100%;
}

@media (max-width: 900px) {
    .frm-page .frm-title-meta-row[b-a2ygb76idm] {
        align-items: flex-start;
    }

    .frm-page .frm-title-meta-fields[b-a2ygb76idm] {
        width: 100%;
        justify-content: flex-start;
    }

    .frm-page .frm-title-meta-field[b-a2ygb76idm] {
        flex: 1 1 140px;
        max-width: none;
    }
}

/* ===== Bottom summary + transaction details (left panel removed) ===== */
.frm-page .frm-left[b-a2ygb76idm] {
    display: none !important;
}

.frm-page .frm-main[b-a2ygb76idm] {
    min-width: 0;
    min-height: 0;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.frm-page .frm-main-body[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 4px;
    display: flex;
    flex-direction: column;
}

.frm-page .frm-bottom-summary-band.frm-bottom-summary-sticky[b-a2ygb76idm] {
    flex: 0 0 auto;
    position: relative;
    z-index: 25;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, .08);
}

.frm-page .frm-bottom-transaction-card[b-a2ygb76idm] {
    margin-top: 10px;
    margin-bottom: 8px;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
}

.frm-page .frm-bottom-summary-band[b-a2ygb76idm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px 32px;
    margin-top: 8px;
    padding: 14px 18px;
    min-height: 52px;
    border: 1px solid color-mix(in srgb, var(--ix-accent, #0d6efd) 28%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--ix-accent, #0d6efd) 10%, #ffffff);
}

.frm-page .frm-bottom-summary-item[b-a2ygb76idm] {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.frm-page .frm-bottom-summary-caption[b-a2ygb76idm] {
    font-size: 13px;
    font-weight: 600;
    opacity: .9;
    white-space: nowrap;
    color: inherit;
}

.frm-page .frm-bottom-summary-value[b-a2ygb76idm] {
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    color: var(--ix-accent, #0d6efd);
}

.frm-page.ix-blue-theme .frm-bottom-summary-band[b-a2ygb76idm] {
    background: color-mix(in srgb, var(--ix-accent, #0d6efd) 10%, #ffffff);
    border-color: color-mix(in srgb, var(--ix-accent, #0d6efd) 28%, transparent);
}

.frm-page.ix-blue-theme .frm-bottom-summary-value[b-a2ygb76idm] {
    color: var(--ix-accent, #0d6efd);
}

@media (max-width: 900px) {
    .frm-page .frm-bottom-summary-band[b-a2ygb76idm] {
        justify-content: flex-start;
        gap: 8px 16px;
        padding: 8px 4px;
    }
}

/* ===== Compact 4-column Header ===== */
.frm-page .header-voucher-grid.frm-header-only > .compact-card.header-fields-card.frm-header-side-label[b-a2ygb76idm] {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    flex-direction: unset !important;
    align-items: stretch !important;
    gap: 8px !important;
    min-height: 0 !important;
    height: var(--upper-form-height, 200px) !important;
    max-height: var(--upper-form-height, 200px) !important;
    padding: 6px 10px 6px 4px !important;
    overflow: hidden !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-scroll-body[b-a2ygb76idm] {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 6px 8px 6px 4px !important;
    flex: unset !important;
}

/* Caption above editor — keep labels fully visible (no crop) */
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
.frm-page .header-fields-card.frm-header-side-label[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    align-content: start !important;
    min-height: 48px !important;
    height: auto !important;
    padding-top: 2px !important;
    padding-bottom: 6px !important;
    overflow: visible !important;
}

.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label,
.frm-page .header-fields-card.frm-header-side-label[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
.frm-page .header-fields-card.frm-header-side-label[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
.frm-page .header-fields-card.frm-header-side-label[b-a2ygb76idm]  .ix-header-form-layout label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 14px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    padding: 0 0 4px 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    opacity: 1 !important;
}

.frm-page .header-voucher-grid.frm-header-only[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item {
    padding-top: 2px !important;
    padding-bottom: 6px !important;
    min-height: 48px !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .dxbl-fl-item {
    grid-template-columns: 0 minmax(0, 1fr) !important;
    column-gap: 0 !important;
    min-height: 32px !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .dxbl-fl-caption,
.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .dxbl-fl-cpt,
.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  label {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button {
    width: 100% !important;
    min-height: 28px !important;
    height: 28px !important;
    justify-content: center !important;
}

.frm-page .frm-title-meta-field[b-a2ygb76idm] {
    min-width: 100px;
    max-width: 170px;
    flex: 0 1 140px;
}

.frm-page .frm-title-meta-fields[b-a2ygb76idm] {
    gap: 8px 10px;
}

/* ===== Vertical Header side label (+ on top, HEADER below, top→bottom) ===== */
.frm-page .frm-header-side-rail[b-a2ygb76idm] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 100% !important;
    align-self: stretch !important;
    padding: 8px 2px 6px 2px;
    border-radius: 10px;
    background: rgba(128, 128, 128, .08);
    border: 1px solid rgba(128, 128, 128, .18);
    box-sizing: border-box;
}

.frm-page .frm-header-side-stack[b-a2ygb76idm] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    margin-top: 0;
}

.frm-page .frm-header-side-add[b-a2ygb76idm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    order: 1;
}

.frm-page .frm-header-side-title[b-a2ygb76idm] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    transform: none;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1.05;
    white-space: nowrap;
    opacity: 1;
    user-select: none;
    text-transform: uppercase;
    order: 2;
}

.frm-page .frm-header-side-rail .ix-tab-title-with-add[b-a2ygb76idm],
.frm-page .frm-header-side-rail[b-a2ygb76idm]  .tab-add-field-btn,
.frm-page .frm-header-side-rail[b-a2ygb76idm]  button {
    margin: 0 !important;
}

.frm-page .header-fields-card.frm-header-side-label .header-scroll-body[b-a2ygb76idm] {
    min-width: 0;
}

.frm-page .frm-dismissible-alert[b-a2ygb76idm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.frm-page .frm-dismissible-alert-text[b-a2ygb76idm] {
    flex: 1 1 auto;
    min-width: 0;
}

.frm-page .frm-dismissible-alert-close[b-a2ygb76idm] {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(185, 28, 28, .35);
    border-radius: 6px;
    background: rgba(255, 255, 255, .65);
    color: #991b1b;
    cursor: pointer;
    padding: 0;
}

.frm-page .frm-dismissible-alert-close:hover[b-a2ygb76idm] {
    background: #fff;
}

.frm-page .frm-dismissible-alert-close svg[b-a2ygb76idm] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
}

@media (max-width: 700px) {
    .frm-page .header-voucher-grid.frm-header-only > .compact-card.header-fields-card.frm-header-side-label[b-a2ygb76idm] {
        grid-template-columns: 32px minmax(0, 1fr) !important;
    }

    .frm-page .frm-header-side-rail[b-a2ygb76idm] {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    }

    .frm-page .frm-header-side-title[b-a2ygb76idm] {
        font-size: 11px;
    }
}

/* ===== Charcoal + Copper alignment for new FormRenderer chrome ===== */
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-header-side-rail[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-header-side-rail[b-a2ygb76idm] {
    background: #F5E6D3 !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-header-side-title[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-header-side-title[b-a2ygb76idm] {
    color: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-title-meta-name[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-title-meta-name[b-a2ygb76idm] {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-title-meta-row[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-title-meta-row[b-a2ygb76idm] {
    border-bottom-color: var(--ix-accent, #B87333) !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-title-meta-row .voucher-mode-badge.new-mode[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-title-meta-row .voucher-mode-badge.new-mode[b-a2ygb76idm] {
    color: #A65E2E !important;
    border-color: #B87333 !important;
    background: #F5E6D3 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-bottom-summary-band[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-bottom-summary-band[b-a2ygb76idm] {
    background: #F5E6D3 !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-bottom-summary-value[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-bottom-summary-value[b-a2ygb76idm] {
    color: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-bottom-summary-caption[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-bottom-summary-caption[b-a2ygb76idm] {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button {
    border-color: #B87333 !important;
    color: #A65E2E !important;
    background: #FFF8F0 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button:hover,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button:hover {
    background: #F5E6D3 !important;
    border-color: #A65E2E !important;
    color: #8f5127 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .header-voucher-grid.frm-header-only .header-scroll-body[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .header-voucher-grid.frm-header-only .header-scroll-body[b-a2ygb76idm] {
    scrollbar-color: #B87333 #F5E6D3;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-dismissible-alert.alert-danger[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-dismissible-alert.alert-danger[b-a2ygb76idm] {
    border-color: #DDD6CE !important;
}

/* ===== Charcoal / Brown theme — FormRenderer full alignment ===== */
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm] {
    background: #F7F1EA !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-main[b-a2ygb76idm],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-card[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-main[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-card[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-title-meta-row[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-title-meta-row[b-a2ygb76idm] {
    border-bottom: 2px solid var(--ix-accent, #B87333) !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-title-meta-caption[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-title-meta-caption[b-a2ygb76idm] {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-header-side-rail[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-header-side-rail[b-a2ygb76idm] {
    background: #F5E6D3 !important;
    border-color: #B87333 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-header-side-title[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-header-side-title[b-a2ygb76idm] {
    color: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .header-fields-card.frm-header-side-label[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .header-fields-card.frm-header-side-label[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .tab-section-card[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .tab-section-card[b-a2ygb76idm] {
    background: #FFFFFF !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    color: #A65E2E !important;
    border-bottom-color: #B87333 !important;
    background: #F5E6D3 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .grid-toolbar-actions .ix-master-toolbtn[b-a2ygb76idm],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-grid-toolbar-desktop .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .grid-toolbar-actions .ix-master-toolbtn[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-grid-toolbar-desktop .ix-master-toolbtn[b-a2ygb76idm] {
    border-color: #DDD6CE !important;
    color: #2A2A2A !important;
    background: #FFF8F0 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .grid-toolbar-actions .ix-master-toolbtn:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .grid-toolbar-actions .ix-master-toolbtn:hover[b-a2ygb76idm] {
    background: #F5E6D3 !important;
    border-color: #B87333 !important;
    color: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-bottom-summary-band[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-bottom-summary-band[b-a2ygb76idm] {
    background: #F5E6D3 !important;
    border: 1px solid #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-bottom-summary-value[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-bottom-summary-value[b-a2ygb76idm] {
    color: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .voucher-inline-action[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .voucher-inline-action[b-a2ygb76idm] {
    border-color: #DDD6CE !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .voucher-inline-action:hover[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .voucher-inline-action:hover[b-a2ygb76idm] {
    border-color: #B87333 !important;
    color: #A65E2E !important;
    background: #FFF4E8 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-spin-edit,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-date-edit,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-spin-edit,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-date-edit {
    border-color: #DDD6CE !important;
}

@media (max-width: 700px) {
    .frm-page .header-voucher-grid.frm-header-only > .compact-card.header-fields-card.frm-header-side-label[b-a2ygb76idm] {
        grid-template-columns: 32px minmax(0, 1fr) !important;
    }
}

/* ===== FINAL: stop Header caption top-crop (must win) ===== */
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    align-content: start !important;
    justify-items: stretch !important;
    min-height: 56px !important;
    height: auto !important;
    max-height: none !important;
    padding: 6px 8px 8px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-caption,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-form-layout .dxbl-fl-cpt,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-form-layout label {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 16px !important;
    margin: 0 0 4px 0 !important;
    padding: 2px 0 2px 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-scroll-body[b-a2ygb76idm],
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card .header-scroll-body[b-a2ygb76idm] {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-top: 8px !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-gd,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row {
    overflow: visible !important;
    align-items: start !important;
}

/* ===== Fix left-cropped captions + align header buttons ===== */
.frm-page .header-voucher-grid.frm-header-only > .compact-card.header-fields-card.frm-header-side-label[b-a2ygb76idm] {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding-left: 6px !important;
}

.frm-page .frm-header-side-rail[b-a2ygb76idm] {
    overflow: hidden !important;
    z-index: 1 !important;
    flex-shrink: 0 !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-scroll-body[b-a2ygb76idm],
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card .header-scroll-body[b-a2ygb76idm],
.frm-page .header-fields-card.frm-header-side-label .header-scroll-body[b-a2ygb76idm] {
    padding-left: 14px !important;
    padding-right: 10px !important;
    padding-top: 8px !important;
    margin-left: 0 !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    z-index: 2 !important;
    position: relative !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-gd,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item {
    padding-left: 4px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-caption,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-cpt,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout label {
    padding-left: 2px !important;
    text-indent: 0 !important;
    margin-left: 0 !important;
    clip-path: none !important;
    overflow: visible !important;
}

/* Buttons sit on the same control line as sibling editors */
.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .dxbl-fl-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-content: start !important;
    align-items: start !important;
    justify-items: stretch !important;
    min-height: 56px !important;
    height: auto !important;
    padding-top: 22px !important; /* reserve caption band so button lines up with editors */
    padding-bottom: 8px !important;
    padding-left: 4px !important;
    padding-right: 10px !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .dxbl-fl-editor,
.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .dxbl-fl-item > div:not(.dxbl-fl-caption):not(.dxbl-fl-cpt) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Sticky summary — always pinned under scrollable form body */
.frm-page .frm-main > .frm-main-toolbar[b-a2ygb76idm],
.frm-page .frm-main > .alert[b-a2ygb76idm],
.frm-page .frm-main > .ix-save-error-box[b-a2ygb76idm],
.frm-page .frm-main > .frm-dismissible-alert[b-a2ygb76idm] {
    flex: 0 0 auto;
}

.frm-page .frm-bottom-summary-band.frm-bottom-summary-sticky[b-a2ygb76idm] {
    flex: 0 0 auto !important;
    position: sticky;
    bottom: 0;
    z-index: 30 !important;
    margin-top: 6px !important;
    min-height: 52px !important;
    padding: 14px 18px !important;
    background: color-mix(in srgb, var(--ix-accent, #0d6efd) 12%, #ffffff) !important;
    backdrop-filter: blur(6px);
    border-color: color-mix(in srgb, var(--ix-accent, #0d6efd) 30%, transparent) !important;
}

.frm-page.ix-blue-theme .frm-bottom-summary-band.frm-bottom-summary-sticky[b-a2ygb76idm] {
    background: color-mix(in srgb, var(--ix-accent, #0d6efd) 12%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--ix-accent, #0d6efd) 30%, transparent) !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-bottom-summary-band.frm-bottom-summary-sticky[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-bottom-summary-band.frm-bottom-summary-sticky[b-a2ygb76idm] {
    background: rgba(245, 230, 211, .97) !important;
    border-color: #DDD6CE !important;
    box-shadow: 0 -6px 16px rgba(45, 42, 38, .1) !important;
}

@media (max-width: 900px) {
    .frm-page .frm-main-body[b-a2ygb76idm] {
        overflow: auto;
    }
}

/* ===== Grid-only scroll + sticky header/summary + polish ===== */
.frm-page .frm-main-body[b-a2ygb76idm] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.frm-page .frm-sticky-header-zone[b-a2ygb76idm] {
    flex: 0 0 auto !important;
    min-width: 0;
    background: inherit;
    z-index: 12;
}

.frm-page .frm-tab-workbench[b-a2ygb76idm] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    margin-top: 8px !important;
}

.frm-page .frm-tab-workbench .main-tab-strip[b-a2ygb76idm],
.frm-page .frm-tab-workbench .grid-toolbar-row[b-a2ygb76idm],
.frm-page .frm-tab-workbench .frm-mobile-body-panel[b-a2ygb76idm] {
    flex: 0 0 auto !important;
}

.frm-page .frm-tab-panel-fill[b-a2ygb76idm] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Scroll host only — do not restyle DxGrid / cell sizing */
.frm-page .frm-grid-scroll-host[b-a2ygb76idm] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
}

/* Item Body: grid scrolls internally so column captions stay fixed */
.frm-page .entry-grid-wrap.frm-grid-scroll-host[b-a2ygb76idm] {
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.frm-page .entry-grid-wrap.frm-grid-scroll-host[b-a2ygb76idm]  .ix-form-body-grid {
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
}

.frm-page .frm-title-meta-fields[b-a2ygb76idm] {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 10px 12px !important;
}

.frm-page .frm-meta-cluster[b-a2ygb76idm] {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
}

.frm-page .frm-meta-cluster-divider[b-a2ygb76idm] {
    align-self: stretch !important;
    width: 1px !important;
    min-height: 36px !important;
    margin: 0 4px !important;
    background: rgba(128, 128, 128, .28) !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button {
    width: auto !important;
    min-width: 120px !important;
    max-width: 100% !important;
    min-height: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    padding: 0 12px !important;
    background: transparent !important;
    border: 1px solid color-mix(in srgb, var(--ix-accent, #0d6efd) 45%, transparent) !important;
    color: var(--ix-accent, #0d6efd) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button:hover {
    background: color-mix(in srgb, var(--ix-accent, #0d6efd) 10%, transparent) !important;
}

.frm-page .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .dxbl-fl-item {
    padding-top: 22px !important;
    justify-items: start !important;
}

.frm-page .main-tab-btn.active[b-a2ygb76idm] {
    background: color-mix(in srgb, var(--ix-accent, #0d6efd) 12%, transparent) !important;
    border: none !important;
    border-bottom: 2px solid var(--ix-accent, #0d6efd) !important;
    border-radius: 6px 6px 0 0 !important;
    color: var(--ix-accent, #0d6efd) !important;
    font-weight: 800 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .frm-meta-cluster-divider[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .frm-meta-cluster-divider[b-a2ygb76idm] {
    background: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    background: #F5E6D3 !important;
    border-color: #B87333 !important;
    color: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button {
    border-color: #B87333 !important;
    color: #A65E2E !important;
    background: transparent !important;
}

/* Tighten header field gaps (override earlier wide gaps) */
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-gd,
.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-gd,
.frm-page.frm-header-3col .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-row {
    column-gap: 8px !important;
    row-gap: 2px !important;
    gap: 2px 8px !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item,
.frm-page.frm-header-3col .header-voucher-grid .header-fields-card[b-a2ygb76idm]  .ix-header-form-layout .dxbl-fl-item {
    padding: 2px 6px 4px 2px !important;
    min-height: 48px !important;
}

/* ===== Gentle vertical tighten (more grid rows) + column lines ===== */
.frm-page[b-a2ygb76idm] {
    padding: 8px !important;
    gap: 8px !important;
}

.frm-main[b-a2ygb76idm] {
    padding: 6px 8px !important;
}

.frm-page .frm-main-toolbar[b-a2ygb76idm] {
    margin: 0 0 4px !important;
    padding: 2px 2px 5px !important;
}

.frm-page .frm-title-meta-row[b-a2ygb76idm] {
    margin: 0 0 4px 0 !important;
    padding: 0 2px 6px 2px !important;
    border-bottom: 2px solid var(--ix-accent, #0d6efd) !important;
}

.frm-page .header-voucher-grid[b-a2ygb76idm],
.frm-page .header-voucher-grid.frm-header-only[b-a2ygb76idm] {
    margin-bottom: 4px !important;
    gap: 6px !important;
}

.frm-page .frm-tab-workbench[b-a2ygb76idm] {
    margin-top: 2px !important;
}

/* Header: lock to ~3 rows; rest scrolls */
.frm-page .header-voucher-grid.frm-header-only > .compact-card.header-fields-card.frm-header-side-label[b-a2ygb76idm] {
    height: var(--upper-form-height, 174px) !important;
    min-height: 0 !important;
    max-height: var(--upper-form-height, 174px) !important;
    overflow: hidden !important;
}

.frm-page .header-voucher-grid.frm-header-only .header-scroll-body[b-a2ygb76idm],
.frm-page .header-fields-card.frm-header-side-label .header-scroll-body[b-a2ygb76idm] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    height: 100% !important;
}

/* Vertical column lines (keep existing row separators) */
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > thead > tr > th,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tbody > tr > td,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tfoot > tr > td {
    border-right: 1px solid #dee2e6 !important;
}

.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > thead > tr > th:last-child,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tbody > tr > td:last-child,
.frm-page .entry-grid-wrap[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-table > tfoot > tr > td:last-child {
    border-right: none !important;
}

/* Header 5-col fluid grid — fills card; editors stretch */
.frm-page .frm-header-fluid-grid[b-a2ygb76idm] {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.frm-page .frm-header-fluid-cell[b-a2ygb76idm] {
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
}

.frm-page .frm-header-fluid-cell.is-full-width[b-a2ygb76idm] {
    grid-column: 1 / -1 !important;
}

.frm-page .frm-header-fluid-caption[b-a2ygb76idm] {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    opacity: .9 !important;
    min-height: 14px !important;
}

.frm-page .frm-header-fluid-editor[b-a2ygb76idm] {
    min-width: 0 !important;
    width: 100% !important;
}

.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .ix-master-editor,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .dxbl-text-edit,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .dxbl-combobox,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .dxbl-dropdown-edit,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .dxbl-spin-edit,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .dxbl-date-edit,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .dxbl-button-edit,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .combo-master-wrap,
.frm-page .frm-header-fluid-editor[b-a2ygb76idm]  .ix-master-field-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.frm-page .frm-header-fluid-cell.is-button-field[b-a2ygb76idm] {
    justify-content: flex-end !important;
    padding-top: 16px !important;
}

.frm-page .frm-header-fluid-cell.is-button-field .frm-header-fluid-editor[b-a2ygb76idm]  .ix-master-field-button {
    min-height: 28px !important;
    height: 28px !important;
}

@media (max-width: 900px) {
    .frm-page .frm-header-fluid-grid[b-a2ygb76idm] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

.frm-page.frm-is-mobile .frm-header-fluid-cell.is-extra[b-a2ygb76idm] {
    display: none !important;
}

.frm-page.frm-is-mobile .header-fields-card.frm-header-expanded .frm-header-fluid-cell.is-extra[b-a2ygb76idm] {
    display: flex !important;
}

/* Text-file flag: bold (with hi/ro/req/etc) → bold caption +4pt */
.frm-page .frm-title-meta-field.is-field-bold .frm-title-meta-caption[b-a2ygb76idm],
.frm-page .frm-header-fluid-cell.is-field-bold .frm-header-fluid-caption[b-a2ygb76idm],
.frm-page .frm-bottom-summary-item.is-field-bold .frm-bottom-summary-caption[b-a2ygb76idm],
.frm-page .frm-bottom-summary-item.is-field-bold .frm-bottom-summary-value[b-a2ygb76idm],
.frm-page[b-a2ygb76idm]  .dxbl-fl-item.is-field-bold .dxbl-fl-caption,
.frm-page[b-a2ygb76idm]  .dxbl-fl-item.is-field-bold .dxbl-fl-cpt,
.frm-page[b-a2ygb76idm]  .dxbl-fl-item.is-field-bold label {
    font-weight: 700 !important;
    font-size: calc(1em + 4pt) !important;
}

.frm-page .frm-title-meta-field.is-field-bold .frm-title-meta-caption[b-a2ygb76idm] {
    font-size: 15px !important; /* base 11px + 4 */
}

.frm-page .frm-header-fluid-cell.is-field-bold .frm-header-fluid-caption[b-a2ygb76idm] {
    font-size: 15px !important; /* base 11px + 4 */
}

.frm-page .frm-bottom-summary-item.is-field-bold .frm-bottom-summary-caption[b-a2ygb76idm] {
    font-size: 17px !important; /* base 13px + 4 */
}

.frm-page .frm-bottom-summary-item.is-field-bold .frm-bottom-summary-value[b-a2ygb76idm] {
    font-size: 19px !important; /* base 15px + 4 */
}

.frm-page .frm-mobile-row-form-label.is-field-bold[b-a2ygb76idm] {
    font-weight: 700 !important;
    font-size: calc(1em + 4pt) !important;
}

/* ===== All themes: FormRenderer chrome tokens (summary / separator / tabs / fills) ===== */
.frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-frm-accent: var(--ix-accent, #0d6efd);
    --ix-frm-accent-strong: var(--ix-accent-hover, #0a58ca);
    --ix-frm-soft: color-mix(in srgb, var(--ix-frm-accent) 12%, #ffffff);
    --ix-frm-border: color-mix(in srgb, var(--ix-frm-accent) 35%, #ffffff);
    --ix-frm-text: var(--ix-frm-accent);
}

.workspace-shell.ix-blue-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-blue .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #0d6efd;
    --ix-frm-accent: #0d6efd;
    --ix-frm-accent-strong: #0a58ca;
    --ix-frm-soft: #e8f2ff;
    --ix-frm-border: #b6d4fe;
    --ix-frm-text: #0d6efd;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #2F80ED;
    --ix-frm-accent: #2F80ED;
    --ix-frm-accent-strong: #1c6dd0;
    --ix-frm-soft: #E8F1FF;
    --ix-frm-border: #bfdbfe;
    --ix-frm-text: #2F80ED;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #059669;
    --ix-frm-accent: #059669;
    --ix-frm-accent-strong: #047857;
    --ix-frm-soft: #ecfdf5;
    --ix-frm-border: #a7f3d0;
    --ix-frm-text: #059669;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #4F46E5;
    --ix-frm-accent: #4F46E5;
    --ix-frm-accent-strong: #4338ca;
    --ix-frm-soft: #eef2ff;
    --ix-frm-border: #c7d2fe;
    --ix-frm-text: #4F46E5;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #2563EB;
    --ix-frm-accent: #2563EB;
    --ix-frm-accent-strong: #1d4ed8;
    --ix-frm-soft: #DBEAFE;
    --ix-frm-border: #93C5FD;
    --ix-frm-text: #2563EB;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #B87333;
    --ix-frm-accent: #B87333;
    --ix-frm-accent-strong: #A65E2E;
    --ix-frm-soft: #F5E6D3;
    --ix-frm-border: #DDD6CE;
    --ix-frm-text: #A65E2E;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-a2ygb76idm],
.theme-host.ix-app-theme-brown .frm-page.ix-blue-theme[b-a2ygb76idm] {
    --ix-accent: #8b7355;
    --ix-frm-accent: #8b7355;
    --ix-frm-accent-strong: #6d5a45;
    --ix-frm-soft: #f5f0ea;
    --ix-frm-border: #d4c4b0;
    --ix-frm-text: #8b7355;
}

/* Shared chrome application (all themes) */
.workspace-shell .frm-page.ix-blue-theme .frm-title-meta-row[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .frm-title-meta-row[b-a2ygb76idm] {
    border-bottom: 2px solid var(--ix-frm-accent, #0d6efd) !important;
}

.workspace-shell .frm-page.ix-blue-theme .frm-bottom-summary-band[b-a2ygb76idm],
.workspace-shell .frm-page.ix-blue-theme .frm-bottom-summary-band.frm-bottom-summary-sticky[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .frm-bottom-summary-band[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .frm-bottom-summary-band.frm-bottom-summary-sticky[b-a2ygb76idm] {
    background: var(--ix-frm-soft, #e8f2ff) !important;
    border-color: var(--ix-frm-border, #b6d4fe) !important;
}

.workspace-shell .frm-page.ix-blue-theme .frm-bottom-summary-value[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .frm-bottom-summary-value[b-a2ygb76idm] {
    color: var(--ix-frm-text, #0d6efd) !important;
}

.workspace-shell .frm-page.ix-blue-theme .frm-bottom-summary-caption[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .frm-bottom-summary-caption[b-a2ygb76idm] {
    color: var(--ix-frm-accent-strong, #0a58ca) !important;
}

.workspace-shell .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .main-tab-btn.active[b-a2ygb76idm] {
    background: var(--ix-frm-soft, #e8f2ff) !important;
    border-bottom: 2px solid var(--ix-frm-accent, #0d6efd) !important;
    color: var(--ix-frm-text, #0d6efd) !important;
}

.workspace-shell .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .main-tab-btn:hover[b-a2ygb76idm] {
    color: var(--ix-frm-accent-strong, #0a58ca) !important;
    border-bottom-color: var(--ix-frm-border, #b6d4fe) !important;
}

.workspace-shell .frm-page.ix-blue-theme .frm-header-side-rail[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .frm-header-side-rail[b-a2ygb76idm] {
    background: var(--ix-frm-soft, #e8f2ff) !important;
    border-color: var(--ix-frm-border, #b6d4fe) !important;
}

.workspace-shell .frm-page.ix-blue-theme .frm-header-side-title[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .frm-header-side-title[b-a2ygb76idm] {
    color: var(--ix-frm-text, #0d6efd) !important;
}

.workspace-shell .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button,
.workspace-shell .frm-page.ix-blue-theme .frm-header-fluid-cell.is-button-field[b-a2ygb76idm]  .ix-master-field-button,
.theme-host .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button,
.theme-host .frm-page.ix-blue-theme .frm-header-fluid-cell.is-button-field[b-a2ygb76idm]  .ix-master-field-button {
    border-color: var(--ix-frm-accent, #0d6efd) !important;
    color: var(--ix-frm-text, #0d6efd) !important;
    background: transparent !important;
}

.workspace-shell .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button:hover,
.workspace-shell .frm-page.ix-blue-theme .frm-header-fluid-cell.is-button-field[b-a2ygb76idm]  .ix-master-field-button:hover,
.theme-host .frm-page.ix-blue-theme .header-fields-card .frm-header-field-slot.is-button-field[b-a2ygb76idm]  .ix-master-field-button:hover,
.theme-host .frm-page.ix-blue-theme .frm-header-fluid-cell.is-button-field[b-a2ygb76idm]  .ix-master-field-button:hover {
    background: var(--ix-frm-soft, #e8f2ff) !important;
    border-color: var(--ix-frm-accent-strong, #0a58ca) !important;
}

.workspace-shell .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):not(.primary)[b-a2ygb76idm],
.theme-host .frm-page.ix-blue-theme .voucher-inline-action:not(.danger):not(.primary)[b-a2ygb76idm] {
    border-color: var(--ix-frm-accent, #0d6efd) !important;
    color: var(--ix-frm-text, #0d6efd) !important;
}

.workspace-shell .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.workspace-shell .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.workspace-shell .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit:focus-within,
.workspace-shell .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-spin-edit:focus-within,
.workspace-shell .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-date-edit:focus-within,
.theme-host .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-text-edit:focus-within,
.theme-host .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-combobox:focus-within,
.theme-host .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-dropdown-edit:focus-within,
.theme-host .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-spin-edit:focus-within,
.theme-host .frm-page.ix-blue-theme[b-a2ygb76idm]  .dxbl-date-edit:focus-within {
    border-color: var(--ix-frm-accent, #0d6efd) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ix-frm-accent, #0d6efd) 25%, transparent) !important;
}

/* Graphite grid header stays charcoal (not green) */
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-a2ygb76idm]  .ix-form-body-grid .dxbl-grid-header-row > td {
    background: #1E293B !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

/* _content/IxpertPosStandalone/Pages/GenerateCatalogue.razor.rz.scp.css */
.gc-page[b-e20ggspcsj] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 12px;
    box-sizing: border-box;
    overflow: hidden;
    background: #f4f6f8;
    color: #1f2937;
}

.gc-toolbar[b-e20ggspcsj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;
}

.gc-eyebrow[b-e20ggspcsj] {
    font-size: 10px;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: #6b7280;
}

.gc-title[b-e20ggspcsj] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.gc-toolbar-actions[b-e20ggspcsj] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.gc-msg[b-e20ggspcsj] {
    flex-shrink: 0;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.gc-msg-error[b-e20ggspcsj] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.gc-header-card[b-e20ggspcsj],
.gc-filter-card[b-e20ggspcsj] {
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 10px;
}

.gc-grid-card[b-e20ggspcsj] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 10px;
}

.gc-section-label[b-e20ggspcsj] {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #374151;
}

.gc-ctrl[b-e20ggspcsj] {
    width: 100%;
}

.gc-layout :deep(.dxbl-form-layout-item-caption)[b-e20ggspcsj] {
    font-size: 11px;
}

.gc-hint[b-e20ggspcsj] {
    font-size: 11px;
    color: #059669;
    margin-left: 8px;
}

.gc-hidden-file[b-e20ggspcsj] {
    display: none;
}

.gc-grid[b-e20ggspcsj] {
    flex: 1;
    min-height: 0;
}

.gc-load-btn[b-e20ggspcsj] {
    width: 100%;
    margin-top: 2px;
}
/* _content/IxpertPosStandalone/Pages/Hr/HrOrgChart.razor.rz.scp.css */
.oc-page[b-lfpk6btecs] {
    --oc-bg: #eef2f6;
    --oc-card: #ffffff;
    --oc-border: #dbe4ee;
    --oc-text: #1e293b;
    --oc-muted: #64748b;
    --oc-blue: #2563eb;
    --oc-blue-soft: #dbeafe;
    --oc-shadow: 0 1px 2px rgba(15, 23, 42, .05);
    --oc-radius: 8px;
    --oc-transition: 160ms ease;

    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 12px;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--oc-bg);
    color: var(--oc-text);
    font-family: "Segoe UI", system-ui, sans-serif;
}

.oc-top[b-lfpk6btecs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.oc-head[b-lfpk6btecs] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.oc-title[b-lfpk6btecs] {
    font-size: 18px;
    font-weight: 700;
    color: var(--oc-text);
    line-height: 1.2;
}

.oc-sub[b-lfpk6btecs] {
    font-size: 12px;
    color: var(--oc-muted);
    margin-top: 2px;
}

.oc-head-actions[b-lfpk6btecs] { flex-shrink: 0; }

.oc-stats[b-lfpk6btecs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

.oc-stat[b-lfpk6btecs] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--oc-card);
    border: 1px solid var(--oc-border);
    border-radius: var(--oc-radius);
    padding: 6px 10px;
    box-shadow: var(--oc-shadow);
    min-width: 118px;
}

.oc-stat b[b-lfpk6btecs] {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
}

.oc-stat span[b-lfpk6btecs] {
    display: block;
    font-size: 11px;
    color: var(--oc-muted);
}

.oc-stat-ico[b-lfpk6btecs] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.oc-stat-emp[b-lfpk6btecs] { background-color: #dbeafe; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231d4ed8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E"); }
.oc-stat-mgr[b-lfpk6btecs] { background-color: #d1fae5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23047857' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.oc-stat-dept[b-lfpk6btecs] { background-color: #ede9fe; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%235b21b6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l7-4 7 4v14'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E"); }
.oc-stat-lvl[b-lfpk6btecs] { background-color: #ffedd5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c2410c' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E"); }

.oc-toolbar[b-lfpk6btecs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background: var(--oc-card);
    border: 1px solid var(--oc-border);
    border-radius: var(--oc-radius);
    padding: 8px 10px;
    flex-shrink: 0;
    box-shadow: var(--oc-shadow);
}

.oc-search[b-lfpk6btecs] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 200px;
    min-width: 180px;
    height: 32px;
    background: #f8fafc;
    border: 1px solid var(--oc-border);
    border-radius: 7px;
    padding: 0 10px;
}

.oc-search input[b-lfpk6btecs] {
    border: 0;
    outline: 0;
    background: transparent;
    width: 100%;
    font-size: 13px;
    color: var(--oc-text);
}

.oc-search-ico[b-lfpk6btecs] { color: #94a3b8; font-size: 14px; }

.oc-select[b-lfpk6btecs] {
    height: 32px;
    border: 1px solid var(--oc-border);
    border-radius: 7px;
    background: #fff;
    padding: 0 10px;
    font-size: 13px;
    color: var(--oc-text);
    min-width: 150px;
}

.oc-btn[b-lfpk6btecs] {
    height: 32px;
    border: 1px solid var(--oc-border);
    border-radius: 7px;
    background: #fff;
    padding: 0 12px;
    font-size: 13px;
    color: var(--oc-text);
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--oc-transition), border-color var(--oc-transition);
}

.oc-btn:hover:not(:disabled)[b-lfpk6btecs] {
    background: #f8fafc;
    border-color: #93c5fd;
}

.oc-btn:disabled[b-lfpk6btecs] { opacity: .55; cursor: default; }

.oc-check[b-lfpk6btecs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 13px;
    color: var(--oc-text);
    white-space: nowrap;
}

.oc-body[b-lfpk6btecs] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 68%) minmax(260px, 32%);
    gap: 12px;
    overflow: hidden;
}

.oc-main[b-lfpk6btecs] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 2px;
}

.oc-section-label[b-lfpk6btecs] {
    font-size: 12px;
    font-weight: 700;
    color: var(--oc-muted);
    letter-spacing: .02em;
}

.oc-path-scroll[b-lfpk6btecs] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 0;
    width: 100%;
    padding: 4px 4px 8px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.oc-path-arrow[b-lfpk6btecs] {
    align-self: center;
    color: #94a3b8;
    font-size: 20px;
    flex-shrink: 0;
    line-height: 1;
}

.oc-path-empty[b-lfpk6btecs],
.oc-empty-soft[b-lfpk6btecs],
.oc-empty[b-lfpk6btecs],
.oc-error[b-lfpk6btecs] {
    background: var(--oc-card);
    border: 1px solid var(--oc-border);
    border-radius: var(--oc-radius);
    padding: 14px 16px;
    color: var(--oc-muted);
    font-size: 13px;
}

.oc-error[b-lfpk6btecs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #b91c1c;
    border-color: #fecaca;
    background: #fef2f2;
}

.oc-reports-grid[b-lfpk6btecs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 443px));
    gap: 8px;
    justify-content: start;
}

/* ---- Child components via ::deep ---- */
[b-lfpk6btecs] .oc-path-card {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    background: var(--oc-card);
    border: 1px solid var(--oc-border);
    border-radius: var(--oc-radius);
    padding: 8px 10px;
    flex: 0 0 auto;
    width: 280px;
    min-width: 280px;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: var(--oc-shadow);
    transition: border-color var(--oc-transition), box-shadow var(--oc-transition);
}

[b-lfpk6btecs] .oc-path-card:hover:not(:disabled) { border-color: #93c5fd; }
[b-lfpk6btecs] .oc-path-card.is-selected {
    border-color: var(--oc-blue);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .18);
}
[b-lfpk6btecs] .oc-path-card:disabled { opacity: .7; cursor: default; }

[b-lfpk6btecs] .oc-path-meta { min-width: 0; }

[b-lfpk6btecs] .oc-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--oc-text);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-lfpk6btecs] .oc-role {
    font-size: 11px;
    color: var(--oc-muted);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-lfpk6btecs] .oc-reports-link {
    font-size: 11px;
    color: var(--oc-blue);
    font-weight: 600;
    margin-top: 2px;
}

[b-lfpk6btecs] .oc-report-card {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    background: var(--oc-card);
    border: 1px solid var(--oc-border);
    border-radius: var(--oc-radius);
    padding: 8px 10px;
    cursor: pointer;
    box-shadow: var(--oc-shadow);
    min-width: 0;
    max-width: 443px;
    width: 100%;
    transition: border-color var(--oc-transition), box-shadow var(--oc-transition);
}

[b-lfpk6btecs] .oc-report-card:hover:not(:disabled) {
    border-color: #93c5fd;
    box-shadow: 0 2px 8px rgba(37, 99, 235, .08);
}
[b-lfpk6btecs] .oc-report-card:disabled { opacity: .7; cursor: default; }

[b-lfpk6btecs] .oc-report-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

[b-lfpk6btecs] .oc-report-side {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding-left: 10px;
    border-left: 1px solid #eef2f7;
    min-width: 56px;
}

[b-lfpk6btecs] .oc-report-side-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.15;
}

[b-lfpk6btecs] .oc-report-side-stat b {
    font-size: 15px;
    font-weight: 700;
    color: #475569;
}

[b-lfpk6btecs] .oc-report-side-stat span {
    font-size: 10px;
    font-weight: 600;
    color: var(--oc-muted);
}

[b-lfpk6btecs] .oc-chevron { color: #94a3b8; font-size: 16px; line-height: 1; }

[b-lfpk6btecs] .oc-report-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

[b-lfpk6btecs] .oc-dept-pill {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    line-height: 1.4;
}

[b-lfpk6btecs] .oc-branch-pill {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    line-height: 1.4;
    background: #f1f5f9;
    color: #475569;
}

[b-lfpk6btecs] .oc-avatar {
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background: #e2e8f0;
    color: #334155;
}

[b-lfpk6btecs] .oc-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

[b-lfpk6btecs] .oc-avatar-fb {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

[b-lfpk6btecs] .oc-avatar-path { width: 44px; height: 44px; font-size: 13px; }
[b-lfpk6btecs] .oc-avatar-report { width: 40px; height: 40px; font-size: 12px; }
[b-lfpk6btecs] .oc-avatar-selected { width: 48px; height: 48px; font-size: 14px; }
[b-lfpk6btecs] .oc-avatar-md { width: 42px; height: 42px; font-size: 13px; }

[b-lfpk6btecs] .oc-side {
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-lfpk6btecs] .oc-side-card {
    background: var(--oc-card);
    border: 1px solid var(--oc-border);
    border-radius: var(--oc-radius);
    padding: 14px;
    box-shadow: var(--oc-shadow);
}

[b-lfpk6btecs] .oc-side-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--oc-text);
    margin-bottom: 12px;
}

[b-lfpk6btecs] .oc-side-sub {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
    margin-bottom: 8px;
}

[b-lfpk6btecs] .oc-side-sub-gap { margin-top: 14px; }

[b-lfpk6btecs] .oc-muted { font-size: 12px; color: #94a3b8; }

[b-lfpk6btecs] .oc-dept-strip {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    width: 80%;
    margin-inline: 0;
}

[b-lfpk6btecs] .oc-dept-tile {
    flex: 1 1 0;
    min-width: 58px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2px;
}

[b-lfpk6btecs] .oc-dept-tile-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    width: 100%;
    margin-bottom: 6px;
}

[b-lfpk6btecs] .oc-dept-ico {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: inline-block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}

[b-lfpk6btecs] .oc-dept-tile-name {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

[b-lfpk6btecs] .oc-dept-tile-count {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.1;
}

[b-lfpk6btecs] .oc-dept-tile-lbl {
    font-size: 11px;
    color: #94a3b8;
    line-height: 1.2;
}

[b-lfpk6btecs] .oc-role-strip {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

[b-lfpk6btecs] .oc-role-tile {
    flex: 0 0 auto;
    min-width: 110px;
    max-width: 160px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 8px;
}

[b-lfpk6btecs] .oc-role-ico {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}

[b-lfpk6btecs] .oc-role-ico.mgr {
    background-color: #dbeafe;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231d4ed8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}
[b-lfpk6btecs] .oc-role-ico.exec {
    background-color: #d1fae5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23047857' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}
[b-lfpk6btecs] .oc-role-ico.sup {
    background-color: #ffedd5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c2410c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}

[b-lfpk6btecs] .oc-role-tile-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

[b-lfpk6btecs] .oc-role-tile-name {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-lfpk6btecs] .oc-role-tile-count {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

[b-lfpk6btecs] .oc-role-tile-count small {
    font-size: 11px;
    font-weight: 500;
    color: #94a3b8;
    margin-left: 2px;
}

[b-lfpk6btecs] .oc-selected-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

[b-lfpk6btecs] .oc-selected-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

[b-lfpk6btecs] .oc-selected-info .oc-name {
    color: #1d4ed8;
    font-size: 14px;
}

[b-lfpk6btecs] .oc-selected-info .oc-role {
    font-size: 12px;
    color: #94a3b8;
}

[b-lfpk6btecs] .oc-selected-badge {
    display: inline-block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #1d4ed8;
    background: #dbeafe;
    border-radius: 999px;
    padding: 3px 10px;
    line-height: 1.4;
}

[b-lfpk6btecs] .oc-path-box {
    background: #fff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 10px 12px;
}

[b-lfpk6btecs] .oc-path-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    text-align: left;
}

[b-lfpk6btecs] .oc-crumb {
    border: 0;
    background: transparent;
    color: var(--oc-blue);
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
}

[b-lfpk6btecs] .oc-crumb:hover { text-decoration: underline; }
[b-lfpk6btecs] .oc-crumb:disabled { cursor: default; opacity: .7; }
[b-lfpk6btecs] .oc-crumb-sep { color: #94a3b8; font-size: 13px; }

.oc-skeleton[b-lfpk6btecs] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 68%) minmax(260px, 32%);
    gap: 12px;
}

.oc-skel-block[b-lfpk6btecs],
.oc-skel-card[b-lfpk6btecs] {
    background: linear-gradient(90deg, #e8eef4 25%, #f5f8fb 50%, #e8eef4 75%);
    background-size: 200% 100%;
    animation: oc-shimmer-b-lfpk6btecs 1.2s infinite;
    border-radius: var(--oc-radius);
    border: 1px solid var(--oc-border);
}

.oc-skel-path[b-lfpk6btecs] { height: 84px; grid-column: 1 / -1; }
.oc-skel-grid[b-lfpk6btecs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.oc-skel-grid .oc-skel-card[b-lfpk6btecs] { min-height: 84px; }
.oc-skel-side[b-lfpk6btecs] { display: flex; flex-direction: column; gap: 10px; }
.oc-skel-side .oc-skel-card[b-lfpk6btecs] { flex: 1; min-height: 120px; }

@keyframes oc-shimmer-b-lfpk6btecs {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 1100px) {
    .oc-body[b-lfpk6btecs],
    .oc-skeleton[b-lfpk6btecs] {
        grid-template-columns: 1fr;
        overflow: auto;
    }
}

@media (max-width: 720px) {
    .oc-reports-grid[b-lfpk6btecs],
    .oc-skel-grid[b-lfpk6btecs] { grid-template-columns: 1fr; }
    [b-lfpk6btecs] .oc-report-card { max-width: none; }
    .oc-stats[b-lfpk6btecs] { width: 100%; margin-left: 0; }
    .oc-stat[b-lfpk6btecs] { flex: 1 1 calc(50% - 8px); }
}
/* _content/IxpertPosStandalone/Pages/Hr/HrSettings.razor.rz.scp.css */
.hr-set-page[b-mx5v2ji2qx] {
    --hr-accent: #e31e24;
    --hr-accent-dark: #c62828;
    --hr-accent-soft: #fde8ea;
    --hr-block: #ebe3d8;
    --hr-block-dark: #e0d5c8;
    --hr-border: #cfc0ae;
    --hr-muted: #7d6b5c;
    --hr-text: #3d342c;
    padding: 12px 14px;
    font-family: 'Segoe UI', sans-serif;
    background: #fff;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    color: var(--hr-text);
}

.hr-set-card[b-mx5v2ji2qx] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--hr-border);
    padding: 16px;
    margin-bottom: 14px;
}

.hr-set-head[b-mx5v2ji2qx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 4px;
}

.hr-set-title[b-mx5v2ji2qx] {
    font-size: 18px;
    font-weight: 700;
    color: var(--hr-text);
}

.hr-set-subtitle[b-mx5v2ji2qx] {
    font-size: 13px;
    color: var(--hr-muted);
    margin-bottom: 12px;
}

.hr-set-section-title[b-mx5v2ji2qx] {
    font-size: 15px;
    font-weight: 700;
    color: var(--hr-text);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hr-set-grid[b-mx5v2ji2qx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px 14px;
    margin-bottom: 10px;
}

.hr-set-field label[b-mx5v2ji2qx] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #475467;
    margin-bottom: 3px;
}

.hr-set-field input[b-mx5v2ji2qx],
.hr-set-field select[b-mx5v2ji2qx] {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 13px;
}

.hr-set-field.disabled[b-mx5v2ji2qx] {
    opacity: .55;
    pointer-events: none;
}

.hr-set-hint[b-mx5v2ji2qx] {
    font-size: 11px;
    color: #98a2b3;
    margin-top: 2px;
}

.hr-weekoff-row[b-mx5v2ji2qx] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

.hr-weekoff-chip[b-mx5v2ji2qx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    padding: 5px 12px;
    cursor: pointer;
    user-select: none;
    background: #fff;
}

.hr-weekoff-chip.on[b-mx5v2ji2qx] {
    background: #ecfdf3;
    border-color: #abefc6;
    color: #067647;
    font-weight: 600;
}

.hr-set-status[b-mx5v2ji2qx] {
    background: #ecfdf3;
    border: 1px solid #abefc6;
    color: #067647;
    font-size: 13px;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 10px;
}

.hr-set-status.error[b-mx5v2ji2qx] {
    background: #fef3f2;
    border-color: #fecdca;
    color: #b42318;
}

.hr-mini-form[b-mx5v2ji2qx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-end;
    margin-bottom: 12px;
}

.hr-idcard-pick-grid[b-mx5v2ji2qx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-top: 8px;
}

.hr-idcard-pick[b-mx5v2ji2qx] {
    border: 2px solid #d0d5dd;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}

.hr-idcard-pick.on[b-mx5v2ji2qx] {
    border-color: var(--hr-accent);
    box-shadow: 0 0 0 2px var(--hr-accent-soft);
}

.hr-idcard-preview[b-mx5v2ji2qx] {
    height: 56px;
    border-radius: 6px;
    margin-bottom: 6px;
}

.hr-idcard-preview.t1[b-mx5v2ji2qx] { background: linear-gradient(135deg, #c62828, #8e0000); }
.hr-idcard-preview.t2[b-mx5v2ji2qx] { background: linear-gradient(180deg, #1d4ed8 40%, #fff 40%); border: 1px solid #1d4ed8; }
.hr-idcard-preview.t3[b-mx5v2ji2qx] { background: #1d2939; position: relative; overflow: hidden; }
.hr-idcard-preview.t3[b-mx5v2ji2qx]::after { content: ''; position: absolute; top: 0; right: 0; width: 28px; height: 28px; background: #e31e24; border-radius: 0 0 0 28px; }
.hr-idcard-preview.t4[b-mx5v2ji2qx] { background: #fff; border: 1px solid #d0d5dd; }

.hr-set-page[b-mx5v2ji2qx]  .hr-set-tabs {
    margin-top: 12px;
}

.hr-set-page[b-mx5v2ji2qx]  .hr-set-tabs .dxbl-tabs-tablist {
    border-bottom: 1px solid var(--hr-border);
    margin-bottom: 14px;
}

.hr-set-page[b-mx5v2ji2qx]  .hr-set-tabs .dxbl-tabs-content {
    padding-top: 4px;
}

.hr-set-toolbar[b-mx5v2ji2qx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.hr-set-toolbar .hr-set-subtitle[b-mx5v2ji2qx] {
    margin-bottom: 0;
    flex: 1 1 auto;
}
/* _content/IxpertPosStandalone/Pages/LeadDetailSection.razor.rz.scp.css */
/* Lead detail panel — scoped to LeadDetailSection (side panel + full detail) */
.lm-detail-layout[b-rnh91qx8p2] {
    --lm-accent: #e31e24;
    --lm-accent-dark: #c62828;
    --lm-accent-soft: #fde8ea;
    --lm-border: #cbd5e1;
    --lm-text: #1e293b;
    --lm-muted: #64748b;
    --lm-block: #eff6ff;
    --lm-block-dark: #dbeafe;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

.lm-detail-main[b-rnh91qx8p2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 12px 14px 16px;
}

.lm-detail-header[b-rnh91qx8p2] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.lm-detail-title[b-rnh91qx8p2] {
    font-size: 15px;
    font-weight: 700;
    color: var(--lm-text);
    line-height: 1.35;
    margin-bottom: 6px;
}

.lm-detail-meta[b-rnh91qx8p2] {
    display: flex;
    gap: 8px 14px;
    flex-wrap: wrap;
    align-items: center;
    font-size: 12px;
    color: var(--lm-muted);
}

.lm-detail-meta span[b-rnh91qx8p2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.lm-detail-actions[b-rnh91qx8p2] {
    margin-left: auto;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.lm-back[b-rnh91qx8p2] {
    background: none;
    border: none;
    color: var(--lm-accent-dark);
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    padding: 4px 0;
    flex-shrink: 0;
}

.lm-status-pill[b-rnh91qx8p2] {
    color: #fff;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.lm-rating[b-rnh91qx8p2] {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 999px;
    font-weight: 700;
}

.lm-rating.hot[b-rnh91qx8p2] { background: #fee2e2; color: #dc2626; }
.lm-rating.warm[b-rnh91qx8p2] { background: #ffedd5; color: #ea580c; }
.lm-rating.cold[b-rnh91qx8p2] { background: #dbeafe; color: #2563eb; }

.lm-overdue[b-rnh91qx8p2] { color: #dc2626 !important; font-weight: 700; }

.lm-closed-banner[b-rnh91qx8p2] {
    padding: 10px 12px;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    border: 1px solid transparent;
}

.lm-closed-banner.won[b-rnh91qx8p2] { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
.lm-closed-banner.lost[b-rnh91qx8p2] { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }

.lm-conversion-panel[b-rnh91qx8p2] {
    margin: 0 0 12px;
    padding: 10px 12px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
}

.lm-conversion-title[b-rnh91qx8p2] { font-weight: 700; margin-bottom: 8px; color: #166534; font-size: 13px; }
.lm-lost-panel[b-rnh91qx8p2] { border-left: 3px solid #ef4444; background: #fef2f2; border-color: #fecaca; }
.lm-lost-panel .lm-conversion-title[b-rnh91qx8p2] { color: #b91c1c; }

.lm-overdue-strip[b-rnh91qx8p2] {
    margin: 0 0 12px;
    padding: 8px 12px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #9a3412;
    font-size: 13px;
}

.lm-info-grid[b-rnh91qx8p2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px 12px;
    background: #fff;
    border: 1px solid var(--lm-border);
    padding: 12px 14px;
    border-radius: 8px;
    margin-bottom: 12px;
}

.lm-info-grid > div[b-rnh91qx8p2] {
    min-width: 0;
}

.lm-info-grid span[b-rnh91qx8p2] {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--lm-muted);
    margin-bottom: 4px;
}

.lm-info-grid b[b-rnh91qx8p2] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--lm-text);
    word-break: break-word;
}

.lm-info-full[b-rnh91qx8p2] { grid-column: 1 / -1; }

.lm-subtabs[b-rnh91qx8p2] {
    display: flex;
    gap: 4px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--lm-border);
    padding-bottom: 0;
}

.lm-subtabs button[b-rnh91qx8p2] {
    padding: 8px 14px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    background: transparent;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: var(--lm-muted);
    margin-bottom: -1px;
    transition: color .15s, background .15s, border-color .15s;
}

.lm-subtabs button:hover:not(.active)[b-rnh91qx8p2] {
    color: var(--lm-text);
    background: #f8fafc;
}

.lm-subtabs button.active[b-rnh91qx8p2] {
    background: #fff;
    color: var(--lm-accent-dark);
    border-color: #e2e8f0;
    border-bottom-color: var(--lm-accent);
}

.lm-btn[b-rnh91qx8p2] {
    padding: 6px 12px;
    border: 1px solid var(--lm-border);
    border-radius: 6px;
    background: #fff;
    color: var(--lm-text);
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.lm-btn:hover[b-rnh91qx8p2] { background: #f8fafc; }
.lm-btn-primary[b-rnh91qx8p2] { background: #e31e24; color: #fff; border-color: #c62828; }
.lm-btn-save[b-rnh91qx8p2] { background: #33475b; color: #fff; border-color: #2a3c4d; }
.lm-btn-save:hover[b-rnh91qx8p2] { background: #253545; }
.lm-btn-danger[b-rnh91qx8p2] { background: #c62828; color: #fff; border-color: #9b1c1c; }
.lm-btn-ghost[b-rnh91qx8p2] { background: #fff; color: var(--lm-text); }
.lm-btn-quote-header[b-rnh91qx8p2] { background: #fff; color: #047857; border: 1px solid #a7f3d0; }
.lm-btn-sm[b-rnh91qx8p2] { padding: 4px 8px; font-size: 11px; }
.lm-link-btn[b-rnh91qx8p2] { border: none; background: none; color: var(--lm-accent-dark); cursor: pointer; padding: 0; font-weight: 600; }
.lm-req[b-rnh91qx8p2] { color: var(--lm-accent); }

.lm-panel[b-rnh91qx8p2] {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: 8px;
    padding: 12px 14px;
}

.lm-panel-head[b-rnh91qx8p2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}

.lm-panel-head-split[b-rnh91qx8p2] {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.lm-panel-head b[b-rnh91qx8p2] { font-size: 14px; font-weight: 700; color: var(--lm-text); }

.lm-panel-hint[b-rnh91qx8p2] {
    font-size: 12px;
    color: var(--lm-muted);
    font-weight: 400;
}

.lm-empty[b-rnh91qx8p2] { text-align: center; padding: 24px 16px; color: var(--lm-muted); font-size: 13px; }

/* Deal / products grid */
.lm-deal-sheet[b-rnh91qx8p2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 12px;
}

.lm-deal-main[b-rnh91qx8p2] {
    border: 1px solid #dfe3eb;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    min-width: 0;
}

.lm-deal-toolbar[b-rnh91qx8p2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border-bottom: 1px solid #eaf0f6;
    background: #fff;
}

.lm-deal-toolbar-left[b-rnh91qx8p2] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.lm-deal-toolbar-left b[b-rnh91qx8p2] { font-size: 13px; font-weight: 700; color: #33475b; }
.lm-deal-toolbar-right[b-rnh91qx8p2] { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.lm-deal-dirty[b-rnh91qx8p2] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    background: #fff4e5;
    color: #b26a00;
    font-size: 11px;
    font-weight: 700;
}

.lm-deal-scroll[b-rnh91qx8p2] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.lm-deal-grid-head[b-rnh91qx8p2],
.lm-deal-line[b-rnh91qx8p2] {
    display: grid;
    grid-template-columns: 32px minmax(200px, 2fr) minmax(110px, 0.9fr) 76px 100px 72px 96px minmax(160px, 1.5fr) 32px;
    gap: 8px;
    align-items: center;
    min-width: 1080px;
}

.lm-products-teaser[b-rnh91qx8p2] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border: 1px solid #dfe3eb;
    border-radius: 10px;
    background: #fff;
}
.lm-products-teaser-main[b-rnh91qx8p2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.lm-products-teaser-main b[b-rnh91qx8p2] { font-size: 15px; color: #1e293b; }
.lm-products-teaser-main span[b-rnh91qx8p2] { font-size: 13px; color: #64748b; }
.lm-products-teaser-actions[b-rnh91qx8p2] { display: flex; gap: 8px; flex-wrap: wrap; }
.lm-products-teaser-quote[b-rnh91qx8p2] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: end;
    padding-top: 8px;
    border-top: 1px solid #eaf0f6;
}
.lm-products-teaser-quote label[b-rnh91qx8p2] {
    grid-column: 1 / -1;
    font-size: 11px;
    font-weight: 700;
    color: #516f90;
    text-transform: uppercase;
}

.lm-products-modal-overlay[b-rnh91qx8p2] {
    position: fixed;
    inset: 0;
    z-index: 2400;
    background: rgba(15, 23, 42, .48);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.lm-products-modal[b-rnh91qx8p2] {
    width: min(1200px, 94vw);
    height: min(780px, 88vh);
    min-width: 760px;
    min-height: 440px;
    max-width: 98vw;
    max-height: 96vh;
    resize: both;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .35);
    border: 1px solid #cbd5e1;
}
.lm-products-modal-head[b-rnh91qx8p2] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    flex-shrink: 0;
}
.lm-products-modal-kicker[b-rnh91qx8p2] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #e31e24;
    margin-bottom: 4px;
}
.lm-products-modal-head h3[b-rnh91qx8p2] {
    margin: 0 0 4px;
    font-size: 18px;
    color: #1e293b;
}
.lm-products-modal-head-actions[b-rnh91qx8p2] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
.lm-products-modal-close[b-rnh91qx8p2] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.lm-products-modal-close:hover[b-rnh91qx8p2] { color: #e31e24; border-color: #fecaca; }
.lm-products-modal-body[b-rnh91qx8p2] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.lm-products-modal-grid[b-rnh91qx8p2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding-bottom: 8px;
}
.lm-products-modal-foot[b-rnh91qx8p2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 16px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    flex-shrink: 0;
    font-size: 13px;
}
.lm-products-modal-foot b[b-rnh91qx8p2] { font-size: 15px; color: #0f172a; }

@media (max-width: 900px) {
    .lm-products-modal[b-rnh91qx8p2] {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        max-width: none;
        max-height: none;
        border-radius: 0;
        resize: none;
    }
    .lm-products-modal-overlay[b-rnh91qx8p2] { padding: 0; }
    .lm-products-teaser-quote[b-rnh91qx8p2] { grid-template-columns: 1fr; }
}

.lm-deal-grid-head[b-rnh91qx8p2] {
    padding: 8px 12px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #516f90;
    background: #f8fafc;
    border-bottom: 1px solid #eaf0f6;
}

.lm-deal-line[b-rnh91qx8p2] {
    padding: 8px 12px;
    border-bottom: 1px solid #eaf0f6;
}

.lm-deal-line:last-child[b-rnh91qx8p2] { border-bottom: none; }

.lm-deal-control[b-rnh91qx8p2] {
    width: 100%;
    min-height: 32px;
    padding: 6px 8px;
    border: 1px solid #cbd6e2;
    border-radius: 6px;
    background: #fff;
    color: #33475b;
    font-size: 12px;
    box-sizing: border-box;
}

.lm-deal-num[b-rnh91qx8p2] { color: #516f90; font-weight: 700; font-size: 12px; text-align: center; }
.lm-deal-amt strong[b-rnh91qx8p2] { font-size: 12px; color: #33475b; }
.lm-deal-del[b-rnh91qx8p2] { display: flex; justify-content: center; }

.lm-deal-remove[b-rnh91qx8p2] {
    width: 28px;
    height: 28px;
    border: 1px solid #cbd6e2;
    border-radius: 6px;
    background: #fff;
    color: #516f90;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.lm-deal-remove:hover[b-rnh91qx8p2] { background: #fdecec; border-color: #f5c2c2; color: #c0392b; }

.lm-deal-empty[b-rnh91qx8p2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 20px 16px;
    text-align: center;
    color: #516f90;
}

.lm-deal-empty b[b-rnh91qx8p2] { font-size: 13px; font-weight: 600; color: #33475b; }
.lm-deal-empty span[b-rnh91qx8p2] { max-width: 280px; font-size: 12px; line-height: 1.45; color: #7c98b6; }

.lm-deal-mobile-bar[b-rnh91qx8p2] { display: none; }

.lm-deal-summary[b-rnh91qx8p2] {
    border: 1px solid #dfe3eb;
    border-radius: 8px;
    background: #fff;
    padding: 12px;
    align-self: start;
    position: sticky;
    top: 8px;
}

@media (max-width: 1024px) {
    .lm-deal-sheet[b-rnh91qx8p2] {
        grid-template-columns: 1fr !important;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .lm-deal-summary[b-rnh91qx8p2] {
        position: static;
        align-self: stretch;
        width: 100%;
        max-width: none;
    }
}

.lm-deal-summary-title[b-rnh91qx8p2] {
    font-size: 13px;
    font-weight: 700;
    color: #33475b;
    margin-bottom: 10px;
}

.lm-deal-summary-lead[b-rnh91qx8p2],
.lm-deal-summary-rows[b-rnh91qx8p2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
}

.lm-deal-summary-lead div[b-rnh91qx8p2],
.lm-deal-summary-rows div[b-rnh91qx8p2] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
}

.lm-deal-summary-lead span[b-rnh91qx8p2],
.lm-deal-summary-rows span[b-rnh91qx8p2] { color: #516f90; }

.lm-deal-summary-total[b-rnh91qx8p2] {
    padding-top: 8px;
    margin-top: 4px;
    border-top: 1px solid #eaf0f6;
    font-size: 13px !important;
}

.lm-deal-quote-form[b-rnh91qx8p2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaf0f6;
}

.lm-deal-quote-form label[b-rnh91qx8p2] { font-size: 10px; font-weight: 700; color: #516f90; }
.lm-deal-notes[b-rnh91qx8p2] { min-height: 64px; resize: vertical; }
.lm-deal-quote-btn[b-rnh91qx8p2] { width: 100%; min-height: 36px; margin-top: 4px; }
.lm-deal-quoted[b-rnh91qx8p2] { font-size: 12px; margin-bottom: 6px; }
.lm-deal-summary-hint[b-rnh91qx8p2] { font-size: 12px; color: #516f90; }

[b-rnh91qx8p2] .lm-deal-combo .dxbs-editor-input {
    min-height: 32px;
    font-size: 12px;
}

[b-rnh91qx8p2] .lm-deal-combo-dd { max-height: 240px; }

/* Activities / tasks */
.lm-activity-item[b-rnh91qx8p2], .lm-task-item[b-rnh91qx8p2] {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #e2e8f0;
}

.lm-activity-icon[b-rnh91qx8p2] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lm-block);
    flex-shrink: 0;
    font-size: 14px;
}

.lm-activity-body[b-rnh91qx8p2] { flex: 1; min-width: 0; }
.lm-activity-title[b-rnh91qx8p2], .lm-task-title[b-rnh91qx8p2] { font-weight: 600; font-size: 13px; }
.lm-activity-notes[b-rnh91qx8p2], .lm-activity-meta[b-rnh91qx8p2], .lm-task-meta[b-rnh91qx8p2] { font-size: 12px; color: var(--lm-muted); margin-top: 4px; }

.lm-inline-fields[b-rnh91qx8p2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
    margin-bottom: 8px;
}

.lm-input[b-rnh91qx8p2], .lm-textarea[b-rnh91qx8p2] {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid var(--lm-border);
    border-radius: 6px;
    background: #fff;
    color: var(--lm-text);
    font-size: 13px;
    font-family: inherit;
    box-sizing: border-box;
}

.lm-mini-actions[b-rnh91qx8p2] { display: flex; gap: 6px; margin-top: 6px; flex-wrap: wrap; }
.lm-task-filters[b-rnh91qx8p2] { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }

.lm-chip[b-rnh91qx8p2] {
    border: 1px solid var(--lm-border);
    background: #fff;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 11px;
    cursor: pointer;
    font-weight: 600;
}

.lm-chip.active[b-rnh91qx8p2] { background: var(--lm-accent-soft); border-color: var(--lm-accent); color: var(--lm-accent-dark); }
.lm-done-tag[b-rnh91qx8p2] { font-size: 11px; color: #047857; font-weight: 700; }

/* Timeline */
.lm-timeline-panel[b-rnh91qx8p2] {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: 8px;
    padding: 12px;
}

.lm-timeline-rail-hint[b-rnh91qx8p2] { font-size: 12px; color: var(--lm-muted); margin-bottom: 8px; }

.lm-timeline-rail[b-rnh91qx8p2] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 4px 0 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.lm-timeline-chip[b-rnh91qx8p2] {
    flex: 0 0 auto;
    min-width: 100px;
    padding: 6px 10px;
    border: 1px solid var(--lm-border);
    border-radius: 6px;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.lm-timeline-chip.active[b-rnh91qx8p2] { border-color: var(--lm-accent); background: var(--lm-accent-soft); }
.lm-timeline-chip-date[b-rnh91qx8p2] { display: block; font-size: 10px; color: var(--lm-muted); font-weight: 700; text-transform: uppercase; }
.lm-timeline-chip-title[b-rnh91qx8p2] { display: block; font-size: 12px; font-weight: 700; color: var(--lm-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; }

.lm-timeline-stream[b-rnh91qx8p2] { position: relative; padding-left: 4px; }

.lm-timeline-stream[b-rnh91qx8p2]::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #e2e8f0;
}

.lm-timeline-item[b-rnh91qx8p2] {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    position: relative;
}

.lm-timeline-item.highlight .lm-timeline-content[b-rnh91qx8p2] {
    background: var(--lm-accent-soft);
    border-color: rgba(227, 30, 36, .25);
}

.lm-timeline-node[b-rnh91qx8p2] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    z-index: 1;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e2e8f0;
}

.lm-timeline-node.created[b-rnh91qx8p2] { background: #dbeafe; color: #2563eb; }
.lm-timeline-node.status[b-rnh91qx8p2] { background: #ffedd5; color: #ea580c; }
.lm-timeline-node.converted[b-rnh91qx8p2] { background: #d1fae5; color: #047857; }
.lm-timeline-node.lost[b-rnh91qx8p2] { background: #fee2e2; color: #b91c1c; }
.lm-timeline-node.activity[b-rnh91qx8p2] { background: #ede9fe; color: #7c3aed; }
.lm-timeline-node.task[b-rnh91qx8p2] { background: #e0f2fe; color: #0284c7; }
.lm-timeline-node.default[b-rnh91qx8p2] { background: var(--lm-block); color: var(--lm-muted); }

.lm-timeline-content[b-rnh91qx8p2] {
    flex: 1;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
}

.lm-timeline-title[b-rnh91qx8p2] { font-weight: 700; font-size: 13px; }
.lm-timeline-meta[b-rnh91qx8p2] { font-size: 11px; color: var(--lm-muted); margin-top: 4px; }
.lm-timeline-change[b-rnh91qx8p2] { color: var(--lm-accent-dark); font-size: 12px; margin-top: 2px; }
.lm-timeline-notes[b-rnh91qx8p2] { font-size: 12px; margin-top: 2px; }

.lm-doc-panel[b-rnh91qx8p2] { min-height: 160px; }

/* Edit form (rendered inside detail) */
.lm-detail-editing[b-rnh91qx8p2]  .lm-erp-form {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lm-detail-editing[b-rnh91qx8p2]  .lm-form-header { display: none; }

.lm-detail-editing[b-rnh91qx8p2]  .lm-section-head {
    padding: 8px 12px;
    background: var(--lm-block);
    border-bottom: 1px solid var(--lm-border);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #516f90;
}

.lm-detail-editing[b-rnh91qx8p2]  .lm-section-body {
    padding: 10px 12px;
}

.lm-detail-editing[b-rnh91qx8p2]  .lm-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.lm-detail-editing[b-rnh91qx8p2]  .lm-field label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--lm-muted);
    margin-bottom: 4px;
}

.lm-detail-editing[b-rnh91qx8p2]  .lm-field-wide { grid-column: 1 / -1; }

.lm-detail-editing[b-rnh91qx8p2]  .ix-erp-input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid var(--lm-border);
    border-radius: 6px;
    font-size: 13px;
    box-sizing: border-box;
}

.lm-detail-editing[b-rnh91qx8p2]  .lm-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid var(--lm-border);
    background: var(--lm-block);
    position: sticky;
    bottom: 0;
    z-index: 2;
}

.lm-detail-products .lm-info-grid[b-rnh91qx8p2] {
    padding: 8px 10px;
    margin-bottom: 8px;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}

.lm-detail-products .lm-info-full[b-rnh91qx8p2] { display: none; }

/* Side panel — pin header + tabs; scroll body below */
.lm-detail-main-panel[b-rnh91qx8p2] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.lm-detail-main-panel .lm-detail-header[b-rnh91qx8p2] {
    flex-shrink: 0;
    margin-bottom: 0;
    padding: 12px 14px 10px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}

.lm-detail-main-panel .lm-subtabs[b-rnh91qx8p2] {
    flex-shrink: 0;
    margin-bottom: 0;
    padding: 0 14px;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.lm-detail-panel-body[b-rnh91qx8p2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 12px 14px 16px;
}

.lm-detail-panel-body-pass[b-rnh91qx8p2] {
    display: contents;
}

.lm-detail-panel-body .lm-side-details-form[b-rnh91qx8p2] {
    margin-top: 0;
}

/* Side panel layout tweaks */
.lm-detail-in-panel .lm-detail-header[b-rnh91qx8p2] {
    padding-top: 4px;
}

.lm-detail-in-panel .lm-deal-sheet[b-rnh91qx8p2] {
    grid-template-columns: 1fr;
}

.lm-detail-in-panel .lm-deal-summary[b-rnh91qx8p2] {
    width: 100%;
    max-width: none;
    position: static;
    border-top: 1px solid #e2e8f0;
    margin-top: 8px;
}

.lm-detail-in-panel .lm-detail-actions[b-rnh91qx8p2] {
    width: 100%;
    margin-left: 0;
}

.lm-side-details-form[b-rnh91qx8p2] {
    margin-top: 4px;
}

.lm-side-details-form[b-rnh91qx8p2]  .lm-erp-form-compact {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.lm-side-details-form[b-rnh91qx8p2]  .lm-erp-form-compact .lm-section-head {
    padding: 6px 10px;
    font-size: 10px;
}

.lm-side-details-form[b-rnh91qx8p2]  .lm-erp-form-compact .lm-section-body {
    padding: 8px 10px;
}

.lm-side-details-form[b-rnh91qx8p2]  .lm-erp-form-compact .lm-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.lm-side-details-form[b-rnh91qx8p2]  .lm-erp-form-compact .lm-form-actions {
    position: sticky;
    bottom: 0;
    padding: 8px 10px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    z-index: 2;
}

@media (max-width: 900px) {
    .lm-deal-sheet[b-rnh91qx8p2] { grid-template-columns: 1fr; }
    .lm-deal-summary[b-rnh91qx8p2] { position: static; }
    .lm-deal-toolbar-desktop[b-rnh91qx8p2] { display: none; }
    .lm-deal-mobile-bar[b-rnh91qx8p2] { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-top: 1px solid #eaf0f6; }
}

.lm-stage-next-banner[b-rnh91qx8p2] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    font-size: 13px;
    color: #1e3a5f;
}
/* _content/IxpertPosStandalone/Pages/LeadManagement.razor.rz.scp.css */
/* Lead Management — blue / red / white ERP shell */
.ix-lead-shell[b-uexxtaw0xw] {
    --lm-accent: #e31e24;
    --lm-accent-dark: #c62828;
    --lm-accent-soft: #fde8ea;
    --lm-blue: #2563eb;
    --lm-blue-dark: #1d4ed8;
    --lm-blue-soft: #eff6ff;
    --lm-block: #eff6ff;
    --lm-block-dark: #dbeafe;
    --lm-border: #cbd5e1;
    --lm-text: #1e293b;
    --lm-muted: #64748b;
    --lm-surface: #ffffff;
    --lm-bg: #f8fafc;
    padding: 0;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--lm-bg);
    color: var(--lm-text);
    font-family: "Segoe UI", Inter, Roboto, system-ui, sans-serif;
}

.ix-lead-shell[b-uexxtaw0xw],
.ix-lead-shell *[b-uexxtaw0xw] {
    box-sizing: border-box;
}

.lm-shell-card[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: .65rem;
}

.lm-hub-header[b-uexxtaw0xw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
    background: #eff6ff;
    border-bottom: 1px solid var(--lm-border);
    flex-shrink: 0;
}
.lm-hub-brand[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}
.lm-hub-logo[b-uexxtaw0xw] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: linear-gradient(145deg, var(--lm-accent), var(--lm-accent-dark));
    color: #fff;
    font-size: 1.65rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(227, 30, 36, .25);
}
.lm-hub-kicker[b-uexxtaw0xw] {
    font-size: .68rem;
    font-weight: 700;
    color: var(--lm-accent);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.lm-hub-title[b-uexxtaw0xw] {
    margin: .1rem 0 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--lm-accent-dark);
    line-height: 1.15;
}
.lm-hub-lead[b-uexxtaw0xw] {
    margin: .25rem 0 0;
    font-size: .78rem;
    color: var(--lm-muted);
    max-width: 520px;
}
.lm-hub-actions[b-uexxtaw0xw] { flex: 1 1 320px; justify-content: flex-end; }

/* Work views — header, toolbar, filters (Kanban / List / Analytics) */
.lm-view-chrome[b-uexxtaw0xw] {
    flex-shrink: 0;
    background: #fff;
    border-bottom: 1px solid var(--lm-border);
    box-shadow: 0 1px 3px rgba(30, 41, 59, .05);
}
.lm-view-header[b-uexxtaw0xw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px 12px;
    background: #eff6ff;
    border-bottom: 1px solid var(--lm-border);
}
.lm-view-kicker[b-uexxtaw0xw] {
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    color: var(--lm-accent);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.lm-view-title[b-uexxtaw0xw] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    line-height: 1.15;
}
.lm-view-sub[b-uexxtaw0xw] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--lm-muted);
    line-height: 1.45;
    max-width: 560px;
}
.lm-view-stat-chip[b-uexxtaw0xw] {
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px;
    text-align: right;
    min-width: 130px;
}
.lm-view-stat-chip .lbl[b-uexxtaw0xw] {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--lm-muted);
    letter-spacing: .04em;
}
.lm-view-stat-chip b[b-uexxtaw0xw] { font-size: 13px; color: var(--lm-text); }

.lm-work-toolbar[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    padding: .65rem .85rem;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}
.lm-work-toolbar .ix-master-toolbtn[b-uexxtaw0xw],
.lm-erp-toolbar-actions .ix-master-toolbtn[b-uexxtaw0xw] {
    height: 32px;
    min-height: 32px;
    padding: 0 .85rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid var(--lm-border);
    border-radius: 8px;
    background: var(--lm-surface);
    color: var(--lm-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(30, 41, 59, .04);
    transition: background .15s, border-color .15s, box-shadow .15s;
}
.lm-work-toolbar .ix-master-toolbtn:hover:not(:disabled)[b-uexxtaw0xw],
.lm-erp-toolbar-actions .ix-master-toolbtn:hover:not(:disabled)[b-uexxtaw0xw] {
    background: var(--lm-block);
    border-color: #94a3b8;
}
.lm-work-toolbar .ix-master-toolbtn.primary[b-uexxtaw0xw],
.lm-erp-toolbar-actions .ix-master-toolbtn.primary[b-uexxtaw0xw] {
    background: var(--lm-accent);
    border-color: var(--lm-accent-dark);
    color: #fff;
    box-shadow: 0 2px 6px rgba(227, 30, 36, .22);
}
.lm-work-toolbar .ix-master-toolbtn.primary:hover:not(:disabled)[b-uexxtaw0xw],
.lm-erp-toolbar-actions .ix-master-toolbtn.primary:hover:not(:disabled)[b-uexxtaw0xw] {
    background: var(--lm-accent-dark);
}
.lm-work-toolbar .ix-master-toolbtn:disabled[b-uexxtaw0xw],
.lm-erp-toolbar-actions .ix-master-toolbtn:disabled[b-uexxtaw0xw] {
    opacity: .55;
    cursor: not-allowed;
}
.lm-work-toolbar .lm-search[b-uexxtaw0xw] {
    flex: 1 1 200px;
    max-width: 280px;
    height: 32px;
    border-radius: 8px;
    box-shadow: inset 0 1px 2px rgba(30, 41, 59, .04);
}

.lm-filters-wrap[b-uexxtaw0xw] {
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}
.lm-filters-bar[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: .55rem .85rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}
.lm-filters-toggle[b-uexxtaw0xw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--lm-border);
    background: #fff;
    border-radius: 8px;
    padding: .4rem .8rem;
    font-size: 12px;
    font-weight: 700;
    color: var(--lm-text);
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(30, 41, 59, .04);
    transition: background .15s, border-color .15s, box-shadow .15s;
}
.lm-filters-toggle-caret[b-uexxtaw0xw] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--lm-muted);
    transition: transform .15s;
}
.lm-filters-toggle-caret.open[b-uexxtaw0xw] { transform: rotate(180deg); }
.lm-filters-count[b-uexxtaw0xw] {
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--lm-accent);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.lm-filters-clear[b-uexxtaw0xw] {
    border: none;
    background: transparent;
    color: var(--lm-accent-dark);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    padding: .35rem .5rem;
}
.lm-filters-clear:hover[b-uexxtaw0xw] { text-decoration: underline; }
.lm-filters-summary[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    color: var(--lm-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lm-filters-panel[b-uexxtaw0xw] {
    padding: .75rem .85rem .85rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.lm-filter-section-title[b-uexxtaw0xw] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--lm-muted);
    margin-bottom: 8px;
}
.lm-filter-toggles[b-uexxtaw0xw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.lm-toggle-chip[b-uexxtaw0xw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: var(--lm-text);
    cursor: pointer;
    user-select: none;
    transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.lm-toggle-chip:hover[b-uexxtaw0xw] { border-color: #94a3b8; background: #f8fafc; }
.lm-toggle-chip.on[b-uexxtaw0xw] {
    background: var(--lm-accent-soft);
    border-color: var(--lm-accent);
    color: var(--lm-accent-dark);
    box-shadow: 0 0 0 1px rgba(227, 30, 36, .08);
}
.lm-toggle-input[b-uexxtaw0xw] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.lm-filter-grid[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 12px;
}
.lm-filter-dates[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.lm-filter-date-group[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}
.lm-filter-date-label[b-uexxtaw0xw] {
    font-size: 11px;
    font-weight: 700;
    color: var(--lm-text);
}
.lm-filter-date-pair[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: center;
}
.lm-filter-date-sep[b-uexxtaw0xw] {
    font-size: 11px;
    color: var(--lm-muted);
    font-weight: 600;
}
.lm-filter-control[b-uexxtaw0xw] {
    height: 32px;
    min-height: 32px;
    font-size: 12px;
    border-radius: 8px;
}
.lm-filter-preset-section[b-uexxtaw0xw] { margin-top: 2px; }
.lm-filter-preset[b-uexxtaw0xw] {
    display: flex;
    gap: 8px;
    align-items: center;
    max-width: 420px;
}
.lm-filter-preset .lm-filter-control[b-uexxtaw0xw] { flex: 1 1 auto; }
.lm-filters-toggle:hover[b-uexxtaw0xw] { background: var(--lm-block); }
.lm-filters-toggle.active[b-uexxtaw0xw] {
    background: var(--lm-accent-soft);
    border-color: var(--lm-accent);
    color: var(--lm-accent-dark);
}
.lm-panel-head-split[b-uexxtaw0xw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    flex-wrap: wrap;
}
.lm-dialog-form[b-uexxtaw0xw] { max-width: 640px; width: min(640px, 96vw); }

.lm-erp-toolbar[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    flex-wrap: wrap;
    padding: .55rem .75rem;
    background: var(--lm-block-dark);
    border-bottom: 1px solid var(--lm-border);
    flex-shrink: 0;
}

.lm-erp-toolbar-left[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.lm-erp-toolbar .ix-master-toolbar-title[b-uexxtaw0xw] {
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--lm-accent-dark);
}

.lm-erp-kicker[b-uexxtaw0xw] {
    font-size: .78rem;
    color: var(--lm-muted);
    letter-spacing: .02em;
}

.lm-erp-toolbar-actions[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
}

.lm-erp-toolbar .ix-master-toolbtn[b-uexxtaw0xw] {
    height: 2.1em;
    min-height: 2.1em;
    padding: .35em .75em;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid var(--lm-border);
    border-radius: .45rem;
    background: var(--lm-surface);
    color: var(--lm-text);
    font-size: .88em;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.lm-erp-toolbar .ix-master-toolbtn:hover:not(:disabled)[b-uexxtaw0xw] {
    background: var(--lm-block);
}

.lm-erp-toolbar .ix-master-toolbtn.primary[b-uexxtaw0xw] {
    background: var(--lm-accent);
    border-color: var(--lm-accent-dark);
    color: #fff;
}

.lm-erp-toolbar .ix-master-toolbtn.primary:hover:not(:disabled)[b-uexxtaw0xw] {
    background: var(--lm-accent-dark);
}

.lm-user-badge[b-uexxtaw0xw] {
    background: var(--lm-accent-soft);
    color: var(--lm-accent-dark);
    padding: .35rem .65rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
    border: 1px solid rgba(227, 30, 36, .2);
}

.lm-search[b-uexxtaw0xw], .ix-erp-input[b-uexxtaw0xw] {
    padding: .45rem .6rem;
    border: 1px solid var(--lm-border);
    border-radius: .4rem;
    background: #fff;
    color: var(--lm-text);
    font-size: .88rem;
    min-width: 0;
    width: 100%;
}

.lm-search[b-uexxtaw0xw] {
    min-width: 160px;
    max-width: 240px;
}

.lm-tabs[b-uexxtaw0xw] {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0 .5rem;
    border-bottom: 1px solid var(--lm-border);
    background: var(--lm-block);
    flex-shrink: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.lm-tabs button[b-uexxtaw0xw] {
    padding: .55rem .95rem;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    cursor: pointer;
    color: var(--lm-muted);
    font-weight: 600;
    font-size: .86rem;
    white-space: nowrap;
}

.lm-tabs button.active[b-uexxtaw0xw] {
    color: var(--lm-accent-dark);
    border-bottom-color: var(--lm-accent);
    background: rgba(255, 255, 255, .45);
}

.lm-badge[b-uexxtaw0xw] {
    background: var(--lm-accent);
    color: #fff;
    border-radius: 999px;
    padding: 0 6px;
    font-size: .72rem;
    margin-left: 4px;
}

.lm-filter-field[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lm-filter-label[b-uexxtaw0xw] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--lm-muted);
}

.lm-input[b-uexxtaw0xw],
.lm-select[b-uexxtaw0xw],
.lm-textarea[b-uexxtaw0xw] {
    width: 100%;
    padding: .48rem .62rem;
    border: 1px solid var(--lm-border);
    border-radius: .42rem;
    background: #fff;
    color: var(--lm-text);
    font-size: .88rem;
    font-family: inherit;
    line-height: 1.35;
    transition: border-color .15s, box-shadow .15s;
}

.lm-input:focus[b-uexxtaw0xw],
.lm-select:focus[b-uexxtaw0xw],
.lm-textarea:focus[b-uexxtaw0xw] {
    outline: none;
    border-color: var(--lm-accent);
    box-shadow: 0 0 0 3px rgba(227, 30, 36, .12);
}

.lm-select[b-uexxtaw0xw] {
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237d6b5c' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .55rem center;
    padding-right: 1.6rem;
    cursor: pointer;
    max-width: 100%;
}

.lm-alert[b-uexxtaw0xw] {
    margin: .5rem .75rem 0;
    padding: .55rem .75rem;
    border-radius: .45rem;
    flex-shrink: 0;
}

.lm-alert-error[b-uexxtaw0xw] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.lm-alert-success[b-uexxtaw0xw] { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.lm-alert-warn[b-uexxtaw0xw] { background: #fffbeb; color: #b45309; border: 1px solid #fde68a; }

.lm-body[b-uexxtaw0xw] { flex: 1 1 auto; min-height: 0; min-width: 0; overflow: auto; padding: .65rem .75rem; }
.lm-body-kanban[b-uexxtaw0xw] { overflow: hidden; display: flex; flex-direction: column; padding: 0; }
.lm-body-list[b-uexxtaw0xw] { padding: 12px 14px 14px; overflow: auto; }
.lm-body-dash[b-uexxtaw0xw] { padding: 6px 8px; overflow: hidden; display: flex; flex-direction: column; min-height: 0; }
.lm-body-form[b-uexxtaw0xw] { overflow: hidden; display: flex; flex-direction: column; padding: .5rem .65rem .65rem; min-height: 0; }

/* SAP / Dynamics style form */
.lm-erp-form[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
}

.lm-form-header[b-uexxtaw0xw] {
    padding: .65rem .85rem;
    background: var(--lm-block-dark);
    border-bottom: 1px solid var(--lm-border);
    flex-shrink: 0;
}

.lm-form-header-row[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.lm-form-body[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.lm-section-last[b-uexxtaw0xw] { border-bottom: none; }

.lm-form-title[b-uexxtaw0xw] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lm-accent-dark);
}

.lm-section[b-uexxtaw0xw] {
    border-bottom: 1px solid var(--lm-border);
}

.lm-section-head[b-uexxtaw0xw] {
    padding: .45rem .85rem;
    background: var(--lm-block);
    border-bottom: 1px solid var(--lm-border);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #516f90;
}

.lm-section-body[b-uexxtaw0xw] {
    padding: .75rem .85rem;
}

.lm-field-grid[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem .75rem;
}

.lm-field label[b-uexxtaw0xw] {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--lm-muted);
    margin-bottom: .25rem;
}

.lm-field-hint[b-uexxtaw0xw] {
    display: block;
    margin-top: .2rem;
    font-size: .68rem;
    color: var(--lm-muted);
    line-height: 1.3;
}

.lm-field-wide[b-uexxtaw0xw] { grid-column: 1 / -1; }

.lm-textarea[b-uexxtaw0xw] { min-height: 72px; resize: vertical; }

.lm-textarea-block[b-uexxtaw0xw] {
    width: 100%;
    min-height: 96px;
    display: block;
}

.lm-inline-fields[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .55rem .65rem;
    margin-bottom: .55rem;
}

.lm-inline-field label[b-uexxtaw0xw],
.lm-field-block label[b-uexxtaw0xw] {
    display: block;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--lm-muted);
    margin-bottom: .25rem;
}

.lm-inline-grow[b-uexxtaw0xw] { grid-column: span 2; }

.lm-field-block[b-uexxtaw0xw] { margin-bottom: .55rem; }

.lm-form-actions[b-uexxtaw0xw] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    padding: .65rem .85rem;
    flex-shrink: 0;
    border-top: 1px solid var(--lm-border);
    background: var(--lm-block);
}

.lm-panel-head[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    margin-bottom: .55rem;
    padding-bottom: .45rem;
    border-bottom: 1px solid #e2e8f0;
}

.lm-panel-hint[b-uexxtaw0xw] {
    font-size: .78rem;
    color: var(--lm-muted);
    font-weight: 400;
}

.lm-closed-banner[b-uexxtaw0xw] {
    padding: .55rem .75rem;
    border-radius: .45rem;
    margin-bottom: .65rem;
    font-size: .84rem;
    border: 1px solid transparent;
}

.lm-closed-banner.won[b-uexxtaw0xw] {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

.lm-closed-banner.lost[b-uexxtaw0xw] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

.lm-req[b-uexxtaw0xw] { color: var(--lm-accent); }

.lm-btn:disabled[b-uexxtaw0xw] {
    opacity: .55;
    cursor: not-allowed;
}

.lm-master-note[b-uexxtaw0xw] {
    margin: 0;
    padding: .65rem .85rem;
    background: var(--lm-accent-soft);
    border-top: 1px solid rgba(227, 30, 36, .15);
    font-size: .8rem;
    color: var(--lm-text);
    line-height: 1.45;
}

.lm-master-note code[b-uexxtaw0xw] {
    background: rgba(255, 255, 255, .7);
    padding: 0 4px;
    border-radius: 3px;
    font-size: .78rem;
}

.lm-form-actions[b-uexxtaw0xw] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .65rem .85rem;
    background: var(--lm-block);
    border-top: 1px solid var(--lm-border);
    flex-shrink: 0;
    position: sticky;
    bottom: 0;
    z-index: 2;
}

.lm-form-actions .ix-master-toolbtn[b-uexxtaw0xw] {
    height: 2.1em;
    padding: .35em .85em;
    border: 1px solid var(--lm-border);
    border-radius: .45rem;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
}

.lm-form-actions .ix-master-toolbtn.primary[b-uexxtaw0xw] {
    background: var(--lm-accent);
    border-color: var(--lm-accent-dark);
    color: #fff;
}

/* Deal board — Pipedrive / HubSpot style */
.lm-board-page[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}
.lm-board-top[b-uexxtaw0xw] {
    flex-shrink: 0;
    padding: 10px 16px;
    background: #fff;
    border-bottom: 1px solid #dfe3eb;
}
.lm-board-top-row[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.lm-board-pipeline-select[b-uexxtaw0xw] {
    flex: 1 1 180px;
    min-width: 160px;
    max-width: 320px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #cbd6e2;
    border-radius: 4px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #33475b;
}
.lm-board-meta[b-uexxtaw0xw] {
    font-size: 13px;
    font-weight: 600;
    color: #516f90;
    white-space: nowrap;
}
.lm-board-top-actions[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    flex-wrap: wrap;
}
.lm-board-tool-btn[b-uexxtaw0xw] {
    height: 34px;
    padding: 0 12px;
    border: 1px solid #cbd6e2;
    border-radius: 4px;
    background: #fff;
    color: #33475b;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.lm-board-tool-btn:hover[b-uexxtaw0xw] { background: #f5f8fa; }
.lm-board-tool-btn.active[b-uexxtaw0xw] { background: #eaf0f6; border-color: #0091ae; color: #005c69; }
.lm-board-new-deal[b-uexxtaw0xw] {
    height: 34px;
    padding: 0 16px;
    border: none;
    border-radius: 4px;
    background: #00a4bd;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}
.lm-board-new-deal:hover[b-uexxtaw0xw] { background: #008fa3; }

.lm-board-scroll[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding: 12px 16px 16px;
    background: #eceff4;
}
.lm-board-hint[b-uexxtaw0xw] {
    display: none;
    font-size: 11px;
    color: #7c98b6;
    text-align: center;
    padding: 0 8px 8px;
}
.lm-board[b-uexxtaw0xw] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(268px, 272px);
    gap: 8px;
    width: max-content;
    min-width: 100%;
    min-height: calc(100% - 4px);
    height: 100%;
    align-items: stretch;
}
.lm-column[b-uexxtaw0xw] {
    min-width: 0;
    background: #eceff4;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 520px;
    scroll-snap-align: start;
    overflow: hidden;
}
.lm-column-head[b-uexxtaw0xw] {
    padding: 10px 12px 8px;
    background: #fff;
    flex-shrink: 0;
    border-bottom: 1px solid #dfe3eb;
}
.lm-stage-name[b-uexxtaw0xw] {
    font-weight: 600;
    font-size: 12px;
    color: #33475b;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}
.lm-column-head-stats[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}
.lm-column-sum[b-uexxtaw0xw] {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}
.lm-column-dot[b-uexxtaw0xw] { color: #99acc2; font-size: 12px; }
.lm-column-count[b-uexxtaw0xw] {
    font-size: 12px;
    color: #7c98b6;
    font-weight: 500;
    white-space: nowrap;
}
.lm-card-list[b-uexxtaw0xw] {
    padding: 6px;
    flex: 1 1 auto;
    min-height: 60px;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.lm-card-list.drop-active[b-uexxtaw0xw] {
    background: rgba(0, 164, 189, .08);
    box-shadow: inset 0 0 0 2px #00a4bd;
}
.lm-card[b-uexxtaw0xw] {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dfe3eb;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
    cursor: grab;
    overflow: hidden;
    transition: box-shadow .12s, border-color .12s;
}
.lm-card:hover[b-uexxtaw0xw] {
    border-color: #cbd6e2;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .1);
}
.lm-card.selected[b-uexxtaw0xw] {
    border-color: #00a4bd;
    box-shadow: 0 0 0 1px #00a4bd;
}
.lm-card-body[b-uexxtaw0xw] { padding: 10px 12px 6px; }
.lm-card-title[b-uexxtaw0xw] {
    font-weight: 600;
    font-size: 13px;
    color: #1e293b;
    line-height: 1.35;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lm-card-org[b-uexxtaw0xw] {
    font-size: 12px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lm-card-bottom[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 7px 12px;
    background: #fafbfc;
    border-top: 1px solid #edf0f5;
}
.lm-card-deal-value[b-uexxtaw0xw] {
    font-size: 13px;
    font-weight: 700;
    color: #33475b;
}
.lm-card-bottom-right[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}
.lm-card-warn[b-uexxtaw0xw] {
    font-size: 12px;
    color: #d97706;
    line-height: 1;
}
.lm-card-avatar[b-uexxtaw0xw] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #cbd6e2;
    color: #33475b;
    font-size: 9px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lm-column-add[b-uexxtaw0xw] {
    flex-shrink: 0;
    margin: 0 6px 6px;
    height: 32px;
    border: 1px dashed #cbd6e2;
    border-radius: 4px;
    background: rgba(255, 255, 255, .6);
    color: #7c98b6;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}
.lm-column-add:hover[b-uexxtaw0xw] {
    background: #fff;
    border-color: #00a4bd;
    color: #008fa3;
}

.lm-rating-sm[b-uexxtaw0xw] { font-size: 10px; padding: 2px 6px; border-radius: 999px; font-weight: 700; }
.lm-rating.hot[b-uexxtaw0xw], .lm-rating-sm.hot[b-uexxtaw0xw] { background: #fee2e2; color: #dc2626; }
.lm-rating.warm[b-uexxtaw0xw], .lm-rating-sm.warm[b-uexxtaw0xw] { background: #ffedd5; color: #ea580c; }
.lm-rating.cold[b-uexxtaw0xw], .lm-rating-sm.cold[b-uexxtaw0xw] { background: #dbeafe; color: #2563eb; }
.lm-overdue[b-uexxtaw0xw], .lm-overdue-sm[b-uexxtaw0xw] { color: #dc2626 !important; font-weight: 700; font-size: 10px; }

.lm-card-top[b-uexxtaw0xw] { display: flex; justify-content: space-between; gap: 4px; margin-bottom: 4px; }
.lm-card-no[b-uexxtaw0xw] { font-size: .72rem; color: var(--lm-muted); font-weight: 700; }
.lm-card-company[b-uexxtaw0xw] { font-size: .78rem; color: var(--lm-muted); }
.lm-card-meta[b-uexxtaw0xw], .lm-card-footer[b-uexxtaw0xw] { display: flex; justify-content: space-between; gap: 6px; font-size: .76rem; color: var(--lm-muted); flex-wrap: wrap; }

/* List / dashboard */
.lm-list-panel[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(30, 41, 59, .06);
}
.lm-table-wrap[b-uexxtaw0xw] { background: #fff; border: none; border-radius: 0; overflow: auto; }
.lm-table[b-uexxtaw0xw] { width: 100%; border-collapse: collapse; min-width: 760px; }
.lm-table th[b-uexxtaw0xw] {
    text-align: left;
    padding: .65rem .75rem;
    background: #f1f5f9;
    border-bottom: 1px solid var(--lm-border);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--lm-muted);
    position: sticky;
    top: 0;
    z-index: 1;
}
.lm-table td[b-uexxtaw0xw] { padding: .65rem .75rem; border-bottom: 1px solid #e2e8f0; font-size: .86rem; vertical-align: middle; }
.lm-table tbody tr:nth-child(even)[b-uexxtaw0xw] { background: #f8fafc; }
.lm-row-click[b-uexxtaw0xw] { cursor: default; transition: background .12s; }
.lm-row-click:hover[b-uexxtaw0xw] { background: var(--lm-accent-soft) !important; }
.lm-list-hint[b-uexxtaw0xw] {
    padding: .55rem .75rem;
    font-size: .76rem;
    color: var(--lm-muted);
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}
.lm-pagination[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem .75rem;
    font-size: .82rem;
    background: #fff;
    border-top: 1px solid #e2e8f0;
}
.lm-empty-main[b-uexxtaw0xw] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--lm-muted);
    font-size: .88rem;
}
.lm-sort[b-uexxtaw0xw] {
    border: none;
    background: transparent;
    font-weight: 700;
    cursor: pointer;
    font-size: 11px;
    color: var(--lm-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.lm-sort:hover[b-uexxtaw0xw] { color: var(--lm-accent-dark); }
.lm-status-pill[b-uexxtaw0xw] {
    color: #fff;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.lm-analytics-page[b-uexxtaw0xw] { display: flex; flex-direction: column; gap: 6px; background: #eef1f4; padding: 6px; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.lm-analytics-toolbar[b-uexxtaw0xw] { background: #fff; border: 1px solid #cbd6e2; border-radius: 2px; flex-shrink: 0; }
.lm-analytics-views[b-uexxtaw0xw] { flex-shrink: 0; }

/* Reference-style BI dashboards — fit viewport, no page scroll */
.lm-ref-dash[b-uexxtaw0xw] { background: #fff; border: 1px solid #cbd6e2; padding: 10px 14px 12px; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.lm-ref-head[b-uexxtaw0xw] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #eaf0f6; flex-shrink: 0; }
.lm-ref-title[b-uexxtaw0xw] { margin: 0; font-size: 18px; font-weight: 600; color: #33475b; }
.lm-ref-meta[b-uexxtaw0xw] { font-size: 11px; color: #7c98b6; }
.lm-ref-grid1[b-uexxtaw0xw] { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 8px; align-items: stretch; flex: 1 1 auto; min-height: 0; }
.lm-ref-grid2[b-uexxtaw0xw] { display: grid; grid-template-columns: 368px minmax(0, 1fr); gap: 8px; align-items: stretch; flex: 1 1 auto; min-height: 0; }
.lm-ref-kpi3 .lm-ref-kpi-cell[b-uexxtaw0xw] { padding: 12px 14px 9px; min-height: 0; }
.lm-ref-kpi3 .lm-ref-kpi-cell span[b-uexxtaw0xw] { font-size: 13px; margin-bottom: 4px; }
.lm-ref-kpi3 .lm-ref-kpi-cell b[b-uexxtaw0xw] { font-size: 23px; }
.lm-ref-kpi3 .lm-ref-kpi-cell.date .lm-ref-date[b-uexxtaw0xw] { font-size: 15px; }
.lm-ref-kpi3[b-uexxtaw0xw] { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 6px; height: 100%; min-height: 0; }
.lm-ref-kpi[b-uexxtaw0xw] { display: grid; gap: 6px; align-content: stretch; min-height: 0; height: 100%; }
.lm-ref-kpi2[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(4, minmax(0, 1fr)); }
.lm-ref-kpi-cell[b-uexxtaw0xw] { background: #fff; border: 1px solid #dfe3eb; border-radius: 2px; padding: 8px 10px 6px; min-height: 0; display: flex; flex-direction: column; justify-content: center; }
.lm-ref-kpi-cell span[b-uexxtaw0xw] { display: block; font-size: 11px; color: #516f90; margin-bottom: 4px; line-height: 1.2; }
.lm-ref-kpi-cell b[b-uexxtaw0xw] { display: block; font-size: 20px; font-weight: 700; color: #33475b; line-height: 1.1; }
.lm-ref-kpi-cell.date .lm-ref-date[b-uexxtaw0xw] { font-size: 13px; font-weight: 600; color: #33475b; line-height: 1.25; word-break: break-word; }
.lm-ref-main[b-uexxtaw0xw], .lm-ref-right[b-uexxtaw0xw] { display: grid; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; min-width: 0; min-height: 0; height: 100%; }
.lm-ref-row2[b-uexxtaw0xw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-height: 0; }
.lm-ref-row3[b-uexxtaw0xw] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; min-height: 0; }
.lm-ref-panel[b-uexxtaw0xw] { border: 1px solid #dfe3eb; border-radius: 2px; padding: 10px 12px 8px; background: #fff; min-height: 0; height: 100%; display: flex; flex-direction: column; overflow: hidden; }
.lm-ref-panel h3[b-uexxtaw0xw] { margin: 0 0 2px; font-size: 13px; font-weight: 600; color: #33475b; flex-shrink: 0; }
.lm-ref-sub[b-uexxtaw0xw] { margin: 0 0 4px; font-size: 10px; color: #7c98b6; flex-shrink: 0; }
.lm-ref-chart[b-uexxtaw0xw] { flex: 1 1 auto; min-height: 0; width: 100%; height: 100% !important; }
.lm-ref-panel[b-uexxtaw0xw]  .lm-ref-chart,
.lm-ref-panel[b-uexxtaw0xw]  .lm-ref-chart > div,
.lm-ref-panel[b-uexxtaw0xw]  .dxbl-chart-root { height: 100% !important; min-height: 0 !important; }
.lm-ref-chart.sm[b-uexxtaw0xw] { height: 100% !important; }
.lm-ref-empty[b-uexxtaw0xw] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; flex: 1 1 auto; min-height: 0; color: #7c98b6; font-size: 12px; text-align: center; }
.lm-ref-empty.sm[b-uexxtaw0xw] { min-height: 0; font-size: 11px; padding: 8px 0; }
.lm-ref-empty-ico[b-uexxtaw0xw] { width: 24px; height: 24px; border-radius: 50%; background: #eaf0f6; color: #0091ae; font-weight: 800; line-height: 24px; text-align: center; font-size: 14px; }
.lm-ref-table-wrap[b-uexxtaw0xw] { overflow: auto; flex: 1 1 auto; min-height: 0; margin-top: 4px; }
.lm-ref-table[b-uexxtaw0xw] { width: 100%; border-collapse: collapse; font-size: 11px; }
.lm-ref-table th[b-uexxtaw0xw] { text-align: left; padding: 5px 6px; border-bottom: 2px solid #dfe3eb; color: #516f90; font-weight: 600; font-size: 10px; white-space: nowrap; }
.lm-ref-table td[b-uexxtaw0xw] { padding: 5px 6px; border-bottom: 1px solid #eef2f6; color: #33475b; }
.lm-ref-table tbody tr:nth-child(even)[b-uexxtaw0xw] { background: #f9fafb; }
.lm-ref-stxt[b-uexxtaw0xw] { font-weight: 600; }
.stxt-won[b-uexxtaw0xw] { color: #1fb191; }
.stxt-lost[b-uexxtaw0xw] { color: #c53929; }
.stxt-open[b-uexxtaw0xw] { color: #4a90e2; }
.stxt-default[b-uexxtaw0xw] { color: #516f90; }

/* Dashboard 2 — prevent bottom chart crop */
.lm-ref-chart-wrap[b-uexxtaw0xw] { flex: 1 1 auto; min-height: 0; width: 100%; overflow: hidden; display: flex; flex-direction: column; }
.lm-ref-chart-wrap[b-uexxtaw0xw]  .lm-ref-chart,
.lm-ref-chart-wrap[b-uexxtaw0xw]  .lm-ref-chart > div,
.lm-ref-chart-wrap[b-uexxtaw0xw]  .dxbl-chart-root { flex: 1 1 auto; min-height: 0 !important; height: 100% !important; max-height: 100% !important; }
.lm-ref-dash-d2 .lm-ref-grid2[b-uexxtaw0xw] { grid-template-columns: 320px minmax(0, 1fr); gap: 6px; }
.lm-ref-dash-d2 .lm-ref-kpi3[b-uexxtaw0xw] { gap: 4px; }
.lm-ref-dash-d2 .lm-ref-kpi3 .lm-ref-kpi-cell[b-uexxtaw0xw] { padding: 6px 8px 4px; }
.lm-ref-dash-d2 .lm-ref-kpi3 .lm-ref-kpi-cell span[b-uexxtaw0xw] { font-size: 11px; margin-bottom: 2px; }
.lm-ref-dash-d2 .lm-ref-kpi3 .lm-ref-kpi-cell b[b-uexxtaw0xw] { font-size: 18px; }
.lm-ref-dash-d2 .lm-ref-kpi3 .lm-ref-kpi-cell.date .lm-ref-date[b-uexxtaw0xw] { font-size: 12px; line-height: 1.2; }
.lm-ref-dash-d2 .lm-ref-right[b-uexxtaw0xw] { grid-template-rows: minmax(0, 0.44fr) minmax(0, 0.56fr); gap: 6px; }
.lm-ref-dash-d2 .lm-ref-row2[b-uexxtaw0xw] { gap: 6px; min-height: 0; height: 100%; }
.lm-ref-dash-d2 .lm-ref-panel-bot[b-uexxtaw0xw] { padding: 8px 10px 6px; }
.lm-ref-dash-d2 .lm-ref-panel-bot .lm-ref-sub[b-uexxtaw0xw] { margin: 0 0 2px; font-size: 9px; line-height: 1.2; }
.lm-ref-dash-d2 .lm-ref-panel-bot h3[b-uexxtaw0xw] { font-size: 12px; margin-bottom: 0; }

@media (max-width: 1280px) {
    .lm-body-dash[b-uexxtaw0xw] { overflow: auto; }
    .lm-analytics-page[b-uexxtaw0xw] { overflow: auto; min-height: auto; }
    .lm-ref-dash[b-uexxtaw0xw] { overflow: visible; min-height: auto; }
    .lm-ref-grid1[b-uexxtaw0xw], .lm-ref-grid2[b-uexxtaw0xw] { grid-template-columns: 1fr; flex: none; }
    .lm-ref-kpi3[b-uexxtaw0xw] { grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; height: auto; }
    .lm-ref-kpi2[b-uexxtaw0xw] { grid-template-rows: auto; height: auto; }
    .lm-ref-main[b-uexxtaw0xw], .lm-ref-right[b-uexxtaw0xw] { grid-template-rows: auto auto; height: auto; }
    .lm-ref-row2[b-uexxtaw0xw], .lm-ref-row3[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-ref-panel[b-uexxtaw0xw] { min-height: 220px; height: auto; }
    .lm-ref-chart[b-uexxtaw0xw] { height: 200px !important; flex: none; }
}
@media (max-width: 768px) {
    .lm-ref-kpi2[b-uexxtaw0xw], .lm-ref-kpi3[b-uexxtaw0xw] { grid-template-columns: repeat(2, 1fr); }
}

/* Legacy colorful dashboard shell (unused) */
.lm-dash-shell[b-uexxtaw0xw] { display: flex; flex-direction: column; gap: 14px; }
.lm-dash-head[b-uexxtaw0xw] { padding: 4px 2px 0; }
.lm-dash-kicker[b-uexxtaw0xw] { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #0091ae; }
.lm-dash-title[b-uexxtaw0xw] { margin: 2px 0 0; font-size: 22px; font-weight: 800; color: #1e293b; line-height: 1.2; }
.lm-dash-sub[b-uexxtaw0xw] { margin: 4px 0 0; font-size: 12px; color: #64748b; }

.lm-dash-kpi-grid[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.lm-dash-kpi-grid.cols-6[b-uexxtaw0xw] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.lm-dash-kpi[b-uexxtaw0xw] {
    position: relative;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 16px 12px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
    overflow: hidden;
    text-align: left;
    cursor: default;
}
button.lm-dash-kpi[b-uexxtaw0xw] { cursor: pointer; }
button.lm-dash-kpi:hover[b-uexxtaw0xw] { box-shadow: 0 4px 14px rgba(15, 23, 42, .1); transform: translateY(-1px); }
.lm-dash-kpi span[b-uexxtaw0xw] { display: block; font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: .03em; margin-bottom: 6px; }
.lm-dash-kpi b[b-uexxtaw0xw] { display: block; font-size: 24px; font-weight: 800; line-height: 1.1; color: #0f172a; }
.lm-dash-kpi small.lm-cmp-delta[b-uexxtaw0xw] { display: block; margin-top: 6px; font-size: 11px; font-weight: 700; }
.lm-dash-kpi-accent[b-uexxtaw0xw] {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 5px;
    border-radius: 12px 0 0 12px;
    background: currentColor;
}
.lm-dash-kpi.kpi-teal[b-uexxtaw0xw] { color: #0891b2; } .lm-dash-kpi.kpi-teal b[b-uexxtaw0xw] { color: #0e7490; }
.lm-dash-kpi.kpi-indigo[b-uexxtaw0xw] { color: #6366f1; } .lm-dash-kpi.kpi-indigo b[b-uexxtaw0xw] { color: #4338ca; }
.lm-dash-kpi.kpi-green[b-uexxtaw0xw] { color: #22c55e; } .lm-dash-kpi.kpi-green b[b-uexxtaw0xw] { color: #15803d; }
.lm-dash-kpi.kpi-emerald[b-uexxtaw0xw] { color: #10b981; } .lm-dash-kpi.kpi-emerald b[b-uexxtaw0xw] { color: #047857; }
.lm-dash-kpi.kpi-red[b-uexxtaw0xw] { color: #ef4444; } .lm-dash-kpi.kpi-red b[b-uexxtaw0xw] { color: #b91c1c; }
.lm-dash-kpi.kpi-purple[b-uexxtaw0xw] { color: #a855f7; } .lm-dash-kpi.kpi-purple b[b-uexxtaw0xw] { color: #7e22ce; }
.lm-dash-kpi.kpi-amber[b-uexxtaw0xw] { color: #f59e0b; } .lm-dash-kpi.kpi-amber b[b-uexxtaw0xw] { color: #b45309; }
.lm-dash-kpi.kpi-orange[b-uexxtaw0xw] { color: #f97316; } .lm-dash-kpi.kpi-orange b[b-uexxtaw0xw] { color: #c2410c; }

.lm-dash-grid-main[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 12px;
}
.lm-dash-grid-sub[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.lm-dash-panel[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
    min-height: 180px;
}
.lm-dash-panel.wide[b-uexxtaw0xw] { grid-column: span 1; }
.lm-dash-panel-head[b-uexxtaw0xw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #f1f5f9;
}
.lm-dash-panel-head span[b-uexxtaw0xw] { font-size: 14px; font-weight: 700; color: #1e293b; }
.lm-dash-panel-head small[b-uexxtaw0xw] { font-size: 10px; font-weight: 600; color: #94a3b8; text-transform: uppercase; }

.lm-hbar[b-uexxtaw0xw] { display: grid; grid-template-columns: minmax(72px, 110px) 1fr; gap: 10px; align-items: center; margin-bottom: 10px; border: none; background: none; width: 100%; text-align: left; padding: 0; font: inherit; }
button.lm-hbar.lm-bar-click[b-uexxtaw0xw] { cursor: pointer; border-radius: 6px; }
button.lm-hbar.lm-bar-click:hover[b-uexxtaw0xw] { background: #f8fafc; }
.lm-hbar.compact[b-uexxtaw0xw] { margin-bottom: 8px; }
.lm-hbar-label[b-uexxtaw0xw] { font-size: 12px; font-weight: 600; color: #475569; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lm-hbar-track[b-uexxtaw0xw] { height: 22px; background: #f1f5f9; border-radius: 6px; overflow: hidden; }
.lm-hbar-stack[b-uexxtaw0xw] { display: flex; flex-direction: column; gap: 4px; }
.lm-hbar-stack .lm-hbar-fill[b-uexxtaw0xw] { height: 18px; border-radius: 5px; min-width: 28px; }
.lm-hbar-fill[b-uexxtaw0xw] {
    height: 100%;
    border-radius: 6px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    transition: width .25s ease;
}
.lm-hbar-fill em[b-uexxtaw0xw] { font-style: normal; font-size: 11px; font-weight: 700; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.15); }

/* Status colors */
.lm-hbar-fill.st-won[b-uexxtaw0xw], .lm-vbar-fill.st-won[b-uexxtaw0xw], .lm-group-bar.st-won[b-uexxtaw0xw] { background: linear-gradient(90deg, #22c55e, #16a34a); }
.lm-hbar-fill.st-lost[b-uexxtaw0xw], .lm-vbar-fill.st-lost[b-uexxtaw0xw], .lm-group-bar.st-lost[b-uexxtaw0xw] { background: linear-gradient(90deg, #ef4444, #dc2626); }
.lm-hbar-fill.st-open[b-uexxtaw0xw], .lm-vbar-fill.st-open[b-uexxtaw0xw] { background: linear-gradient(90deg, #3b82f6, #2563eb); }
.lm-hbar-fill.st-new[b-uexxtaw0xw] { background: linear-gradient(90deg, #06b6d4, #0891b2); }
.lm-hbar-fill.st-qual[b-uexxtaw0xw] { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }
.lm-hbar-fill.st-contact[b-uexxtaw0xw] { background: linear-gradient(90deg, #60a5fa, #3b82f6); }
.lm-hbar-fill.st-progress[b-uexxtaw0xw] { background: linear-gradient(90deg, #f59e0b, #d97706); }
.lm-hbar-fill.st-default[b-uexxtaw0xw] { background: linear-gradient(90deg, #64748b, #475569); }
.lm-hbar-fill.src-0[b-uexxtaw0xw] { background: linear-gradient(90deg, #14b8a6, #0d9488); }
.lm-hbar-fill.src-1[b-uexxtaw0xw] { background: linear-gradient(90deg, #06b6d4, #0891b2); }
.lm-hbar-fill.src-2[b-uexxtaw0xw] { background: linear-gradient(90deg, #2dd4bf, #14b8a6); }
.lm-hbar-fill.src-3[b-uexxtaw0xw] { background: linear-gradient(90deg, #22d3ee, #06b6d4); }
.lm-hbar-fill.src-4[b-uexxtaw0xw] { background: linear-gradient(90deg, #34d399, #10b981); }
.lm-hbar-fill.fn-0[b-uexxtaw0xw] { background: linear-gradient(90deg, #6366f1, #4f46e5); }
.lm-hbar-fill.fn-1[b-uexxtaw0xw] { background: linear-gradient(90deg, #3b82f6, #2563eb); }
.lm-hbar-fill.fn-2[b-uexxtaw0xw] { background: linear-gradient(90deg, #06b6d4, #0891b2); }
.lm-hbar-fill.fn-3[b-uexxtaw0xw] { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }
.lm-hbar-fill.fn-4[b-uexxtaw0xw] { background: linear-gradient(90deg, #f59e0b, #d97706); }
.lm-hbar-fill.fn-5[b-uexxtaw0xw] { background: linear-gradient(90deg, #10b981, #059669); }
.lm-hbar-fill.tr-0[b-uexxtaw0xw] { background: linear-gradient(90deg, #2563eb, #1d4ed8); }
.lm-hbar-fill.tr-1[b-uexxtaw0xw] { background: linear-gradient(90deg, #0891b2, #0e7490); }
.lm-hbar-fill.tr-2[b-uexxtaw0xw] { background: linear-gradient(90deg, #7c3aed, #6d28d9); }
.lm-hbar-fill.tr-3[b-uexxtaw0xw] { background: linear-gradient(90deg, #059669, #047857); }
.lm-hbar-fill.previous-flat[b-uexxtaw0xw] { background: #94a3b8; }

.lm-vbar-chart[b-uexxtaw0xw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 12px;
    min-height: 160px;
    padding-top: 8px;
}
.lm-vbar-item[b-uexxtaw0xw] { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.lm-vbar-item b[b-uexxtaw0xw] { font-size: 16px; font-weight: 800; color: #1e293b; }
.lm-vbar-item span[b-uexxtaw0xw] { font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; }
.lm-vbar-col[b-uexxtaw0xw] { width: 100%; max-width: 56px; height: 120px; display: flex; align-items: flex-end; background: #f8fafc; border-radius: 8px 8px 4px 4px; border: 1px solid #e2e8f0; }
.lm-vbar-fill[b-uexxtaw0xw] { width: 100%; border-radius: 6px 6px 2px 2px; min-height: 8px; transition: height .3s ease; }

.lm-legend[b-uexxtaw0xw] { display: flex; gap: 16px; margin-bottom: 12px; font-size: 11px; font-weight: 600; color: #64748b; }
.lm-legend i[b-uexxtaw0xw] { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: middle; }
.lm-legend .lg-current[b-uexxtaw0xw] { background: #3b82f6; }
.lm-legend .lg-previous[b-uexxtaw0xw] { background: #94a3b8; }
.lm-group-vbar-chart[b-uexxtaw0xw] { display: flex; align-items: flex-end; justify-content: space-around; gap: 10px; min-height: 180px; padding: 8px 0; }
.lm-group-vbar[b-uexxtaw0xw] { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.lm-group-vbar > span[b-uexxtaw0xw] { font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; }
.lm-group-vbar-bars[b-uexxtaw0xw] { display: flex; align-items: flex-end; gap: 6px; height: 140px; width: 100%; max-width: 72px; justify-content: center; }
.lm-group-bar[b-uexxtaw0xw] { width: 22px; border-radius: 6px 6px 2px 2px; min-height: 6px; transition: height .3s ease; }
.lm-group-bar.current[b-uexxtaw0xw] { background: linear-gradient(180deg, #3b82f6, #2563eb); }
.lm-group-bar.previous[b-uexxtaw0xw] { background: #94a3b8; }

.lm-cmp-table.colorful .lm-cmp-row:nth-child(even)[b-uexxtaw0xw] { background: #f8fafc; border-radius: 6px; }
.lm-analytics-views[b-uexxtaw0xw] {
    display: flex;
    gap: 6px;
    padding: 0 4px;
    flex-wrap: wrap;
}
.lm-analytics-view-btn[b-uexxtaw0xw] {
    height: 32px;
    padding: 0 14px;
    border: 1px solid #cbd6e2;
    border-radius: 6px;
    background: #fff;
    color: #516f90;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.lm-analytics-view-btn.active[b-uexxtaw0xw] {
    background: #eaf0f6;
    border-color: #0091ae;
    color: #005c69;
}
.lm-cmp-summary[b-uexxtaw0xw] {
    font-size: 13px;
    font-weight: 600;
    color: #516f90;
    padding: 0 4px;
}
.lm-cmp-grid[b-uexxtaw0xw] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lm-cmp-card[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 12px;
    padding: 14px 16px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.lm-cmp-metric[b-uexxtaw0xw] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #7c98b6;
    margin-bottom: 6px;
}
.lm-cmp-values[b-uexxtaw0xw] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
}
.lm-cmp-values b[b-uexxtaw0xw] { font-size: 22px; color: #1e293b; }
.lm-cmp-values span[b-uexxtaw0xw] { font-size: 12px; color: #64748b; }
.lm-cmp-delta[b-uexxtaw0xw] { font-size: 12px; font-weight: 700; }
.lm-cmp-delta.up[b-uexxtaw0xw] { color: #059669; }
.lm-cmp-delta.down[b-uexxtaw0xw] { color: #dc2626; }
.lm-cmp-delta.flat[b-uexxtaw0xw] { color: #64748b; }
.lm-cmp-table[b-uexxtaw0xw] { display: flex; flex-direction: column; gap: 0; }
.lm-cmp-row[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr .8fr;
    gap: 8px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eef2f6;
    font-size: 13px;
}
.lm-cmp-row.lm-cmp-head[b-uexxtaw0xw] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7c98b6;
    border-bottom: 2px solid #dfe3eb;
}
.lm-cmp-row span.up[b-uexxtaw0xw] { color: #059669; font-weight: 700; }
.lm-cmp-row span.down[b-uexxtaw0xw] { color: #dc2626; font-weight: 700; }
.lm-cmp-row span.flat[b-uexxtaw0xw] { color: #64748b; }
.lm-target-grid[b-uexxtaw0xw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lm-target-kpi[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 12px;
    padding: 16px 18px;
}
.lm-target-kpi span[b-uexxtaw0xw] {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #7c98b6;
    margin-bottom: 4px;
}
.lm-target-kpi b[b-uexxtaw0xw] { font-size: 18px; color: #1e293b; }
.lm-target-kpi small[b-uexxtaw0xw] { font-size: 11px; color: #64748b; }
.lm-target-bar[b-uexxtaw0xw] {
    height: 6px;
    background: #eef2f6;
    border-radius: 999px;
    margin: 8px 0 4px;
    overflow: hidden;
}
.lm-target-bar div[b-uexxtaw0xw] {
    height: 100%;
    background: linear-gradient(90deg, #00a4bd, #0091ae);
    border-radius: 999px;
}
.lm-target-form[b-uexxtaw0xw] { margin-top: 4px; }
.lm-target-fields[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}
.lm-target-fields label[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #516f90;
}
.lm-target-empty[b-uexxtaw0xw] { padding: 24px; text-align: center; }
.lm-target-owner-select[b-uexxtaw0xw] { min-width: 160px; height: 32px; font-size: 12px; }
.lm-target-hero[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 14px;
    border: 1px solid #dfe3eb;
    background: linear-gradient(135deg, #fff 0%, #f8fbfd 100%);
    box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
}
.lm-target-hero.hit[b-uexxtaw0xw] { border-color: #86efac; background: linear-gradient(135deg, #fff 0%, #f0fdf4 100%); }
.lm-target-hero.track[b-uexxtaw0xw] { border-color: #fde68a; background: linear-gradient(135deg, #fff 0%, #fffbeb 100%); }
.lm-target-hero.behind[b-uexxtaw0xw] { border-color: #fecaca; background: linear-gradient(135deg, #fff 0%, #fef2f2 100%); }
.lm-target-hero-left[b-uexxtaw0xw] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.lm-target-hero-kicker[b-uexxtaw0xw] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #7c98b6;
}
.lm-target-hero-title[b-uexxtaw0xw] { font-size: 20px; font-weight: 700; color: #1e293b; }
.lm-target-hero-sub[b-uexxtaw0xw] { font-size: 12px; color: #64748b; margin-top: 2px; }
.lm-target-avatar[b-uexxtaw0xw] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00a4bd, #0091ae);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}
.lm-target-avatar.sm[b-uexxtaw0xw] { width: 32px; height: 32px; font-size: 11px; }
.lm-target-ring-wrap[b-uexxtaw0xw] { text-align: center; flex-shrink: 0; }
.lm-target-ring-wrap small[b-uexxtaw0xw] { display: block; font-size: 10px; color: #7c98b6; margin-top: 4px; }
.lm-target-ring[b-uexxtaw0xw] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(farthest-side, #fff 58%, transparent 60%),
        conic-gradient(#00a4bd calc(var(--pct, 0) * 1%), #eef2f6 0);
}
.lm-target-ring span[b-uexxtaw0xw] { font-size: 16px; font-weight: 800; color: #0f766e; }
.lm-target-kpi-top[b-uexxtaw0xw] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.lm-target-mini-ring[b-uexxtaw0xw] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(farthest-side, #fff 62%, transparent 64%),
        conic-gradient(#00a4bd calc(var(--pct, 0) * 1%), #eef2f6 0);
}
.lm-target-mini-ring b[b-uexxtaw0xw] { font-size: 10px; color: #0f766e; }
.lm-target-main[b-uexxtaw0xw] { font-size: 20px; color: #1e293b; display: block; margin-bottom: 8px; }
.lm-target-main small[b-uexxtaw0xw] { font-size: 13px; color: #64748b; font-weight: 600; }
.lm-target-kpi.hit .lm-target-bar div[b-uexxtaw0xw] { background: linear-gradient(90deg, #10b981, #059669); }
.lm-target-kpi.track .lm-target-bar div[b-uexxtaw0xw] { background: linear-gradient(90deg, #f59e0b, #d97706); }
.lm-target-kpi.behind .lm-target-bar div[b-uexxtaw0xw] { background: linear-gradient(90deg, #f87171, #dc2626); }
.lm-chart-group[b-uexxtaw0xw] { margin-bottom: 14px; }
.lm-chart-group-title[b-uexxtaw0xw] { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #7c98b6; margin-bottom: 6px; }
.lm-dual-bar[b-uexxtaw0xw] { display: grid; grid-template-columns: 72px 1fr auto; gap: 8px; align-items: center; margin-bottom: 6px; }
.lm-dual-label[b-uexxtaw0xw] { font-size: 11px; color: #64748b; }
.lm-dual-track[b-uexxtaw0xw] { height: 10px; background: #eef2f6; border-radius: 999px; overflow: hidden; }
.lm-dual-fill[b-uexxtaw0xw] { height: 100%; border-radius: 999px; min-width: 2px; }
.lm-dual-fill.current[b-uexxtaw0xw], .lm-dual-fill.actual[b-uexxtaw0xw] { background: linear-gradient(90deg, #00a4bd, #0091ae); }
.lm-dual-fill.previous[b-uexxtaw0xw] { background: #94a3b8; }
.lm-dual-fill.target[b-uexxtaw0xw] { background: linear-gradient(90deg, #6366f1, #4f46e5); }
.lm-dual-bar b[b-uexxtaw0xw] { font-size: 12px; min-width: 48px; text-align: right; }
.lm-team-row[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: minmax(120px, 1.2fr) 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eef2f6;
}
.lm-team-user[b-uexxtaw0xw] { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #33475b; }
.lm-team-bar[b-uexxtaw0xw] { height: 8px; background: #eef2f6; border-radius: 999px; overflow: hidden; margin-bottom: 3px; }
.lm-team-bar div[b-uexxtaw0xw] { height: 100%; border-radius: 999px; }
.lm-team-bar div.hit[b-uexxtaw0xw] { background: #10b981; }
.lm-team-bar div.track[b-uexxtaw0xw] { background: #f59e0b; }
.lm-team-bar div.behind[b-uexxtaw0xw] { background: #ef4444; }
.lm-team-bar-wrap small[b-uexxtaw0xw] { font-size: 10px; color: #64748b; }
.lm-team-pct[b-uexxtaw0xw] { font-size: 13px; min-width: 42px; text-align: right; }
.lm-team-pct.hit[b-uexxtaw0xw] { color: #059669; }
.lm-team-pct.track[b-uexxtaw0xw] { color: #d97706; }
.lm-team-pct.behind[b-uexxtaw0xw] { color: #dc2626; }
.lm-target-form-owner[b-uexxtaw0xw] { margin-bottom: 12px; max-width: 280px; }
.lm-target-form-owner label[b-uexxtaw0xw] { display: block; font-size: 11px; font-weight: 600; color: #516f90; margin-bottom: 4px; }
.lm-analytics-kpi-row[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 0;
}
.lm-kpi-grid[b-uexxtaw0xw] { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: .55rem; margin-bottom: .75rem; }
.lm-kpi[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.lm-analytics-kpi-row .lm-kpi[b-uexxtaw0xw] { min-height: 88px; }
.lm-kpi span[b-uexxtaw0xw] {
    display: block;
    font-size: 11px;
    color: var(--lm-muted);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.lm-kpi b[b-uexxtaw0xw] { font-size: 18px; color: var(--lm-accent-dark); }

.lm-report-grid[b-uexxtaw0xw] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.lm-report-card[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.lm-report-title[b-uexxtaw0xw] {
    font-weight: 700;
    margin-bottom: .65rem;
    font-size: 13px;
    color: var(--lm-text);
}
.lm-bar-row[b-uexxtaw0xw] { display: grid; grid-template-columns: minmax(70px, 110px) 1fr 32px; gap: 6px; align-items: center; margin-bottom: 6px; font-size: .8rem; }
.lm-bar-track[b-uexxtaw0xw] { height: 7px; background: var(--lm-block); border-radius: 999px; overflow: hidden; }
.lm-bar-fill[b-uexxtaw0xw] { height: 100%; background: var(--lm-accent); border-radius: 999px; }
.lm-bar-fill.source[b-uexxtaw0xw] { background: linear-gradient(90deg, var(--lm-blue-dark), var(--lm-blue)); }

/* Detail / activity */
.lm-detail-layout[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.lm-detail-main[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .5rem;
}

.lm-detail-header[b-uexxtaw0xw] { display: flex; gap: .65rem; flex-wrap: wrap; margin-bottom: .65rem; }
.lm-detail-title[b-uexxtaw0xw] { font-size: .95rem; font-weight: 600; color: var(--lm-text); }
.lm-detail-meta[b-uexxtaw0xw] { display: flex; gap: .5rem; flex-wrap: wrap; font-size: .84rem; color: var(--lm-muted); }
.lm-detail-actions[b-uexxtaw0xw] { margin-left: auto; display: flex; gap: .4rem; flex-wrap: wrap; }
.lm-back[b-uexxtaw0xw] { background: none; border: none; color: var(--lm-accent-dark); cursor: pointer; font-weight: 700; }

.lm-info-grid[b-uexxtaw0xw] { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .55rem; background: #fff; border: 1px solid var(--lm-border); padding: .65rem; border-radius: .45rem; margin-bottom: .65rem; }
.lm-info-grid span[b-uexxtaw0xw] { display: block; font-size: .68rem; text-transform: uppercase; color: var(--lm-muted); margin-bottom: 2px; }
.lm-info-full[b-uexxtaw0xw] { grid-column: 1 / -1; }

.lm-subtabs[b-uexxtaw0xw] { display: flex; gap: 2px; margin-bottom: .45rem; flex-wrap: wrap; border-bottom: 1px solid var(--lm-border); padding-bottom: 0; }
.lm-subtabs button[b-uexxtaw0xw] { padding: .35rem .65rem; border: none; border-bottom: 2px solid transparent; background: transparent; border-radius: 0; cursor: pointer; font-size: .78rem; font-weight: 600; color: var(--lm-muted); margin-bottom: -1px; }
.lm-subtabs button.active[b-uexxtaw0xw] { background: transparent; color: var(--lm-text); border-bottom-color: var(--lm-accent-dark); }
.lm-subtabs button:hover:not(.active)[b-uexxtaw0xw] { color: var(--lm-text); background: #f8fafc; }

.lm-detail-products .lm-info-grid[b-uexxtaw0xw] { padding: .45rem .55rem; margin-bottom: .45rem; gap: .4rem; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
.lm-detail-products .lm-info-grid span[b-uexxtaw0xw] { font-size: .62rem; }
.lm-detail-products .lm-info-full[b-uexxtaw0xw] { display: none; }
.lm-detail-products .lm-detail-header[b-uexxtaw0xw] { margin-bottom: .45rem; }

.lm-detail-editing .lm-erp-form .lm-form-header[b-uexxtaw0xw] { display: none; }
.lm-detail-editing .lm-erp-form[b-uexxtaw0xw] { border: none; border-radius: 0; }
.lm-detail-editing .lm-form-actions[b-uexxtaw0xw] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    box-shadow: 0 -2px 8px rgba(15, 35, 52, .06);
}

.lm-panel-head b[b-uexxtaw0xw] { font-size: .86rem; font-weight: 600; color: var(--lm-text); }
.lm-detail-actions .lm-btn:not(.lm-btn-danger):not(.lm-btn-quote-header)[b-uexxtaw0xw] { background: #fff; color: var(--lm-text); border-color: var(--lm-border); font-weight: 600; }
.lm-btn-save[b-uexxtaw0xw] { background: #33475b; color: #fff; border-color: #2a3c4d; }
.lm-btn-save:hover[b-uexxtaw0xw] { background: #253545; }
.lm-btn-quote[b-uexxtaw0xw] { background: #fff; color: #047857; border: 1px solid #a7f3d0; font-weight: 600; }
.lm-btn-quote:hover[b-uexxtaw0xw] { background: #f0fdf4; }
.lm-btn-quote-header[b-uexxtaw0xw] { background: #fff; color: #047857; border: 1px solid #a7f3d0; }

.lm-panel[b-uexxtaw0xw] { background: #fff; border: 1px solid var(--lm-border); border-radius: .45rem; padding: .65rem; }
.lm-form-row[b-uexxtaw0xw] { display: flex; gap: .45rem; flex-wrap: wrap; margin-bottom: .45rem; }
.lm-grow[b-uexxtaw0xw] { flex: 1; min-width: 140px; }

.lm-btn[b-uexxtaw0xw] { padding: .45rem .85rem; border: 1px solid var(--lm-border); border-radius: .4rem; background: #fff; color: var(--lm-text); cursor: pointer; font-size: .84rem; font-weight: 600; }
.lm-btn-primary[b-uexxtaw0xw] { background: #e31e24; color: #fff; border-color: #c62828; }
.lm-btn-success[b-uexxtaw0xw] { background: #059669; color: #fff; border-color: #047857; }
.lm-btn-danger[b-uexxtaw0xw] { background: #c62828; color: #fff; border-color: #9b1c1c; }
.lm-btn-ghost[b-uexxtaw0xw] { background: #fff; color: var(--lm-text); border-color: var(--lm-border); }
.lm-btn-sm[b-uexxtaw0xw] { padding: .25rem .55rem; font-size: .76rem; }

.lm-timeline-panel[b-uexxtaw0xw] { background: #fff; border: 1px solid var(--lm-border); border-radius: .45rem; padding: .65rem; }
.lm-timeline-rail-hint[b-uexxtaw0xw] { font-size: .76rem; color: var(--lm-muted); margin-bottom: .45rem; }
.lm-timeline-rail[b-uexxtaw0xw] {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    padding: .35rem .15rem .55rem;
    margin-bottom: .65rem;
    border-bottom: 1px solid #e2e8f0;
    cursor: grab;
    user-select: none;
    scroll-snap-type: x proximity;
}
.lm-timeline-chip[b-uexxtaw0xw] {
    flex: 0 0 auto;
    min-width: 110px;
    padding: .45rem .55rem;
    border: 1px solid var(--lm-border);
    border-radius: .45rem;
    background: #fff;
    text-align: left;
    cursor: pointer;
    scroll-snap-align: start;
}
.lm-timeline-chip.active[b-uexxtaw0xw] { border-color: var(--lm-accent); background: var(--lm-accent-soft); }
.lm-timeline-chip-date[b-uexxtaw0xw] { display: block; font-size: .68rem; color: var(--lm-muted); font-weight: 700; text-transform: uppercase; }
.lm-timeline-chip-title[b-uexxtaw0xw] { display: block; font-size: .8rem; font-weight: 700; color: var(--lm-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; }
.lm-timeline-stream[b-uexxtaw0xw] { position: relative; padding-left: .25rem; }
.lm-timeline-stream[b-uexxtaw0xw]::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #e2e8f0;
}
.lm-timeline-item[b-uexxtaw0xw] {
    display: flex;
    gap: .65rem;
    padding: .55rem 0 .55rem .15rem;
    position: relative;
}
.lm-timeline-item.highlight .lm-timeline-content[b-uexxtaw0xw] {
    background: var(--lm-accent-soft);
    border-color: rgba(227, 30, 36, .25);
}
.lm-timeline-node[b-uexxtaw0xw] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    font-weight: 700;
    flex-shrink: 0;
    z-index: 1;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e2e8f0;
}
.lm-timeline-node.created[b-uexxtaw0xw] { background: #dbeafe; color: #2563eb; }
.lm-timeline-node.status[b-uexxtaw0xw] { background: #ffedd5; color: #ea580c; }
.lm-timeline-node.converted[b-uexxtaw0xw] { background: #d1fae5; color: #047857; }
.lm-timeline-node.lost[b-uexxtaw0xw] { background: #fee2e2; color: #b91c1c; }
.lm-timeline-node.activity[b-uexxtaw0xw] { background: #ede9fe; color: #7c3aed; }
.lm-timeline-node.task[b-uexxtaw0xw] { background: #e0f2fe; color: #0284c7; }
.lm-timeline-node.default[b-uexxtaw0xw] { background: var(--lm-block); color: var(--lm-muted); }
.lm-timeline-content[b-uexxtaw0xw] {
    flex: 1;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .45rem;
    padding: .5rem .65rem;
}
.lm-timeline-title[b-uexxtaw0xw] { font-weight: 700; font-size: .88rem; }
.lm-timeline-meta[b-uexxtaw0xw] { font-size: .76rem; color: var(--lm-muted); margin-top: .25rem; }
.lm-timeline-change[b-uexxtaw0xw] { color: var(--lm-accent-dark); font-size: .84rem; margin-top: .15rem; }
.lm-timeline-notes[b-uexxtaw0xw] { font-size: .84rem; margin-top: .15rem; }

.lm-activity-item[b-uexxtaw0xw], .lm-task-item[b-uexxtaw0xw] { display: flex; gap: .55rem; padding: .55rem 0; border-bottom: 1px solid #e2e8f0; }
.lm-activity-icon[b-uexxtaw0xw] { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--lm-block); }

.lm-empty-main[b-uexxtaw0xw], .lm-empty[b-uexxtaw0xw] { text-align: center; padding: 2rem; color: var(--lm-muted); }

.lm-overlay[b-uexxtaw0xw] {
    position: fixed;
    inset: 0;
    background: rgba(30, 41, 59, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 16px;
    backdrop-filter: blur(2px);
    --lm-accent: #e31e24;
    --lm-accent-dark: #c62828;
    --lm-accent-soft: #fde8ea;
    --lm-blue: #2563eb;
    --lm-blue-dark: #1d4ed8;
    --lm-blue-soft: #eff6ff;
    --lm-block: #eff6ff;
    --lm-block-dark: #dbeafe;
    --lm-border: #cbd5e1;
    --lm-text: #1e293b;
    --lm-muted: #64748b;
}

.lm-dialog[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: .65rem;
    width: min(520px, 100%);
    max-height: 92vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 18px 48px rgba(30, 41, 59, .22);
}

.lm-dialog-header[b-uexxtaw0xw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    padding: .85rem 1rem;
    background: var(--lm-block-dark);
    border-bottom: 1px solid var(--lm-border);
}

.lm-dialog-convert .lm-dialog-header[b-uexxtaw0xw] { border-top: 3px solid #059669; }
.lm-dialog-lost .lm-dialog-header[b-uexxtaw0xw] { border-top: 3px solid var(--lm-accent-dark); }

.lm-dialog-title[b-uexxtaw0xw] { font-size: 1.05rem; font-weight: 700; color: var(--lm-accent-dark); margin: 0; }
.lm-dialog-sub[b-uexxtaw0xw] { font-size: .78rem; color: var(--lm-muted); margin-top: .15rem; }

.lm-dialog-close[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: .35rem;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    color: var(--lm-muted);
    flex-shrink: 0;
}

.lm-dialog-close:hover[b-uexxtaw0xw] { color: var(--lm-accent-dark); border-color: var(--lm-accent); }

.lm-dialog-body[b-uexxtaw0xw] {
    padding: 1rem;
    overflow: auto;
}

.lm-dialog-body label[b-uexxtaw0xw] {
    display: block;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--lm-muted);
    margin-bottom: .25rem;
}

.lm-dialog-grid[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
}

.lm-field-span2[b-uexxtaw0xw] { grid-column: 1 / -1; }

.lm-dialog-actions[b-uexxtaw0xw] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--lm-border);
    background: var(--lm-block);
    flex-wrap: wrap;
    flex-shrink: 0;
}

.lm-dialog-actions .lm-btn-success[b-uexxtaw0xw],
.lm-dialog-actions .lm-btn-danger[b-uexxtaw0xw],
.lm-dialog-actions .lm-btn-primary[b-uexxtaw0xw] {
    min-width: 120px;
}

@media (max-width: 1200px) {
    .lm-field-grid[b-uexxtaw0xw] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
    .lm-erp-toolbar-actions[b-uexxtaw0xw] { width: 100%; justify-content: flex-start; }
    .lm-search[b-uexxtaw0xw] { flex: 1 1 140px; max-width: none; }
    .lm-field-grid[b-uexxtaw0xw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .lm-tabs button[b-uexxtaw0xw] { padding: .45rem .7rem; font-size: .8rem; }
    .lm-filters label[b-uexxtaw0xw] { flex: 1 1 100%; }
    .lm-filter-field[b-uexxtaw0xw] { width: 100%; }
    .lm-inline-grow[b-uexxtaw0xw] { grid-column: span 1; }
    .lm-dialog-grid[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-field-grid[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-detail-header[b-uexxtaw0xw] { flex-direction: column; }
    .lm-detail-actions[b-uexxtaw0xw] { margin-left: 0; width: 100%; }
}

@media (max-width: 480px) {
    .lm-erp-toolbar-actions[b-uexxtaw0xw] { flex-direction: column; align-items: stretch; }
    .lm-erp-toolbar .ix-master-toolbtn[b-uexxtaw0xw] { width: 100%; justify-content: center; }
}

/* Phase 1–3 enhancements (additive only) */
.lm-notify-btn .lm-badge[b-uexxtaw0xw] { margin-left: .35rem; }
.lm-notify-panel[b-uexxtaw0xw] {
    margin: 0 1rem .65rem;
    padding: .35rem;
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
    max-height: 240px;
    overflow-y: auto;
}
.lm-notify-item[b-uexxtaw0xw] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    width: 100%;
    text-align: left;
    padding: .45rem .55rem;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    font-size: .82rem;
    color: var(--lm-text);
}
.lm-notify-item:hover[b-uexxtaw0xw] { background: var(--lm-block); }
.lm-notify-item span[b-uexxtaw0xw] { margin-left: auto; color: var(--lm-muted); font-size: .75rem; }
.lm-conversion-panel[b-uexxtaw0xw] {
    margin: 0 0 .75rem;
    padding: .65rem .85rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
}
.lm-conversion-title[b-uexxtaw0xw] { font-weight: 700; margin-bottom: .45rem; color: #166534; }
.lm-conversion-grid[b-uexxtaw0xw] { margin-top: .25rem; }
.lm-overdue-strip[b-uexxtaw0xw] {
    margin: 0 0 .75rem;
    padding: .5rem .75rem;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #9a3412;
    font-size: .85rem;
}
.lm-dash-alert[b-uexxtaw0xw] {
    display: block;
    width: 100%;
    text-align: left;
    padding: .45rem 0;
    border: none;
    border-bottom: 1px solid var(--lm-border);
    background: transparent;
    cursor: pointer;
}
.lm-dash-alert:last-child[b-uexxtaw0xw] { border-bottom: none; }
.lm-dash-alert span[b-uexxtaw0xw] { display: block; font-size: .72rem; color: var(--lm-muted); }
.lm-dash-alert b[b-uexxtaw0xw] { display: block; font-size: .84rem; }
.lm-dash-alert small[b-uexxtaw0xw] { color: var(--lm-muted); font-size: .72rem; }
.lm-bar-fill.funnel[b-uexxtaw0xw] { background: linear-gradient(90deg, var(--lm-blue-dark), var(--lm-blue)); }
.lm-dup-row[b-uexxtaw0xw] {
    padding: .4rem 0;
    border-bottom: 1px solid var(--lm-border);
    font-size: .84rem;
}
.lm-card.selected[b-uexxtaw0xw] {
    outline: 2px solid var(--lm-accent);
    outline-offset: 1px;
}

.lm-row-click.selected[b-uexxtaw0xw] {
    background: var(--lm-accent-soft) !important;
    box-shadow: inset 3px 0 0 var(--lm-accent);
}

.lm-loading-overlay[b-uexxtaw0xw] {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: rgba(255,255,255,.72);
    font-size: .85rem;
    color: var(--lm-muted);
}
.lm-loading-spinner[b-uexxtaw0xw] {
    width: 28px;
    height: 28px;
    border: 3px solid var(--lm-border);
    border-top-color: var(--lm-accent);
    border-radius: 50%;
    animation: lm-spin-b-uexxtaw0xw .8s linear infinite;
}
@keyframes lm-spin-b-uexxtaw0xw { to { transform: rotate(360deg); } }
.lm-page[b-uexxtaw0xw] { position: relative; }

.lm-lead-editor-overlay[b-uexxtaw0xw] {
    position: fixed;
    inset: 0;
    z-index: 2300;
    background: rgba(15, 23, 42, .48);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.lm-lead-editor-modal[b-uexxtaw0xw] {
    width: min(1280px, 96vw);
    height: min(860px, 92vh);
    min-width: 820px;
    min-height: 480px;
    max-width: 98vw;
    max-height: 96vh;
    resize: both;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #cbd5e1;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .38);
}
.lm-lead-editor-modal-chrome[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    flex-shrink: 0;
}
.lm-lead-editor-resize-hint[b-uexxtaw0xw] {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}
.lm-lead-editor-close[b-uexxtaw0xw] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
.lm-lead-editor-close:hover[b-uexxtaw0xw] { color: #e31e24; border-color: #fecaca; }
.lm-lead-editor-modal-body[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.lm-lead-editor-modal-body[b-uexxtaw0xw]  .lm-detail-layout {
    height: 100%;
}
@media (max-width: 900px) {
    .lm-lead-editor-overlay[b-uexxtaw0xw] { padding: 0; }
    .lm-lead-editor-modal[b-uexxtaw0xw] {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        max-width: none;
        max-height: none;
        border-radius: 0;
        resize: none;
    }
}

/* App detail editor — desktop overlay only; phone uses .ld-detail-inline */
.lm-page.lm-detail-app .lm-wizard-shell[b-uexxtaw0xw] {
    position: relative !important;
    background: #f2f4f8 !important;
    overflow: hidden !important;
}
.lm-page.lm-detail-app .lm-wizard-main[b-uexxtaw0xw] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    background: #f2f4f8 !important;
}
.lm-page.lm-detail-app .lm-mobile-topbar[b-uexxtaw0xw] {
    display: none !important;
}
.lm-page.lm-detail-app .lm-body[b-uexxtaw0xw],
.lm-page.lm-detail-app .lm-body-list[b-uexxtaw0xw] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f2f4f8 !important;
}
.ld-detail-inline[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
    background: #f2f4f8;
    overflow: hidden;
}
.ld-detail-inline-body[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #f2f4f8;
}
.ld-detail-inline-body[b-uexxtaw0xw]  .lm-detail-layout {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    background: #f2f4f8 !important;
    overflow: hidden !important;
}
.ld-detail-inline-body[b-uexxtaw0xw]  .lm-detail-main {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    background: #f2f4f8 !important;
    padding: 0 0 16px !important;
}
.ld-detail-inline-body[b-uexxtaw0xw]  .lm-detail-header {
    position: static !important;
    background: #fff !important;
}
.ld-detail-inline-body[b-uexxtaw0xw]  .lm-deal-sheet,
.ld-detail-inline-body[b-uexxtaw0xw]  .lm-deal-sheet.lm-deal-sheet-app {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    align-items: stretch !important;
    background: transparent !important;
    padding: 0 12px 12px !important;
    gap: 12px !important;
}
.ld-detail-inline-body[b-uexxtaw0xw]  .lm-deal-summary,
.ld-detail-inline-body[b-uexxtaw0xw]  .lm-deal-summary.lm-deal-summary-app {
    position: static !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

.lm-kpi-click[b-uexxtaw0xw] { cursor: pointer; border: 1px solid #e8ecef; background: var(--lm-surface); text-align: left; transition: border-color .15s, box-shadow .15s; }
.lm-kpi-click:hover[b-uexxtaw0xw] { border-color: var(--lm-accent); box-shadow: 0 2px 8px rgba(227, 30, 36, .1); }
.lm-bar-click[b-uexxtaw0xw] { width: 100%; border: none; background: transparent; cursor: pointer; text-align: left; }
.lm-bar-click:hover[b-uexxtaw0xw] { background: var(--lm-blue-soft); }
.lm-bar-fill.trend[b-uexxtaw0xw] { background: linear-gradient(90deg, #1d4ed8, #3b82f6); }
.lm-stage-value[b-uexxtaw0xw] { font-size: .72rem; color: var(--lm-muted); }
.lm-link-btn[b-uexxtaw0xw] { border: none; background: none; color: var(--lm-accent-dark); cursor: pointer; padding: 0; font-weight: 600; }
.lm-lost-panel[b-uexxtaw0xw] { border-left: 3px solid #ef4444; }
.lm-doc-panel[b-uexxtaw0xw] { min-height: 200px; }
.lm-task-filters[b-uexxtaw0xw] { display: flex; gap: .35rem; flex-wrap: wrap; }
.lm-chip[b-uexxtaw0xw] { border: 1px solid var(--lm-border); background: #fff; border-radius: 999px; padding: .15rem .55rem; font-size: .72rem; cursor: pointer; }
.lm-chip.active[b-uexxtaw0xw] { background: var(--lm-accent-soft); border-color: var(--lm-accent); }
.lm-mini-actions[b-uexxtaw0xw] { display: flex; gap: .35rem; margin-top: .35rem; flex-wrap: wrap; }
.lm-activity-body[b-uexxtaw0xw] { flex: 1; min-width: 0; }
.lm-card-quick[b-uexxtaw0xw] { display: inline-flex; gap: .35rem; margin-left: .35rem; }
.lm-card-quick a[b-uexxtaw0xw], .lm-card-open[b-uexxtaw0xw] { font-size: .72rem; border: none; background: transparent; cursor: pointer; color: var(--lm-accent-dark); text-decoration: none; }

/* Lead Hub wizard shell (Payroll-style sidebar) */
.lm-wizard-shell[b-uexxtaw0xw] {
    --lm-accent: #e31e24;
    --lm-accent-dark: #c62828;
    --lm-accent-soft: #fde8ea;
    --lm-blue: #2563eb;
    --lm-blue-dark: #1d4ed8;
    --lm-blue-soft: #eff6ff;
    --lm-block: #eff6ff;
    --lm-block-dark: #dbeafe;
    --lm-border: #cbd5e1;
    --lm-text: #1e293b;
    --lm-muted: #64748b;
    --lm-surface: #ffffff;
    --lm-bg: #f8fafc;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: 0;
}
.lm-wizard-side[b-uexxtaw0xw] {
    width: 240px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-right: 1px solid var(--lm-border);
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}
.lm-wizard-brand[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    color: var(--lm-text);
    margin-bottom: 8px;
}
.lm-wizard-logo[b-uexxtaw0xw] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--lm-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
}
.lm-wizard-welcome[b-uexxtaw0xw] {
    font-size: 12px;
    color: var(--lm-muted);
    margin-bottom: 20px;
    line-height: 1.4;
}
.lm-wizard-nav[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.lm-wizard-nav-item[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: none;
    background: transparent;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 500;
    color: var(--lm-text);
    cursor: pointer;
    text-align: left;
}
.lm-wizard-nav-item .dot[b-uexxtaw0xw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #94a3b8;
    flex-shrink: 0;
}
.lm-wizard-nav-item:hover[b-uexxtaw0xw] { background: var(--lm-blue-soft); }
.lm-wizard-nav-item.active[b-uexxtaw0xw] {
    background: var(--lm-accent-soft);
    color: var(--lm-accent-dark);
    font-weight: 700;
}
.lm-wizard-nav-item.active .dot[b-uexxtaw0xw] { background: var(--lm-accent); }
.lm-nav-badge[b-uexxtaw0xw] {
    margin-left: auto;
    font-size: 11px;
    font-weight: 700;
    background: var(--lm-accent);
    color: #fff;
    border-radius: 999px;
    padding: 1px 7px;
    min-width: 20px;
    text-align: center;
}
.lm-wizard-main[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    background: var(--lm-bg);
}
.lm-wizard-main-wide[b-uexxtaw0xw] { padding: 0; }
.lm-wizard-main-dash[b-uexxtaw0xw] { overflow: hidden; }
.lm-wizard-main-dash .lm-body-dash[b-uexxtaw0xw] { flex: 1 1 auto; }
.lm-home-main[b-uexxtaw0xw] { background: var(--lm-bg); }
.lm-body-home[b-uexxtaw0xw] { padding: 0; overflow: auto; }

.lm-home-page[b-uexxtaw0xw] { padding: 14px 16px 20px; }
.lm-home-header[b-uexxtaw0xw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px 12px;
    margin: 0 0 18px;
    background: #eff6ff;
    border: 1px solid var(--lm-border);
    border-radius: 10px 10px 0 0;
}
.lm-home-kicker[b-uexxtaw0xw] {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--lm-accent);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.lm-home-title[b-uexxtaw0xw] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    line-height: 1.15;
}
.lm-home-lead[b-uexxtaw0xw] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--lm-muted);
    line-height: 1.5;
    max-width: 560px;
}
.lm-home-user-chip[b-uexxtaw0xw] {
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px;
    text-align: right;
    min-width: 160px;
}
.lm-home-user-chip .lbl[b-uexxtaw0xw] {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--lm-muted);
    letter-spacing: .04em;
}
.lm-home-user-chip b[b-uexxtaw0xw] { font-size: 13px; color: var(--lm-text); }
.lm-home-kpi-row[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}
.lm-home-kpi[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
    text-align: left;
}
.lm-home-kpi-click[b-uexxtaw0xw] { cursor: pointer; width: 100%; }
.lm-home-kpi-click:hover[b-uexxtaw0xw] { border-color: var(--lm-accent); }
.lm-home-kpi .lbl[b-uexxtaw0xw] {
    display: block;
    font-size: 11px;
    color: var(--lm-muted);
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 4px;
}
.lm-home-kpi b[b-uexxtaw0xw] { font-size: 18px; color: var(--lm-text); }
.lm-home-kpi small[b-uexxtaw0xw] {
    display: block;
    font-size: 11px;
    color: var(--lm-muted);
    margin-top: 4px;
}
.lm-home-kpi.accent-warn[b-uexxtaw0xw] {
    background: linear-gradient(135deg, #fffbeb 0%, #fff 100%);
    border-color: #fcd34d;
}
.lm-home-actions[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}
.lm-home-action-card[b-uexxtaw0xw] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 18px;
    cursor: pointer;
    transition: border-color .15s, box-shadow .2s;
    width: 100%;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
.lm-home-action-card:hover[b-uexxtaw0xw] {
    border-color: #d4d8dd;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
}
.lm-home-action-icon[b-uexxtaw0xw] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    flex-shrink: 0;
}
.lm-home-action-icon.board[b-uexxtaw0xw] { background: #eff6ff; color: #1d4ed8; }
.lm-home-action-icon.list[b-uexxtaw0xw] { background: #f3f4f6; color: #374151; }
.lm-home-action-icon.mine[b-uexxtaw0xw] { background: var(--lm-accent-soft); color: var(--lm-accent-dark); font-size: 14px; }
.lm-home-action-icon.dash[b-uexxtaw0xw] { background: #ecfdf5; color: #047857; }
.lm-home-action-icon.new[b-uexxtaw0xw] { background: var(--lm-accent); color: #fff; font-size: 20px; }
.lm-home-action-title[b-uexxtaw0xw] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--lm-text);
    margin-bottom: 4px;
}
.lm-home-action-body p[b-uexxtaw0xw] {
    margin: 0;
    font-size: 12px;
    color: var(--lm-muted);
    line-height: 1.45;
}
.lm-home-action-pill[b-uexxtaw0xw] {
    margin-left: auto;
    align-self: flex-start;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--lm-accent);
    background: var(--lm-accent-soft);
    border-radius: 999px;
    padding: 3px 8px;
}
.lm-home-panels[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.lm-home-panel[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 16px 18px;
}
.lm-home-section-h[b-uexxtaw0xw] {
    font-size: 13px;
    font-weight: 700;
    color: var(--lm-text);
    margin: 0 0 10px;
}
.lm-home-checklist[b-uexxtaw0xw] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.lm-home-checklist li[b-uexxtaw0xw] {
    font-size: 12px;
    color: var(--lm-muted);
    padding-left: 22px;
    position: relative;
}
.lm-home-checklist li[b-uexxtaw0xw]::before {
    content: "○";
    position: absolute;
    left: 0;
    color: #c4b5a5;
}
.lm-home-checklist li.done[b-uexxtaw0xw] {
    color: var(--lm-text);
    font-weight: 600;
}
.lm-home-checklist li.done[b-uexxtaw0xw]::before {
    content: "✓";
    color: #0d7a4e;
}
.lm-home-cta[b-uexxtaw0xw] {
    margin-top: 12px;
    border: none;
    background: none;
    color: var(--lm-accent-dark);
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    padding: 0;
}
.lm-home-status[b-uexxtaw0xw] {
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 12px;
}
.lm-home-status b[b-uexxtaw0xw] { display: block; margin-bottom: 4px; font-size: 13px; }
.lm-home-status p[b-uexxtaw0xw] { margin: 0 0 10px; color: var(--lm-muted); line-height: 1.45; }
.lm-home-status.warn[b-uexxtaw0xw] { background: #fffbeb; border: 1px solid #fde68a; }
.lm-home-status.ok[b-uexxtaw0xw] { background: #ecfdf5; border: 1px solid #a7f3d0; }

@media (max-width: 1100px) {
    .lm-home-kpi-row[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; }
    .lm-home-actions[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; }
    .lm-home-panels[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-analytics-kpi-row[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .lm-home-header[b-uexxtaw0xw] { flex-direction: column; align-items: stretch; }
    .lm-home-kpi-row[b-uexxtaw0xw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lm-home-actions[b-uexxtaw0xw] { grid-template-columns: unset; }
    .lm-filter-date-pair[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-filter-date-sep[b-uexxtaw0xw] { display: none; }
}

/* HubSpot-style filter drawer + compact chrome (overrides) */
.lm-view-chrome[b-uexxtaw0xw] {
    border-bottom: 1px solid #dfe3eb;
    box-shadow: none;
}
.lm-crumb-bar[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 0;
    font-size: 13px;
    color: #516f90;
}
.lm-crumb-module[b-uexxtaw0xw] { font-weight: 600; }
.lm-crumb-sep[b-uexxtaw0xw] { color: #cbd6e2; }
.lm-crumb-page[b-uexxtaw0xw] { font-weight: 700; color: #33475b; }
.lm-crumb-count[b-uexxtaw0xw] {
    font-size: 12px;
    font-weight: 600;
    background: #eaf0f6;
    border-radius: 999px;
    padding: 2px 8px;
}
.lm-work-toolbar[b-uexxtaw0xw] {
    gap: 8px;
    padding: 10px 16px 12px;
    border-bottom: none;
}
.lm-toolbar-search-wrap[b-uexxtaw0xw] {
    flex: 1 1 220px;
    max-width: 360px;
    min-width: 180px;
}
.lm-toolbar-spacer[b-uexxtaw0xw] { flex: 1 1 auto; min-width: 8px; }
.lm-toolbar-search-wrap .lm-search[b-uexxtaw0xw],
.lm-work-toolbar .lm-search[b-uexxtaw0xw] {
    width: 100%;
    max-width: none;
    height: 36px;
    border: 1px solid #cbd6e2;
    background: #f5f8fa;
    border-radius: 8px;
    font-size: 13px;
    box-shadow: none;
}
.lm-toolbar-search-wrap .lm-search:focus[b-uexxtaw0xw] {
    background: #fff;
    border-color: #0091ae;
    box-shadow: 0 0 0 3px rgba(0, 145, 174, .15);
}
.lm-filter-btn[b-uexxtaw0xw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
    border: 1px solid #cbd6e2;
    border-radius: 8px;
    background: #fff;
    color: #33475b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.lm-filter-btn:hover[b-uexxtaw0xw] { background: #f5f8fa; }
.lm-filter-btn.active[b-uexxtaw0xw] {
    background: #eaf0f6;
    border-color: #0091ae;
    color: #005c69;
}
.lm-filter-btn-icon[b-uexxtaw0xw] { opacity: .7; }
.lm-filters-count[b-uexxtaw0xw] {
    background: #0091ae;
}
.lm-filter-chips-bar[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0 16px 10px;
}
.lm-filter-chip[b-uexxtaw0xw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 6px 0 10px;
    border-radius: 999px;
    background: #eaf0f6;
    border: 1px solid #cbd6e2;
    color: #33475b;
    font-size: 12px;
    font-weight: 600;
}
.lm-filter-chip-x[b-uexxtaw0xw] {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #516f90;
    font-size: 16px;
    cursor: pointer;
}
.lm-filter-chip-x:hover[b-uexxtaw0xw] { background: rgba(0,0,0,.06); }
.lm-filter-chips-clear[b-uexxtaw0xw] {
    border: none;
    background: transparent;
    color: #0091ae;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.lm-filter-backdrop[b-uexxtaw0xw] {
    position: fixed;
    inset: 0;
    background: rgba(51, 71, 91, .35);
    z-index: 1200;
}
.lm-filter-drawer[b-uexxtaw0xw] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(380px, 92vw);
    height: 100%;
    background: #fff;
    z-index: 1201;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 32px rgba(51, 71, 91, .18);
    animation: lm-drawer-in-b-uexxtaw0xw .2s ease-out;
}
@keyframes lm-drawer-in-b-uexxtaw0xw {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
.lm-filter-drawer-head[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid #eaf0f6;
}
.lm-filter-drawer-head h3[b-uexxtaw0xw] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #33475b;
}
.lm-filter-drawer-close[b-uexxtaw0xw] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #516f90;
    font-size: 22px;
    cursor: pointer;
}
.lm-filter-drawer-body[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.lm-filter-drawer-foot[b-uexxtaw0xw] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px;
    border-top: 1px solid #eaf0f6;
}
.lm-filter-drawer-foot .lm-btn-primary[b-uexxtaw0xw] {
    background: #0091ae;
    border-color: #007a8c;
    min-width: 120px;
}
.lm-filter-stack[b-uexxtaw0xw] { display: flex; flex-direction: column; gap: 12px; }
.lm-filter-drawer .lm-filter-section-title[b-uexxtaw0xw] {
    color: #516f90;
    margin-bottom: 10px;
}
.lm-filter-drawer .lm-toggle-chip[b-uexxtaw0xw] {
    border-color: #cbd6e2;
    color: #33475b;
}
.lm-filter-drawer .lm-toggle-chip.on[b-uexxtaw0xw] {
    background: #e5f5f8;
    border-color: #0091ae;
    color: #005c69;
}
.lm-filter-drawer .lm-filter-date-group[b-uexxtaw0xw] {
    background: #f5f8fa;
    border-color: #eaf0f6;
}
.lm-filter-drawer select.lm-filter-control[b-uexxtaw0xw],
.lm-filter-drawer input.lm-filter-control[b-uexxtaw0xw] {
    height: 36px;
    min-height: 36px;
    font-size: 13px;
    line-height: 1.2;
    border: 1px solid #cbd6e2;
    border-radius: 8px;
    padding: 0 12px;
    color: #33475b;
}
.lm-filter-drawer select.lm-filter-control[b-uexxtaw0xw] {
    padding-right: 2rem;
}
.lm-work-toolbar .ix-master-toolbtn[b-uexxtaw0xw],
.lm-erp-toolbar-actions .ix-master-toolbtn[b-uexxtaw0xw] {
    height: 36px;
    min-height: 36px;
    border-color: #cbd6e2;
    color: #33475b;
    box-shadow: none;
}
.lm-work-toolbar .ix-master-toolbtn:hover:not(:disabled)[b-uexxtaw0xw] {
    background: #f5f8fa;
    border-color: #99acc2;
}
.lm-body-list[b-uexxtaw0xw] { padding: 0; background: #f5f8fa; overflow: hidden; display: flex; flex-direction: column; min-height: 0; }
.lm-list-panel[b-uexxtaw0xw] {
    margin: 0 16px 16px;
    border: 1px solid #dfe3eb;
    border-radius: 8px;
}
.lm-table th[b-uexxtaw0xw] {
    background: #f5f8fa;
    border-bottom: 1px solid #dfe3eb;
    color: #516f90;
}
.lm-table td[b-uexxtaw0xw] { border-bottom: 1px solid #eaf0f6; }
.lm-table tbody tr:nth-child(even)[b-uexxtaw0xw] { background: #fbfcfd; }

.lm-deal-sheet[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 14px;
    padding: 0 12px 14px;
}
.lm-deal-main[b-uexxtaw0xw] {
    border: 1px solid #dfe3eb;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.lm-deal-toolbar[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border-bottom: 1px solid #eaf0f6;
    background: #fff;
}
.lm-deal-toolbar-left[b-uexxtaw0xw] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.lm-deal-toolbar-left b[b-uexxtaw0xw] { font-size: 13px; font-weight: 700; color: #33475b; }
.lm-deal-toolbar-left .lm-panel-hint[b-uexxtaw0xw] { font-size: 11px; color: #7c98b6; }
.lm-deal-toolbar-right[b-uexxtaw0xw] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.lm-deal-scroll[b-uexxtaw0xw] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #c5d4e8;
    border-radius: 4px;
    background: #fff;
}
.lm-deal-grid[b-uexxtaw0xw] {
    width: 100%;
    min-width: 1180px;
}
.lm-deal-grid .lm-deal-control[b-uexxtaw0xw],
.lm-deal-grid .lm-deal-combo[b-uexxtaw0xw] {
    width: 100%;
    min-width: 0;
}
.lm-deal-grid .lm-deal-num-input[b-uexxtaw0xw] { text-align: right; }
.lm-deal-grid .lm-deal-control[b-uexxtaw0xw] {
    min-height: 32px;
    padding: 4px 8px;
    border: 1px solid #c5d4e8;
    border-radius: 4px;
    font-size: 12px;
    background: #fff;
}
.lm-deal-grid .lm-deal-control:focus[b-uexxtaw0xw] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.15);
}
.lm-deal-grid .lm-deal-amt[b-uexxtaw0xw] {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 12px;
    color: #1e3a5f;
}
.lm-deal-grid[b-uexxtaw0xw]  .dxbl-grid-table > thead > tr > th {
    background: #d6e6f7 !important;
    color: #1e3a5f;
    font-size: 12px;
    font-weight: 700;
}
.lm-deal-grid[b-uexxtaw0xw]  .dxbl-grid-table > tbody > tr:nth-child(even) > td {
    background: #f3f8fc;
}
.lm-deal-grid[b-uexxtaw0xw]  .dxbl-grid-table > tbody > tr:hover > td {
    background: #eaf3fb !important;
}
.lm-deal-table[b-uexxtaw0xw] {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}
.lm-deal-table th[b-uexxtaw0xw],
.lm-deal-table td[b-uexxtaw0xw] {
    padding: 6px 8px;
    vertical-align: middle;
    border: 1px solid #c5d4e8;
    box-sizing: border-box;
}
.lm-deal-table thead th[b-uexxtaw0xw] {
    position: sticky;
    top: 0;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    color: #1e3a5f;
    background: #d6e6f7;
    white-space: nowrap;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
}
.lm-deal-table tbody tr:nth-child(even)[b-uexxtaw0xw] { background: #f3f8fc; }
.lm-deal-table tbody tr:nth-child(odd)[b-uexxtaw0xw] { background: #fff; }
.lm-deal-table tbody tr:hover[b-uexxtaw0xw] { background: #eaf3fb; }
.lm-deal-table .col-del[b-uexxtaw0xw] { width: 88px; text-align: center; }
.lm-deal-table .col-num[b-uexxtaw0xw] { width: 48px; text-align: center; color: #1e3a5f; font-weight: 600; font-size: 12px; }
.lm-deal-table .col-product[b-uexxtaw0xw] { width: 180px; }
.lm-deal-table .col-attr[b-uexxtaw0xw] { width: 100px; }
.lm-deal-table .col-size[b-uexxtaw0xw] { width: 72px; }
.lm-deal-table .col-uom[b-uexxtaw0xw] { width: 88px; }
.lm-deal-table .col-qty[b-uexxtaw0xw] { width: 72px; }
.lm-deal-table .col-rate[b-uexxtaw0xw] { width: 96px; }
.lm-deal-table .col-amt[b-uexxtaw0xw] { width: 96px; white-space: nowrap; text-align: right; }
.lm-deal-table .col-url[b-uexxtaw0xw] { width: 160px; }
.lm-deal-table .col-remarks[b-uexxtaw0xw] { width: 200px; }
.lm-deal-table .lm-deal-control[b-uexxtaw0xw],
.lm-deal-table .lm-deal-combo[b-uexxtaw0xw] { width: 100%; min-width: 0; }
.lm-deal-table .lm-deal-num-input[b-uexxtaw0xw] { text-align: right; }
.lm-deal-table .lm-deal-control[b-uexxtaw0xw] {
    min-height: 32px;
    padding: 4px 8px;
    border: 1px solid #b8c9de;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
}
.lm-deal-table .lm-deal-control:focus[b-uexxtaw0xw] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, .15);
}
.lm-deal-del-btn[b-uexxtaw0xw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 28px;
    padding: 3px 10px;
    border: 1px solid #f5b5b5;
    border-radius: 4px;
    background: #fde8e8;
    color: #c0392b;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.lm-deal-del-btn:hover[b-uexxtaw0xw] {
    background: #f9d4d4;
    border-color: #ef9a9a;
}
.lm-deal-dirty[b-uexxtaw0xw] {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #fff4e5;
    color: #b26a00;
    font-size: 11px;
    font-weight: 700;
}
.lm-deal-combo[b-uexxtaw0xw] { width: 100%; min-width: 0; }
.lm-deal-uom-combo[b-uexxtaw0xw] { min-width: 0; }
.lm-deal-url-view[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    width: 100%;
}
.lm-deal-url-link[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.lm-deal-url-link:hover[b-uexxtaw0xw] { color: #1d4ed8; }
.lm-deal-url-edit[b-uexxtaw0xw] {
    flex: 0 0 auto;
    border: 1px solid #dbe3ee;
    background: #fff;
    color: #64748b;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    cursor: pointer;
    line-height: 1.3;
}
.lm-deal-url-edit:hover[b-uexxtaw0xw] { color: #1e40af; border-color: #93c5fd; background: #eff6ff; }
.lm-deal-remarks-ta[b-uexxtaw0xw] {
    min-height: 52px;
    height: auto;
    resize: vertical;
    padding: 6px 8px;
    line-height: 1.35;
    font-family: inherit;
}
.lm-deal-sheet[b-uexxtaw0xw]  .lm-deal-combo .dxbs-editor-input {
    min-height: 34px;
    font-size: 13px;
}
.lm-deal-sheet[b-uexxtaw0xw]  .lm-deal-combo-dd {
    max-height: 280px;
}
.lm-deal-mobile-bar[b-uexxtaw0xw] {
    display: none;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #eaf0f6;
    background: #fff;
}
.lm-deal-mobile-total[b-uexxtaw0xw] { flex: 1 1 auto; font-size: 13px; color: #33475b; }
.lm-deal-mob-label[b-uexxtaw0xw] { display: none; }
.lm-deal-control[b-uexxtaw0xw] {
    width: 100%;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid #cbd6e2;
    border-radius: 8px;
    background: #fff;
    color: #33475b;
    font-size: 13px;
    line-height: 1.25;
    box-sizing: border-box;
}
.lm-deal-notes[b-uexxtaw0xw] { min-height: 72px; resize: vertical; }
.lm-deal-num[b-uexxtaw0xw] { color: #516f90; font-weight: 700; font-size: 12px; }
.lm-deal-amt strong[b-uexxtaw0xw] { font-size: 13px; color: #33475b; }
.lm-deal-del[b-uexxtaw0xw] { display: flex; justify-content: center; }
.lm-deal-remove[b-uexxtaw0xw] {
    width: 30px;
    height: 30px;
    border: 1px solid #cbd6e2;
    border-radius: 8px;
    background: #fff;
    color: #516f90;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}
.lm-deal-remove:hover[b-uexxtaw0xw] { background: #fdecec; border-color: #f5c2c2; color: #c0392b; }
.lm-deal-empty[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 24px 16px;
    text-align: center;
    color: #516f90;
}
.lm-deal-empty b[b-uexxtaw0xw] { font-size: 13px; font-weight: 600; color: #33475b; }
.lm-deal-empty span[b-uexxtaw0xw] { max-width: 320px; font-size: 12px; line-height: 1.45; color: #7c98b6; }
.lm-deal-summary[b-uexxtaw0xw] {
    border: 1px solid #dfe3eb;
    border-radius: 10px;
    background: #fff;
    padding: 14px;
    align-self: start;
    position: sticky;
    top: 12px;
}
.lm-deal-summary-title[b-uexxtaw0xw] {
    font-size: 14px;
    font-weight: 700;
    color: #33475b;
    margin-bottom: 12px;
}
.lm-deal-summary-lead[b-uexxtaw0xw],
.lm-deal-summary-rows[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}
.lm-deal-summary-lead div[b-uexxtaw0xw],
.lm-deal-summary-rows div[b-uexxtaw0xw] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
}
.lm-deal-summary-lead span[b-uexxtaw0xw],
.lm-deal-summary-rows span[b-uexxtaw0xw] { color: #516f90; }
.lm-deal-summary-total[b-uexxtaw0xw] {
    padding-top: 8px;
    margin-top: 4px;
    border-top: 1px solid #eaf0f6;
    font-size: 14px !important;
}
.lm-deal-summary-total b[b-uexxtaw0xw] { color: #33475b; font-size: 14px; font-weight: 700; }
.lm-deal-quote-form[b-uexxtaw0xw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eaf0f6;
}
.lm-deal-quote-form label[b-uexxtaw0xw] { font-size: 11px; font-weight: 700; color: #516f90; }
.lm-deal-quote-btn[b-uexxtaw0xw] { width: 100%; min-height: 42px; margin-top: 4px; }
.lm-deal-quoted[b-uexxtaw0xw] { font-size: 12px; margin-bottom: 8px; }
.lm-deal-summary-hint[b-uexxtaw0xw] { font-size: 12px; color: #516f90; }
.lm-setup-alert[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.lm-setup-error[b-uexxtaw0xw] {
    margin-top: 4px;
    font-size: 12px;
    color: #7a4b00;
    max-width: 720px;
}

/* HubSpot-style pipeline setup + list */
.lm-body-pipeline[b-uexxtaw0xw] { padding: 0; background: #f5f8fa; }
.lm-hs-pipeline-page[b-uexxtaw0xw] { padding: 20px 24px 32px; }
.lm-hs-pipeline-setup[b-uexxtaw0xw] {
    max-width: 1360px;
    margin: 0 auto;
}
.lm-hs-setup-header[b-uexxtaw0xw] {
    margin-bottom: 24px;
}
.lm-hs-pipeline-columns[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(480px, 52%);
    gap: 28px;
    align-items: start;
}
.lm-hs-setup-title[b-uexxtaw0xw] {
    font-size: 28px;
    font-weight: 700;
    color: #2d3e50;
    margin: 0 0 8px;
}
.lm-hs-setup-lead[b-uexxtaw0xw] { color: #516f90; font-size: 14px; line-height: 1.5; margin: 0; max-width: 720px; }
.lm-hs-stage-list[b-uexxtaw0xw] { border: 1px solid #cbd6e2; border-radius: 8px; overflow: hidden; background: #fff; margin-bottom: 12px; }
.lm-hs-stage-list-head[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 40px;
    padding: 10px 12px;
    min-height: 44px;
    box-sizing: border-box;
    align-items: center;
    background: #f5f8fa;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #516f90;
    border-bottom: 1px solid #eaf0f6;
}
.lm-hs-stage-row[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 40px;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    min-height: 54px;
    box-sizing: border-box;
    border-bottom: 1px solid #eaf0f6;
}
.lm-hs-stage-select[b-uexxtaw0xw] {
    width: 100%;
    height: 38px;
    padding: 0 8px;
    border: 1px solid #cbd6e2;
    border-radius: 6px;
    font-size: 13px;
    color: #33475b;
    background: #fff;
}
.lm-hs-stage-row:last-child[b-uexxtaw0xw] { border-bottom: none; }
.lm-hs-stage-input[b-uexxtaw0xw] {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #cbd6e2;
    border-radius: 6px;
    font-size: 14px;
    color: #33475b;
}
.lm-hs-stage-del[b-uexxtaw0xw] {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    cursor: pointer;
    opacity: .65;
    font-size: 16px;
}
.lm-hs-stage-del:hover[b-uexxtaw0xw] { opacity: 1; }
.lm-hs-link-btn[b-uexxtaw0xw] {
    border: none;
    background: none;
    color: #0091ae;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    margin-bottom: 28px;
}
.lm-hs-closing-block[b-uexxtaw0xw] { margin-bottom: 24px; }
.lm-hs-closing-block h3[b-uexxtaw0xw] { font-size: 18px; color: #2d3e50; margin: 0 0 6px; }
.lm-hs-closing-block p[b-uexxtaw0xw] { font-size: 13px; color: #516f90; margin: 0 0 14px; max-width: 520px; }
.lm-hs-closing-row[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 100px 1fr 1fr;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #516f90;
}
.lm-hs-outcome[b-uexxtaw0xw] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.lm-hs-outcome.won[b-uexxtaw0xw] { background: #e6f9f0; color: #047857; }
.lm-hs-outcome.lost[b-uexxtaw0xw] { background: #fdecec; color: #b91c1c; }
.lm-hs-btn-primary[b-uexxtaw0xw] {
    background: #ff7a59;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    min-width: 160px;
}
.lm-hs-btn-primary:hover[b-uexxtaw0xw] { background: #ff5c35; }
.lm-hs-setup-right[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #cbd6e2;
    border-radius: 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 420px;
}
.lm-hs-preview-panel-head[b-uexxtaw0xw] {
    padding: 10px 14px;
    min-height: 44px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #2d3e50;
    border-bottom: 1px solid #eaf0f6;
    background: #fff;
}
.lm-hs-preview-board[b-uexxtaw0xw] {
    display: flex;
    gap: 0;
    flex: 1 1 auto;
    min-height: 360px;
    overflow-x: auto;
    overflow-y: hidden;
}
.lm-hs-preview-col[b-uexxtaw0xw] {
    flex: 1 1 0;
    min-width: 100px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #eaf0f6;
}
.lm-hs-preview-col:last-child[b-uexxtaw0xw] { border-right: none; }
.lm-hs-preview-head[b-uexxtaw0xw] {
    font-size: 11px;
    font-weight: 700;
    color: #516f90;
    text-align: center;
    padding: 8px 4px;
    min-height: 54px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eaf0f6;
    background: #fff;
    line-height: 1.2;
    letter-spacing: 0.04em;
}
.lm-hs-preview-lane[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 300px;
    background: #f5f8fa;
}

.lm-hs-list-shell[b-uexxtaw0xw] {
    padding: 0 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.lm-hs-list-header[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #dfe3eb;
    border-radius: 8px 8px 0 0;
    padding: 14px 16px 0;
    margin-top: 0;
}
.lm-hs-list-title-row[b-uexxtaw0xw] { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
.lm-hs-list-title[b-uexxtaw0xw] { margin: 0; font-size: 22px; font-weight: 700; color: #2d3e50; }
.lm-hs-record-count[b-uexxtaw0xw] { font-size: 13px; color: #516f90; }
.lm-hs-view-tabs[b-uexxtaw0xw] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #eaf0f6;
    padding-bottom: 0;
    flex-wrap: wrap;
}
.lm-hs-view-tabs button[b-uexxtaw0xw] {
    border: 1px solid transparent;
    border-bottom: none;
    background: transparent;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #516f90;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    margin-bottom: -1px;
}
.lm-hs-view-tabs button.active[b-uexxtaw0xw] {
    background: #fff;
    border-color: #dfe3eb;
    color: #0091ae;
}
.lm-hs-view-tab-link[b-uexxtaw0xw] {
    margin-left: auto;
    border: none !important;
    color: #0091ae !important;
    font-weight: 600 !important;
}
.lm-hs-list-shell .lm-list-panel[b-uexxtaw0xw] {
    margin: 0;
    border-radius: 0 0 8px 8px;
    border-top: none;
}
.lm-list-split[b-uexxtaw0xw] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
}
.lm-list-split-left[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.lm-list-split-open .lm-list-split-left[b-uexxtaw0xw] {
    flex: 0 0 38%;
    max-width: 38%;
    border-right: 1px solid #dfe3eb;
}
.lm-list-split-open .lm-list-split-left .lm-list-panel[b-uexxtaw0xw] {
    border-radius: 0 0 0 8px;
}
.lm-list-split-open .lm-hs-list-header[b-uexxtaw0xw] {
    border-radius: 8px 0 0 0;
}
.lm-list-split-open.lm-hs-list-shell .lm-hs-list-header[b-uexxtaw0xw] {
    border-right: none;
}
.lm-list-edit-panel[b-uexxtaw0xw] {
    flex: 0 0 62%;
    max-width: 62%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dfe3eb;
    border-left: none;
    border-radius: 0 0 8px 0;
    box-shadow: -4px 0 24px rgba(30, 41, 59, .08);
    overflow: hidden;
}
.lm-detail-in-panel[b-uexxtaw0xw] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.lm-list-edit-panel .lm-detail-in-panel .lm-detail-main[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.lm-list-edit-panel .lm-detail-in-panel .lm-detail-main:not(.lm-detail-main-panel)[b-uexxtaw0xw] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.lm-detail-in-panel .lm-detail-header[b-uexxtaw0xw] {
    flex-wrap: wrap;
    gap: 8px;
}
.lm-detail-in-panel .lm-detail-actions[b-uexxtaw0xw] {
    flex-wrap: wrap;
}
.lm-detail-in-panel .lm-deal-sheet[b-uexxtaw0xw] {
    flex-direction: column;
}
.lm-detail-in-panel .lm-deal-summary[b-uexxtaw0xw] {
    width: 100%;
    max-width: none;
    border-left: none;
    border-top: 1px solid #e2e8f0;
}
.lm-list-edit-head[b-uexxtaw0xw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #eff6ff 0%, #fff 100%);
    flex-shrink: 0;
}
.lm-list-edit-kicker[b-uexxtaw0xw] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--lm-accent-dark);
    margin-bottom: 4px;
}
.lm-list-edit-title[b-uexxtaw0xw] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
}
.lm-list-edit-close[b-uexxtaw0xw] {
    width: 32px;
    height: 32px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #64748b;
    font-size: 20px;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
}
.lm-list-edit-close:hover[b-uexxtaw0xw] { color: var(--lm-accent-dark); border-color: #fecaca; }
.lm-list-edit-body[b-uexxtaw0xw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.lm-list-edit-body .lm-erp-form[b-uexxtaw0xw] { border: none; border-radius: 0; }
.lm-list-edit-body .lm-form-header[b-uexxtaw0xw] { display: none; }
.lm-list-edit-body .lm-form-body[b-uexxtaw0xw] { padding-top: 12px; }
.lm-list-edit-body .lm-form-actions[b-uexxtaw0xw] {
    position: sticky;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #e2e8f0;
    box-shadow: 0 -2px 8px rgba(15, 35, 52, .06);
}
.lm-hs-list-shell .lm-table-wrap[b-uexxtaw0xw] { max-height: none; }
.ix-master-toolbtn.active[b-uexxtaw0xw] { border-color: var(--lm-accent); color: var(--lm-accent-dark); background: var(--lm-accent-soft); }

.lm-hs-list-shell .lm-list-split[b-uexxtaw0xw] { flex: 1 1 auto; min-height: 0; }

@media (max-width: 1280px) {
    .lm-list-split-open .lm-list-split-left[b-uexxtaw0xw] { flex: 0 0 42%; max-width: 42%; }
    .lm-list-edit-panel[b-uexxtaw0xw] { flex: 0 0 58%; max-width: 58%; }
}
@media (max-width: 1100px) {
    .lm-list-split-open .lm-list-split-left[b-uexxtaw0xw],
    .lm-list-edit-panel[b-uexxtaw0xw] { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 768px) {
    .lm-list-split[b-uexxtaw0xw] { flex-direction: column; }
    .lm-list-split-open .lm-list-split-left[b-uexxtaw0xw],
    .lm-list-edit-panel[b-uexxtaw0xw] { flex: 1 1 auto; max-width: none; width: 100%; }
    .lm-list-split-open .lm-list-split-left[b-uexxtaw0xw] { max-height: 40vh; border-right: none; border-bottom: 1px solid #dfe3eb; }
}

@media (max-width: 900px) {
    .lm-hs-pipeline-columns[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-hs-closing-row[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-hs-closing-row .lm-hs-closing-label[b-uexxtaw0xw] { display: none; }
}

@media (max-width: 1100px) {
    .lm-deal-sheet[b-uexxtaw0xw] { grid-template-columns: 1fr; padding-bottom: 0; }
    .lm-deal-summary[b-uexxtaw0xw] { position: static; }
    .lm-deal-toolbar-desktop[b-uexxtaw0xw] { display: none; }
    .lm-deal-mobile-bar[b-uexxtaw0xw] { display: flex; position: sticky; bottom: 0; z-index: 3; box-shadow: 0 -4px 12px rgba(15, 35, 52, .06); }
    .lm-deal-control[b-uexxtaw0xw] { min-height: 40px; font-size: 16px; }
}

@media (max-width: 640px) {
    .lm-deal-mobile-bar .lm-btn[b-uexxtaw0xw] { min-height: 40px; padding-left: 14px; padding-right: 14px; }
    .lm-deal-sheet[b-uexxtaw0xw]  .lm-deal-combo .dxbs-editor-input { min-height: 40px; font-size: 16px; }
}

/* CRM Contacts & Companies */
.lm-crm-page[b-uexxtaw0xw] { padding: 8px 4px 24px; }
.lm-crm-page-head[b-uexxtaw0xw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}
.lm-crm-kicker[b-uexxtaw0xw] { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--lm-accent-dark); margin-bottom: 4px; }
.lm-crm-title[b-uexxtaw0xw] { font-size: 26px; font-weight: 700; color: #2d3e50; margin: 0 0 6px; }
.lm-crm-lead[b-uexxtaw0xw] { font-size: 14px; color: #516f90; margin: 0; max-width: 520px; }
.lm-crm-head-actions[b-uexxtaw0xw] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.lm-crm-search input[b-uexxtaw0xw] {
    border: 1px solid #cbd6e2;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    min-width: 220px;
}
.lm-crm-btn[b-uexxtaw0xw] {
    border: 1px solid #cbd6e2;
    background: #fff;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #33475b;
    cursor: pointer;
}
.lm-crm-btn.primary[b-uexxtaw0xw] { background: var(--lm-accent-dark); border-color: var(--lm-accent-dark); color: #fff; }
.lm-crm-btn:hover[b-uexxtaw0xw] { filter: brightness(0.97); }

.lm-crm-grid[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
}
.lm-crm-card[b-uexxtaw0xw] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #dfe3eb;
    border-radius: 12px;
    padding: 14px;
    cursor: pointer;
    transition: box-shadow .15s, border-color .15s;
    position: relative;
}
.lm-crm-card:hover[b-uexxtaw0xw] { border-color: #cbd6e2; box-shadow: 0 4px 14px rgba(45,62,80,.08); }
.lm-crm-avatar[b-uexxtaw0xw] {
    width: 44px; height: 44px; border-radius: 50%;
    background: #eaf0f6; color: #33475b;
    font-weight: 700; font-size: 14px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.lm-crm-card-title[b-uexxtaw0xw] { font-size: 15px; font-weight: 700; color: #2d3e50; }
.lm-crm-card-sub[b-uexxtaw0xw] { font-size: 13px; color: #516f90; margin-top: 2px; }
.lm-crm-card-meta[b-uexxtaw0xw] { font-size: 12px; color: #516f90; margin-top: 4px; }
.lm-crm-card-del[b-uexxtaw0xw] {
    position: absolute; top: 8px; right: 8px;
    border: none; background: transparent; color: #94a3b8;
    font-size: 18px; cursor: pointer; line-height: 1;
}
.lm-crm-card-del:hover[b-uexxtaw0xw] { color: var(--lm-accent-dark); }

.lm-crm-company-list[b-uexxtaw0xw] { display: flex; flex-direction: column; gap: 10px; }
.lm-crm-company-row[b-uexxtaw0xw] {
    display: flex; gap: 14px; align-items: flex-start;
    background: #fff; border: 1px solid #dfe3eb; border-radius: 12px;
    padding: 16px; cursor: pointer; position: relative;
    transition: box-shadow .15s;
}
.lm-crm-company-row:hover[b-uexxtaw0xw] { box-shadow: 0 4px 14px rgba(45,62,80,.08); }
.lm-crm-company-main[b-uexxtaw0xw] { flex: 1; min-width: 0; }
.lm-crm-company-icon[b-uexxtaw0xw] { font-size: 28px; line-height: 1; }
.lm-crm-company-name[b-uexxtaw0xw] { font-size: 16px; font-weight: 700; color: #2d3e50; }
.lm-crm-company-addr[b-uexxtaw0xw] { font-size: 13px; color: #516f90; margin-top: 4px; }
.lm-crm-company-tags[b-uexxtaw0xw] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.lm-crm-tag[b-uexxtaw0xw] {
    font-size: 11px; font-weight: 600; padding: 3px 8px;
    border-radius: 999px; background: #f5f8fa; color: #516f90;
}
.lm-crm-tag.dm[b-uexxtaw0xw] { background: #e6f9f0; color: #047857; }
.lm-crm-tag.inf[b-uexxtaw0xw] { background: #eff6ff; color: #1d4ed8; }
.lm-crm-tag.overdue[b-uexxtaw0xw] { background: #fef2f2; color: #b91c1c; }
.lm-crm-tag.value[b-uexxtaw0xw] { background: #f0fdf4; color: #15803d; }
.lm-crm-tag.hot[b-uexxtaw0xw] { background: #fee2e2; color: #dc2626; }
.lm-crm-tag.warm[b-uexxtaw0xw] { background: #ffedd5; color: #ea580c; }
.lm-crm-tag.cold[b-uexxtaw0xw] { background: #dbeafe; color: #2563eb; }
.lm-crm-tag.stage[b-uexxtaw0xw] { padding-left: 6px; }
.lm-crm-view-tabs[b-uexxtaw0xw] { margin-right: 4px; }
.lm-crm-filter-chips[b-uexxtaw0xw] { margin: -8px 0 16px; }
.lm-crm-pagination[b-uexxtaw0xw] { margin-top: 16px; justify-content: flex-end; }
.lm-crm-btn.active[b-uexxtaw0xw] { border-color: var(--lm-accent-dark); color: var(--lm-accent-dark); background: #fff8f6; }
.lm-crm-empty[b-uexxtaw0xw] { padding: 48px 20px; text-align: center; color: #516f90; font-size: 14px; grid-column: 1 / -1; }

.lm-crm-overlay[b-uexxtaw0xw] { backdrop-filter: blur(4px); background: rgba(15, 23, 42, .45); }

.lm-crm-dialog[b-uexxtaw0xw] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    width: min(520px, 96vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .22);
    overflow: hidden;
}
.lm-crm-dialog-wide[b-uexxtaw0xw] { width: min(760px, 96vw); }
.lm-crm-dialog-head[b-uexxtaw0xw] {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid #e2e8f0;
}
.lm-crm-dialog-kicker[b-uexxtaw0xw] { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #e31e24; margin-bottom: 4px; }
.lm-crm-dialog-head h2[b-uexxtaw0xw] { margin: 0; font-size: 20px; font-weight: 700; color: #1e293b; line-height: 1.2; }
.lm-crm-dialog-close[b-uexxtaw0xw] {
    border: 1px solid #e2e8f0; background: #fff; border-radius: 8px;
    width: 34px; height: 34px; font-size: 20px; color: #64748b; cursor: pointer; flex-shrink: 0;
}
.lm-crm-dialog-close:hover[b-uexxtaw0xw] { color: #e31e24; border-color: #fecaca; background: #fff5f5; }
.lm-crm-dialog-body[b-uexxtaw0xw] { padding: 20px 22px; overflow-y: auto; flex: 1 1 auto; background: #fff; }
.lm-crm-dialog-foot[b-uexxtaw0xw] {
    display: flex; justify-content: flex-end; gap: 10px;
    padding: 14px 22px; border-top: 1px solid #e2e8f0; background: #f8fafc;
}
.lm-crm-field label[b-uexxtaw0xw] {
    display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em;
    text-transform: uppercase; color: #64748b; margin-bottom: 6px;
}
.lm-crm-btn[b-uexxtaw0xw] {
    border: 1px solid #cbd5e1; background: #fff; color: #334155;
    border-radius: 8px; padding: 8px 16px; font-size: 13px; font-weight: 600; cursor: pointer;
}
.lm-crm-btn:hover[b-uexxtaw0xw] { border-color: #94a3b8; background: #f8fafc; }
.lm-crm-btn.primary[b-uexxtaw0xw] { background: #e31e24; border-color: #e31e24; color: #fff; }
.lm-crm-btn.primary:hover[b-uexxtaw0xw] { background: #c62828; border-color: #c62828; }
.lm-crm-btn:disabled[b-uexxtaw0xw] { opacity: .55; cursor: not-allowed; }
.lm-crm-input[b-uexxtaw0xw], .lm-crm-select[b-uexxtaw0xw] {
    width: 100%; border: 1px solid #cbd5e1; border-radius: 8px;
    padding: 9px 12px; font-size: 14px; color: #1e293b; background: #fff;
    transition: border-color .15s, box-shadow .15s;
}
.lm-crm-input:focus[b-uexxtaw0xw], .lm-crm-select:focus[b-uexxtaw0xw] {
    outline: none; border-color: #e31e24; box-shadow: 0 0 0 3px rgba(227, 30, 36, .12);
}
.lm-crm-field[b-uexxtaw0xw] { margin-bottom: 16px; }
.lm-crm-field label[b-uexxtaw0xw] { display: block; font-size: 12px; font-weight: 600; color: #516f90; margin-bottom: 5px; }
.lm-crm-field-row[b-uexxtaw0xw] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lm-crm-input[b-uexxtaw0xw], .lm-crm-select[b-uexxtaw0xw] {
    width: 100%; box-sizing: border-box;
    border: 1px solid #cbd6e2; border-radius: 8px;
    padding: 9px 12px; font-size: 14px; color: #33475b; background: #fff;
}
.lm-crm-select.full[b-uexxtaw0xw] { width: 100%; }
.lm-crm-multi-row[b-uexxtaw0xw] { display: grid; grid-template-columns: 1fr 100px 32px; gap: 8px; margin-bottom: 8px; align-items: center; }
.lm-crm-row-del[b-uexxtaw0xw] { border: none; background: #f5f8fa; border-radius: 6px; height: 36px; cursor: pointer; color: #64748b; }
.lm-crm-link[b-uexxtaw0xw] { border: none; background: none; color: #0091ae; font-weight: 600; font-size: 13px; cursor: pointer; padding: 0; }
.lm-crm-check-list[b-uexxtaw0xw] { border: 1px solid #eaf0f6; border-radius: 8px; max-height: 160px; overflow-y: auto; padding: 8px; }
.lm-crm-check-item[b-uexxtaw0xw] { display: flex; align-items: center; gap: 8px; padding: 6px 4px; font-size: 13px; cursor: pointer; }
.lm-crm-company-contacts[b-uexxtaw0xw] { border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px; background: #f8fafc; }
.lm-crm-comp-row[b-uexxtaw0xw] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 36px 36px 28px;
    gap: 6px;
    align-items: center;
    margin-bottom: 6px;
}
.lm-crm-comp-row.pick[b-uexxtaw0xw] {
    grid-template-columns: 1fr 96px 96px 32px;
    gap: 8px;
    padding: 4px 0;
}
.lm-crm-comp-row.head.pick[b-uexxtaw0xw] { grid-template-columns: 1fr 96px 96px 32px; }
.lm-crm-comp-row.head[b-uexxtaw0xw] { font-size: 10px; font-weight: 700; color: #64748b; text-transform: uppercase; margin-bottom: 8px; letter-spacing: .04em; }
.lm-crm-comp-row.head span[b-uexxtaw0xw] { padding: 0 2px; text-align: center; display: block; }
.lm-crm-comp-row.head span:first-child[b-uexxtaw0xw] { text-align: left; }
.lm-crm-role-cell[b-uexxtaw0xw] { display: flex; align-items: center; justify-content: center; width: 100%; }
.lm-crm-role-chk[b-uexxtaw0xw] { display: flex; align-items: center; justify-content: center; margin: 0; cursor: pointer; }
.lm-crm-role-chk input[type=checkbox][b-uexxtaw0xw] { width: 16px; height: 16px; accent-color: #e31e24; cursor: pointer; margin: 0; }
.lm-crm-card.selected[b-uexxtaw0xw], .lm-crm-company-row.selected[b-uexxtaw0xw] { outline: 2px solid #ff7a59; outline-offset: -2px; background: #fff8f6; }
.lm-crm-import-file[b-uexxtaw0xw] { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 14px; border: 1px dashed #cbd5e1; border-radius: 8px; font-size: 13px; font-weight: 600; color: #0091ae; cursor: pointer; }
.lm-crm-import-file[b-uexxtaw0xw]  input[type=file] { max-width: 220px; font-size: 12px; }
.lm-crm-template-btn[b-uexxtaw0xw] { display: inline-block; margin-bottom: 4px; }
.lm-crm-rules-area[b-uexxtaw0xw] { width: 100%; resize: vertical; min-height: 90px; }
.lm-crm-contact-actions[b-uexxtaw0xw] { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; }
.lm-crm-history-dialog .lm-crm-dialog-body[b-uexxtaw0xw] { background: #f8fafc; }
.lm-crm-history-stats[b-uexxtaw0xw] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.lm-crm-stat-card[b-uexxtaw0xw] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px;
    display: flex; flex-direction: column; gap: 4px; box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
.lm-crm-stat-card .lbl[b-uexxtaw0xw] { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #64748b; }
.lm-crm-stat-card .val[b-uexxtaw0xw] { font-size: 24px; font-weight: 800; color: #0f172a; line-height: 1.1; }
.lm-crm-stat-card .sub[b-uexxtaw0xw] { font-size: 11px; color: #64748b; }
.lm-crm-stat-card.open[b-uexxtaw0xw] { border-top: 3px solid #3b82f6; }
.lm-crm-stat-card.closed[b-uexxtaw0xw] { border-top: 3px solid #10b981; }
.lm-crm-stat-card.people[b-uexxtaw0xw] { border-top: 3px solid #e31e24; }
.lm-crm-chip-row[b-uexxtaw0xw] { display: flex; flex-wrap: wrap; gap: 8px; }
.lm-crm-chip[b-uexxtaw0xw] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 999px;
    padding: 6px 12px; font-size: 12px; font-weight: 600; color: #334155;
}
.lm-crm-deal-list[b-uexxtaw0xw] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.lm-crm-deal-card[b-uexxtaw0xw] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px 14px;
}
.lm-crm-deal-card.open[b-uexxtaw0xw] { border-left: 3px solid #3b82f6; }
.lm-crm-deal-card.won[b-uexxtaw0xw] { border-left: 3px solid #10b981; }
.lm-crm-deal-card.lost[b-uexxtaw0xw] { border-left: 3px solid #ef4444; }
.lm-crm-deal-top[b-uexxtaw0xw] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.lm-crm-deal-no[b-uexxtaw0xw] { font-size: 11px; font-weight: 700; color: #64748b; letter-spacing: .03em; }
.lm-crm-deal-val[b-uexxtaw0xw] { font-size: 13px; font-weight: 700; color: #0f172a; }
.lm-crm-deal-title[b-uexxtaw0xw] { font-size: 14px; font-weight: 700; color: #1e293b; margin-bottom: 6px; }
.lm-crm-deal-meta[b-uexxtaw0xw] { display: flex; flex-wrap: wrap; gap: 8px; font-size: 11px; color: #64748b; }
.lm-crm-deal-status[b-uexxtaw0xw] { background: #f1f5f9; border-radius: 999px; padding: 2px 8px; font-weight: 600; color: #475569; }
.lm-crm-history-empty[b-uexxtaw0xw] {
    background: #fff; border: 1px dashed #cbd5e1; border-radius: 10px;
    padding: 18px; text-align: center; color: #64748b; font-size: 13px;
}
.lm-crm-history-block[b-uexxtaw0xw] { margin-bottom: 18px; }
.lm-crm-history-title[b-uexxtaw0xw] { font-size: 11px; font-weight: 700; color: #475569; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .05em; }
.lm-crm-hint[b-uexxtaw0xw] { font-size: 12px; color: #94a3b8; padding: 8px; }
.lm-crm-combo[b-uexxtaw0xw] { width: 100%; }
.lm-crm-dialog[b-uexxtaw0xw]  .lm-crm-combo .dxbs-editor-input { min-height: 38px; font-size: 14px; }

.lm-board-toolbar[b-uexxtaw0xw], .lm-dash-pipeline-bar[b-uexxtaw0xw] { display: flex; align-items: center; gap: 8px; padding: 8px 12px 0; }
.lm-board-toolbar label[b-uexxtaw0xw], .lm-dash-pipeline-bar label[b-uexxtaw0xw] { font-size: 12px; font-weight: 600; color: #516f90; }
.lm-analytics-toolbar[b-uexxtaw0xw] { flex-wrap: wrap; gap: 12px; padding: 8px 12px; background: #fff; border: 1px solid #dfe3eb; border-radius: 6px; align-items: center; }
.lm-analytics-filter[b-uexxtaw0xw] { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.lm-analytics-filter label[b-uexxtaw0xw] { font-size: 12px; font-weight: 600; color: #516f90; white-space: nowrap; margin: 0; }
.lm-analytics-toolbar .ix-erp-input.lm-pipeline-select[b-uexxtaw0xw] { width: 180px; max-width: 220px; }
.lm-analytics-toolbar .ix-erp-input.lm-period-select[b-uexxtaw0xw] { width: 132px; max-width: 140px; }
.lm-analytics-toolbar .ix-erp-input.lm-date-input[b-uexxtaw0xw] { width: 132px; max-width: 132px; }
.lm-period-select[b-uexxtaw0xw] { min-width: 0; height: 32px; font-size: 12px; }
.lm-date-input[b-uexxtaw0xw] { width: 132px; height: 32px; font-size: 12px; padding: 0 8px; }
.lm-date-sep[b-uexxtaw0xw] { color: #7c98b6; font-size: 12px; }
.lm-pipeline-select[b-uexxtaw0xw] { max-width: 260px; min-height: 32px; font-size: 13px; }
.lm-pipe-setup-layout[b-uexxtaw0xw] { display: grid; grid-template-columns: minmax(240px, 320px) 1fr; gap: 20px; align-items: start; }
.lm-pipe-card-list[b-uexxtaw0xw] { max-height: calc(100vh - 220px); overflow-y: auto; }
.lm-pipe-crm-page .lm-hs-setup-title[b-uexxtaw0xw] { font-size: 20px; font-weight: 700; color: #2d3e50; margin: 0 0 16px; }
.lm-pipe-crm-page .lm-hs-setup-header[b-uexxtaw0xw] { margin-bottom: 4px; }
.lm-pipe-detail-head .lm-crm-title[b-uexxtaw0xw] { margin: 10px 0 6px; }
.lm-pipe-back-btn[b-uexxtaw0xw] { margin-bottom: 4px; }
.lm-pipe-list-page .lm-crm-lead[b-uexxtaw0xw] { white-space: nowrap; max-width: none; }
.lm-pipe-list-page .lm-crm-company-row.selected[b-uexxtaw0xw] {
    outline: none;
    border-color: #3b82f6;
    background: #f8fafc;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.1);
}
.lm-pipe-list[b-uexxtaw0xw] { border: 1px solid var(--lm-border); border-radius: 8px; background: #fff; padding: 8px; align-self: start; }
.lm-pipe-list-head[b-uexxtaw0xw] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 13px; }
.lm-pipe-list-item[b-uexxtaw0xw] { display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; border: none; background: transparent; padding: 8px 10px; border-radius: 6px; cursor: pointer; font-size: 13px; }
.lm-pipe-list-item.active[b-uexxtaw0xw] { background: var(--lm-accent-soft); font-weight: 600; }
.lm-pipe-tag[b-uexxtaw0xw] { font-size: 10px; color: #047857; background: #ecfdf5; padding: 1px 6px; border-radius: 999px; }
.lm-pipe-meta-row[b-uexxtaw0xw] { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; margin-bottom: 12px; }
.lm-pipe-rules-block[b-uexxtaw0xw], .lm-pipe-req-block[b-uexxtaw0xw] { margin-bottom: 12px; padding: 10px; border: 1px solid var(--lm-border); border-radius: 8px; background: var(--lm-blue-soft); }
.lm-pipe-block-title[b-uexxtaw0xw] { font-size: 12px; font-weight: 700; color: #516f90; margin-bottom: 8px; }
.lm-pipe-rule-row[b-uexxtaw0xw] { display: grid; grid-template-columns: 140px 1fr 70px 28px; gap: 6px; margin-bottom: 6px; align-items: center; }
.lm-pipe-chk[b-uexxtaw0xw] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; margin-right: 12px; margin-bottom: 6px; }
.lm-pipe-save-row[b-uexxtaw0xw] { display: flex; gap: 8px; margin-top: 10px; }

/* Persistent mobile nav — all Lead Hub tabs */
.lm-hub-mobile-nav[b-uexxtaw0xw] { display: none; }

.lm-home-actions-desktop[b-uexxtaw0xw] { display: grid; }
.lm-wizard-side-head[b-uexxtaw0xw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.lm-mobile-nav-backdrop[b-uexxtaw0xw],
.lm-mobile-topbar[b-uexxtaw0xw],
.lm-mobile-nav-close[b-uexxtaw0xw] { display: none; }

@media (max-width: 1024px) {
    .lm-wizard-shell[b-uexxtaw0xw] { flex-direction: row; }
    .lm-wizard-side[b-uexxtaw0xw] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: min(280px, 88vw);
        z-index: 1300;
        transform: translateX(-105%);
        transition: transform .22s ease-out;
        border-right: 1px solid var(--lm-border);
        border-bottom: none;
        box-shadow: 8px 0 28px rgba(30, 41, 59, .18);
    }
    .lm-wizard-shell.lm-nav-open .lm-wizard-side[b-uexxtaw0xw] { transform: translateX(0); }
    .lm-mobile-nav-backdrop[b-uexxtaw0xw] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(30, 41, 59, .45);
        z-index: 1299;
    }
    .lm-mobile-nav-close[b-uexxtaw0xw] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: 1px solid var(--lm-border);
        border-radius: 8px;
        background: #fff;
        color: var(--lm-muted);
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
        flex-shrink: 0;
    }
    .lm-mobile-topbar[b-uexxtaw0xw] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        background: #fff;
        border-bottom: 1px solid #e2e8f0;
        flex-shrink: 0;
    }
    .lm-mobile-menu-btn[b-uexxtaw0xw] {
        width: 40px;
        height: 40px;
        border: 1px solid #cbd6e2;
        border-radius: 8px;
        background: #fff;
        color: #33475b;
        font-size: 18px;
        cursor: pointer;
        flex-shrink: 0;
    }
    .lm-mobile-topbar-body[b-uexxtaw0xw] { min-width: 0; }
    .lm-mobile-topbar-kicker[b-uexxtaw0xw] {
        display: block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--lm-accent-dark);
    }
    .lm-mobile-topbar-title[b-uexxtaw0xw] {
        display: block;
        font-size: 15px;
        font-weight: 700;
        color: #1e293b;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .lm-wizard-main[b-uexxtaw0xw] {
        width: 100%;
        min-width: 0;
        padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px));
    }
    .lm-crumb-bar[b-uexxtaw0xw] { display: none; }
    .lm-work-toolbar[b-uexxtaw0xw] {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 8px;
        align-items: center;
        padding: 10px 12px;
    }
    .lm-toolbar-search-wrap[b-uexxtaw0xw] {
        grid-column: 1 / -1;
        max-width: none;
        min-width: 0;
        flex-basis: auto;
    }
    .lm-toolbar-spacer[b-uexxtaw0xw] { display: none; }
    .lm-work-toolbar .ix-master-toolbtn[b-uexxtaw0xw],
    .lm-work-toolbar .lm-filter-btn[b-uexxtaw0xw] {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
    }
    .lm-work-toolbar.lm-erp-toolbar-actions[b-uexxtaw0xw] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }
    .lm-filter-chips-bar[b-uexxtaw0xw] { padding: 0 12px 10px; }
    .lm-hs-list-shell[b-uexxtaw0xw] { padding: 0 8px 12px; }
    .lm-body-list[b-uexxtaw0xw] { padding: 0; }
    .lm-crm-page[b-uexxtaw0xw] { padding: 4px 8px 16px; }
    .lm-crm-page-head[b-uexxtaw0xw] { flex-direction: column; gap: 12px; }
    .lm-crm-head-actions[b-uexxtaw0xw] { width: 100%; flex-wrap: wrap; }
    .lm-crm-search input[b-uexxtaw0xw] { min-width: 0; width: 100%; }
    .lm-analytics-kpi-row[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; }
    .lm-analytics-toolbar[b-uexxtaw0xw] { flex-direction: row; flex-wrap: wrap; align-items: center; }
    .lm-analytics-toolbar .lm-pipeline-select[b-uexxtaw0xw] { width: 160px; max-width: 160px; }
    .lm-analytics-toolbar .lm-period-select[b-uexxtaw0xw] { width: 128px; max-width: 128px; }
    .lm-analytics-toolbar .lm-date-input[b-uexxtaw0xw] { width: 128px; max-width: 128px; }
    .lm-dash-kpi-grid[b-uexxtaw0xw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lm-dash-kpi-grid.cols-6[b-uexxtaw0xw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lm-dash-grid-main[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-dash-grid-sub[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-cmp-grid[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; }
    .lm-target-grid[b-uexxtaw0xw] { grid-template-columns: 1fr; }
    .lm-target-fields[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; }
    .lm-target-hero[b-uexxtaw0xw] { flex-direction: column; align-items: flex-start; }
    .lm-team-row[b-uexxtaw0xw] { grid-template-columns: 1fr; gap: 6px; }
    .lm-dual-bar[b-uexxtaw0xw] { grid-template-columns: 60px 1fr auto; }
    .lm-cmp-row[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; gap: 4px; }
    .lm-cmp-row.lm-cmp-head[b-uexxtaw0xw] { display: none; }
    .lm-board-top[b-uexxtaw0xw] { padding: 8px 10px; }
    .lm-board-top-row[b-uexxtaw0xw] { gap: 6px; }
    .lm-board-pipeline-select[b-uexxtaw0xw] { max-width: none; flex: 1 1 100%; }
    .lm-board-meta[b-uexxtaw0xw] { order: 3; width: 100%; }
    .lm-board-top-actions[b-uexxtaw0xw] { margin-left: 0; width: 100%; justify-content: flex-end; }
    .lm-board-new-deal[b-uexxtaw0xw] { flex: 1; max-width: 120px; }

    /* Home — 2×2 KPIs; desktop action cards hidden on mobile */
    .lm-home-actions-desktop[b-uexxtaw0xw] { display: none; }
    .lm-home-page[b-uexxtaw0xw] {
        padding: 10px 12px 12px;
    }
    .lm-hub-mobile-nav[b-uexxtaw0xw] {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1280;
        align-items: stretch;
        gap: 0;
        padding: 4px 2px calc(4px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border-top: 1px solid #dfe3eb;
        box-shadow: 0 -4px 20px rgba(15, 23, 42, .1);
    }
    .lm-hub-nav-item[b-uexxtaw0xw] {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        min-width: 0;
        padding: 4px 2px;
        border: none;
        border-radius: 8px;
        background: transparent;
        color: #516f90;
        font-size: 9px;
        font-weight: 600;
        cursor: pointer;
    }
    .lm-hub-nav-item .ico[b-uexxtaw0xw] {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        background: #f5f8fa;
    }
    .lm-hub-nav-item.active[b-uexxtaw0xw] { color: #008fa3; }
    .lm-hub-nav-item.active .ico[b-uexxtaw0xw] { background: #e5f5f8; color: #008fa3; }
    .lm-hub-nav-new .ico[b-uexxtaw0xw] { background: var(--lm-accent); color: #fff; }
    .lm-hub-nav-new.active .ico[b-uexxtaw0xw] { background: var(--lm-accent-dark); color: #fff; }
    .lm-home-header[b-uexxtaw0xw] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 12px 14px;
        margin-bottom: 12px;
        border-radius: 12px;
        gap: 10px;
    }
    .lm-home-header-body[b-uexxtaw0xw] { flex: 1 1 200px; min-width: 0; }
    .lm-home-title[b-uexxtaw0xw] { font-size: 16px; }
    .lm-home-lead[b-uexxtaw0xw] { display: none; }
    .lm-home-user-chip[b-uexxtaw0xw] {
        min-width: auto;
        padding: 8px 12px;
        text-align: left;
        flex-shrink: 0;
    }
    .lm-home-kpi-row[b-uexxtaw0xw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 14px;
    }
    .lm-home-kpi[b-uexxtaw0xw] {
        padding: 12px 14px;
        border-radius: 12px;
    }
    .lm-home-kpi b[b-uexxtaw0xw] { font-size: 16px; }
    .lm-home-kpi small[b-uexxtaw0xw] { font-size: 10px; margin-top: 2px; }
    .lm-home-kpi .lbl[b-uexxtaw0xw] { font-size: 10px; margin-bottom: 2px; }
    .lm-home-panels[b-uexxtaw0xw] { gap: 10px; }
    .lm-home-panel[b-uexxtaw0xw] { padding: 12px 14px; }
}

@media (max-width: 768px) {
    .lm-list-split[b-uexxtaw0xw] { flex-direction: column; }
    .lm-list-split-open .lm-list-split-left[b-uexxtaw0xw] { display: none; }
    .lm-list-edit-panel[b-uexxtaw0xw] {
        position: fixed;
        inset: 0;
        z-index: 1250;
        flex: none;
        max-width: none;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    .lm-hs-list-header[b-uexxtaw0xw] { display: none; }
    .lm-table[b-uexxtaw0xw] { min-width: 640px; }
    .lm-table-wrap[b-uexxtaw0xw] { -webkit-overflow-scrolling: touch; }
    .lm-home-kpi-row[b-uexxtaw0xw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lm-analytics-kpi-row[b-uexxtaw0xw] { grid-template-columns: 1fr 1fr; }
    .lm-filter-drawer[b-uexxtaw0xw] { width: min(340px, 100vw); }

    /* Deal board — all stages on one mobile screen (HubSpot-style) */
    .lm-board-page .lm-board-scroll[b-uexxtaw0xw] {
        overflow-x: hidden;
        overflow-y: auto;
        padding: 4px 4px 8px;
        scroll-snap-type: none;
    }
    .lm-board-page .lm-board[b-uexxtaw0xw] {
        grid-auto-columns: minmax(0, calc((100% - (var(--lm-stage-count, 4) - 1) * 4px) / var(--lm-stage-count, 4)));
        width: 100%;
        min-width: 0;
        max-width: 100%;
        gap: 4px;
    }
    .lm-board-page .lm-column[b-uexxtaw0xw] {
        min-width: 0;
        min-height: 240px;
        scroll-snap-align: none;
    }
    .lm-board-page .lm-column-head[b-uexxtaw0xw] { padding: 6px 4px 5px; }
    .lm-board-page .lm-stage-name[b-uexxtaw0xw] {
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
    }
    .lm-board-page .lm-column-head-stats[b-uexxtaw0xw] { flex-wrap: wrap; gap: 2px; }
    .lm-board-page .lm-column-dot[b-uexxtaw0xw] { display: none; }
    .lm-board-page .lm-column-sum[b-uexxtaw0xw] { font-size: 10px; font-weight: 700; }
    .lm-board-page .lm-column-count[b-uexxtaw0xw] { font-size: 8px; line-height: 1.2; }
    .lm-board-page .lm-card-list[b-uexxtaw0xw] { padding: 3px; gap: 4px; }
    .lm-board-page .lm-card-body[b-uexxtaw0xw] { padding: 5px 4px 3px; }
    .lm-board-page .lm-card-title[b-uexxtaw0xw] {
        font-size: 10px;
        line-height: 1.25;
        -webkit-line-clamp: 3;
        margin-bottom: 0;
    }
    .lm-board-page .lm-card-org[b-uexxtaw0xw] { display: none; }
    .lm-board-page .lm-card-bottom[b-uexxtaw0xw] { padding: 3px 4px; flex-wrap: wrap; gap: 2px; }
    .lm-board-page .lm-card-deal-value[b-uexxtaw0xw] { font-size: 9px; }
    .lm-board-page .lm-card-avatar[b-uexxtaw0xw] { width: 16px; height: 16px; font-size: 7px; }
    .lm-board-page .lm-rating-sm[b-uexxtaw0xw] { font-size: 7px; padding: 1px 3px; }
    .lm-board-page .lm-card-warn[b-uexxtaw0xw] { font-size: 9px; }
    .lm-board-page .lm-column-add[b-uexxtaw0xw] { height: 22px; margin: 0 2px 2px; font-size: 13px; }
}

@media (max-width: 480px) {
    .lm-work-toolbar .ix-master-toolbtn[b-uexxtaw0xw],
    .lm-work-toolbar .lm-filter-btn[b-uexxtaw0xw] {
        height: 34px;
        min-height: 34px;
        padding: 0 10px;
        font-size: 12px;
    }
    .lm-work-toolbar.lm-erp-toolbar-actions[b-uexxtaw0xw] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .lm-work-toolbar.lm-erp-toolbar-actions .ix-master-toolbtn[b-uexxtaw0xw] {
        width: auto;
        flex: 0 0 auto;
    }
    .lm-work-toolbar .ix-master-toolbtn.primary[b-uexxtaw0xw] {
        margin-left: auto;
    }
    .lm-pagination[b-uexxtaw0xw] { flex-wrap: wrap; }
}
/* _content/IxpertPosStandalone/Pages/Login.razor.rz.scp.css */
/* ===== Ixpert POS Login — Orange & Brown themes (60% / 40%) ===== */



.ix-login-page[b-2yoxxo9urf] {

    --ix-navy: #2c3e6b;

    --ix-text: #3d4a66;

    --ix-text-soft: #6b7894;

    --ix-text-muted: #949bb0;

    --ix-accent: #e11116;

    --ix-accent-deep: #bf0710;

    --ix-accent-light: #f87171;

    --ix-border: rgba(225, 17, 22, 0.14);



    min-height: 100vh;

    min-height: 100dvh;

    height: 100dvh;

    max-height: 100dvh;

    display: flex;

    flex-direction: column;

    position: relative;

    overflow: hidden;

}



/* ----- Orange theme (default) ----- */

.ix-login-theme-orange[b-2yoxxo9urf] {

    background: linear-gradient(160deg, #fff9f5 0%, #fdf6f0 35%, #fef9f4 100%);

}



.ix-login-bg-shape[b-2yoxxo9urf] {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(70px);

    opacity: 0.6;

}



.ix-login-bg-shape-a[b-2yoxxo9urf] {

    width: 500px;

    height: 500px;

    background: radial-gradient(circle, rgba(245, 169, 98, 0.25) 0%, transparent 68%);

    top: -120px;

    right: 10%;

}



.ix-login-bg-shape-b[b-2yoxxo9urf] {

    width: 380px;

    height: 380px;

    background: radial-gradient(circle, rgba(232, 135, 74, 0.15) 0%, transparent 68%);

    bottom: -40px;

    left: 5%;

}



/* ----- Brown theme ----- */

.ix-login-theme-brown[b-2yoxxo9urf] {

    --ix-accent: #c94444;

    --ix-accent-deep: #b03838;

    --ix-accent-light: #d45a5a;

    --ix-border: rgba(201, 68, 68, 0.14);

    background: linear-gradient(90deg, #9b8a7d 0%, #9b8a7d 60%, #faf6f0 60%, #faf6f0 100%);

}



.ix-login-theme-brown .ix-login-left[b-2yoxxo9urf] {

    background: #9b8a7d;

    align-self: stretch;

}



.ix-login-theme-brown .ix-login-right[b-2yoxxo9urf] {

    background: #faf6f0;

}



.ix-login-theme-brown .ix-login-brand-name[b-2yoxxo9urf] {

    color: #5c4033;

}



.ix-login-theme-brown .ix-login-logo svg[b-2yoxxo9urf] {

    filter: drop-shadow(0 6px 14px rgba(92, 64, 51, 0.25));

}



.ix-login-theme-brown .ix-login-forgot[b-2yoxxo9urf],

.ix-login-theme-brown .ix-login-support-link[b-2yoxxo9urf] {

    color: var(--ix-accent);

}



.ix-login-theme-brown .ix-login-forgot:hover[b-2yoxxo9urf],

.ix-login-theme-brown .ix-login-support-link:hover[b-2yoxxo9urf] {

    color: var(--ix-accent-deep);

}



.ix-login-theme-brown .ix-login-remember input[type="checkbox"][b-2yoxxo9urf] {

    accent-color: var(--ix-accent);

}



.ix-login-theme-brown[b-2yoxxo9urf]  .ix-login-input2:focus-within .dxbs-textbox,

.ix-login-theme-brown[b-2yoxxo9urf]  .ix-login-input2:focus-within input {

    border-color: #8b6914 !important;

    box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.12) !important;

}



.ix-login-theme-brown[b-2yoxxo9urf]  .ix-login-btn-primary2 {

    background: var(--ix-accent) !important;

    box-shadow: 0 10px 28px rgba(201, 68, 68, 0.32) !important;

}



.ix-login-theme-brown[b-2yoxxo9urf]  .ix-login-btn-primary2:hover {

    background: var(--ix-accent-deep) !important;

    box-shadow: 0 14px 32px rgba(201, 68, 68, 0.38) !important;

}



.ix-login-theme-brown .ix-login-card2[b-2yoxxo9urf] {

    box-shadow:

        0 2px 4px rgba(92, 64, 51, 0.04),

        0 24px 56px rgba(92, 64, 51, 0.08);

}



:global(.ix-login-layout)[b-2yoxxo9urf] {

    height: 100dvh;

    max-height: 100dvh;

    overflow: hidden;

    display: flex;

    flex-direction: column;

}



:global(.ix-login-layout) .ix-login-page[b-2yoxxo9urf] {

    flex: 1 1 auto;

    min-height: 0;

}



/* ----- 60 / 40 shell ----- */

.ix-login-shell[b-2yoxxo9urf] {

    flex: 1;

    display: grid;

    grid-template-columns: 58% 42%;

    grid-template-rows: minmax(0, 1fr);

    align-items: stretch;

    width: 100%;

    max-width: none;

    margin: 0;

    padding: 0;

    gap: 0;

    min-height: 0;

    overflow: hidden;

    position: relative;

    z-index: 1;

}



.ix-login-left[b-2yoxxo9urf] {

    min-width: 0;

    min-height: 0;

    height: 100%;

    max-height: 100%;

    position: relative;

    overflow-y: auto;

    overflow-x: hidden;

    overscroll-behavior: contain;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

    -ms-overflow-style: none;

}



.ix-login-left[b-2yoxxo9urf]::-webkit-scrollbar {

    display: none;

}



.ix-login-theme-orange .ix-login-left[b-2yoxxo9urf] {

    padding: 16px 8px 16px 12px;

    border-right: 1px solid rgba(232, 135, 74, 0.2);

}



.ix-login-theme-brown .ix-login-left[b-2yoxxo9urf] {

    padding: 16px 8px 16px 12px;

    border-right: 1px solid rgba(255, 255, 255, 0.22);

}



.ix-left-inner[b-2yoxxo9urf] {

    width: 100%;

    display: block;

    padding-bottom: 24px;

}



.ix-login-theme-orange .ix-left-inner[b-2yoxxo9urf] {

    max-width: none;

    width: 100%;

    margin-left: 0;

    margin-right: 0;

}



.ix-login-theme-brown .ix-left-inner[b-2yoxxo9urf] {

    max-width: none;

    width: 100%;

    margin-left: 0;

    margin-right: 0;

}



.ix-login-right[b-2yoxxo9urf] {

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 0;

    min-height: 0;

    height: 100%;

    overflow: hidden;

    align-self: stretch;

}



.ix-login-theme-orange .ix-login-right[b-2yoxxo9urf] {

    padding: 20px 28px 20px 16px;

}



.ix-login-theme-brown .ix-login-right[b-2yoxxo9urf] {

    padding: 24px 28px 20px 16px;

}



.ix-login-card2[b-2yoxxo9urf] {

    width: 100%;

    max-width: 400px;

    background: #ffffff;

    border-radius: 24px;

    padding: 36px 36px 28px;

    box-shadow:

        0 2px 4px rgba(232, 135, 74, 0.04),

        0 24px 56px rgba(232, 135, 74, 0.1);

    border: 1px solid rgba(255, 255, 255, 0.95);

    position: relative;

}



.ix-login-head2[b-2yoxxo9urf] {

    text-align: center;

    margin-bottom: 28px;

}



.ix-login-logo[b-2yoxxo9urf] {

    width: 52px;

    height: 52px;

    margin: 0 auto 14px;

}



.ix-login-logo svg[b-2yoxxo9urf] {

    width: 100%;

    height: 100%;

    filter: drop-shadow(0 6px 14px rgba(232, 135, 74, 0.3));

}



.ix-login-brand-name[b-2yoxxo9urf] {

    font-weight: 800;

    font-size: 22px;

    color: var(--ix-accent);

    letter-spacing: -0.01em;

}



.ix-login-sub2[b-2yoxxo9urf] {

    margin-top: 6px;

    color: var(--ix-text-soft);

    font-size: 14px;

    line-height: 1.5;

}



.ix-login-form2[b-2yoxxo9urf] {

    display: flex;

    flex-direction: column;

    gap: 16px;

}



.ix-login-row2[b-2yoxxo9urf] {

    display: flex;

    flex-direction: column;

    gap: 7px;

}



.ix-login-label2[b-2yoxxo9urf] {

    font-size: 13px;

    font-weight: 600;

    color: var(--ix-navy);

}



[b-2yoxxo9urf] .ix-login-input2 .dxbs-textbox,

[b-2yoxxo9urf] .ix-login-input2 input {

    height: 46px;

    border-radius: 12px !important;

    border-color: #e8e4df !important;

    background: #fdfcfb !important;

    color: var(--ix-text) !important;

    font-size: 14px !important;

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



[b-2yoxxo9urf] .ix-login-input2:hover .dxbs-textbox,

[b-2yoxxo9urf] .ix-login-input2:hover input {

    border-color: #ddd6ce !important;

}



[b-2yoxxo9urf] .ix-login-input2:focus-within .dxbs-textbox,

[b-2yoxxo9urf] .ix-login-input2:focus-within input {

    border-color: var(--ix-accent) !important;

    box-shadow: 0 0 0 3px rgba(232, 135, 74, 0.14) !important;

    background: #fff !important;

}



.ix-login-options2[b-2yoxxo9urf] {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-top: -4px;

}



.ix-login-remember[b-2yoxxo9urf] {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 13px;

    color: var(--ix-text-soft);

    cursor: pointer;

    user-select: none;

    margin: 0;

}



.ix-login-remember input[type="checkbox"][b-2yoxxo9urf] {

    width: 16px;

    height: 16px;

    accent-color: var(--ix-accent);

    cursor: pointer;

}



.ix-login-forgot[b-2yoxxo9urf] {

    border: none;

    background: none;

    padding: 0;

    font-size: 13px;

    font-weight: 600;

    color: var(--ix-accent);

    cursor: pointer;

}



.ix-login-forgot:hover[b-2yoxxo9urf] {

    color: var(--ix-accent-deep);

    text-decoration: underline;

}



.ix-login-actions2[b-2yoxxo9urf] {

    margin-top: 4px;

}



[b-2yoxxo9urf] .ix-login-btn-primary2 {

    width: 100%;

    height: 50px;

    border-radius: 14px !important;

    font-weight: 700 !important;

    font-size: 15px !important;

    letter-spacing: 0.02em;

    background: var(--ix-accent) !important;

    border: none !important;

    box-shadow: 0 10px 28px rgba(232, 135, 74, 0.35) !important;

    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;

}



[b-2yoxxo9urf] .ix-login-btn-primary2:hover {

    background: var(--ix-accent-deep) !important;

    transform: translateY(-1px);

    box-shadow: 0 14px 32px rgba(232, 135, 74, 0.4) !important;

}



[b-2yoxxo9urf] .ix-login-btn-primary2:active {

    transform: translateY(0);

}



.ix-login-support[b-2yoxxo9urf] {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 6px;

    margin-top: 8px;

    font-size: 13px;

    color: var(--ix-text-muted);

}



.ix-login-support-icon[b-2yoxxo9urf] {

    font-size: 14px;

}



.ix-login-support-sep[b-2yoxxo9urf] {

    color: #d0d4de;

    font-size: 12px;

}



.ix-login-support-link[b-2yoxxo9urf] {

    border: none;

    background: none;

    padding: 0;

    font-size: 13px;

    font-weight: 650;

    color: var(--ix-accent);

    cursor: pointer;

}



.ix-login-support-link:hover[b-2yoxxo9urf] {

    text-decoration: underline;

    color: var(--ix-accent-deep);

}



.ix-login-info2[b-2yoxxo9urf] {

    padding: 11px 14px;

    border-radius: 12px;

    background: #fff8f0;

    border: 1px solid rgba(232, 135, 74, 0.22);

    color: #c47a3a;

    font-size: 12.5px;

    line-height: 1.45;

}



.ix-login-error2[b-2yoxxo9urf] {

    padding: 12px 14px;

    border-radius: 12px;

    background: #fff5f7;

    border: 1px solid rgba(232, 130, 150, 0.3);

}



.ix-login-error-title2[b-2yoxxo9urf] {

    font-weight: 650;

    color: #c45c72;

    font-size: 13px;

}



.ix-login-error-msg2[b-2yoxxo9urf] {

    color: #b86b7e;

    font-size: 12.5px;

    margin-top: 4px;

    line-height: 1.4;

}



.ix-login-page-foot[b-2yoxxo9urf] {

    flex-shrink: 0;

    text-align: center;

    padding: 14px 20px max(16px, env(safe-area-inset-bottom));

    font-size: 12px;

    color: var(--ix-text-muted);

    position: relative;

    z-index: 1;

}



.ix-login-theme-brown .ix-login-page-foot[b-2yoxxo9urf] {

    background: linear-gradient(90deg, #9b8a7d 0%, #9b8a7d 60%, #faf6f0 60%, #faf6f0 100%);

    text-align: right;

    padding-right: 48px;

    color: #6b7894;

}



.ix-login-powered[b-2yoxxo9urf] {

    color: var(--ix-text-soft);

}



/* Popups */

[b-2yoxxo9urf] .ix-first-password-popup .dxbl-popup {

    border-radius: 20px !important;

    box-shadow: 0 24px 64px rgba(232, 135, 74, 0.15) !important;

}



[b-2yoxxo9urf] .ix-first-password-popup .dxbl-popup-header {

    font-weight: 700 !important;

    color: var(--ix-navy) !important;

    background: #fffaf6 !important;

    border-bottom: 1px solid var(--ix-border) !important;

}



.ix-password-body[b-2yoxxo9urf] { padding: 12px 8px 4px; }



.ix-password-icon[b-2yoxxo9urf] {

    width: 50px;

    height: 50px;

    border-radius: 14px;

    margin: 0 auto 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: linear-gradient(145deg, #fff5ee, #fef0e4);

    border: 1px solid var(--ix-border);

    font-size: 22px;

}



.ix-password-title[b-2yoxxo9urf] {

    text-align: center;

    font-size: 17px;

    font-weight: 700;

    color: var(--ix-navy);

}



.ix-password-subtitle[b-2yoxxo9urf] {

    text-align: center;

    font-size: 13px;

    color: var(--ix-text-soft);

    margin: 5px 0 18px;

}



.ix-password-layout[b-2yoxxo9urf] { width: 100%; }



[b-2yoxxo9urf] .ix-password-input .dxbs-textbox,

[b-2yoxxo9urf] .ix-password-input input {

    min-height: 42px;

    border-radius: 11px !important;

}



.ix-password-error[b-2yoxxo9urf] {

    padding: 10px 12px;

    border-radius: 11px;

    background: #fff5f7;

    border: 1px solid rgba(232, 130, 150, 0.3);

    color: #c45c72;

    font-size: 13px;

    font-weight: 600;

}



.ix-password-footer[b-2yoxxo9urf] {

    width: 100%;

    display: flex;

    justify-content: flex-end;

    padding-top: 4px;

}



[b-2yoxxo9urf] .ix-password-save {

    min-width: 140px;

    height: 40px;

    border-radius: 11px !important;

    font-weight: 650 !important;

}



.ix-login-schema-fix-body[b-2yoxxo9urf] { padding: 4px 2px; }



.ix-login-schema-fix-msg[b-2yoxxo9urf] {

    font-size: 13px;

    line-height: 1.5;

    color: var(--ix-text-soft);

    margin: 0 0 12px;

}



.ix-login-schema-fix-label[b-2yoxxo9urf] {

    display: block;

    font-size: 12px;

    font-weight: 600;

    color: var(--ix-text-muted);

    margin-bottom: 6px;

}



.ix-login-schema-fix-error[b-2yoxxo9urf] {

    margin-bottom: 10px;

    padding: 10px 12px;

    border-radius: 8px;

    border: 1px solid rgba(232, 130, 150, 0.3);

    background: #fff5f7;

    color: #c45c72;

    font-size: 12px;

}



[b-2yoxxo9urf] .ix-login-schema-fix-popup .dxbl-popup-header {

    background: var(--ix-accent) !important;

    color: #fff !important;

    font-weight: 650 !important;

}



:global(.theme-host) .ix-login-page[b-2yoxxo9urf] {

    background: var(--ix-bg) !important;

}



:global(.theme-host)[b-2yoxxo9urf]  .ix-login-btn-primary2 {

    background: var(--ix-accent) !important;

}



:global(.theme-host)[b-2yoxxo9urf]  .ix-login-btn-primary2:hover {

    background: var(--ix-accent-hover) !important;

}



@media (max-width: 1199px) {

    .ix-login-theme-orange .ix-login-left[b-2yoxxo9urf] { padding: 16px 10px 16px 16px; }

    .ix-login-theme-orange .ix-login-right[b-2yoxxo9urf] { padding: 16px 20px 16px 12px; }

    .ix-login-theme-brown .ix-login-left[b-2yoxxo9urf] { padding: 20px 10px 16px 16px; }

    .ix-login-theme-brown .ix-login-right[b-2yoxxo9urf] { padding: 20px 20px 16px 12px; }

}



@media (max-width: 767px) {

    :global(.ix-login-layout)[b-2yoxxo9urf] {

        height: 100dvh;

        max-height: 100dvh;

        overflow: hidden;

        display: flex;

        flex-direction: column;

    }

    .ix-login-page[b-2yoxxo9urf] {

        flex: 1 1 auto;

        min-height: 0;

        height: auto;

        max-height: 100dvh;

        overflow-x: hidden;

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior-y: contain;

        scroll-behavior: smooth;

    }

    .ix-login-shell[b-2yoxxo9urf] {

        grid-template-columns: 1fr;

        overflow: visible;

        min-height: auto;

    }



    .ix-login-right[b-2yoxxo9urf] {

        order: 1;

        padding: max(24px, env(safe-area-inset-top)) 20px 16px !important;

        justify-content: center !important;

    }



    .ix-login-card2[b-2yoxxo9urf] {

        max-width: 420px;

        margin: 0 auto;

        padding: 32px 28px 24px;

    }



    .ix-login-left[b-2yoxxo9urf] {

        order: 2;

        padding: 8px 20px 12px !important;

        min-height: 260px;

        border-right: none !important;

        overflow: visible;

        height: auto;

        max-height: none;

    }



    .ix-login-theme-brown .ix-login-left[b-2yoxxo9urf] {

        background: #9b8a7d;

    }



    .ix-left-inner[b-2yoxxo9urf] {

        max-width: 420px;

        margin: 0 auto;

    }



    .ix-login-theme-brown .ix-login-page-foot[b-2yoxxo9urf] {

        background: #faf6f0;

        text-align: center;

        padding-right: 20px;

    }



    .ix-login-theme-brown[b-2yoxxo9urf] {

        background: #faf6f0;

    }

}



@media (prefers-reduced-motion: reduce) {

    [b-2yoxxo9urf] .ix-login-btn-primary2 { transition: none; }

}



@keyframes shake-b-2yoxxo9urf {

    0%, 100% { transform: translateX(0); }

    10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }

    20%, 40%, 60%, 80% { transform: translateX(4px); }

}



.ix-login-error2[b-2yoxxo9urf] { animation: shake-b-2yoxxo9urf 0.45s ease-in-out; }

/* _content/IxpertPosStandalone/Pages/LoginEnquiry.razor.rz.scp.css */
/* Page shell only — form styles live in LoginEnquiryForm.razor.css */

.ix-enquiry-page[b-94wr6wj388] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.ix-login-theme-orange.ix-enquiry-page[b-94wr6wj388] {
    background: linear-gradient(180deg, #f8fafc, #ffffff 45%, #ffffff);
}

.ix-login-theme-brown.ix-enquiry-page[b-94wr6wj388] {
    background: #faf6f0;
}

.ix-enquiry-shell[b-94wr6wj388] {
    width: 100%;
    max-width: 640px;
}
/* _content/IxpertPosStandalone/Pages/MasterFormRenderer.razor.rz.scp.css */
.frm-page[b-13vsk2tpix] {
    display: block;
    padding: 0;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    background: #f7f8fb;
}

    .frm-page[b-13vsk2tpix],
    .frm-page *[b-13vsk2tpix] {
        box-sizing: border-box;
    }

        .frm-page .frm-card.frm-main[b-13vsk2tpix],
        .frm-page .master-popup-main[b-13vsk2tpix] {
            height: 100%;
            min-height: 0;
            display: flex;
            flex-direction: column;
            padding: 10px 12px 12px 12px;
            border: none;
            box-shadow: none;
            background: #ffffff;
            overflow: hidden;
        }

        .frm-page .master-popup-topbar[b-13vsk2tpix] {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 4px 6px 8px 6px;
            margin-bottom: 8px;
            border-bottom: 1px solid #e7ebf0;
        }

        .frm-page .master-popup-title-wrap[b-13vsk2tpix] {
            min-width: 0;
            flex: 1 1 auto;
        }

        .frm-page .master-popup-title-block[b-13vsk2tpix] {
            min-width: 0;
        }

        .frm-page .master-popup-screen-title[b-13vsk2tpix] {
            font-size: 18px;
            font-weight: 700;
            color: #0f172a;
            letter-spacing: .1px;
            text-align: left;
            line-height: 1.2;
        }

        .frm-page .master-popup-screen-subtitle[b-13vsk2tpix] {
            font-size: 12px;
            color: #64748b;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .frm-page .master-popup-actions[b-13vsk2tpix] {
            display: flex;
            gap: 8px;
            margin-left: auto;
            flex: 0 0 auto;
            justify-content: flex-end;
            align-items: center;
            flex-wrap: wrap;
            row-gap: 6px;
        }

        .frm-page[b-13vsk2tpix]  .master-popup-action-btn .dxbl-btn,
        .frm-page[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
            border-radius: 9px !important;
            min-height: 32px !important;
            height: 32px !important;
            padding: 5px 12px !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            box-shadow: none !important;
        }

        .frm-page[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn {
            background: #2563eb !important;
            border-color: #2563eb !important;
            color: #ffffff !important;
        }

        .frm-page[b-13vsk2tpix]  .master-popup-action-close .dxbl-btn {
            background: #f3f4f6 !important;
            border-color: #e5e7eb !important;
            color: #111827 !important;
        }

        .frm-page .master-popup-context[b-13vsk2tpix] {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            padding: 0 6px 6px 6px;
        }

        .frm-page .master-popup-chip[b-13vsk2tpix] {
            display: inline-flex;
            align-items: center;
            max-width: 220px;
            padding: 4px 9px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 600;
            color: #334155;
            background: #eef2ff;
            border: 1px solid #dbe3ff;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .frm-page .master-popup-chip.subtle-chip[b-13vsk2tpix] {
                background: #f8fafc;
                border-color: #e2e8f0;
                color: #475569;
            }

        .frm-page .master-form-banner[b-13vsk2tpix] {
            margin: 8px 8px 0 8px;
            padding: 12px 14px;
            border-radius: 10px;
            font-size: 12px;
            line-height: 1.4;
        }

            .frm-page .master-form-banner.error-banner[b-13vsk2tpix] {
                background: #fff1f2;
                border: 1px solid #fecdd3;
                color: #9f1239;
            }

            .frm-page .master-form-banner.info-banner[b-13vsk2tpix] {
                background: #eff6ff;
                border: 1px solid #bfdbfe;
                color: #1e3a8a;
            }

        .frm-page .loading-box[b-13vsk2tpix],
        .frm-page .empty-box[b-13vsk2tpix] {
            padding: 30px;
            text-align: center;
            color: #6b7280;
            font-size: 15px;
        }

        .frm-page[b-13vsk2tpix]  .master-workspace-form {
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

            .frm-page[b-13vsk2tpix]  .master-workspace-form > .dxbl-fl-item,
            .frm-page[b-13vsk2tpix]  .master-workspace-form .dxbl-fl-item {
                min-width: 0;
            }

        .frm-page .master-workspace-form-split[b-13vsk2tpix] {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .frm-page .master-name-split-pane[b-13vsk2tpix] {
            flex: 0 0 40%;
            min-height: 150px;
            min-width: 0;
            overflow: hidden;
        }

        .frm-page .master-tabs-split-pane[b-13vsk2tpix] {
            flex: 1 1 60%;
            min-height: 0;
            min-width: 0;
            overflow: hidden;
        }

        .frm-page .section-card[b-13vsk2tpix] {
            border: 1px solid #e6ebf1;
            border-radius: 12px;
            background: #ffffff;
            padding: 8px 10px;
            margin-bottom: 10px;
            box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
            min-height: 0;
            display: flex;
            flex-direction: column;
        }

        .frm-page .compact-card[b-13vsk2tpix] {
            margin-bottom: 4px;
        }

        .frm-page .section-title[b-13vsk2tpix] {
            font-size: 13px;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 6px;
            line-height: 1.2;
        }

        .frm-page .master-name-pane.section-card[b-13vsk2tpix] {
            margin-bottom: 0;
            height: 100%;
            min-height: 0;
        }

        .frm-page .master-name-pane .section-scroll-body.header-scroll-body[b-13vsk2tpix] {
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
            max-height: 100%;
            overflow: auto;
            padding-right: 6px;
        }

        .frm-page .master-right-pane.section-card[b-13vsk2tpix] {
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
            margin-bottom: 0;
        }

        .frm-page .master-right-panel[b-13vsk2tpix] {
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
        }

        .frm-page .tab-form-scroll-body[b-13vsk2tpix] {
            height: 100%;
            min-height: 0;
            max-height: none;
            overflow: auto;
            padding-right: 10px;
        }

        .frm-page .entry-grid-wrap[b-13vsk2tpix] {
            height: 100%;
            min-height: 0;
            overflow: auto;
        }

        .frm-page .master-right-pane .entry-grid-wrap[b-13vsk2tpix] {
            min-height: 0;
        }

        .frm-page[b-13vsk2tpix]  .ix-form-layout {
            width: 100%;
        }

            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-item {
                margin-bottom: 2px !important;
                padding-bottom: 0 !important;
                padding-right: 10px !important;
            }

            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-text-edit,
            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-spin-edit,
            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-date-edit,
            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-button-edit,
            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-combobox,
            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-dropdown-edit {
                width: 100%;
                padding-top: 2px !important;
                padding-bottom: 2px !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }

            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-edit,
            .frm-page[b-13vsk2tpix]  .ix-form-layout input,
            .frm-page[b-13vsk2tpix]  .ix-form-layout select {
                height: 30px !important;
                min-height: 30px !important;
            }

            .frm-page[b-13vsk2tpix]  .ix-form-layout label,
            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-caption,
            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-cpt {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
                font-size: 13px !important;
                line-height: 1.15 !important;
            }

            .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-editor {
                margin-top: 0 !important;
                padding-top: 0 !important;
            }

        .frm-page .editor[b-13vsk2tpix],
        .frm-page .grid-editor[b-13vsk2tpix] {
            width: 100%;
            min-height: 30px;
            height: 30px;
            padding: 4px 8px;
            border: 1px solid #d1d5db;
            border-radius: 7px;
            font-size: 13px;
            box-sizing: border-box;
            background: #fff;
        }

        .frm-page .editor-readonly[b-13vsk2tpix] {
            background: #f9fafb;
            color: #6b7280;
        }

        .frm-page .editor-memo[b-13vsk2tpix] {
            min-height: 90px;
            height: auto;
            resize: vertical;
        }

        .frm-page .editor-checkbox[b-13vsk2tpix] {
            transform: scale(1.05);
            margin-top: 8px;
        }

        .frm-page[b-13vsk2tpix]  .master-tabs-shell {
            min-height: 0;
            height: 100%;
        }

            .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-tablist {
                border-bottom: 1px solid #e5e7eb !important;
                padding-bottom: 6px;
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 4px 6px !important;
                align-items: flex-end !important;
                overflow: visible !important;
                white-space: normal !important;
            }

            .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item {
                border-radius: 10px !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                max-width: 150px !important;
                min-height: 34px !important;
                height: auto !important;
                white-space: normal !important;
                text-align: center !important;
                line-height: 1.15 !important;
                padding: 5px 8px !important;
            }

                .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item * {
                    white-space: normal !important;
                    overflow-wrap: anywhere !important;
                    word-break: normal !important;
                    line-height: 1.15 !important;
                }

            .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item-active {
                background: #eff6ff !important;
                color: #1d4ed8 !important;
            }

        .frm-page .main-tab-strip[b-13vsk2tpix] {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            padding-bottom: 8px;
            border-bottom: 1px solid #e5e7eb;
            margin-bottom: 10px;
            overflow: visible;
        }

        .frm-page .master-main-tab-strip[b-13vsk2tpix] {
            flex: 0 0 auto;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            align-items: center;
            gap: 6px;
            padding: 4px 2px 8px;
            margin-bottom: 8px;
        }

        .frm-page .master-main-tab-panel[b-13vsk2tpix] {
            flex: 1 1 auto;
            min-height: 180px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .frm-page .main-tab-btn[b-13vsk2tpix] {
            border: 1px solid transparent;
            background: transparent;
            color: #475569;
            border-radius: 10px;
            padding: 6px 9px;
            font-size: 12px;
            font-weight: 600;
            transition: all .15s ease;                       
            line-height: 1.15;
            text-align: center;
            flex: 0 1 auto;
        }

            .frm-page .main-tab-btn:hover[b-13vsk2tpix] {
                background: #f8fafc;
                color: #0f172a;
            }

            .frm-page .main-tab-btn.active[b-13vsk2tpix] {
                background: #eff6ff;
                color: #1d4ed8;
                border-color: #bfdbfe;
                box-shadow: inset 0 -2px 0 #2563eb;
            }

        .frm-page table.entry-grid[b-13vsk2tpix] {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
        }

        .frm-page .entry-grid th[b-13vsk2tpix],
        .frm-page .entry-grid td[b-13vsk2tpix] {
            border: 1px solid #e5e7eb;
            padding: 4px 6px;
            vertical-align: middle;
        }

        .frm-page .grid-head-cell[b-13vsk2tpix] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
        }

        .frm-page .grid-head-text[b-13vsk2tpix] {
            font-weight: 700;
            color: #111827;
        }

        .frm-page .action-col[b-13vsk2tpix] {
            width: 70px;
            text-align: center;
        }

        .frm-page .ix-row-error[b-13vsk2tpix] {
            background: #fff1f2;
        }

        .frm-page .ix-layout-context-overlay[b-13vsk2tpix],
        .frm-page .ix-modal-overlay[b-13vsk2tpix],
        .frm-page .ix-success-overlay[b-13vsk2tpix],
        .frm-page .audit-history-overlay[b-13vsk2tpix],
        .frm-page .audit-inline-confirm-overlay[b-13vsk2tpix] {
            position: fixed;
            inset: 0;
            z-index: 3000;
            background: rgba(15, 23, 42, .35);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .frm-page .ix-layout-context-menu[b-13vsk2tpix] {
            position: absolute;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 10px;
            box-shadow: 0 20px 45px rgba(15, 23, 42, .18);
            padding: 6px;
            min-width: 180px;
        }

        .frm-page .ix-column-picker-modal[b-13vsk2tpix] {
            width: min(880px, calc(100vw - 40px));
            max-height: calc(100vh - 60px);
            background: #ffffff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 22px 60px rgba(15, 23, 42, .25);
            display: flex;
            flex-direction: column;
        }

        .frm-page .ix-column-picker-header[b-13vsk2tpix],
        .frm-page .ix-column-picker-footer[b-13vsk2tpix] {
            padding: 12px 14px;
            border-bottom: 1px solid #e5e7eb;
            background: #f8fafc;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .frm-page .ix-column-picker-footer[b-13vsk2tpix] {
            border-top: 1px solid #e5e7eb;
            border-bottom: 0;
        }

        .frm-page .ix-column-picker-title[b-13vsk2tpix] {
            font-size: 15px;
            font-weight: 700;
            color: #111827;
        }

        .frm-page .ix-modal-close[b-13vsk2tpix] {
            border: 0;
            background: transparent;
            font-size: 18px;
            cursor: pointer;
        }

        .frm-page .ix-column-picker-body[b-13vsk2tpix] {
            padding: 14px;
            display: grid;
            grid-template-columns: 1fr auto 1fr auto;
            gap: 12px;
            min-height: 0;
            overflow: auto;
        }

        .frm-page .ix-column-picker-panel[b-13vsk2tpix] {
            min-width: 0;
        }

        .frm-page .ix-column-picker-caption[b-13vsk2tpix] {
            font-size: 12px;
            font-weight: 700;
            color: #475569;
            margin-bottom: 6px;
        }

        .frm-page .ix-column-search[b-13vsk2tpix],
        .frm-page .ix-column-picker-list[b-13vsk2tpix] {
            width: 100%;
        }

        .frm-page .ix-column-picker-list[b-13vsk2tpix] {
            min-height: 260px;
        }

        .frm-page .ix-column-picker-middle[b-13vsk2tpix],
        .frm-page .ix-column-picker-reorder[b-13vsk2tpix] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 8px;
        }

        .frm-page .ix-selected-drag-list[b-13vsk2tpix] {
            min-height: 260px;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            overflow: auto;
            padding: 6px;
        }

        .frm-page .ix-selected-drag-item[b-13vsk2tpix] {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 7px 8px;
            border-radius: 7px;
            cursor: pointer;
        }

            .frm-page .ix-selected-drag-item:hover[b-13vsk2tpix] {
                background: #f8fafc;
            }

            .frm-page .ix-selected-drag-item.active[b-13vsk2tpix] {
                background: #eff6ff;
                color: #1d4ed8;
            }

            .frm-page .ix-selected-drag-item.drag-over[b-13vsk2tpix] {
                outline: 2px dashed #2563eb;
            }

        .frm-page .drag-handle[b-13vsk2tpix] {
            color: #94a3b8;
        }

        .frm-page .ix-success-box[b-13vsk2tpix],
        .frm-page .ix-confirm-popup-box[b-13vsk2tpix] {
            width: min(420px, calc(100vw - 40px));
            background: #ffffff;
            border-radius: 16px;
            padding: 18px;
            box-shadow: 0 22px 60px rgba(15, 23, 42, .25);
            text-align: center;
        }

        .frm-page .ix-success-title[b-13vsk2tpix],
        .frm-page .ix-confirm-popup-title[b-13vsk2tpix] {
            font-size: 18px;
            font-weight: 800;
            color: #111827;
            margin-bottom: 8px;
        }

        .frm-page .ix-success-message[b-13vsk2tpix],
        .frm-page .ix-confirm-popup-message[b-13vsk2tpix] {
            font-size: 13px;
            color: #475569;
            line-height: 1.5;
        }

        .frm-page .ix-confirm-popup-actions[b-13vsk2tpix] {
            margin-top: 16px;
            display: flex;
            justify-content: center;
            gap: 8px;
        }

        .frm-page .audit-history-box[b-13vsk2tpix] {
            width: min(1100px, calc(100vw - 40px));
            height: min(720px, calc(100vh - 50px));
            background: #ffffff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 22px 60px rgba(15, 23, 42, .25);
            display: flex;
            flex-direction: column;
        }

        .frm-page .audit-history-header[b-13vsk2tpix] {
            padding: 12px 14px;
            background: #f8fafc;
            border-bottom: 1px solid #e5e7eb;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .frm-page .audit-history-title[b-13vsk2tpix] {
            font-size: 17px;
            font-weight: 800;
        }

        .frm-page .audit-history-subtitle[b-13vsk2tpix] {
            font-size: 12px;
            color: #64748b;
        }

        .frm-page .audit-history-body[b-13vsk2tpix] {
            flex: 1;
            min-height: 0;
            display: grid;
            grid-template-columns: 340px 1fr;
            overflow: hidden;
        }

        .frm-page .audit-history-left[b-13vsk2tpix],
        .frm-page .audit-history-right[b-13vsk2tpix] {
            min-height: 0;
            overflow: auto;
            padding: 12px;
        }

        .frm-page .audit-history-left[b-13vsk2tpix] {
            border-right: 1px solid #e5e7eb;
        }

        .frm-page .audit-history-section-title[b-13vsk2tpix] {
            font-size: 13px;
            font-weight: 800;
            color: #111827;
            margin-bottom: 10px;
        }

        .frm-page .audit-history-empty[b-13vsk2tpix] {
            color: #64748b;
            font-size: 13px;
            padding: 20px;
            text-align: center;
        }

        .frm-page .audit-history-item[b-13vsk2tpix] {
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 10px;
            margin-bottom: 8px;
            background: #ffffff;
            cursor: pointer;
        }

            .frm-page .audit-history-item.active[b-13vsk2tpix] {
                border-color: #93c5fd;
                background: #eff6ff;
            }

        .frm-page .audit-history-item-top[b-13vsk2tpix] {
            display: flex;
            justify-content: space-between;
            gap: 8px;
        }

        .frm-page .audit-action-badge[b-13vsk2tpix],
        .frm-page .audit-change-badge[b-13vsk2tpix] {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: 3px 8px;
            font-size: 11px;
            font-weight: 800;
            background: #eef2ff;
            color: #3730a3;
        }

        .frm-page .audit-history-time[b-13vsk2tpix],
        .frm-page .audit-history-item-by[b-13vsk2tpix],
        .frm-page .audit-history-item-remarks[b-13vsk2tpix] {
            font-size: 12px;
            color: #64748b;
        }

        .frm-page .audit-detail-table-wrap[b-13vsk2tpix] {
            overflow: auto;
        }

        .frm-page .audit-detail-table[b-13vsk2tpix] {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
        }

            .frm-page .audit-detail-table th[b-13vsk2tpix],
            .frm-page .audit-detail-table td[b-13vsk2tpix] {
                border: 1px solid #e5e7eb;
                padding: 6px 8px;
                text-align: left;
            }

            .frm-page .audit-detail-table th[b-13vsk2tpix] {
                background: #f8fafc;
                font-weight: 800;
            }

@media (max-width: 1100px) {
    .frm-page .tab-form-scroll-body[b-13vsk2tpix] {
        max-height: 360px;
        min-height: 220px;
    }

    .frm-page .audit-history-body[b-13vsk2tpix] {
        grid-template-columns: 1fr;
    }

    .frm-page .audit-history-left[b-13vsk2tpix] {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
        max-height: 260px;
    }
}

@media (max-width: 760px) {
    .frm-page .master-popup-topbar[b-13vsk2tpix] {
        flex-direction: column;
        align-items: stretch;
    }

    .frm-page .master-popup-actions[b-13vsk2tpix] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .frm-page .ix-column-picker-body[b-13vsk2tpix] {
        grid-template-columns: 1fr;
    }
}
.frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-tablist {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow: visible !important;
    white-space: normal !important;
}
.frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item * {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
/* ===== MASTER FORM FINAL POLISH ===== */

.frm-page .section-card[b-13vsk2tpix] {
    border: 1px solid #e1e7f0;
    border-radius: 14px;
    background: #ffffff;
    padding: 10px 12px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

.frm-page .section-title[b-13vsk2tpix] {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 10px;
}

/* DevExpress FormLayout spacing */
.frm-page[b-13vsk2tpix]  .ix-form-layout {
    width: 100%;
}

    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl {
        width: 100%;
    }

    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-item {
        padding: 4px 10px 6px 0 !important;
        margin: 0 !important;
    }

    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-13vsk2tpix]  .ix-form-layout label {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #334155 !important;
        margin-bottom: 4px !important;
        line-height: 1.2 !important;
    }

/* Editors */
.frm-page .editor[b-13vsk2tpix],
.frm-page .grid-editor[b-13vsk2tpix] {
    width: 100%;
    max-width: 100%;
    height: 34px;
    min-height: 34px;
    padding: 5px 9px;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    font-size: 13px;
    background: #ffffff;
    color: #0f172a;
    outline: none;
}

    .frm-page .editor:focus[b-13vsk2tpix],
    .frm-page .grid-editor:focus[b-13vsk2tpix] {
        border-color: #6aa4ff;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    }

.frm-page .editor-readonly[b-13vsk2tpix] {
    background: #f8fafc;
    color: #64748b;
}

.frm-page .editor-checkbox[b-13vsk2tpix] {
    width: 16px;
    height: 16px;
    margin-top: 7px;
}

/* Make top fields look like proper form layout */
.frm-page .master-name-pane .editor[b-13vsk2tpix],
.frm-page .master-name-pane select.editor[b-13vsk2tpix] {
    min-width: 0;
}

/* Tabs - wrap nicely */
.frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-tablist {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow: visible !important;
    white-space: normal !important;
    padding: 8px 8px 6px 8px !important;
}

.frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item {
    white-space: nowrap !important;
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    text-align: center !important;
}

    .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item * {
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

/* Active tab premium look */
.frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item-active {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    box-shadow: inset 0 -2px 0 #2563eb !important;
}

/* Tab body */
.frm-page .tab-form-scroll-body[b-13vsk2tpix] {
    max-height: none;
    min-height: 0;
    overflow: auto;
    padding: 8px 10px 12px 10px;
}

/* Better right panel scroll */
.frm-page .master-right-pane.section-card[b-13vsk2tpix] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.frm-page .master-right-panel[b-13vsk2tpix] {
    min-height: 0;
    overflow: hidden;
}

/* Smaller screens / right-side panel */
@media (max-width: 900px) {
    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-item {
        padding-right: 0 !important;
    }

    .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item {
        max-width: 95px !important;
        font-size: 11px !important;
    }
}
.frm-page[b-13vsk2tpix]  .ix-master-editor {
    width: 100%;
}

.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-item {
    padding: 5px 10px 7px 0 !important;
}

.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-caption,
.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-cpt {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

.frm-page[b-13vsk2tpix]  .ix-master-editor .dxbl-edit-input,
.frm-page[b-13vsk2tpix]  .ix-master-editor input {
    font-size: 13px !important;
}

.frm-page[b-13vsk2tpix]  .ix-master-checkbox {
    margin-top: 6px;
}

.frm-page[b-13vsk2tpix]  .ix-master-memo {
    min-height: 80px;
}

.frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-tablist {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    white-space: normal !important;
    overflow: visible !important;
}

.frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item {
    max-width: 120px !important;
    min-width: 72px !important;
    height: auto !important;
    min-height: 36px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.15 !important;
}

    .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item * {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        line-height: 1.15 !important;
    }
/* ===== MASTER FORM CAPTION SOFTENING ===== */

.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-caption,
.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-cpt,
.frm-page[b-13vsk2tpix]  .ix-form-layout label {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--dxbl-color-on-surface-variant, #475569) !important;
}

.frm-page .section-title[b-13vsk2tpix] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dxbl-color-on-surface, #111827);
}

.frm-page .editor[b-13vsk2tpix],
.frm-page .grid-editor[b-13vsk2tpix] {
    font-size: 12px;
    border-color: var(--dxbl-color-border, #d7dce5);
    background: var(--dxbl-color-surface, #ffffff);
    color: var(--dxbl-color-on-surface, #111827);
}
/* ===== MATCH EDIT/ADD FORM WITH DETAILS PANEL LAYOUT ===== */

.frm-page[b-13vsk2tpix] {
    background: transparent;
    color: inherit;
}

    .frm-page .master-popup-main[b-13vsk2tpix] {
        background: transparent !important;
        color: inherit !important;
        padding: .9rem 1rem !important;
    }

    .frm-page .master-popup-topbar[b-13vsk2tpix] {
        padding: 0 0 .7rem 0 !important;
        margin-bottom: .65rem !important;
        border-bottom: 1px solid rgba(128,128,128,.25) !important;
    }

    .frm-page .master-popup-screen-title[b-13vsk2tpix] {
        font-size: 1.35em !important;
        font-weight: 600 !important;
        color: inherit !important;
    }

    .frm-page[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
        background: transparent !important;
        color: inherit !important;
        border: 1px solid rgba(128,128,128,.35) !important;
        border-radius: .5rem !important;
        min-height: 2.15em !important;
        height: 2.15em !important;
        padding: .35em .75em !important;
        font-size: .9em !important;
        font-weight: 500 !important;
        box-shadow: none !important;
    }

        .frm-page[b-13vsk2tpix]  .master-popup-actions .dxbl-btn:hover {
            background: rgba(128,128,128,.08) !important;
        }

    /* Cards same as details panel */
    .frm-page .section-card[b-13vsk2tpix] {
        border: 1px solid rgba(128,128,128,.28) !important;
        border-radius: .8rem !important;
        background: transparent !important;
        color: inherit !important;
        box-shadow: none !important;
        padding: .9rem 1rem !important;
    }

    .frm-page .section-title[b-13vsk2tpix] {
        font-size: .95em !important;
        font-weight: 600 !important;
        color: inherit !important;
        margin-bottom: .75rem !important;
    }

    /* Caption left, editor right */
    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-item {
        display: grid !important;
        grid-template-columns: minmax(7.5rem, 28%) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: .75rem !important;
        padding: .35rem 0 !important;
        margin: 0 !important;
    }

    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-caption,
    .frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-cpt,
    .frm-page[b-13vsk2tpix]  .ix-form-layout label {
        font-size: .92em !important;
        font-weight: 500 !important;
        color: inherit !important;
        opacity: .9 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* DevExpress editors same as details values */
    .frm-page[b-13vsk2tpix]  .ix-master-editor,
    .frm-page[b-13vsk2tpix]  .ix-master-editor .dxbl-edit,
    .frm-page[b-13vsk2tpix]  .ix-master-editor input,
    .frm-page[b-13vsk2tpix]  .dxbl-text-edit,
    .frm-page[b-13vsk2tpix]  .dxbl-combobox,
    .frm-page[b-13vsk2tpix]  .dxbl-dropdown-edit,
    .frm-page[b-13vsk2tpix]  .dxbl-spin-edit,
    .frm-page[b-13vsk2tpix]  .dxbl-date-edit {
        width: 100% !important;
        min-height: 2.2em !important;
        height: 2.2em !important;
        border-radius: .55em !important;
        font-size: .95em !important;
    }

    /* Inner tabs like View More tabs */
    .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-tablist {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: .45rem .75rem !important;
        padding: .75rem 1rem !important;
        border-bottom: 1px solid rgba(128,128,128,.25) !important;
        overflow: visible !important;
    }

    .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item {
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
        height: auto !important;
        min-height: 2.1em !important;
        padding: .42em .25em !important;
        white-space: nowrap !important;
        font-size: .95em !important;
        font-weight: 500 !important;
        color: inherit !important;
        background: transparent !important;
    }

        .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item * {
            white-space: nowrap !important;
            word-break: normal !important;
            overflow-wrap: normal !important;
        }

    .frm-page[b-13vsk2tpix]  .master-tabs-shell .dxbl-tabs-item-active {
        background: transparent !important;
        color: inherit !important;
        box-shadow: inset 0 -2px 0 #0d6efd !important;
    }

    /* Remove tab scroll arrows */
    .frm-page[b-13vsk2tpix]  .dxbl-tabs-scroll-button {
        display: none !important;
    }

/* ===== RIGHT PANEL FIT FIX: no sideways scroll, no clipped captions ===== */
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace)[b-13vsk2tpix],
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace) .master-name-split-pane[b-13vsk2tpix],
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace) .master-tabs-split-pane[b-13vsk2tpix],
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace) .master-name-pane[b-13vsk2tpix],
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace) .master-right-pane[b-13vsk2tpix],
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace) .header-scroll-body[b-13vsk2tpix],
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace) .tab-form-scroll-body[b-13vsk2tpix],
.frm-page .master-workspace-form-split:not(.ix-bc-fasttab-workspace) .master-right-panel[b-13vsk2tpix] {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}

.frm-page .header-scroll-body[b-13vsk2tpix],
.frm-page .tab-form-scroll-body[b-13vsk2tpix] {
    overflow-y: auto !important;
    padding-top: 12px !important;
    scroll-padding-top: 12px !important;
}

.frm-page[b-13vsk2tpix]  .ix-form-layout,
.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(132px, 32%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 5px 8px 5px 14px !important;
    overflow: visible !important;
}

.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-item:first-child {
    padding-top: 10px !important;
}

.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-caption,
.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-cpt,
.frm-page[b-13vsk2tpix]  .ix-form-layout label {
    min-width: 0 !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    transform: none !important;
}

.frm-page[b-13vsk2tpix]  .ix-form-layout .dxbl-fl-editor,
.frm-page[b-13vsk2tpix]  .ix-master-editor,
.frm-page[b-13vsk2tpix]  .ix-master-editor .dxbl-edit,
.frm-page[b-13vsk2tpix]  .ix-master-editor input,
.frm-page[b-13vsk2tpix]  .dxbl-text-edit,
.frm-page[b-13vsk2tpix]  .dxbl-combobox,
.frm-page[b-13vsk2tpix]  .dxbl-dropdown-edit,
.frm-page[b-13vsk2tpix]  .dxbl-spin-edit,
.frm-page[b-13vsk2tpix]  .dxbl-date-edit {
    min-width: 0 !important;
    max-width: 100% !important;
}
    /* ===== CUSTOM WRAPPING TABS - NO DXTAB SCROLL ARROWS ===== */

    .frm-page .master-form-tab-strip[b-13vsk2tpix] {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: .5rem;
        padding: .45rem .75rem;
        border-bottom: 1px solid rgba(128, 128, 128, .25);
    }

    .frm-page .master-form-tab-label[b-13vsk2tpix] {
        flex: 0 0 auto;
        font-size: .9em;
        font-weight: 600;
        color: inherit;
        opacity: .9;
        margin: 0;
    }

    .frm-page .master-form-tab-select[b-13vsk2tpix] {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        height: 2.1rem;
        border: 1px solid rgba(128, 128, 128, .35);
        border-radius: .5rem;
        background: #fff;
        color: inherit;
        padding: .25rem .6rem;
        font-size: .92em;
        outline: none;
    }

    .frm-page .master-form-tab-btn[b-13vsk2tpix] {
        border: 0;
        background: transparent;
        color: inherit;
        padding: .45rem .25rem;
        font-size: .95em;
        font-weight: 500;
        white-space: nowrap;
        border-bottom: 2px solid transparent;
        cursor: pointer;
    }

        .frm-page .master-form-tab-btn:hover[b-13vsk2tpix] {
            background: rgba(128, 128, 128, .06);
        }

        .frm-page .master-form-tab-btn.active[b-13vsk2tpix] {
            border-bottom-color: #0d6efd;
            color: inherit;
            font-weight: 600;
        }

    .frm-page .main-tab-panel.master-right-panel[b-13vsk2tpix] {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

/* ix-blue-theme (matches FormRenderer / ReportViewer) */
.frm-page.ix-blue-theme[b-13vsk2tpix] {
    background: #ffffff !important;
    overflow: hidden;
}

.frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix] {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 18px rgba(0, 40, 100, .1) !important;
    overflow: hidden !important;
}

.frm-page.ix-blue-theme .master-workspace-form[b-13vsk2tpix] {
    overflow: visible !important;
}

.frm-page.ix-blue-theme .master-workspace-form.ix-bc-fasttab-workspace[b-13vsk2tpix] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    -webkit-overflow-scrolling: touch;
    padding-right: 20px !important;
    scrollbar-gutter: stable;
}

.frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix] {
    background: #0056b3 !important;
    border-bottom: 0 !important;
    padding: 8px 10px !important;
}

.frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix] {
    color: #fff !important;
}

.frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix] {
    color: rgba(255, 255, 255, .88) !important;
}

.frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
    --dxbl-btn-color: #fff;
    --dxbl-btn-bg: rgba(255, 255, 255, .12);
    --dxbl-btn-border-color: rgba(255, 255, 255, .45);
    color: #fff !important;
    border-color: rgba(255, 255, 255, .45) !important;
    background: rgba(255, 255, 255, .12) !important;
}

.frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn {
    --dxbl-btn-color: #0056b3;
    --dxbl-btn-bg: #fff;
    --dxbl-btn-border-color: #fff;
    background: #fff !important;
    color: #0056b3 !important;
    border-color: #fff !important;
}

.frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-close .dxbl-btn,
.frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-close.dxbl-btn {
    --dxbl-btn-color: #fff;
    color: #fff !important;
    border-color: rgba(255, 255, 255, .45) !important;
    background: rgba(255, 255, 255, .12) !important;
}

.frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn .dxbl-btn-text,
.frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn-text {
    color: inherit !important;
}

.frm-page.ix-blue-theme .master-popup-chip[b-13vsk2tpix] {
    background: #e7f1ff !important;
    border-color: #90b8e8 !important;
    color: #003d80 !important;
}

.frm-page.ix-blue-theme .section-card[b-13vsk2tpix] {
    background: #ffffff !important;
    border-color: #e9ecef !important;
}

.frm-page.ix-blue-theme .section-title[b-13vsk2tpix] {
    color: #003d80 !important;
}

.frm-page.ix-blue-theme .master-form-tab-strip[b-13vsk2tpix] {
    background: #f8fafc !important;
    border-bottom-color: #dee2e6 !important;
}

.frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix] {
    border-bottom-color: #0056b3 !important;
    color: #0056b3 !important;
    background: transparent !important;
}

.frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix] {
    color: #0056b3 !important;
    background: #e7f1ff !important;
}

.frm-page.ix-blue-theme .entry-grid-wrap[b-13vsk2tpix] {
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
}

.frm-page.ix-blue-theme .entry-grid th[b-13vsk2tpix] {
    background: #003d80 !important;
    color: #fff !important;
    border-color: #004a99 !important;
}

.frm-page.ix-blue-theme .grid-head-text[b-13vsk2tpix] {
    color: #fff !important;
}

/* Menu workspace — scoped overrides beat #2563eb Save / blue dropdown highlight */
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn.dxbl-btn-primary {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn:hover:not(:disabled) {
    background: #6d5a45 !important;
    border-color: #5c4a38 !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .master-popup-actions .ix-master-toolbtn.master-popup-action-btn[b-13vsk2tpix] {
    border: 1px solid rgba(255, 255, 255, .4) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .master-popup-actions .ix-master-toolbtn.master-popup-action-btn:hover:not(:disabled)[b-13vsk2tpix] {
    background: rgba(255, 255, 255, .22) !important;
    border-color: rgba(255, 255, 255, .55) !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-close .dxbl-btn {
    border: 1px solid rgba(255, 255, 255, .4) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .dxbl-list-box,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .dxbl-itemlist-dropdown {
    --dxbl-list-box-item-hover-bg: #f7f3ef;
    --dxbl-list-box-item-selected-bg: #ebe3d8;
    --dxbl-list-box-item-selected-hover-bg: #e0d5c8;
    --dxbl-list-box-item-selected-color: #6d5a45;
    --dxbl-list-box-focus-frame-color: #8b7355;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .dxbl-list-box tbody > tr.dxbl-list-box-item-selected,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .dxbl-list-box tbody > tr.dxbl-list-box-item-focused,
.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme[b-13vsk2tpix]  .dxbl-list-box tbody > tr:hover {
    background-color: #ebe3d8 !important;
    color: #6d5a45 !important;
}

/* ===== Business Central FastTab UI ===== */
.frm-page.ix-blue-theme[b-13vsk2tpix],
.frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix],
.frm-page.ix-blue-theme .master-workspace-form[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-workspace[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-stack[b-13vsk2tpix],
.frm-page .master-name-pane.ix-bc-fasttab-section[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-section[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-body[b-13vsk2tpix] {
    background: #ffffff !important;
}

.frm-page .ix-bc-fasttab-workspace[b-13vsk2tpix] {
    flex-direction: column !important;
    gap: 0 !important;
}

.frm-page .ix-bc-fasttab-workspace .master-name-split-pane[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-workspace .master-tabs-split-pane[b-13vsk2tpix] {
    flex: 0 0 auto !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
}

.frm-page .ix-bc-fasttab-workspace .master-name-pane[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-workspace .master-right-pane[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-workspace .header-scroll-body[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-workspace .tab-form-scroll-body[b-13vsk2tpix] {
    overflow: visible !important;
    max-height: none !important;
    max-width: 100% !important;
}

.frm-page .ix-bc-fasttab-stack[b-13vsk2tpix],
.frm-page .master-name-pane.ix-bc-fasttab-section[b-13vsk2tpix] {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.frm-page .ix-bc-fasttab-section[b-13vsk2tpix] {
    margin-bottom: 14px;
    padding: 0 4px 0 14px;
}

.frm-page .ix-bc-fasttab-header[b-13vsk2tpix] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 6px;
}

.frm-page .ix-bc-fasttab-header-top[b-13vsk2tpix] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 28px;
    line-height: 1.25;
    padding-right: 4px;
}

.frm-page .ix-bc-fasttab-header .ix-tab-title-with-add[b-13vsk2tpix] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    height: 28px;
}

.frm-page .ix-bc-fasttab-header .section-title[b-13vsk2tpix] {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 28px !important;
}

.frm-page .ix-bc-fasttab-theme-line[b-13vsk2tpix] {
    width: 100%;
    height: 1px;
    background: #dc3545;
    flex: 0 0 auto;
}

.frm-page .ix-bc-show-more[b-13vsk2tpix] {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: #0078d4;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    line-height: 28px;
    height: 28px;
}

.frm-page .ix-bc-show-more:hover[b-13vsk2tpix] {
    text-decoration: underline;
}

.frm-page .ix-bc-fasttab-workspace .master-name-pane .header-scroll-body[b-13vsk2tpix] {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    padding-right: 0 !important;
}

.frm-page .ix-bc-fasttab-body[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-workspace .header-scroll-body[b-13vsk2tpix],
.frm-page .ix-bc-fasttab-workspace .tab-form-scroll-body[b-13vsk2tpix] {
    padding: 4px 0 0 0 !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

.frm-page .ix-bc-field-grid[b-13vsk2tpix] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 28px;
    row-gap: 4px;
    width: 100%;
    padding-right: 6px;
}

.frm-page .ix-bc-field-row[b-13vsk2tpix] {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    align-items: center;
    column-gap: 0.5rem;
    row-gap: 0;
    min-width: 0;
    width: 100%;
    padding: 0.2rem 0;
}

.frm-page .ix-bc-field-caption[b-13vsk2tpix] {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.2;
}

.frm-page .ix-bc-field-editor[b-13vsk2tpix] {
    min-width: 0;
    width: 100%;
}

.frm-page .combo-master-wrap[b-13vsk2tpix] {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.frm-page .combo-master-input[b-13vsk2tpix] {
    min-width: 0;
    width: 100%;
}

.frm-page .combo-master-suffix[b-13vsk2tpix] {
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    height: 26px;
    display: inline-flex;
    align-items: center;
    z-index: 4;
    pointer-events: none;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.frm-page .combo-master-wrap:hover .combo-master-suffix[b-13vsk2tpix],
.frm-page .combo-master-wrap:focus-within .combo-master-suffix[b-13vsk2tpix] {
    opacity: 1;
    visibility: visible;
}

.frm-page .combo-master-wrap.has-value .combo-master-suffix[b-13vsk2tpix],
.frm-page .combo-master-wrap:has(.dxbl-btn-clear) .combo-master-suffix[b-13vsk2tpix] {
    right: 56px;
}

.frm-page .combo-master-wrap:hover.has-value .combo-master-suffix[b-13vsk2tpix],
.frm-page .combo-master-wrap:focus-within.has-value .combo-master-suffix[b-13vsk2tpix],
.frm-page .combo-master-wrap:hover:has(.dxbl-btn-clear) .combo-master-suffix[b-13vsk2tpix],
.frm-page .combo-master-wrap:focus-within:has(.dxbl-btn-clear) .combo-master-suffix[b-13vsk2tpix] {
    right: 56px;
}

.frm-page .ix-bc-field-editor .combo-master-wrap[b-13vsk2tpix] {
    position: relative !important;
    overflow: visible !important;
}

.frm-page .ix-bc-field-editor .combo-master-suffix[b-13vsk2tpix] {
    position: absolute !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.frm-page .combo-master-suffix-btn[b-13vsk2tpix] {
    width: 26px;
    min-width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    cursor: pointer;
    pointer-events: auto;
    line-height: 1;
    box-shadow: none !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
}

.frm-page .combo-master-suffix-btn:hover:not(:disabled)[b-13vsk2tpix] {
    background: #f8fafc;
    color: #334155;
}

.frm-page .combo-master-suffix-btn:disabled[b-13vsk2tpix] {
    opacity: 0.35;
    cursor: default;
}

.frm-page .combo-master-suffix-divider[b-13vsk2tpix] {
    width: 1px;
    height: 18px;
    align-self: center;
    background: #e2e8f0;
    flex: 0 0 1px;
    pointer-events: none;
}

.frm-page .combo-master-suffix-ico[b-13vsk2tpix] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
}

.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor.dxbl-combobox,
.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor.dxbl-dropdown-edit {
    width: 100% !important;
    border-radius: 0 !important;
}

.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor input {
    padding-right: 28px !important;
    transition: padding-right 0.15s ease;
}

.frm-page .combo-master-wrap.has-value[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap.has-value[b-13vsk2tpix]  .combo-master-editor input,
.frm-page .combo-master-wrap:has(.dxbl-btn-clear)[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap:has(.dxbl-btn-clear)[b-13vsk2tpix]  .combo-master-editor input {
    padding-right: 56px !important;
}

.frm-page .combo-master-wrap:hover[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap:hover[b-13vsk2tpix]  .combo-master-editor input,
.frm-page .combo-master-wrap:focus-within[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap:focus-within[b-13vsk2tpix]  .combo-master-editor input {
    padding-right: 54px !important;
}

.frm-page .combo-master-wrap.has-value:hover[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap.has-value:hover[b-13vsk2tpix]  .combo-master-editor input,
.frm-page .combo-master-wrap.has-value:focus-within[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap.has-value:focus-within[b-13vsk2tpix]  .combo-master-editor input,
.frm-page .combo-master-wrap:has(.dxbl-btn-clear):hover[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap:has(.dxbl-btn-clear):hover[b-13vsk2tpix]  .combo-master-editor input,
.frm-page .combo-master-wrap:has(.dxbl-btn-clear):focus-within[b-13vsk2tpix]  .combo-master-editor .dxbl-edit-input,
.frm-page .combo-master-wrap:has(.dxbl-btn-clear):focus-within[b-13vsk2tpix]  .combo-master-editor input {
    padding-right: 108px !important;
}

.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor .dxbl-btn,
.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor button {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #64748b !important;
}

.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor .dxbl-btn:hover:not(:disabled),
.frm-page .combo-master-wrap[b-13vsk2tpix]  .combo-master-editor button:hover:not(:disabled) {
    background: #f8fafc !important;
    color: #334155 !important;
}

.frm-page .combo-master-wrap[b-13vsk2tpix]  .dxbl-dropdown-edit .dxbl-btn:last-child,
.frm-page .combo-master-wrap[b-13vsk2tpix]  .dxbl-combobox .dxbl-btn:last-child {
    border-left: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
}

.frm-page .ix-bc-field-editor:has(.combo-master-wrap)[b-13vsk2tpix],
.frm-page .master-detail-field-editor:has(.combo-master-wrap)[b-13vsk2tpix] {
    overflow: visible !important;
}

.frm-page .header-fields-card[b-13vsk2tpix]  .dxbl-fl-item:has(.combo-master-wrap) {
    overflow: visible !important;
}

.frm-page .header-fields-card[b-13vsk2tpix]  .ix-master-editor,
.frm-page .header-fields-card[b-13vsk2tpix]  .ix-master-editor .dxbl-edit,
.frm-page .header-fields-card[b-13vsk2tpix]  .ix-master-editor input,
.frm-page .header-fields-card[b-13vsk2tpix]  .ix-master-editor textarea,
.frm-page .header-fields-card[b-13vsk2tpix]  .ix-master-editor .dxbl-edit-input,
.frm-page .header-fields-card[b-13vsk2tpix]  .dxbl-text-edit,
.frm-page .header-fields-card[b-13vsk2tpix]  .dxbl-combobox,
.frm-page .header-fields-card[b-13vsk2tpix]  .dxbl-dropdown-edit,
.frm-page .header-fields-card[b-13vsk2tpix]  .dxbl-spin-edit,
.frm-page .header-fields-card[b-13vsk2tpix]  .dxbl-date-edit,
.frm-page .header-fields-card[b-13vsk2tpix]  .dxbl-button-edit {
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    border-radius: 0 !important;
}

[b-13vsk2tpix] .frm-combo-master-popup .dxbl-popup-content,
[b-13vsk2tpix] .frm-combo-master-popup .dxbl-popup-body,
[b-13vsk2tpix] .frm-quick-master-popup .dxbl-popup-content,
[b-13vsk2tpix] .frm-quick-master-popup .dxbl-popup-body {
    padding: 0 !important;
}

.frm-quick-master-host[b-13vsk2tpix] {
    background: #ffffff;
    overflow: hidden;
}

.frm-quick-master-topbar[b-13vsk2tpix] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: #8b7355;
    border-radius: 6px;
    padding: 4px 8px;
    margin: 8px 8px 0;
    min-height: 34px;
}

.frm-quick-master-title[b-13vsk2tpix] {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.15;
}

.frm-quick-master-actions[b-13vsk2tpix] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.frm-quick-master-body[b-13vsk2tpix] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.frm-quick-master-host .ix-save-error-box[b-13vsk2tpix] {
    max-height: 72px;
    overflow: auto;
    font-size: 11px;
    line-height: 1.35;
    margin: 8px 12px 0 !important;
}

.frm-quick-master-label[b-13vsk2tpix] {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    margin-top: 4px;
}

[b-13vsk2tpix] .frm-quick-master-save .dxbl-btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #6d5a45 !important;
}

[b-13vsk2tpix] .frm-quick-master-cancel .dxbl-btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .45) !important;
    background: rgba(255, 255, 255, .12) !important;
}

.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-text-edit,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-combobox,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-dropdown-edit,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-spin-edit,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-date-edit,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-button-edit,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .ix-master-editor {
    width: 100% !important;
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    border: 1px solid #6b7280 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-edit,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .dxbl-edit-input,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .ix-master-editor .dxbl-edit,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .ix-master-editor input,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .ix-master-editor textarea {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
}

.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .editor,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .grid-editor {
    width: 100% !important;
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    border: 1px solid #6b7280 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #111827 !important;
}

.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .combo-master-wrap ::deep .combo-master-editor .dxbl-btn,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .combo-master-wrap ::deep .combo-master-editor button {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center !important;
    border-radius: 0 !important;
}

.frm-page[b-13vsk2tpix]  .ix-bc-field-editor .ix-master-memo,
.frm-page[b-13vsk2tpix]  .ix-bc-field-editor textarea.editor {
    height: auto !important;
    min-height: 2.6em !important;
}

.frm-page .ix-bc-grid-toolbar[b-13vsk2tpix] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
    padding-right: 2px;
}

.frm-page .ix-bc-add-line-btn[b-13vsk2tpix] {
    min-height: 30px;
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 600;
}

/* ReportViewer-style body grid shell */
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix] {
    --rv-primary: #0056b3;
    --rv-header: #003d80;
    --rv-footer-bg: #e7f1ff;
    --rv-footer-text: #0056b3;
    --rv-row-alt: #f8f9fa;
    --rv-border: #dee2e6;
    --rv-text: #212529;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-right: 2px;
}

.frm-page .ix-master-rv-grid.rv-theme .rv-grid-card[b-13vsk2tpix],
.frm-page .ix-master-rv-grid.rv-theme .rv-grid-card.ix-report-grid-card[b-13vsk2tpix],
.frm-page .ix-master-rv-grid.rv-theme .ix-master-grid-card[b-13vsk2tpix] {
    flex: 1 1 auto;
    min-height: 260px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.frm-page .ix-master-rv-grid.rv-theme .ix-bc-grid-toolbar[b-13vsk2tpix] {
    flex: 0 0 auto;
    padding: 0 0 6px 0;
}

.frm-page .ix-master-rv-grid.rv-theme .ix-master-grid-host[b-13vsk2tpix] {
    flex: 1 1 auto;
    min-height: 220px;
    height: 280px;
    overflow: hidden;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.dxbl-grid {
    border: 0 !important;
    font-size: 12px !important;
    color: var(--rv-text) !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid.dxbl-grid,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .dxbl-grid-container,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .dxbl-grid-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .dxbl-grid-scroll-view,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .dxbl-grid-scroll-container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow: auto !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid.ix-report-body-grid .dxbl-grid-table,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .ix-report-body-grid.dxbl-grid .dxbl-grid-table {
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    table-layout: fixed !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid.ix-report-body-grid .dxbl-grid-table th,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid.ix-report-body-grid .dxbl-grid-table td {
    min-width: 0 !important;
    max-width: 1px !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .ix-report-body-grid .dxbl-grid-header-row > th {
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .report-grid.ix-report-body-grid .dxbl-grid-table tbody td {
    min-width: 0 !important;
    max-width: 1px !important;
    overflow: hidden !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .dxbl-grid-empty-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: collapse !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .rv-cell {
    display: block;
    width: 100%;
    min-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .ix-grid-num-display {
    text-align: right;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .grid-editor,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid .editor,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid input,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid select,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid textarea {
    width: 100%;
    min-height: 28px;
    height: 28px;
    border: 1px solid #cbd5e1;
    border-radius: 0.35em;
    background: #ffffff;
    font-size: 12px;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid thead > tr > th > .dxbl-grid-column-resize-anchor {
    opacity: 0 !important;
    z-index: 20 !important;
    width: 10px !important;
    pointer-events: auto !important;
}

.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid thead > tr > th:hover > .dxbl-grid-column-resize-anchor,
.frm-page .ix-master-rv-grid.rv-theme[b-13vsk2tpix]  .rv-grid.report-grid thead > tr > th > .dxbl-grid-column-resize-anchor.dxbl-touch {
    opacity: 1 !important;
    background: rgba(255, 255, 255, .35) !important;
}

.frm-page.ix-blue-theme .ix-bc-fasttab-header .section-title[b-13vsk2tpix] {
    color: #1f2937 !important;
}

.frm-page.ix-blue-theme .ix-bc-fasttab-theme-line[b-13vsk2tpix] {
    background: #dc3545 !important;
}

@media (max-width: 1100px) {
    .frm-page .ix-bc-field-grid[b-13vsk2tpix] {
        grid-template-columns: 1fr;
        column-gap: 0;
    }
}

@media (max-width: 768px) {
    .frm-page.ix-blue-theme .master-workspace-form.ix-bc-fasttab-workspace[b-13vsk2tpix] {
        padding-right: 12px !important;
    }

    .frm-page .ix-bc-fasttab-section[b-13vsk2tpix] {
        padding: 0 2px 0 10px;
    }

    .frm-page .ix-bc-fasttab-header-top[b-13vsk2tpix] {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .frm-page .ix-bc-fasttab-header .section-title[b-13vsk2tpix] {
        font-size: 18px !important;
    }

    .frm-page .ix-bc-field-row[b-13vsk2tpix] {
        grid-template-columns: 92px minmax(0, 1fr);
        column-gap: 0.4rem;
    }
}

@media (max-width: 480px) {
    .frm-page .ix-bc-field-row[b-13vsk2tpix] {
        grid-template-columns: 1fr;
        row-gap: 0.2rem;
        padding: 0.28rem 0;
    }

    .frm-page .ix-bc-field-caption[b-13vsk2tpix] {
        white-space: nowrap;
    }
}

.frm-page.master-tenant-form-host[b-13vsk2tpix] {
    height: 100%;
    min-height: 0;
    padding: 0;
    background: transparent;
}

.frm-page.master-tenant-form-host .master-detail-embedded[b-13vsk2tpix],
.frm-page.master-tenant-form-host .master-popup-main[b-13vsk2tpix] {
    height: 100%;
    min-height: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* Combo popup host — compact brown toolbar (FormRenderer header combo only) */
.frm-page.master-combo-popup-host[b-13vsk2tpix] {
    background: #ffffff !important;
    overflow: hidden;
}

.frm-page.master-combo-popup-host .master-combo-popup-main[b-13vsk2tpix] {
    padding: 4px 8px 8px !important;
    border: none !important;
    box-shadow: none !important;
}

.frm-page.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix] {
    background: #8b7355 !important;
    border-bottom: 0 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    margin-bottom: 6px !important;
    min-height: 34px;
}

.frm-page.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix] {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
}

.frm-page.master-combo-popup-host .master-popup-actions[b-13vsk2tpix] {
    gap: 6px !important;
}

.frm-page.master-combo-popup-host[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
}

.frm-page.master-combo-popup-host[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #6d5a45 !important;
}

.frm-page.master-combo-popup-host[b-13vsk2tpix]  .master-popup-action-close .dxbl-btn {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .45) !important;
    background: rgba(255, 255, 255, .12) !important;
}

.frm-page.master-combo-popup-host .master-workspace-form.ix-bc-fasttab-workspace[b-13vsk2tpix] {
    padding-right: 8px !important;
}

.frm-page.master-combo-popup-host .ix-bc-fasttab-header .section-title[b-13vsk2tpix] {
    font-size: 15px !important;
    line-height: 24px !important;
}

.frm-page.master-combo-popup-host .ix-bc-fasttab-theme-line[b-13vsk2tpix] {
    background: #8b7355 !important;
}

.frm-page.master-tenant-form-host .master-tenant-tab-content-only[b-13vsk2tpix],
.frm-page.master-tenant-form-host .master-detail-tabbed-workspace[b-13vsk2tpix] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.frm-page.master-tenant-form-host .master-tenant-tab-content[b-13vsk2tpix] {
    min-height: 0;
}

.frm-page.master-tenant-form-host[b-13vsk2tpix]  .dxbl-text-edit,
.frm-page.master-tenant-form-host[b-13vsk2tpix]  .dxbl-combobox,
.frm-page.master-tenant-form-host[b-13vsk2tpix]  .dxbl-spin-edit,
.frm-page.master-tenant-form-host[b-13vsk2tpix]  input,
.frm-page.master-tenant-form-host[b-13vsk2tpix]  textarea,
.frm-page.master-tenant-form-host[b-13vsk2tpix]  select {
    min-height: 30px;
    font-size: 12px;
}

.frm-page.master-tenant-form-host .master-detail-grid-pane[b-13vsk2tpix] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.frm-page.master-tenant-form-host .master-detail-field-editor[b-13vsk2tpix] {
    min-width: 0;
}

/* Master body grid — match FormRenderer entry-grid-wrap */
.frm-page .master-body-grid-toolbar[b-13vsk2tpix] {
    padding: 0 14px 6px 14px;
}

.frm-page .master-body-grid-toolbar .grid-toolbar-actions[b-13vsk2tpix] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.frm-page .entry-grid-wrap.frm-body-grid-desktop[b-13vsk2tpix] {
    flex: 1 1 auto;
    min-height: 220px;
    max-height: 360px;
    margin: 0 14px 14px 14px;
    padding-top: 6px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: auto;
}

.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid .dxbl-grid-table {
    width: max-content;
    min-width: 100%;
}

.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid .dxbl-grid-table td {
    padding: 2px 8px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
}

.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid .grid-editor,
.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid input,
.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid select,
.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid textarea {
    min-height: 20px !important;
    height: 20px !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
}

.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid .grid-cell-display {
    min-height: 16px !important;
}

.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid .ix-master-toolbtn.danger {
    min-height: 20px !important;
    height: 20px !important;
    padding: 1px 8px !important;
    font-size: 11px !important;
}

.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid .dxbl-grid-table tbody tr:nth-child(even):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td,
.frm-page .entry-grid-wrap[b-13vsk2tpix]  .ix-form-body-grid .dxbl-grid-table tbody tr:nth-child(odd):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td {
    background: #ffffff !important;
}

.frm-page .ix-bc-fasttab-body .entry-grid-wrap.frm-body-grid-desktop[b-13vsk2tpix] {
    margin-left: 0;
    margin-right: 6px;
}

/* Modern Ice / Graphite — light master form chrome */
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E8EDF5 !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix] {
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix] {
    color: #1E293B !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix] {
    color: #64748b !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
    --dxbl-btn-color: #102A56;
    --dxbl-btn-bg: #F5F7FB;
    --dxbl-btn-border-color: #E8EDF5;
    color: #102A56 !important;
    background: #F5F7FB !important;
    border-color: #E8EDF5 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
    --dxbl-btn-color: #1E293B;
    --dxbl-btn-bg: #F8FAFC;
    --dxbl-btn-border-color: #e2e8f0;
    color: #1E293B !important;
    background: #F8FAFC !important;
    border-color: #e2e8f0 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn {
    background: #2F80ED !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .section-card[b-13vsk2tpix],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .section-card[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .section-card[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .section-card[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix] {
    color: #2F80ED !important;
    border-bottom-color: #2F80ED !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix] {
    color: #059669 !important;
    border-bottom-color: #10B981 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix] {
    color: #059669 !important;
    background: #ecfdf5 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix] {
    color: #2F80ED !important;
    background: #E8F1FF !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .master-popup-chip[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .master-popup-chip[b-13vsk2tpix] {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .master-popup-chip[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .master-popup-chip[b-13vsk2tpix] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .section-title[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .section-title[b-13vsk2tpix] {
    color: #1E293B !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .section-title[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .section-title[b-13vsk2tpix] {
    color: #102A56 !important;
}

/* Light Glass — MasterFormRenderer */
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix] {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid rgba(79, 70, 229, 0.12) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix] {
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix] {
    color: #64748b !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix] {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(79, 70, 229, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(79, 70, 229, 0.08) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
    color: #1e1b4b !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(79, 70, 229, 0.14) !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .section-card[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .section-card[b-13vsk2tpix] {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #d6e4f5 !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(47, 128, 237, 0.06) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix] {
    color: #2F80ED !important;
    border-bottom-color: #2F80ED !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix] {
    color: #2F80ED !important;
    background: #E8F1FF !important;
}

/* Platinum + Sapphire — MasterFormRenderer */
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E4EAF2 !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix] {
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix] {
    color: #475569 !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
    color: #0F172A !important;
    background: #FFFFFF !important;
    border-color: #E4EAF2 !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn {
    background: #2563EB !important;
    border-color: #1D4ED8 !important;
    color: #FFFFFF !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .section-card[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .section-card[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix] {
    color: #2563EB !important;
    border-bottom-color: #2563EB !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix] {
    color: #2563EB !important;
    background: #EEF5FF !important;
}

/* Charcoal + Copper — MasterFormRenderer */
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .master-popup-topbar[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border-bottom: 1px solid #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .master-popup-screen-title[b-13vsk2tpix] {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .master-popup-screen-subtitle[b-13vsk2tpix] {
    color: #6B7280 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .master-popup-main[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    border-radius: 12px !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-actions .dxbl-btn {
    color: #2A2A2A !important;
    background: #FFFFFF !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save .dxbl-btn,
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme[b-13vsk2tpix]  .master-popup-action-save.dxbl-btn {
    background: #A65E2E !important;
    border-color: #8f5127 !important;
    color: #FFFFFF !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .section-card[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .section-card[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    border-radius: 12px !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .master-form-tab-btn.active[b-13vsk2tpix] {
    color: #A65E2E !important;
    border-bottom-color: #B87333 !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .master-form-tab-btn:hover[b-13vsk2tpix] {
    color: #A65E2E !important;
    background: #FFF4E8 !important;
}

/* Embedded MasterView detail form: keep transparent shell under themes */
.frm-page.ix-blue-theme.master-tenant-form-host[b-13vsk2tpix] {
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
}

.frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.frm-page.ix-blue-theme.master-tenant-form-host .master-detail-embedded[b-13vsk2tpix],
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme.master-tenant-form-host .master-popup-main[b-13vsk2tpix] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.frm-page.ix-blue-theme.master-tenant-form-host .master-workspace-form.ix-bc-fasttab-workspace[b-13vsk2tpix],
.frm-page.ix-blue-theme.master-tenant-form-host .master-detail-tabbed-workspace[b-13vsk2tpix],
.frm-page.ix-blue-theme.master-tenant-form-host .master-tenant-tab-content-only[b-13vsk2tpix] {
    background: transparent !important;
}

/* Theme accents — Add Line / field caption */
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix] {
    background: #2F80ED !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix] {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix] {
    background: #4F46E5 !important;
    border-color: #4338ca !important;
    color: #fff !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix] {
    background: #2563EB !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix] {
    background: #A65E2E !important;
    border-color: #8f5127 !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix],
.theme-host.ix-app-theme-brown .frm-page.ix-blue-theme .ix-bc-add-line-btn[b-13vsk2tpix] {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix] {
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix] {
    color: #1E293B !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix] {
    color: #1e1b4b !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix] {
    color: #0f172a !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme .ix-bc-field-caption[b-13vsk2tpix] {
    color: #3f2e1f !important;
}

/* Combo popup host — follow active app theme (overrides default brown) */
.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
}

.workspace-shell.ix-navy-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-navy .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix] {
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #e2e8f0 !important;
}

.workspace-shell.ix-graphite-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-graphite .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix] {
    color: #1E293B !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix] {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(79, 70, 229, 0.14) !important;
}

.workspace-shell.ix-glass-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-glass .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix] {
    color: #1e1b4b !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix] {
    background: #FFFFFF !important;
    border: 1px solid #e2e8f0 !important;
}

.workspace-shell.ix-platinum-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-platinum .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix] {
    color: #0f172a !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme.master-combo-popup-host .master-combo-popup-topbar[b-13vsk2tpix] {
    background: #2A2A2A !important;
    border: 1px solid #3f3f3f !important;
}

.workspace-shell.ix-charcoal-workspace .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix],
.theme-host.ix-app-theme-charcoal .frm-page.ix-blue-theme.master-combo-popup-host .master-popup-screen-title[b-13vsk2tpix] {
    color: #F5E6D3 !important;
}
/* _content/IxpertPosStandalone/Pages/MasterView.razor.rz.scp.css */
/* =========================================================
   MASTER VIEW - CLEAN THEME SAFE CSS
   ========================================================= */

.master-view-page[b-u7lq78ffb3] {
    height: calc(100dvh - 128px);
    max-height: calc(100dvh - 128px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    padding: .65rem;
    overflow: hidden;
    background: var(--dxbl-color-surface, transparent);
    color: var(--dxbl-color-on-surface, inherit);
    box-sizing: border-box;
}

    .master-view-page[b-u7lq78ffb3],
    .master-view-page *[b-u7lq78ffb3] {
        box-sizing: border-box;
    }

        /* Main split layout */
        .master-view-page .master-workspace-grid[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-height: 0;
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(320px, 32%);
            gap: .75rem;
            overflow: hidden;
        }

        /* Cards */
        .master-view-page .master-view-card[b-u7lq78ffb3] {
            height: 100%;
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            background: #fff;
            color: var(--dxbl-color-on-surface, inherit);
            border: 1px solid rgba(128, 128, 128, .28);
            border-radius: .8rem;
            box-shadow: none;
        }

        .master-view-page .tree-card[b-u7lq78ffb3],
        .master-view-page .master-side-card[b-u7lq78ffb3] {
            padding: 0;
        }

        .master-view-page .tree-card[b-u7lq78ffb3] {
            overflow: visible;
        }

        .master-view-page .tree-card[b-u7lq78ffb3]  .dx-treelist-header-panel,
        .master-view-page .tree-card[b-u7lq78ffb3]  .dxbl-toolbar,
        .master-view-page .tree-card[b-u7lq78ffb3]  .dx-treelist-toolbar {
            overflow: visible !important;
        }

        /* =========================================================
   LEFT TOOLBAR
   ========================================================= */

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar {
            display: flex;
            align-items: center;
            gap: .5rem;
            flex-wrap: wrap;
            overflow: visible;
            padding: .55rem .65rem;
            border-bottom: 1px solid rgba(128, 128, 128, .25);
            background: inherit;
            position: relative;
            z-index: 40;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar-title {
            flex: 0 0 auto;
            font-size: 1.15em;
            font-weight: 600;
            color: inherit;
            margin-right: .35rem;
            white-space: nowrap;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar-actions {
            flex: 1 1 auto;
            min-width: 0;
            display: flex;
            align-items: center;
            gap: .45rem;
            flex-wrap: wrap;
            row-gap: 6px;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu-item.danger-item {
            color: #b91c1c;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn {
            position: relative;
            display: inline-flex !important;
            align-items: stretch;
            flex: 0 0 auto !important;
            gap: 0 !important;
            padding: 0 !important;
            overflow: hidden;
            isolation: isolate;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.open {
            z-index: 12050;
            overflow: visible;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split .ix-save-split-part {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            height: 100%;
            margin: 0;
            padding: 0 .65rem;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            font-size: .9em;
            font-weight: 600;
            line-height: 1;
            color: inherit;
            cursor: pointer;
            white-space: nowrap;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split .ix-save-split-toggle {
            flex: 0 0 26px;
            width: 26px;
            min-width: 26px !important;
            padding: 0 !important;
            border-left: 1px solid rgba(128, 128, 128, .28) !important;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-save-split-caret {
            display: block;
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid currentColor;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu {
            position: absolute;
            top: calc(100% + 4px);
            left: 0;
            z-index: 12051;
            min-width: 180px;
            background: #fff;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            box-shadow: 0 10px 24px rgba(15, 23, 42, .14);
            padding: 4px;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu-item {
            display: flex;
            align-items: center;
            gap: 7px;
            width: 100%;
            border: 0;
            background: transparent;
            text-align: left;
            padding: 8px 10px;
            border-radius: 6px;
            font-size: .9em;
            font-weight: 600;
            color: #0056b3;
            cursor: pointer;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu-item:hover:not(:disabled) {
            background: #eff6ff;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu-item:disabled {
            opacity: .45;
            cursor: not-allowed;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbtn {
            height: 2.15em;
            min-height: 2.15em;
            padding: .35em .75em;
            display: inline-flex;
            align-items: center;
            gap: .35rem;
            border: 1px solid rgba(128, 128, 128, .35);
            border-radius: .5rem;
            background: transparent;
            color: inherit;
            font-size: .9em;
            font-weight: 500;
            line-height: 1;
            white-space: nowrap;
            box-shadow: none;
            cursor: pointer;
        }

            .master-view-page[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled) {
                background: rgba(128, 128, 128, .08);
            }

            .master-view-page[b-u7lq78ffb3]  .ix-master-toolbtn:disabled {
                opacity: .45;
                cursor: not-allowed;
            }

            .master-view-page[b-u7lq78ffb3]  .ix-master-toolbtn.primary {
                background: transparent;
                color: inherit;
                border-color: rgba(128, 128, 128, .35);
            }

            .master-view-page[b-u7lq78ffb3]  .ix-master-toolbtn.ix-favorite-toolbtn.active {
                border-color: #f59e0b;
                background: #fffbeb;
                color: #92400e;
            }

            .master-view-page[b-u7lq78ffb3]  .ix-master-toolbtn.ix-favorite-toolbtn.active .ix-master-ico {
                fill: #fbbf24;
            }

        .master-view-page[b-u7lq78ffb3]  .ix-master-ico {
            width: 1em;
            height: 1em;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.9;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .master-view-page[b-u7lq78ffb3]  .grid-import-label {
            position: relative;
            margin: 0;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-search-wrap {
            margin-left: auto;
            flex: 0 0 220px;
            max-width: 220px;
            min-width: 160px;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-view-toggle {
            display: inline-flex;
            align-items: center;
            gap: 0;
            border: 1px solid rgba(128, 128, 128, .35);
            border-radius: .5rem;
            overflow: hidden;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-view-toggle-btn {
            height: 2.15em;
            min-height: 2.15em;
            padding: .35em .75em;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: inherit;
            font-size: .9em;
            font-weight: 600;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn {
            border-left: 1px solid rgba(128, 128, 128, .35);
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-view-toggle-btn.active {
            background: rgba(128, 128, 128, .14);
        }

        .master-view-page .master-workspace-grid.browse-grid-mode[b-u7lq78ffb3] {
            display: flex;
            gap: 10px;
            grid-template-columns: none;
        }

        .master-view-page .browse-grid-mode .tree-card[b-u7lq78ffb3] {
            flex: 1 1 50%;
            min-width: 0;
            padding: 8px;
        }

        .master-view-page .browse-grid-mode .mv-master-grid-pane[b-u7lq78ffb3] {
            flex: 1 1 50%;
            min-width: 0;
            max-width: none;
            height: 100%;
        }

        .master-view-page .browse-grid-mode .mv-master-form-body[b-u7lq78ffb3] {
            padding: 0;
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .master-view-page .browse-grid-mode .master-tenant-form-host[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-height: 0;
        }

        .master-view-page[b-u7lq78ffb3]  .mv-emp-style-grid {
            height: 100%;
            min-height: 0;
        }

        .master-view-page[b-u7lq78ffb3]  .mv-grid-avatar {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #e7f1ff;
            color: #0056b3;
            font-weight: 700;
            font-size: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .master-view-page[b-u7lq78ffb3]  .mv-grid-status {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            font-size: 11px;
            font-weight: 700;
            color: #067647;
        }

        .master-view-page[b-u7lq78ffb3]  .mv-grid-status.off {
            color: #b42318;
        }

        .master-view-page[b-u7lq78ffb3]  .mv-grid-status .dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: currentColor;
        }

        .master-view-page .mv-grid-empty-hint[b-u7lq78ffb3] {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 2rem;
            color: #6c757d;
            font-size: 13px;
            line-height: 1.5;
        }

        .master-view-page .mv-grid-empty-hint .big[b-u7lq78ffb3] {
            font-size: 42px;
            margin-bottom: 8px;
            opacity: .75;
        }

        .master-view-page .mv-tenant-tabs[b-u7lq78ffb3] {
            display: flex;
            flex-wrap: nowrap;
            gap: 0;
            border-bottom: 1px solid #e2e8f0;
            background: #fafbfc;
            padding: 0 10px;
            flex: 0 0 auto;
            overflow-x: auto;
            overflow-y: hidden;
        }

        .master-view-page .mv-tenant-tab[b-u7lq78ffb3] {
            border: 0;
            background: transparent;
            color: #64748b;
            font-size: 12.5px;
            font-weight: 700;
            padding: 10px 14px;
            cursor: pointer;
            border-bottom: 2px solid transparent;
            margin-bottom: -1px;
            white-space: nowrap;
            flex: 0 0 auto;
        }

        .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3] {
            color: #4338ca;
            border-bottom-color: #4338ca;
            background: #fff;
        }

        .master-view-page .mv-grid-detail-pane[b-u7lq78ffb3] {
            height: 100%;
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .master-view-page .mv-grid-detail-edit-body[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
            padding: 0;
            display: flex;
            flex-direction: column;
        }

        .master-view-page .mv-grid-detail-body[b-u7lq78ffb3],
        .master-view-page .tenant-detail-body[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-height: 0;
            overflow: auto;
            padding: 12px 14px;
            background: #fff;
        }

        .master-view-page .mv-grid-detail-head[b-u7lq78ffb3] {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border-bottom: 1px solid #dee2e6;
            background: #f8fafc;
            flex: 0 0 auto;
        }

        .master-view-page .mv-grid-detail-head .t[b-u7lq78ffb3] {
            font-size: 14px;
            font-weight: 700;
            color: #212529;
        }

        .master-view-page .mv-grid-detail-actions[b-u7lq78ffb3] {
            margin-left: auto;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .master-view-page .mv-grid-detail-action[b-u7lq78ffb3] {
            border: 1px solid #dee2e6;
            background: #fff;
            color: #0056b3;
            font-size: 12px;
            font-weight: 600;
            border-radius: 6px;
            padding: 5px 10px;
            cursor: pointer;
        }

        .master-view-page .mv-grid-detail-action:hover:not(:disabled)[b-u7lq78ffb3] {
            background: #e7f1ff;
        }

        .master-view-page .mv-grid-detail-action:disabled[b-u7lq78ffb3] {
            opacity: .45;
            cursor: not-allowed;
        }

        .master-view-page .mv-grid-detail-action.save[b-u7lq78ffb3] {
            background: #0056b3;
            border-color: #003d80;
            color: #fff;
        }

        .master-view-page .mv-grid-detail-top[b-u7lq78ffb3] {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            margin-bottom: 12px;
        }

        .master-view-page .mv-grid-detail-badge[b-u7lq78ffb3] {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #e7f1ff;
            color: #0056b3;
            font-weight: 700;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 56px;
        }

        .master-view-page .mv-grid-field-grid[b-u7lq78ffb3] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px 12px;
            flex: 1 1 auto;
            min-width: 0;
        }

        .master-view-page .mv-grid-detail-sub[b-u7lq78ffb3] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px 12px;
            margin-bottom: 12px;
        }

        .master-view-page .mv-grid-field label[b-u7lq78ffb3] {
            display: block;
            font-size: 11px;
            font-weight: 700;
            color: #6c757d;
            margin-bottom: 2px;
        }

        .master-view-page .mv-grid-field .v[b-u7lq78ffb3] {
            font-size: 13px;
            color: #212529;
            line-height: 1.35;
            word-break: break-word;
        }

        .master-view-page .mv-grid-section-title[b-u7lq78ffb3] {
            font-size: 12px;
            font-weight: 700;
            color: #495057;
            margin: 8px 0 6px;
        }

        .master-view-page .mv-grid-contact-actions[b-u7lq78ffb3] {
            display: flex;
            gap: 8px;
            margin: 8px 0 12px;
        }

        .master-view-page .mv-grid-contact-btn[b-u7lq78ffb3] {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 5px 10px;
            border: 1px solid #dee2e6;
            border-radius: 6px;
            background: #fff;
            color: #0056b3;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
        }

        .master-view-page .mv-grid-contact-btn.disabled[b-u7lq78ffb3] {
            opacity: .45;
            pointer-events: none;
        }

        .master-view-page .mv-grid-tabs[b-u7lq78ffb3] {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            border-bottom: 1px solid #dee2e6;
            margin-bottom: 8px;
        }

        .master-view-page .mv-grid-tab[b-u7lq78ffb3] {
            border: 0;
            background: transparent;
            color: #6c757d;
            font-size: 12px;
            font-weight: 600;
            padding: 8px 10px;
            border-bottom: 2px solid transparent;
            cursor: pointer;
        }

        .master-view-page .mv-grid-tab.active[b-u7lq78ffb3] {
            color: #0056b3;
            border-bottom-color: #0056b3;
        }

        .master-view-page .mv-grid-tab-body[b-u7lq78ffb3] {
            min-height: 120px;
        }

        .master-view-page[b-u7lq78ffb3]  .master-browse-grid {
            flex: 1 1 auto;
            height: 100%;
            min-height: 0;
            max-height: 100%;
            border: 0;
            background: transparent;
            color: inherit;
            overflow: hidden;
        }

        .master-view-page[b-u7lq78ffb3]  .master-browse-grid .dxbl-grid-table {
            font-size: .95em;
        }

        .master-view-page[b-u7lq78ffb3]  .master-browse-grid .dxbl-pager {
            border-top: 1px solid rgba(128, 128, 128, .25);
            background: inherit;
        }

        /* Export menu */
        .master-view-page[b-u7lq78ffb3]  .ix-master-export-wrap {
            position: relative;
            display: inline-flex;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-export-menu {
            position: absolute;
            top: calc(100% + .35rem);
            left: 0;
            z-index: 50;
            min-width: 150px;
            padding: .35rem;
            background: var(--dxbl-color-surface, #fff);
            color: var(--dxbl-color-on-surface, inherit);
            border: 1px solid rgba(128, 128, 128, .25);
            border-radius: .65rem;
            box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
        }

            .master-view-page[b-u7lq78ffb3]  .ix-master-export-menu button {
                width: 100%;
                border: 0;
                background: transparent;
                color: inherit;
                text-align: left;
                border-radius: .45rem;
                padding: .45rem .6rem;
                font-size: .9em;
                cursor: pointer;
            }

                .master-view-page[b-u7lq78ffb3]  .ix-master-export-menu button:hover {
                    background: rgba(128, 128, 128, .08);
                }

        /* =========================================================
   TREE GRID
   ========================================================= */

        .master-view-page[b-u7lq78ffb3]  .menu-treelist {
            flex: 1 1 auto;
            height: 100%;
            min-height: 0;
            max-height: 100%;
            border: 0;
            background: transparent;
            color: inherit;
            overflow: hidden;
        }

            .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-tl {
                height: 100%;
            }

            .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-table,
            .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-tl-table {
                font-size: .95em;
            }

            .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-pager {
                border-top: 1px solid rgba(128, 128, 128, .25);
                background: #fff;
            }

        .master-view-page[b-u7lq78ffb3]  .menu-treelist.ix-blue-grid .dxbl-tl-table tbody tr:nth-child(even):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td,
        .master-view-page[b-u7lq78ffb3]  .menu-treelist.ix-blue-grid .dxbl-tl-table tbody tr:nth-child(odd):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td,
        .master-view-page[b-u7lq78ffb3]  .menu-treelist.ix-blue-grid .dxbl-grid-table tbody tr:nth-child(even):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td,
        .master-view-page[b-u7lq78ffb3]  .menu-treelist.ix-blue-grid .dxbl-grid-table tbody tr:nth-child(odd):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td {
            background: #fff !important;
        }

        .master-view-page[b-u7lq78ffb3]  .menu-treelist.ix-blue-grid {
            background: #fff !important;
        }

        .master-view-page[b-u7lq78ffb3]  .tree-structure-cell {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            min-height: 1.7em;
        }

        .master-view-page[b-u7lq78ffb3]  .tree-node-icon {
            width: .9em;
            height: .9em;
            display: inline-block;
            flex: 0 0 .9em;
        }

        .master-view-page[b-u7lq78ffb3]  .tree-folder-icon::before {
            content: "";
            display: block;
            width: .9em;
            height: .65em;
            margin-top: .15em;
            border-radius: .15em;
            background: linear-gradient(180deg, #f7c948 0%, #e0a91c 100%);
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
        }

        .master-view-page[b-u7lq78ffb3]  .tree-leaf-icon::before {
            content: "";
            display: block;
            width: .38em;
            height: .38em;
            border-radius: 50%;
            background: #8b95a7;
            margin: .25em auto 0 auto;
        }

        .master-view-page[b-u7lq78ffb3]  .tree-group-text {
            color: inherit !important;
            font-weight: 600 !important;
        }

        .master-view-page[b-u7lq78ffb3]  .tree-master-text {
            color: inherit !important;
            font-weight: 400 !important;
        }

        /* =========================================================
   DETAILS PANEL
   ========================================================= */

        .master-view-page .master-side-shell[b-u7lq78ffb3] {
            height: 100%;
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            background: #fff;
            color: inherit;
        }

        .master-view-page .master-side-header[b-u7lq78ffb3] {
            flex: 0 0 auto;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: .75rem;
            padding: .85rem 1rem .65rem 1rem;
            border-bottom: 1px solid rgba(128, 128, 128, .25);
            background: #fff;
            color: inherit;
        }

        .master-view-page .master-side-heading[b-u7lq78ffb3] {
            min-width: 0;
        }

        .master-view-page .master-side-title[b-u7lq78ffb3] {
            font-size: 1.45em;
            font-weight: 600;
            line-height: 1.15;
            color: inherit;
        }

        .master-view-page .master-side-subtitle[b-u7lq78ffb3] {
            margin-top: .25rem;
            font-size: .9em;
            color: inherit;
            opacity: .72;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .master-view-page .master-side-actions[b-u7lq78ffb3] {
            display: flex;
            align-items: center;
            gap: .45rem;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .master-view-page .master-side-tabs[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .master-view-page .master-side-tab-body[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-height: 0;
            overflow: auto;
            padding: .9rem 1rem;
            background: #fff;
        }

        /* caption-left layout */
        .master-view-page .master-side-inspector-grid[b-u7lq78ffb3],
        .master-view-page .horizontal-caption-grid[b-u7lq78ffb3] {
            display: flex !important;
            flex-direction: column !important;
            gap: .75rem !important;
        }

        .master-view-page .master-side-inspector-item[b-u7lq78ffb3],
        .master-view-page .horizontal-caption-item[b-u7lq78ffb3] {
            display: grid !important;
            grid-template-columns: minmax(7.5rem, 28%) minmax(0, 1fr) !important;
            align-items: center !important;
            gap: .75rem !important;
        }

        .master-view-page .master-side-inspector-grid.has-leading-image .master-side-inspector-item[b-u7lq78ffb3] {
            grid-template-columns: 120px minmax(7.5rem, 28%) minmax(0, 1fr) !important;
        }

        .master-view-page .master-inspector-leading-cell[b-u7lq78ffb3] {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            min-height: 1px;
        }

        .master-view-page .master-side-label[b-u7lq78ffb3] {
            font-size: .92em;
            font-weight: 500;
            color: inherit;
            opacity: .9;
            margin: 0;
        }

        .master-view-page .master-side-value[b-u7lq78ffb3] {
            min-height: 2.2em;
            display: flex;
            align-items: center;
            padding: .45em .75em;
            border: 1px solid rgba(128, 128, 128, .32);
            border-radius: .55em;
            background: #fff;
            color: inherit;
            font-size: .95em;
            line-height: 1.35;
            width: 100%;
            box-sizing: border-box;
        }

        .master-view-page .master-inspector-image-wrap[b-u7lq78ffb3] {
            margin-bottom: 0;
        }

        .master-view-page .tenant-detail-fields-stack[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: .75rem;
        }

        .master-view-page .master-inspector-image-thumb[b-u7lq78ffb3] {
            max-width: 120px;
            max-height: 120px;
            object-fit: contain;
            border: 1px solid rgba(128, 128, 128, .32);
            border-radius: .55em;
            cursor: pointer;
            display: block;
            background: transparent;
        }

        .master-view-page .master-inspector-image-full[b-u7lq78ffb3] {
            max-width: 80vw;
            max-height: 75vh;
            object-fit: contain;
            display: block;
            margin: 0 auto;
        }

            .master-view-page .master-side-value.flat[b-u7lq78ffb3] {
                align-items: center;
            }

        /* Empty panel */
        .master-view-page .master-side-empty[b-u7lq78ffb3],
        .master-view-page .master-side-empty-inline[b-u7lq78ffb3] {
            flex: 1 1 auto;
            min-height: 0;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: inherit;
            opacity: .75;
            text-align: center;
            padding: 2rem;
        }

        .master-view-page .master-side-empty-title[b-u7lq78ffb3] {
            font-size: 1.25em;
            font-weight: 600;
            color: inherit;
            margin-bottom: .5rem;
        }

        .master-view-page .master-side-empty-text[b-u7lq78ffb3] {
            max-width: 420px;
            font-size: .92em;
            line-height: 1.55;
        }

        .master-view-page .master-side-footer-actions[b-u7lq78ffb3] {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            gap: .45rem;
            flex-wrap: wrap;
            padding: .75rem 1rem;
            border-top: 1px solid rgba(128, 128, 128, .25);
            background: inherit;
        }

        /* =========================================================
   TABS
   ========================================================= */

        /* Top tabs = Overview | More */
        .master-view-page[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-tablist {
            display: flex !important;
            flex-wrap: nowrap !important;
            overflow: visible !important;
            gap: .35rem !important;
        }

        /* Inner More tabs = wrap to next line */
        .master-view-page[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-tablist {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: .35rem .6rem !important;
            overflow: visible !important;
            white-space: normal !important;
            padding: .4rem .5rem !important;
            border-bottom: 1px solid rgba(128, 128, 128, .25) !important;
        }

        .master-view-page[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item,
        .master-view-page[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item {
            width: auto !important;
            max-width: none !important;
            min-width: auto !important;
            height: auto !important;
            min-height: 2.1em !important;
            padding: .42em .75em !important;
            font-size: .95em !important;
            font-weight: 500 !important;
            white-space: nowrap !important;
            color: inherit !important;
        }

            .master-view-page[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item *,
            .master-view-page[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item * {
                white-space: nowrap !important;
                word-break: normal !important;
                overflow-wrap: normal !important;
            }

        .master-view-page .more-tab-body[b-u7lq78ffb3] {
            padding: 0;
            overflow: hidden;
        }

        .master-view-page .master-more-section-body[b-u7lq78ffb3] {
            padding: .9rem 1rem;
            overflow: auto;
        }

        /* =========================================================
   POPUPS / CHOOSER
   ========================================================= */

        .master-view-page .chooser-search-box[b-u7lq78ffb3] {
            margin-bottom: .65rem;
        }

        .master-view-page .chooser-body[b-u7lq78ffb3] {
            max-height: 420px;
            overflow: auto;
            border: 1px solid rgba(128, 128, 128, .25);
            border-radius: .65rem;
            background: inherit;
        }

        .master-view-page .chooser-row[b-u7lq78ffb3] {
            display: flex;
            align-items: center;
            gap: .65rem;
            padding: .65rem .75rem;
            border-bottom: 1px solid rgba(128, 128, 128, .16);
            font-size: .92em;
            color: inherit;
        }

            .master-view-page .chooser-row:last-child[b-u7lq78ffb3] {
                border-bottom: 0;
            }

        .master-view-page .layout-popup-body[b-u7lq78ffb3] {
            display: flex;
            flex-direction: column;
            gap: .85rem;
        }

        .master-view-page .layout-popup-footer[b-u7lq78ffb3] {
            display: flex;
            justify-content: flex-end;
            gap: .5rem;
        }

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {
    .master-view-page .master-workspace-grid[b-u7lq78ffb3] {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 34%);
    }
}

@media (max-width: 980px) {
    .master-view-page[b-u7lq78ffb3] {
        height: calc(100dvh - 120px);
        max-height: calc(100dvh - 120px);
    }

        .master-view-page .master-workspace-grid[b-u7lq78ffb3] {
            grid-template-columns: 1fr;
        }

        .master-view-page .master-view-card[b-u7lq78ffb3],
        .master-view-page .master-side-card[b-u7lq78ffb3] {
            min-height: 280px;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar {
            flex-wrap: wrap;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar-actions {
            width: 100%;
            flex-wrap: wrap;
        }

        .master-view-page[b-u7lq78ffb3]  .ix-master-search-wrap {
            margin-left: 0;
            flex: 1 1 220px;
            max-width: 100%;
        }

        .master-view-page .master-side-header[b-u7lq78ffb3] {
            flex-direction: column;
            align-items: stretch;
        }

        .master-view-page .master-side-actions[b-u7lq78ffb3] {
            justify-content: flex-start;
        }
}
/* ===== FORCE TABS TO WRAP (NO ARROWS) ===== */

/* Disable DevExpress scrolling behavior */
.master-view-page[b-u7lq78ffb3]  .dxbl-tabs {
    overflow: visible !important;
}

/* Main tab list (Overview / More) */
.master-view-page[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-tablist {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* Inner tabs (Office, Factory, etc.) */
.master-view-page[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-tablist {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    white-space: normal !important;
    gap: 6px 10px !important;
}

/* Remove scroll buttons completely */
.master-view-page[b-u7lq78ffb3]  .dxbl-tabs-scroll-button {
    display: none !important;
}

/* Tabs styling */
.master-view-page[b-u7lq78ffb3]  .dxbl-tabs-item {
    white-space: nowrap !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    height: auto !important;
    padding: 6px 12px !important;
    font-size: .95em !important;
}
.master-view-page .master-more-tab-strip[b-u7lq78ffb3] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .75rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
}

.master-view-page .master-more-tab-btn[b-u7lq78ffb3] {
    border: 0;
    background: transparent;
    color: inherit;
    padding: .45rem .25rem;
    font-size: .95em;
    font-weight: 500;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

    .master-view-page .master-more-tab-btn.active[b-u7lq78ffb3] {
        border-bottom-color: #0d6efd;
        color: inherit;
        font-weight: 600;
    }

.master-view-page .master-more-section-body[b-u7lq78ffb3] {
    padding: .9rem 1rem;
    overflow: auto;
}
/* ===== COMPACT PROFESSIONAL TREE ===== */

.customize-tree-body[b-u7lq78ffb3] {
    max-height: 380px; /* 🔥 fixed height → no popup expansion */
    overflow-y: auto; /* 🔥 vertical scroll */
    overflow-x: hidden;
    padding: 4px 6px;
}

/* group container */
.customize-tree-group[b-u7lq78ffb3] {
    margin-bottom: 2px; /* tighter spacing */
}

/* group header */
.customize-tree-group-title[b-u7lq78ffb3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 6px; /* reduced height */
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    border-radius: 5px;
    color: inherit;
}

    .customize-tree-group-title:hover[b-u7lq78ffb3] {
        background: rgba(128, 128, 128, .08);
    }

/* arrow */
.customize-tree-arrow[b-u7lq78ffb3] {
    font-size: 11px;
    transition: transform .15s ease;
    opacity: .7;
}

.customize-tree-group[open] .customize-tree-arrow[b-u7lq78ffb3] {
    transform: rotate(90deg);
}

/* children container */
.customize-tree-children[b-u7lq78ffb3] {
    margin-left: 18px; /* reduced indent */
    padding-left: 6px;
    border-left: 1px dashed rgba(128, 128, 128, .25);
}

/* row */
.customize-tree-row[b-u7lq78ffb3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 4px; /* 🔥 compact rows */
    font-size: 12.5px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 400;
}

    .customize-tree-row:hover[b-u7lq78ffb3] {
        background: rgba(128, 128, 128, .06);
    }

    /* checkbox spacing fix */
    .customize-tree-row[b-u7lq78ffb3]  .dxbl-checkbox {
        margin-right: 4px;
    }
/* Fixed popup body height */
.ix-layout-popup .chooser-body.customize-tree-body[b-u7lq78ffb3] {
    height: 260px;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 6px;
}

/* Compact group spacing */
.customize-tree-group[b-u7lq78ffb3] {
    margin: 0;
    padding: 0;
}

.customize-tree-group-title[b-u7lq78ffb3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 6px;
    margin: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    line-height: 1.25;
}

    .customize-tree-group-title:hover[b-u7lq78ffb3] {
        background: rgba(128, 128, 128, .08);
    }

.customize-tree-arrow[b-u7lq78ffb3] {
    font-size: 10px;
    opacity: .75;
    transition: transform .15s ease;
}

.customize-tree-group[open] .customize-tree-arrow[b-u7lq78ffb3] {
    transform: rotate(90deg);
}

.customize-tree-children[b-u7lq78ffb3] {
    margin-left: 16px;
    padding-left: 6px;
    border-left: 1px dashed rgba(128, 128, 128, .25);
}

.customize-tree-row[b-u7lq78ffb3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 4px;
    margin: 0;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.25;
    border-radius: 4px;
    cursor: pointer;
}

    .customize-tree-row:hover[b-u7lq78ffb3] {
        background: rgba(128, 128, 128, .06);
    }
.customize-tree-toolbar[b-u7lq78ffb3] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin: 4px 0 6px 0;
}

.customize-tree-small-btn[b-u7lq78ffb3] {
    border: 1px solid rgba(128,128,128,.35);
    background: transparent;
    color: inherit;
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 12px;
    cursor: pointer;
}

    .customize-tree-small-btn:hover[b-u7lq78ffb3] {
        background: rgba(128,128,128,.08);
    }

.ix-layout-popup .chooser-body.customize-tree-body[b-u7lq78ffb3] {
    height: 260px;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 6px;
}

.customize-tree-group[b-u7lq78ffb3] {
    margin: 0 !important;
    padding: 0 !important;
}

.customize-tree-group-title[b-u7lq78ffb3] {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 6px !important;
    margin: 0 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    line-height: 1.2;
    text-align: left;
}

    .customize-tree-group-title:hover[b-u7lq78ffb3] {
        background: rgba(128,128,128,.08);
    }

.customize-tree-arrow[b-u7lq78ffb3] {
    font-size: 10px;
    opacity: .75;
    transition: transform .18s ease;
}

.customize-tree-group.open .customize-tree-arrow[b-u7lq78ffb3] {
    transform: rotate(90deg);
}

.customize-tree-children[b-u7lq78ffb3] {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin-left: 14px;
    padding-left: 6px;
    border-left: 1px dashed rgba(128,128,128,.25);
    transition: max-height .22s ease, opacity .18s ease;
}

.customize-tree-group.open .customize-tree-children[b-u7lq78ffb3] {
    max-height: 500px;
    opacity: 1;
    margin-top: 2px;
    margin-bottom: 2px;
}

.customize-tree-row[b-u7lq78ffb3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 4px !important;
    line-height: 1.2;
    font-size: 12.5px;
    font-weight: 400;
    border-radius: 4px;
    cursor: pointer;
}

    .customize-tree-row:hover[b-u7lq78ffb3] {
        background: rgba(128,128,128,.06);
    }

    .customize-tree-row.active[b-u7lq78ffb3] {
        background: rgba(13,110,253,.08);
        color: inherit;
    }
/* Compact customize popup */
.ix-layout-popup .customize-tree-toolbar[b-u7lq78ffb3] {
    justify-content: flex-start;
    margin: 4px 0 6px 0;
}

.ix-layout-popup .chooser-body.customize-tree-body[b-u7lq78ffb3] {
    height: 230px;
    max-height: 230px;
    padding: 2px 4px;
}

.customize-tree-small-btn[b-u7lq78ffb3] {
    padding: 2px 7px;
    font-size: 11.5px;
}

.customize-tree-group-title[b-u7lq78ffb3] {
    padding: 2px 4px !important;
}

.customize-tree-children[b-u7lq78ffb3] {
    margin-left: 12px;
}

/* =========================================================
   RESPONSIVE MASTER VIEW
   Layout-only: keeps current theme/sizer and DevExpress styling.
   ========================================================= */

@media (max-width: 1200px) {
    .master-view-page .master-workspace-grid[b-u7lq78ffb3] {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 36%);
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar {
        flex-wrap: wrap;
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar-actions {
        flex-wrap: wrap;
        width: 100%;
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-search-wrap {
        flex: 1 1 220px;
        max-width: none;
    }
}

@media (max-width: 900px) {
    .master-view-page[b-u7lq78ffb3] {
        height: auto;
        max-height: none;
        min-height: 100%;
        overflow: visible;
        padding: .5rem;
    }

    .master-view-page .master-workspace-grid[b-u7lq78ffb3] {
        display: flex;
        flex-direction: column;
        overflow: visible;
    }

    .master-view-page .master-view-card[b-u7lq78ffb3] {
        height: auto;
        min-height: 360px;
    }

    .master-view-page .tree-card[b-u7lq78ffb3] {
        min-height: 55dvh;
    }

    .master-view-page .master-side-card[b-u7lq78ffb3] {
        min-height: 420px;
    }

    .master-view-page[b-u7lq78ffb3]  .menu-treelist {
        min-height: 360px;
    }

    .master-view-page .master-side-header[b-u7lq78ffb3] {
        flex-direction: column;
        align-items: stretch;
    }

    .master-view-page .master-side-actions[b-u7lq78ffb3] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .master-view-page[b-u7lq78ffb3] {
        padding: .35rem;
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar {
        align-items: stretch;
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar-title {
        flex: 1 1 100%;
        white-space: normal;
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-toolbar-actions {
        align-items: stretch;
        gap: .35rem;
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-toolbtn {
        flex: 1 1 calc(50% - .35rem);
        min-width: 0;
    }

    .master-view-page[b-u7lq78ffb3]  .ix-master-search-wrap {
        flex: 1 1 100%;
        min-width: 0;
    }

    .master-view-page .master-side-inspector-item[b-u7lq78ffb3],
    .master-view-page .horizontal-caption-item[b-u7lq78ffb3] {
        grid-template-columns: 1fr !important;
        gap: .3rem !important;
    }

    .master-view-page .master-side-label[b-u7lq78ffb3] {
        overflow-wrap: anywhere;
    }

    .master-view-page .layout-popup-footer[b-u7lq78ffb3],
    .master-view-page .master-side-footer-actions[b-u7lq78ffb3] {
        align-items: stretch;
        flex-direction: column;
    }
}

/* =========================================================
   MASTER VIEW — blue theme (fixed palette, no dx theme vars)
   ========================================================= */
.master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    background: #eef2f7 !important;
    color: #212529 !important;
    font-family: "Segoe UI", Inter, Roboto, system-ui, sans-serif;
}

.master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3] {
    background: #fff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 18px rgba(0, 40, 100, .1) !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar {
    background: #0056b3 !important;
    border-bottom: 0 !important;
    color: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title {
    color: #fff !important;
    font-weight: 700 !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn {
    border: 1px solid rgba(255, 255, 255, .35) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled) {
    background: rgba(255, 255, 255, .18) !important;
    border-color: rgba(255, 255, 255, .5) !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary {
    background: #fff !important;
    color: #0056b3 !important;
    border-color: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary {
    background: #fff !important;
    color: #0056b3 !important;
    border-color: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.primary .ix-save-split-part {
    background: transparent !important;
    color: inherit !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.primary .ix-save-split-toggle {
    border-left-color: rgba(0, 86, 179, 0.22) !important;
}

.master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn,
.master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn {
    border: 1px solid #dee2e6 !important;
    background: #fff !important;
    color: #0056b3 !important;
}

.master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled),
.master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled) {
    background: #e7f1ff !important;
    border-color: #90b8e8 !important;
}

.master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn.primary {
    background: #0056b3 !important;
    color: #fff !important;
    border-color: #0056b3 !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-export-menu {
    background: #fff !important;
    color: #212529 !important;
    border-color: #dee2e6 !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-export-menu button:hover {
    background: #e7f1ff !important;
    color: #0056b3 !important;
}

.master-view-page.ix-blue-theme .msg-box[b-u7lq78ffb3] {
    margin: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #e7f1ff;
    border: 1px solid #90b8e8;
    color: #003d80;
    font-size: 12px;
    font-weight: 600;
}

.master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3] {
    background: #fff !important;
    border-bottom-color: #dee2e6 !important;
}

.master-view-page.ix-blue-theme .master-side-title[b-u7lq78ffb3] {
    color: #003d80 !important;
    font-weight: 700 !important;
}

.master-view-page.ix-blue-theme .master-side-subtitle[b-u7lq78ffb3] {
    color: #6c757d !important;
    opacity: 1 !important;
}

.master-view-page.ix-blue-theme .master-side-label[b-u7lq78ffb3] {
    color: #6c757d !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

.master-view-page.ix-blue-theme .master-side-value[b-u7lq78ffb3] {
    border-color: #dee2e6 !important;
    background: #fff !important;
    color: #212529 !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-tablist,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-tablist {
    background: #fff !important;
    border-bottom-color: #dee2e6 !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-tabs-item-active,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"],
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item.dxbl-active,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item.dxbl-tabs-item-active,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item[aria-selected="true"] {
    background: #0056b3 !important;
    border-color: #003d80 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active *,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item.dxbl-active * {
    color: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle {
    border-color: rgba(255, 255, 255, .35) !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn {
    color: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn {
    border-left-color: rgba(255, 255, 255, .35) !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn.active {
    background: rgba(255, 255, 255, .22) !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager {
    border-top: 1px solid #dee2e6 !important;
    background: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active {
    background: #0056b3 !important;
    border-color: #003d80 !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-browse-grid .dxbl-pager {
    border-top: 1px solid #dee2e6 !important;
    background: #fff !important;
}

.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-browse-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-browse-grid .dxbl-pager .dxbl-active {
    background: #0056b3 !important;
    border-color: #003d80 !important;
}

/* =========================================================
   GRID BROWSE — tenant-style white page + flat grid rows
   ========================================================= */
.master-view-page.mv-browse-grid-page.ix-blue-theme[b-u7lq78ffb3] {
    background: #fff !important;
    color: #0f172a;
    font-family: "Segoe UI", Inter, Roboto, system-ui, sans-serif;
}

.master-view-page.mv-browse-grid-page.ix-blue-theme .master-view-card[b-u7lq78ffb3] {
    box-shadow: none !important;
    border-color: #e2e8f0 !important;
    border-radius: 10px !important;
}

.master-view-page.mv-browse-grid-page .browse-grid-mode .tenant-grid-pane[b-u7lq78ffb3] {
    flex: 1 1 50%;
    max-width: none;
    box-shadow: none;
}

.master-view-page.mv-browse-grid-page .browse-grid-mode .mv-master-grid-pane[b-u7lq78ffb3] {
    flex: 1 1 50%;
    max-width: none;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid {
    font-size: 12.5px;
    height: 100%;
    min-height: 0;
    border: 0;
    background: #fff;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-header-content,
.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-data-row {
    font-size: 12.5px;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-header-row > th,
.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-header-row > td {
    background: #f8fafc !important;
    color: #64748b !important;
    font-weight: 700;
    font-size: 12px;
    border-bottom: 1px solid #e2e8f0 !important;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-table tbody tr:nth-child(even) td,
.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-table tbody tr:nth-child(odd) td {
    background: #fff !important;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-table tbody tr:hover:not(.dxbl-grid-selected-row):not(.dxbl-grid-focused-row) > td {
    background: #f8fafc !important;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid tr.dxbl-grid-selected-row > td,
.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid tr.dxbl-grid-focused-row > td {
    background: #E8F1FF !important;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-grid-table td {
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
    padding: 7px 8px;
    font-size: 12.5px;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-pager {
    border-top: 1px solid #e2e8f0;
    background: #fff;
    font-size: 12px;
}

.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.master-view-page.mv-browse-grid-page[b-u7lq78ffb3]  .tenant-dx-grid.mv-master-grid .dxbl-pager .dxbl-active {
    background: #4338ca !important;
    border-color: #4338ca !important;
}

/* =========================================================
   MASTER VIEW — brown accent inside MenuLayout workspace
   (workspace document tabs stay red via ix-blue-grid-theme.css)
   ========================================================= */
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    background: #ffffff !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar {
    background: #8b7355 !important;
    border-bottom: 0 !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary {
    background: #fff !important;
    color: #6d5a45 !important;
    border-color: #fff !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.primary .ix-save-split-toggle {
    border-left-color: rgba(109, 90, 69, .22) !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn {
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled),
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled) {
    background: #f7f3ef !important;
    border-color: #cfc0ae !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn.primary {
    background: #8b7355 !important;
    color: #fff !important;
    border-color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-export-menu button:hover {
    background: #f7f3ef !important;
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .msg-box[b-u7lq78ffb3] {
    background: #f7f3ef !important;
    border-color: #cfc0ae !important;
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme .master-side-title[b-u7lq78ffb3] {
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-tabs-item-active,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"],
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item.dxbl-active,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item.dxbl-tabs-item-active,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item[aria-selected="true"] {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active,
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn[aria-current="page"],
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn[aria-current],
.workspace-shell.ix-menu-theme .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-selected {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu-item {
    color: #6d5a45 !important;
}

.workspace-shell.ix-menu-theme .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu-item:hover:not(:disabled) {
    background: #f7f3ef !important;
    color: #5c4a38 !important;
}

.workspace-shell.ix-menu-theme .master-view-page[b-u7lq78ffb3]  .ix-save-split-menu-item .ix-master-ico {
    stroke: #6d5a45 !important;
}

.mv-rename-progress[b-u7lq78ffb3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    background: #ecfeff;
    color: #0c4a6e;
    font-size: 13px;
    font-weight: 600;
}

.mv-import-dialog-overlay[b-u7lq78ffb3] {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(30, 41, 59, 0.5);
    backdrop-filter: blur(2px);
}

.mv-import-dialog-dismiss[b-u7lq78ffb3] {
    position: absolute;
    inset: 0;
}

.mv-import-dialog[b-u7lq78ffb3] {
    position: relative;
    z-index: 1;
    width: min(960px, 92vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(30, 41, 59, 0.22);
}

.mv-import-dialog-header[b-u7lq78ffb3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
    background: #f3ece2;
    border-top: 3px solid #8b6914;
    border-bottom: 1px solid #d8d2c8;
}

.mv-import-dialog-title[b-u7lq78ffb3] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #5c3d1e;
}

.mv-import-dialog-close[b-u7lq78ffb3] {
    width: 32px;
    height: 32px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #64748b;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
}

.mv-import-dialog-close:hover:not(:disabled)[b-u7lq78ffb3] {
    color: #5c3d1e;
    border-color: #8b6914;
}

.mv-import-dialog-close:disabled[b-u7lq78ffb3] {
    opacity: 0.5;
    cursor: default;
}

.mv-import-dialog-body[b-u7lq78ffb3] {
    padding: 14px 16px;
    overflow: auto;
    min-height: 0;
}

.mv-import-dialog-footer[b-u7lq78ffb3] {
    border-top: 1px solid #d8d2c8;
    background: #faf8f5;
}

.mv-import-dialog-actions[b-u7lq78ffb3] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px 12px;
}

.mv-import-btn[b-u7lq78ffb3] {
    min-width: 96px;
    height: 34px;
    padding: 0 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.mv-import-btn-ghost[b-u7lq78ffb3] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
}

.mv-import-btn-ghost:hover:not(:disabled)[b-u7lq78ffb3] {
    border-color: #94a3b8;
    background: #f8fafc;
}

.mv-import-btn-primary[b-u7lq78ffb3] {
    border: 1px solid #6d5210;
    background: linear-gradient(180deg, #b8892d 0%, #8b6914 100%);
    color: #fff;
}

.mv-import-btn-primary:hover:not(:disabled)[b-u7lq78ffb3] {
    background: linear-gradient(180deg, #a67a28 0%, #7a5f12 100%);
}

.mv-import-btn:disabled[b-u7lq78ffb3] {
    opacity: 0.55;
    cursor: default;
}

.mv-import-combo-popup-body[b-u7lq78ffb3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mv-import-combo-grid-scroll[b-u7lq78ffb3] {
    max-height: 420px;
    overflow: auto;
    border: 1px solid #d8d2c8;
    border-radius: 8px;
    background: #fff;
}

.mv-import-combo-grid[b-u7lq78ffb3] {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    line-height: 1.4;
}

.mv-import-combo-grid th[b-u7lq78ffb3],
.mv-import-combo-grid td[b-u7lq78ffb3] {
    border: 1px solid #e2e8f0;
    padding: 5px 8px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mv-import-combo-grid th[b-u7lq78ffb3] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3ece2;
    color: #5c3d1e;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mv-import-combo-grid tbody tr:nth-child(even)[b-u7lq78ffb3] {
    background: #faf8f5;
}

.mv-import-combo-grid td.missing[b-u7lq78ffb3] {
    background: #ffe0e0;
    color: #8b1010;
    font-weight: 700;
}

.mv-import-progress-body[b-u7lq78ffb3] {
    padding: 4px 2px 8px;
}

.mv-import-progress-count[b-u7lq78ffb3] {
    font-size: 18px;
    font-weight: 700;
    color: #4a3728;
    margin-bottom: 10px;
}

.mv-import-progress-bar-track[b-u7lq78ffb3] {
    height: 10px;
    border-radius: 999px;
    background: #ece6dc;
    overflow: hidden;
    margin-bottom: 8px;
}

.mv-import-progress-bar-fill[b-u7lq78ffb3] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #8b6914, #b8892d);
    transition: width 0.15s ease;
}

.mv-import-progress-detail[b-u7lq78ffb3] {
    font-size: 11px;
    color: #6b4f2f;
}

.mv-import-combo-actions-help[b-u7lq78ffb3] {
    padding: 10px 16px 0;
    font-size: 11px;
    color: #5c4a38;
    line-height: 1.5;
}

.mv-import-combo-actions-help strong[b-u7lq78ffb3] {
    color: #5c3d1e;
}

.mv-import-combo-busy[b-u7lq78ffb3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    background: #ecfeff;
    border: 1px solid #bae6fd;
    color: #0c4a6e;
    font-size: 12px;
    font-weight: 600;
}

.mv-import-combo-error[b-u7lq78ffb3] {
    margin-bottom: 0;
}

.mv-import-combo-footer[b-u7lq78ffb3] {
    gap: 8px;
}

/* Modern Ice / Graphite — light toolbars (match FormRenderer) */
.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    background: #F5F7FB !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    background: #F8FAFC !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3],
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E8EDF5 !important;
    color: #102A56 !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title {
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title {
    color: #1E293B !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn {
    background: #F5F7FB !important;
    border: 1px solid #E8EDF5 !important;
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn {
    background: #F8FAFC !important;
    border-color: #e2e8f0 !important;
    color: #1E293B !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled),
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled) {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled) {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary {
    background: #2F80ED !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn.primary {
    background: #2F80ED !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn.primary {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

/* Tree/Grid toggle: blue-theme forces white text; navy/graphite toolbar is white */
.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle {
    border-color: #E8EDF5 !important;
    background: #F5F7FB !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle {
    border-color: #e2e8f0 !important;
    background: #F8FAFC !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn {
    color: #102A56 !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn {
    color: #1E293B !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn {
    border-left-color: #E8EDF5 !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn + .ix-master-view-toggle-btn {
    border-left-color: #e2e8f0 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn.active,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn.active {
    background: #E8F1FF !important;
    color: #2F80ED !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn.active,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-view-toggle-btn.active {
    background: #ecfdf5 !important;
    color: #059669 !important;
}

/* MasterView — Graphite/Navy polish + alignment */
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    --ix-blue-primary: #059669;
    --ix-blue-header: #1E293B;
    --ix-blue-header-text: #ffffff;
    --ix-blue-footer-bg: #ecfdf5;
    --ix-blue-footer-text: #059669;
    --ix-blue-border: #e2e8f0;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    --ix-blue-primary: #2F80ED;
    --ix-blue-header: #E8F1FF;
    --ix-blue-header-text: #102A56;
    --ix-blue-footer-bg: #E8F1FF;
    --ix-blue-footer-text: #2F80ED;
    --ix-blue-border: #E8EDF5;
}

.workspace-shell.ix-graphite-workspace .master-view-page .master-view-card[b-u7lq78ffb3],
.workspace-shell.ix-navy-workspace .master-view-page .master-view-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .master-view-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .master-view-card[b-u7lq78ffb3] {
    gap: 12px !important;
    align-items: stretch !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .tree-card[b-u7lq78ffb3],
.workspace-shell.ix-graphite-workspace .master-view-page .master-side-card[b-u7lq78ffb3],
.workspace-shell.ix-navy-workspace .master-view-page .tree-card[b-u7lq78ffb3],
.workspace-shell.ix-navy-workspace .master-view-page .master-side-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .tree-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .master-side-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .tree-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .master-side-card[b-u7lq78ffb3] {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-table td,
.workspace-shell.ix-graphite-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-tl-table td,
.workspace-shell.ix-navy-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-table td,
.workspace-shell.ix-navy-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-tl-table td,
.theme-host.ix-app-theme-graphite .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-table td,
.theme-host.ix-app-theme-navy .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-table td {
    text-align: left !important;
    vertical-align: middle !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-header-row > th,
.workspace-shell.ix-graphite-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-header-row > td,
.workspace-shell.ix-navy-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-header-row > th,
.workspace-shell.ix-navy-workspace .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-header-row > td,
.theme-host.ix-app-theme-graphite .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-header-row > th,
.theme-host.ix-app-theme-navy .master-view-page[b-u7lq78ffb3]  .menu-treelist .dxbl-grid-header-row > th {
    text-align: left !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .mv-grid-detail-action[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .mv-grid-detail-action[b-u7lq78ffb3] {
    color: #059669 !important;
    border-color: #e2e8f0 !important;
    background: #FFFFFF !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .mv-grid-detail-action:hover:not(:disabled)[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .mv-grid-detail-action:hover:not(:disabled)[b-u7lq78ffb3] {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .mv-grid-detail-action.save[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .mv-grid-detail-action.save[b-u7lq78ffb3] {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .mv-grid-detail-action[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .mv-grid-detail-action[b-u7lq78ffb3] {
    color: #2F80ED !important;
    border-color: #E8EDF5 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .mv-grid-detail-action:hover:not(:disabled)[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .mv-grid-detail-action:hover:not(:disabled)[b-u7lq78ffb3] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-tabs-item-active,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"],
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-more-inner-tabs .dxbl-tabs-item.dxbl-active,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"] {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"],
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"] {
    background: #2F80ED !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-browse-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-graphite-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-browse-grid .dxbl-pager .dxbl-active,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.theme-host.ix-app-theme-graphite .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active {
    background: #059669 !important;
    border-color: #047857 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-navy-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.theme-host.ix-app-theme-navy .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active {
    background: #2F80ED !important;
    border-color: #2563eb !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .mv-grid-detail-badge[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .mv-grid-detail-badge[b-u7lq78ffb3] {
    background: #ecfdf5 !important;
    color: #059669 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .mv-grid-detail-badge[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .mv-grid-detail-badge[b-u7lq78ffb3] {
    background: #E8F1FF !important;
    color: #2F80ED !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn,
.workspace-shell.ix-graphite-workspace .master-view-page .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn,
.theme-host.ix-app-theme-graphite .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn,
.theme-host.ix-app-theme-graphite .master-view-page .master-side-footer-actions[b-u7lq78ffb3]  .ix-master-toolbtn {
    color: #059669 !important;
    border-color: #e2e8f0 !important;
    background: #fff !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-graphite .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled) {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn,
.theme-host.ix-app-theme-navy .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn {
    color: #2F80ED !important;
    border-color: #E8EDF5 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-navy .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled) {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.workspace-shell.ix-graphite-workspace .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3],
.workspace-shell.ix-graphite-workspace .master-view-page .mv-grid-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .mv-grid-tab.active[b-u7lq78ffb3] {
    color: #059669 !important;
    border-bottom-color: #10B981 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.workspace-shell.ix-navy-workspace .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3],
.workspace-shell.ix-navy-workspace .master-view-page .mv-grid-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .mv-grid-tab.active[b-u7lq78ffb3] {
    color: #2F80ED !important;
    border-bottom-color: #2F80ED !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .tenant-detail-action[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .tenant-detail-action[b-u7lq78ffb3] {
    color: #059669 !important;
    border-color: #e2e8f0 !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .tenant-detail-action:hover:not(:disabled)[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .tenant-detail-action:hover:not(:disabled)[b-u7lq78ffb3] {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .tenant-detail-action.save[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .tenant-detail-action.save[b-u7lq78ffb3] {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .tenant-detail-action[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .tenant-detail-action[b-u7lq78ffb3] {
    color: #2F80ED !important;
    border-color: #E8EDF5 !important;
}

.workspace-shell.ix-navy-workspace .master-view-page .tenant-detail-action:hover:not(:disabled)[b-u7lq78ffb3],
.theme-host.ix-app-theme-navy .master-view-page .tenant-detail-action:hover:not(:disabled)[b-u7lq78ffb3] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .master-side-inspector-grid[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .master-side-inspector-grid[b-u7lq78ffb3] {
    column-gap: 12px !important;
    row-gap: 8px !important;
}

.workspace-shell.ix-graphite-workspace .master-view-page .master-side-label[b-u7lq78ffb3],
.theme-host.ix-app-theme-graphite .master-view-page .master-side-label[b-u7lq78ffb3] {
    min-width: 110px !important;
}

/* Light Glass — MasterView */
.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    --ix-blue-primary: #2F80ED;
    --ix-blue-header: #E8F1FF;
    --ix-blue-header-text: #102A56;
    --ix-blue-footer-bg: #E8F1FF;
    --ix-blue-footer-text: #2F80ED;
    --ix-blue-border: #d6e4f5;
    background: #EEF3FA !important;
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3] {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(79, 70, 229, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(79, 70, 229, 0.08) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid rgba(79, 70, 229, 0.12) !important;
    color: #1e1b4b !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title {
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(79, 70, 229, 0.14) !important;
    color: #1e1b4b !important;
    border-radius: 12px !important;
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled) {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"],
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-glass-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.theme-host.ix-app-theme-glass .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-glass-workspace .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.workspace-shell.ix-glass-workspace .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-glass .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-glass .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3] {
    color: #2F80ED !important;
    border-bottom-color: #2F80ED !important;
}

.workspace-shell.ix-glass-workspace .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn,
.theme-host.ix-app-theme-glass .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn {
    color: #2F80ED !important;
    border-color: #d6e4f5 !important;
    background: rgba(255, 255, 255, 0.92) !important;
}

.workspace-shell.ix-glass-workspace .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-glass .master-view-page .master-side-header[b-u7lq78ffb3]  .ix-master-toolbtn:hover:not(:disabled) {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

/* Platinum + Sapphire — MasterView */
.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    --ix-blue-primary: #2563EB;
    --ix-blue-header: #F8FAFC;
    --ix-blue-header-text: #0F172A;
    --ix-blue-footer-bg: #F8FAFC;
    --ix-blue-footer-text: #2563EB;
    --ix-blue-border: #E4EAF2;
    background: #F3F5F8 !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E4EAF2 !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar-title {
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    color: #0F172A !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled) {
    background: #EEF5FF !important;
    border-color: #DBEAFE !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary {
    background: #2563EB !important;
    border-color: #1D4ED8 !important;
    color: #FFFFFF !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"],
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item.dxbl-active,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .master-side-tabs .dxbl-tabs-item[aria-selected="true"] {
    background: #DBEAFE !important;
    border-color: #BFDBFE !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .menu-treelist .dxbl-pager .dxbl-active {
    background: #2563EB !important;
    border-color: #1D4ED8 !important;
    color: #FFFFFF !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.workspace-shell.ix-platinum-workspace .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-platinum .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-platinum .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3] {
    color: #2563EB !important;
    border-bottom-color: #2563EB !important;
}

.workspace-shell.ix-platinum-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  tr.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-platinum .master-view-page.ix-blue-theme[b-u7lq78ffb3]  tr.dxbl-grid-selected-row > td {
    background: #EAF4FF !important;
}

/* Charcoal + Copper — MasterView */
.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3],
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme[b-u7lq78ffb3] {
    --ix-blue-primary: #A65E2E;
    --ix-blue-header: #F5E6D3;
    --ix-blue-header-text: #2A2A2A;
    --ix-blue-footer-bg: #F7F5F2;
    --ix-blue-footer-text: #A65E2E;
    --ix-blue-border: #DDD6CE;
    background: #F7F5F2 !important;
}

.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3],
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme .master-view-card[b-u7lq78ffb3] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(45, 42, 38, 0.05) !important;
}

.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar,
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #DDD6CE !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn,
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    color: #2A2A2A !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled),
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn:hover:not(:disabled) {
    background: #FFF4E8 !important;
    border-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary,
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-master-toolbtn.primary,
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme[b-u7lq78ffb3]  .ix-master-toolbar .ix-save-split.ix-master-toolbtn.primary {
    background: #A65E2E !important;
    border-color: #8f5127 !important;
    color: #FFFFFF !important;
}

.workspace-shell.ix-charcoal-workspace .master-view-page.ix-blue-theme[b-u7lq78ffb3]  tr.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-charcoal .master-view-page.ix-blue-theme[b-u7lq78ffb3]  tr.dxbl-grid-selected-row > td {
    background: #FFF8F0 !important;
}

.workspace-shell.ix-charcoal-workspace .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.workspace-shell.ix-charcoal-workspace .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-charcoal .master-view-page .tenant-tab.active[b-u7lq78ffb3],
.theme-host.ix-app-theme-charcoal .master-view-page .mv-tenant-tab.active[b-u7lq78ffb3] {
    color: #A65E2E !important;
    border-bottom-color: #B87333 !important;
}
/* _content/IxpertPosStandalone/Pages/OfficeEmailCenter.razor.rz.scp.css */
.ec-root[b-5c3iz7p9ht] {
    padding: 8px 10px;
    min-height: calc(100dvh - 140px);
}

.ec-shell[b-5c3iz7p9ht] {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 10px;
    min-height: 520px;
}

.ec-folders[b-5c3iz7p9ht] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ec-brand[b-5c3iz7p9ht] {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.ec-hint[b-5c3iz7p9ht] {
    font-size: 10px;
    color: #64748b;
    margin-bottom: 6px;
}

.ec-banner[b-5c3iz7p9ht] {
    font-size: 12px;
    color: #0f172a;
    background: #e0f2fe;
    border: 1px solid #7dd3fc;
    border-radius: 8px;
    padding: 8px 12px;
    line-height: 1.4;
}

.ec-account-btn[b-5c3iz7p9ht] {
    background: #0d6efd !important;
    color: #fff !important;
    border-color: #0d6efd !important;
    font-weight: 700;
}

.ec-account-line[b-5c3iz7p9ht] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    text-align: left;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 11px;
    cursor: pointer;
    width: 100%;
}

.ec-account-line.active[b-5c3iz7p9ht] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.ec-acc-provider[b-5c3iz7p9ht] {
    font-weight: 800;
    color: #1d4ed8;
}

.ec-acc-email[b-5c3iz7p9ht] {
    color: #334155;
    word-break: break-all;
}

.ec-help[b-5c3iz7p9ht] {
    font-size: 11px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 10px;
    line-height: 1.45;
}

.ec-account-list[b-5c3iz7p9ht] {
    margin-top: 10px;
    font-size: 11px;
    color: #334155;
}

.ec-account-row[b-5c3iz7p9ht] {
    padding: 4px 0;
    border-bottom: 1px solid #f1f5f9;
}

.ec-banner[b-5c3iz7p9ht] {
    margin: 8px 10px 0;
}

.ec-folder-btn[b-5c3iz7p9ht] {
    border: 1px solid transparent;
    background: transparent;
    text-align: left;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
}

.ec-folder-btn.active[b-5c3iz7p9ht],
.ec-folder-btn:hover[b-5c3iz7p9ht] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.ec-main[b-5c3iz7p9ht] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ec-toolbar[b-5c3iz7p9ht] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
    border-radius: 10px;
    padding: 8px 10px;
}

.ec-providers[b-5c3iz7p9ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ec-provider-chip[b-5c3iz7p9ht] {
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.ec-provider-chip.on[b-5c3iz7p9ht] {
    background: #fff;
    color: #0d6efd;
    border-color: #fff;
}

.ec-search[b-5c3iz7p9ht] {
    min-width: 220px;
    flex: 1 1 220px;
}

.ec-body[b-5c3iz7p9ht] {
    display: grid;
    grid-template-columns: 1fr minmax(280px, 34%);
    gap: 8px;
    min-height: 0;
}

.ec-list-card[b-5c3iz7p9ht],
.ec-detail-card[b-5c3iz7p9ht] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px;
    min-height: 360px;
}

.ec-mail-table tr.selected[b-5c3iz7p9ht] {
    background: #eff6ff;
}

.ec-empty[b-5c3iz7p9ht] {
    text-align: center;
    color: #64748b;
    padding: 24px;
}

.ec-detail-title[b-5c3iz7p9ht] {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 8px;
}

.ec-detail-meta[b-5c3iz7p9ht] {
    font-size: 12px;
    margin-bottom: 4px;
    color: #334155;
}

.ec-detail-note[b-5c3iz7p9ht] {
    margin-top: 10px;
    padding: 8px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    font-size: 11px;
    color: #475569;
}

.ec-detail-actions[b-5c3iz7p9ht] {
    margin-top: 10px;
    display: flex;
    gap: 6px;
}

.ec-compose[b-5c3iz7p9ht] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ec-compose label[b-5c3iz7p9ht] {
    font-size: 11px;
    font-weight: 700;
    color: #475569;
}

@media (max-width: 960px) {
    .ec-shell[b-5c3iz7p9ht] {
        grid-template-columns: 1fr;
    }

    .ec-body[b-5c3iz7p9ht] {
        grid-template-columns: 1fr;
    }
}
/* _content/IxpertPosStandalone/Pages/OfficeFileManager.razor.rz.scp.css */
.office-page[b-x1ftfeexdi] {
    padding: 8px 10px;
    background: #f6f8fc;
    min-height: 0;
}
/* _content/IxpertPosStandalone/Pages/OrderPlanning/TradingFulfillmentPlanning.razor.rz.scp.css */
.tf-page[b-xot6tpt792] {
    --tf-accent: #e31e24;
    --tf-accent-dark: #c62828;
    --tf-accent-soft: #fde8ea;
    --tf-block: #ebe3d8;
    --tf-border: #cfc0ae;
    --tf-muted: #7d6b5c;
    --tf-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 8px 10px;
    background: #fff;
    color: var(--tf-text);
    font-family: "Segoe UI", sans-serif;
}

.tf-cmdbar[b-xot6tpt792] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid var(--tf-border);
    border-radius: 8px;
    background: #fff;
    margin-bottom: 6px;
    min-height: 0;
}

.tf-cmd-title[b-xot6tpt792] {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
}

.tf-filter-row[b-xot6tpt792] {
    display: flex;
    align-items: stretch;
    gap: 5px;
    flex: 1 1 auto;
    min-width: 0;
}

.tf-cmd-tools[b-xot6tpt792] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    flex: 0 1 auto;
    flex-wrap: wrap;
    margin-left: auto;
}

.tf-date[b-xot6tpt792] {
    width: 118px;
    flex: 0 0 auto;
}

.tf-branch[b-xot6tpt792] {
    width: 128px;
    flex: 0 0 auto;
}

[b-xot6tpt792] .tf-date,
[b-xot6tpt792] .tf-branch {
    min-height: 26px;
}

[b-xot6tpt792] .tf-date .dxbl-edit-input,
[b-xot6tpt792] .tf-branch .dxbl-edit-input {
    font-size: 12px;
}

.tf-cmd-btn[b-xot6tpt792] {
    min-height: 26px;
    padding: 3px 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    color: var(--tf-text);
    cursor: pointer;
    white-space: nowrap;
}

    .tf-cmd-btn:hover:not(:disabled)[b-xot6tpt792] {
        background: var(--tf-accent-soft);
        color: var(--tf-accent-dark);
    }

    .tf-cmd-btn.save[b-xot6tpt792],
    .tf-cmd-btn.accent[b-xot6tpt792] {
        color: var(--tf-accent-dark);
    }

    .tf-cmd-btn:disabled[b-xot6tpt792] {
        color: #b7aa9f;
        cursor: not-allowed;
    }

.tf-cmd-search[b-xot6tpt792] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 130px;
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid var(--tf-border);
    border-radius: 6px;
}

    .tf-cmd-search input[b-xot6tpt792] {
        width: 100%;
        border: 0;
        outline: 0;
        font-size: 12px;
    }

.tf-filter-card[b-xot6tpt792] {
    border: 1px solid var(--tf-border);
    border-radius: 7px;
    padding: 4px 10px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
}

    .tf-filter-card:hover[b-xot6tpt792] {
        border-color: #b8a894;
        box-shadow: 0 2px 8px rgba(61, 52, 44, .08);
    }

    .tf-filter-card.active[b-xot6tpt792] {
        border-color: var(--tf-accent-dark);
        box-shadow: 0 0 0 2px rgba(227, 30, 36, .12);
    }

    .tf-filter-card .v[b-xot6tpt792] {
        font-size: 15px;
        font-weight: 900;
        line-height: 1;
        color: var(--tf-text);
        flex: 0 0 auto;
    }

    .tf-filter-card .t[b-xot6tpt792] {
        font-size: 10px;
        font-weight: 800;
        color: var(--tf-muted);
        line-height: 1.1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tf-eta-line[b-xot6tpt792] {
    margin-top: 6px;
    font-size: 11px;
    color: var(--tf-text);
}

.tf-alloc-box[b-xot6tpt792] {
    padding: 8px 10px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    margin-bottom: 4px;
}

.tf-alloc-rank[b-xot6tpt792] {
    font-size: 12px;
    font-weight: 900;
}

.tf-alloc-text[b-xot6tpt792] {
    font-size: 11px;
    color: var(--tf-muted);
    margin-top: 3px;
    line-height: 1.4;
}

.tf-proc-grid[b-xot6tpt792] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.tf-proc-card[b-xot6tpt792] {
    padding: 7px 8px;
    border: 1px solid var(--tf-border);
    border-radius: 8px;
    background: #fff;
}

.tf-proc-tag[b-xot6tpt792] {
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--tf-accent-dark);
}

.tf-proc-sup[b-xot6tpt792] {
    font-size: 11px;
    font-weight: 900;
    margin-top: 2px;
}

.tf-proc-meta[b-xot6tpt792] {
    font-size: 10px;
    color: var(--tf-muted);
    margin-top: 2px;
}

.tf-hist-table-wrap[b-xot6tpt792] {
    overflow: auto;
    border: 1px solid var(--tf-border);
    border-radius: 8px;
}

.tf-hist-table[b-xot6tpt792] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}

    .tf-hist-table th[b-xot6tpt792],
    .tf-hist-table td[b-xot6tpt792] {
        padding: 5px 6px;
        border-bottom: 1px solid #ece3d8;
        text-align: left;
        white-space: nowrap;
    }

    .tf-hist-table th[b-xot6tpt792] {
        background: var(--tf-block);
        font-weight: 900;
        color: var(--tf-muted);
    }

    .tf-filter-card.ready[b-xot6tpt792] {
        background: #ecfdf3;
    }

        .tf-filter-card.ready.active[b-xot6tpt792] {
            background: #d1fae5;
        }

    .tf-filter-card.partial[b-xot6tpt792] {
        background: #fff7ed;
    }

        .tf-filter-card.partial.active[b-xot6tpt792] {
            background: #ffedd5;
        }

    .tf-filter-card.purchase[b-xot6tpt792] {
        background: #fff3df;
    }

        .tf-filter-card.purchase.active[b-xot6tpt792] {
            background: #fde68a;
        }

    .tf-filter-card.hold[b-xot6tpt792] {
        background: #fde8ea;
    }

        .tf-filter-card.hold.active[b-xot6tpt792] {
            background: #fecdd3;
        }

.tf-message[b-xot6tpt792] {
    padding: 5px 10px;
    margin-bottom: 6px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.tf-ok[b-xot6tpt792] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.tf-warn[b-xot6tpt792] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.tf-split[b-xot6tpt792] {
    display: flex;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.tf-grid-pane[b-xot6tpt792] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--tf-border);
    border-radius: 9px;
    overflow: hidden;
}

.tf-detail-pane[b-xot6tpt792] {
    flex: 0 0 420px;
    min-width: 340px;
    border: 1px solid var(--tf-border);
    border-radius: 9px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.tf-detail-head[b-xot6tpt792] {
    padding: 11px 14px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--tf-border);
    background: var(--tf-block);
}

    .tf-detail-head .t[b-xot6tpt792] {
        font-size: 14px;
        font-weight: 900;
    }

.tf-status-dot[b-xot6tpt792] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
}

    .tf-status-dot .dot[b-xot6tpt792] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #94a3b8;
    }

    .tf-status-dot.ready .dot[b-xot6tpt792] {
        background: #16a34a;
    }

    .tf-status-dot.partial .dot[b-xot6tpt792] {
        background: #ea580c;
    }

    .tf-status-dot.purchase .dot[b-xot6tpt792] {
        background: #d97706;
    }

.tf-detail-body[b-xot6tpt792] {
    padding: 14px;
    overflow: auto;
}

.tf-detail-hero[b-xot6tpt792] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.tf-detail-avatar[b-xot6tpt792] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--tf-block);
    color: var(--tf-accent-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.tf-detail-title[b-xot6tpt792] {
    font-size: 15px;
    font-weight: 900;
}

.tf-detail-subtitle[b-xot6tpt792] {
    font-size: 12px;
    color: var(--tf-muted);
    font-weight: 700;
}

.tf-field-grid[b-xot6tpt792] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
}

.tf-field label[b-xot6tpt792] {
    display: block;
    font-size: 11px;
    color: var(--tf-muted);
}

.tf-field .v[b-xot6tpt792] {
    font-size: 13px;
    font-weight: 800;
}

.tf-section-title[b-xot6tpt792] {
    margin: 12px 0 6px;
    padding-top: 10px;
    border-top: 1px solid #e0d5c8;
    font-size: 12px;
    font-weight: 900;
}

.tf-insight-box[b-xot6tpt792] {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid var(--tf-border);
    margin-bottom: 4px;
}

    .tf-insight-box.ready[b-xot6tpt792] {
        background: #ecfdf3;
        border-color: #abefc6;
    }

    .tf-insight-box.partial[b-xot6tpt792] {
        background: #fff7ed;
        border-color: #fed7aa;
    }

    .tf-insight-box.purchase[b-xot6tpt792] {
        background: #fffaeb;
        border-color: #fedf89;
    }

.tf-insight-title[b-xot6tpt792] {
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 4px;
}

.tf-insight-text[b-xot6tpt792] {
    font-size: 11.5px;
    color: var(--tf-muted);
    line-height: 1.45;
}

.tf-mini-list[b-xot6tpt792] {
    display: grid;
    gap: 6px;
}

.tf-mini-card[b-xot6tpt792] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 10px;
    padding: 8px 10px;
    border: 1px solid var(--tf-border);
    border-radius: 8px;
    background: #fff;
}

    .tf-mini-card.supplier.top[b-xot6tpt792] {
        border-color: var(--tf-accent-dark);
        background: #fffafa;
    }

.tf-mini-main[b-xot6tpt792] {
    grid-column: 1;
}

.tf-mini-title[b-xot6tpt792] {
    font-size: 12px;
    font-weight: 900;
}

.tf-mini-sub[b-xot6tpt792] {
    font-size: 10px;
    color: var(--tf-muted);
    font-weight: 700;
    margin-top: 2px;
}

.tf-mini-number[b-xot6tpt792] {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    font-size: 12px;
    font-weight: 900;
    color: var(--tf-accent-dark);
    white-space: nowrap;
}

.tf-mini-note[b-xot6tpt792] {
    grid-column: 1 / span 2;
    font-size: 10px;
    color: var(--tf-muted);
    line-height: 1.35;
}

.tf-mini-empty[b-xot6tpt792] {
    padding: 8px 10px;
    border: 1px dashed var(--tf-border);
    border-radius: 8px;
    font-size: 11px;
    color: var(--tf-muted);
    background: #faf8f5;
}

.tf-suggestion[b-xot6tpt792] {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid var(--tf-border);
    margin-bottom: 12px;
}

    .tf-suggestion.ready[b-xot6tpt792] {
        background: #ecfdf3;
        border-color: #abefc6;
    }

    .tf-suggestion.partial[b-xot6tpt792] {
        background: #fff7ed;
        border-color: #fed7aa;
    }

    .tf-suggestion.purchase[b-xot6tpt792] {
        background: #fffaeb;
        border-color: #fedf89;
    }

    .tf-suggestion .s-title[b-xot6tpt792] {
        font-size: 13px;
        font-weight: 900;
        margin-bottom: 4px;
    }

    .tf-suggestion .s-text[b-xot6tpt792] {
        font-size: 12.5px;
        color: var(--tf-muted);
        line-height: 1.45;
    }

.tf-action-stack[b-xot6tpt792] {
    display: grid;
    gap: 7px;
}

    .tf-action-stack button[b-xot6tpt792] {
        width: 100%;
        padding: 9px 10px;
        border: 1px solid var(--tf-border);
        border-radius: 8px;
        background: #fff;
        color: var(--tf-text);
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
    }

        .tf-action-stack button:hover:not(:disabled)[b-xot6tpt792] {
            background: var(--tf-accent-soft);
            color: var(--tf-accent-dark);
        }

        .tf-action-stack button:disabled[b-xot6tpt792] {
            color: #b7aa9f;
            cursor: not-allowed;
        }

.tf-empty-hint[b-xot6tpt792] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--tf-muted);
    text-align: center;
    padding: 60px 25px;
    font-size: 13px;
}

    .tf-empty-hint .big[b-xot6tpt792] {
        font-size: 42px;
        opacity: .55;
    }

[b-xot6tpt792] .tf-grid {
    height: 100%;
}

    [b-xot6tpt792] .tf-grid .dxbl-grid {
        height: 100%;
        border: 0;
    }

    [b-xot6tpt792] .tf-grid .dxbl-grid-header-row > th {
        background: var(--tf-block);
        color: var(--tf-muted);
        font-size: 11px;
        font-weight: 900;
    }

    [b-xot6tpt792] .tf-grid .dxbl-grid-table > tbody > tr > td {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12.5px;
    }

    [b-xot6tpt792] .tf-grid .dxbl-grid-selected-row > td {
        background: var(--tf-accent-soft) !important;
    }

@media (max-width: 1180px) {
    .tf-cmdbar[b-xot6tpt792] {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .tf-filter-row[b-xot6tpt792] {
        order: 3;
        width: 100%;
        flex-wrap: wrap;
    }

    .tf-filter-card[b-xot6tpt792] {
        flex: 1 1 calc(50% - 4px);
    }

    .tf-cmd-tools[b-xot6tpt792] {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }

    .tf-split[b-xot6tpt792] {
        flex-direction: column;
    }

    .tf-detail-pane[b-xot6tpt792] {
        flex: 0 0 auto;
        max-width: none;
    }
}
/* _content/IxpertPosStandalone/Pages/PdfReader.razor.rz.scp.css */
.pdf-page[b-wxkmubmar7] {
    padding: 18px;
    background: #f6f8fc;
    min-height: 100vh;
}

.pdf-toolbar[b-wxkmubmar7] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 16px 18px;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

    .pdf-toolbar h2[b-wxkmubmar7] {
        margin: 0;
        font-size: 24px;
        font-weight: 800;
        color: #111827;
    }

    .pdf-toolbar p[b-wxkmubmar7] {
        margin: 4px 0 0;
        color: #6b7280;
    }

.pdf-actions[b-wxkmubmar7] {
    display: flex;
    gap: 8px;
}

.pdf-frame-card[b-wxkmubmar7] {
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 16px;
    overflow: hidden;
    height: calc(100vh - 145px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.pdf-frame[b-wxkmubmar7] {
    width: 100%;
    height: 100%;
    border: none;
}

.empty-pdf[b-wxkmubmar7] {
    background: white;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    padding: 40px;
    text-align: center;
    color: #64748b;
    font-weight: 700;
}
/* _content/IxpertPosStandalone/Pages/POS.razor.rz.scp.css */

/* =========================================================
   POS.razor.css - Cleaned final version
   Duplicate header/button/voucher/barcode blocks removed.
========================================================= */

/* =========================================================
   BASE DYNAMIC FIELD STYLES
========================================================= */
.dynamic-zone[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    gap: 10px 14px !important;
    flex-wrap: wrap;
    background: #ffffff;
    border: 1px solid #d8e0ea;
    border-radius: 14px;
    padding: 8px 10px 6px !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 3px 10px rgba(15,23,42,.04);
    position: relative;
}

.dynamic-field[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
}

    .dynamic-field label[b-1mgetvcjjg] {
        min-width: 82px;
        margin: 0;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #64748b !important;
        letter-spacing: .2px;
        text-transform: uppercase;
    }

.dynamic-input[b-1mgetvcjjg] {
    height: 28px;
    border: 1px solid #cfd8e3 !important;
    border-radius: 8px;
    padding: 3px 8px;
    min-width: 130px;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.03), 0 1px 0 rgba(255,255,255,.8) inset;
    transition: all .15s ease;
}

    .dynamic-input:focus[b-1mgetvcjjg],
    .dynamic-zone select:focus[b-1mgetvcjjg],
    .dynamic-zone input:focus[b-1mgetvcjjg] {
        border-color: #e53935 !important;
        box-shadow: 0 0 0 3px rgba(227, 30, 36, .12);
    }

    .dynamic-input[readonly][b-1mgetvcjjg] {
        background: #f8fafc;
        color: #111827;
    }

.pos-mobile-header-toggle[b-1mgetvcjjg] {
    display: none;
}

.pos-mobile-totals-toggle[b-1mgetvcjjg] {
    display: none;
}

.pos-action-mobile-text[b-1mgetvcjjg] {
    display: none;
}

.pos-mobile-actions-toggle[b-1mgetvcjjg],
.pos-mobile-actions-panel[b-1mgetvcjjg],
.pos-mobile-header-compact[b-1mgetvcjjg] {
    display: none;
}

@media (max-width: 760px) {
    .pos-mobile-totals-toggle[b-1mgetvcjjg] {
        order: 1 !important;
        display: flex !important;
    }

    .pos-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right {
        order: 2 !important;
        grid-template-columns: 1fr !important;
    }

    .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact {
        order: 3 !important;
    }

    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        order: 4 !important;
    }

    .pos-grid-stack[b-1mgetvcjjg] {
        order: 5 !important;
    }

    .pos-right.pos-totals-collapsed[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right.pos-totals-collapsed {
        grid-template-columns: 2fr 3fr !important;
    }
}

/* =========================================================
   HEADER LAYOUT - CLEAN FINAL
========================================================= */
.pos-header[b-1mgetvcjjg] {
    margin-bottom: 4px !important;
}

.pos-header-wrap[b-1mgetvcjjg],
.pos-top-panel[b-1mgetvcjjg] {
    background: #ffffff;
    border: 1px solid #d8e0ea;
    border-radius: 14px;
    padding: 8px 10px 6px !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 3px 10px rgba(15,23,42,.04);
    position: relative;
}

    .pos-header-wrap[b-1mgetvcjjg]::before,
    .pos-top-panel[b-1mgetvcjjg]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 3px;
        border-radius: 14px 14px 0 0;
        background: linear-gradient(90deg, #c62828 0%, #e53935 35%, #e31e24 70%, #ef5350 100%);
    }

.pos-header-split[b-1mgetvcjjg] {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

.pos-header-left[b-1mgetvcjjg] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.pos-header-left-premium[b-1mgetvcjjg] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
}

    .pos-header-left-premium .pos-header-row[b-1mgetvcjjg] {
        width: 100% !important;
        align-items: center !important;
    }

    /* FINAL top-row layout. Keep only this block. */
    .pos-header-left-premium .pos-header-row-top[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 220px 250px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        align-items: center !important;
    }

    /* FINAL bottom-row layout. */
    .pos-header-left-premium .pos-header-row-bottom[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 220px 250px minmax(360px, 1fr) !important;
        column-gap: 14px !important;
        align-items: center !important;
    }

        .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(1)[b-1mgetvcjjg] {
            grid-column: 1 !important;
        }

        .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(2)[b-1mgetvcjjg] {
            grid-column: 2 !important;
        }

        .pos-header-left-premium .pos-header-row-top .pos-salesman-with-visit[b-1mgetvcjjg] {
            grid-column: 3 !important;
        }

        .pos-header-left-premium .pos-header-row-bottom .pos-customer-with-history[b-1mgetvcjjg] {
            grid-column: 3 !important;
        }

    .pos-salesman-with-visit[b-1mgetvcjjg] {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

        .pos-salesman-with-visit > .dynamic-field[b-1mgetvcjjg] {
            flex: 0 1 275px !important;
            min-width: 200px !important;
            max-width: 320px !important;
        }

        .pos-salesman-with-visit .pos-visit-info[b-1mgetvcjjg] {
            flex: 1 1 auto !important;
            min-width: 0 !important;
            padding-left: 0 !important;
            overflow: visible !important;
            text-overflow: unset !important;
            white-space: normal !important;
        }

    .pos-customer-with-history[b-1mgetvcjjg] {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

        .pos-customer-with-history > .dynamic-field[b-1mgetvcjjg] {
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }

        .pos-customer-with-history .pos-customer-actions[b-1mgetvcjjg] {
            flex: 0 0 auto !important;
        }

    .pos-header-left-premium .dynamic-field[b-1mgetvcjjg] {
        min-width: 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

        .pos-header-left-premium .dynamic-field label[b-1mgetvcjjg] {
            min-width: 82px !important;
            width: 82px !important;
            margin: 0 !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            color: #475569 !important;
            letter-spacing: .25px !important;
            text-transform: uppercase !important;
            white-space: nowrap !important;
        }

    .pos-header-left-premium .dynamic-input[b-1mgetvcjjg] {
        width: 100% !important;
        min-width: 0 !important;
        height: 29px !important;
        min-height: 29px !important;
    }

/* Customer name input fine-tune. */
[b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top .dynamic-field:nth-child(4) .dynamic-input {
    margin-left: 36px !important;
}

.pos-customer-actions[b-1mgetvcjjg],
.customer-actions[b-1mgetvcjjg] {
    position: static !important;
    top: auto !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    align-self: center !important;
}

[b-1mgetvcjjg] .pos-history-btn,
[b-1mgetvcjjg] .pos-history-btn.dxbl-btn,
[b-1mgetvcjjg] .pos-customer-actions .pos-history-btn,
[b-1mgetvcjjg] .pos-customer-actions .pos-history-btn.dxbl-btn,
button.history-btn[b-1mgetvcjjg] {
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
    background-color: #e31e24 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(227, 30, 36, .25) !important;
    font-weight: 800 !important;
    font-size: 12px !important;
}

[b-1mgetvcjjg] .pos-history-btn .dxbl-btn-text,
[b-1mgetvcjjg] .pos-history-btn .dxbl-btn-content,
[b-1mgetvcjjg] .pos-customer-actions .pos-history-btn .dxbl-btn-text {
    color: #ffffff !important;
}

    .pos-search-btn[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-search-btn,
    [b-1mgetvcjjg] .pos-search-btn.dxbl-btn,
    [b-1mgetvcjjg] .barcode-row .pos-search-btn,
    [b-1mgetvcjjg] .barcode-row .pos-search-btn.dxbl-btn {
        background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
        background-color: #e31e24 !important;
        color: #ffffff !important;
        border: 0 !important;
        box-shadow: 0 2px 8px rgba(227, 30, 36, .25) !important;
        font-weight: 800 !important;
    }

[b-1mgetvcjjg] .pos-header-left-premium .pos-history-btn,
[b-1mgetvcjjg] .pos-header-left-premium .pos-customer-actions .dxbl-btn {
    height: 29px !important;
    min-height: 29px !important;
    transform: none !important;
}

.pos-new-customer[b-1mgetvcjjg] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.pos-visit-info[b-1mgetvcjjg] {
    display: block !important;
    min-height: 29px !important;
    line-height: 1.35 !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    padding-left: 4px !important;
}

    .pos-visit-info:empty[b-1mgetvcjjg] {
        display: none !important;
    }

/* Voucher / right header block — 2x2 grid + compact button row */
[b-1mgetvcjjg] .pos-header-right {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto 24px !important;
    flex: 0 0 460px !important;
    gap: 4px 10px !important;
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
    margin-left: 0 !important;
    overflow: visible !important;
    padding-right: 10px !important;
    padding-bottom: 0 !important;
    transform: none !important;
    position: relative !important;
    align-items: start !important;
}

/* DOM order: 1 Counter, 2 VoucherTime, 3 VoucherSeries, 4 VoucherNo */
[b-1mgetvcjjg] .pos-header-right > .dynamic-field {
    flex: unset !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
}

[b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

[b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

[b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

[b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
}

[b-1mgetvcjjg] .pos-header-right .dynamic-field-voucher-no {
    align-items: center !important;
}

[b-1mgetvcjjg] .pos-header-right .dynamic-field label {
    font-weight: 900 !important;
    color: #334155 !important;
    letter-spacing: .25px !important;
}

[b-1mgetvcjjg] .pos-header-right .dynamic-input,
[b-1mgetvcjjg] .pos-header-right select,
[b-1mgetvcjjg] .pos-header-right input,
[b-1mgetvcjjg] .pos-header-right .pos-h-value {
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Override global site.css .ix-vno-edit flex row */
[b-1mgetvcjjg] .pos-header-right .ix-vno-edit {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
}

[b-1mgetvcjjg] .pos-header-right .voucher-edit-stack {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

[b-1mgetvcjjg] .pos-header-right .pos-vno-value {
    min-width: 0 !important;
    line-height: 28px !important;
    font-weight: 800 !important;
}

/* Buttons in row 3 left column — below VoucherSeries, no overlap */
[b-1mgetvcjjg] .pos-header-right .voucher-action-buttons {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    min-width: 0 !important;
    height: 24px !important;
    overflow: hidden !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-master-toolbtn.voucher-inline-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    background: #fff !important;
    cursor: pointer !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-master-toolbtn.voucher-inline-action .ix-master-ico {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 auto !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-master-toolbtn.primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-master-toolbtn.danger {
    color: #dc3545 !important;
    border-color: rgba(220, 53, 69, .55) !important;
    background: rgba(220, 53, 69, .06) !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-master-toolbtn:disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-calc-wrapper {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-calc-status {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    margin-top: 2px !important;
    transform: translateX(-50%) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-calc-status.pending {
    color: #dc2626 !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-calc-status.applied {
    color: #16a34a !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-vno-edit-mode {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

[b-1mgetvcjjg] .pos-header-right .ix-vno-btn {
    font-weight: 900 !important;
}

.pos-modal-btn.danger[b-1mgetvcjjg] {
    background: #dc2626;
    color: #fff;
}

.pos-audit-modal[b-1mgetvcjjg] {
    max-width: 720px;
    width: 95%;
}

.pos-audit-body[b-1mgetvcjjg] {
    max-height: 60vh;
    overflow: auto;
}

.pos-audit-row[b-1mgetvcjjg] {
    display: grid;
    gap: 4px;
    padding: 8px 0;
    border-bottom: 1px solid #e5e7eb;
    font-size: 12px;
}

[b-1mgetvcjjg] .pos-header-right .dynamic-input,
[b-1mgetvcjjg] .pos-header-right select,
[b-1mgetvcjjg] .pos-header-right input {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

[b-1mgetvcjjg] .pos-header-right .pos-header-row-top,
[b-1mgetvcjjg] .pos-header-right .pos-header-row-bottom {
    column-gap: 10px !important;
}

/* =========================================================
   BARCODE ROW
========================================================= */
.barcode-row[b-1mgetvcjjg] {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 2px !important;
    margin-bottom: 3px !important;
}

    .barcode-row > div:first-child[b-1mgetvcjjg] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .barcode-input[b-1mgetvcjjg],
    .barcode-input input[b-1mgetvcjjg],
    .barcode-row .dxbl-text-edit[b-1mgetvcjjg],
    .barcode-row .dxbl-text-edit input[b-1mgetvcjjg] {
        height: 36px !important;
        min-height: 36px !important;
        border: 1px solid #e53935 !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    .barcode-row .pos-btn[b-1mgetvcjjg],
    .barcode-row .dxbl-btn[b-1mgetvcjjg] {
        height: 36px !important;
        min-height: 36px !important;
        align-self: stretch !important;
        padding: 0 18px !important;
        border-radius: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

/* =========================================================
   GRID SECTIONS
========================================================= */
.pos-grid-stack[b-1mgetvcjjg] {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-height: 0 !important;
    margin-top: 0 !important;
}

.pos-grid-section[b-1mgetvcjjg] {
    border: 1px solid #ccd6e3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.pos-grid-section-header[b-1mgetvcjjg] {
    height: 25px !important;
    min-height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 1px 8px !important;
    margin-top: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d8dee8 !important;
}

.pos-grid-section-title[b-1mgetvcjjg] {
    color: #e31e24 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.pos-grid-section-header .pos-grid-tool-btn[b-1mgetvcjjg],
.pos-grid-tool-btn[b-1mgetvcjjg] {
    border: 1px solid #ccd6e3;
    background: #ffffff;
    color: #374151;
    height: 22px !important;
    min-height: 22px !important;
    padding: 2px 10px !important;
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 700;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}

    .pos-grid-tool-btn:hover[b-1mgetvcjjg] {
        border-color: #ef9a9a;
        color: #e31e24;
        background: #fef2f2;
    }

.dynamic-body-grid-wrap[b-1mgetvcjjg] {
    width: 100%;
    max-height: 150px;
    overflow: auto;
    border: 1px solid #d8dee8;
    background: #fff;
}

.pos-body-top-grid.dynamic-body-grid-wrap[b-1mgetvcjjg],
.pos-body-top-grid .dynamic-body-grid-wrap[b-1mgetvcjjg],
.pos-body-top-grid[b-1mgetvcjjg] {
    height: calc((100vh - 385px) * .60) !important;
    min-height: 240px !important;
    max-height: none !important;
}

.pos-returns-bottom-grid.dynamic-body-grid-wrap[b-1mgetvcjjg],
.pos-returns-bottom-grid .dynamic-body-grid-wrap[b-1mgetvcjjg],
.pos-returns-bottom-grid[b-1mgetvcjjg] {
    height: calc((100vh - 385px) * .34) !important;
    min-height: 120px !important;
    max-height: none !important;
}

.dynamic-body-grid[b-1mgetvcjjg] {
    border-collapse: collapse;
    width: max-content;
    table-layout: fixed;
    font-size: 12px;
}

    .dynamic-body-grid th[b-1mgetvcjjg],
    .dynamic-body-grid td[b-1mgetvcjjg] {
        border: 1px solid #d8dee8;
        padding: 0;
        text-align: left;
    }

    .dynamic-body-grid th[b-1mgetvcjjg] {
        background: #f3f4f6;
        padding: 4px 6px !important;
        font-weight: 700;
        position: relative;
    }

.pos-grid-col-header[b-1mgetvcjjg] {
    padding-right: 10px !important;
}

.pos-grid-col-caption[b-1mgetvcjjg] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pos-grid-col-resizing[b-1mgetvcjjg] {
    cursor: col-resize !important;
    user-select: none !important;
}

body.pos-grid-col-resizing *[b-1mgetvcjjg] {
    cursor: col-resize !important;
    user-select: none !important;
}

.pos-grid-col-resizer[b-1mgetvcjjg] {
    position: absolute;
    top: 0;
    right: -4px;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 5;
    touch-action: none;
}

    .pos-grid-col-resizer:hover[b-1mgetvcjjg] {
        background: rgba(227, 30, 36, .18);
    }

.pos-grid-column-row[b-1mgetvcjjg] {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 4px 8px;
    cursor: pointer;
}

.dynamic-grid-input[b-1mgetvcjjg],
.pos-dynamic-grid .dynamic-grid-input[b-1mgetvcjjg] {
    width: 100%;
    border: 0;
    padding: 2px 6px !important;
    min-height: 24px !important;
    background: #fff;
}

    .dynamic-grid-input[readonly][b-1mgetvcjjg] {
        background: #f9fafb;
    }

.dynamic-grid-number[b-1mgetvcjjg] {
    text-align: right;
}

.dynamic-grid-check[b-1mgetvcjjg] {
    width: 100%;
    min-height: 26px;
}

/* =========================================================
   RETURN BARCODE STRIP
========================================================= */
.pos-return-barcode-strip[b-1mgetvcjjg] {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.pos-return-inline-field[b-1mgetvcjjg] {
    display: flex !important;
    align-items: stretch !important;
    min-width: 0 !important;
}

.pos-return-barcode-with-scan[b-1mgetvcjjg] {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.pos-return-scan-btn[b-1mgetvcjjg] {
    flex: 0 0 auto !important;
    height: 36px !important;
    min-width: 64px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pos-exchange-barcode-field[b-1mgetvcjjg] {
    flex: 1 1 auto !important;
}

.pos-repeat-order-field[b-1mgetvcjjg] {
    flex: 0 0 230px !important;
}

.pos-return-inline-input[b-1mgetvcjjg],
.pos-return-inline-field .dynamic-input[b-1mgetvcjjg] {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    border: 1px solid #e53935 !important;
    border-radius: 8px !important;
    padding: 5px 9px !important;
    font-size: 13px !important;
    background: #ffffff !important;
}

.pos-return-check[b-1mgetvcjjg] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

/* =========================================================
   RIGHT PANEL SUMMARY / COLLECTION
========================================================= */
.pos-right .panel[b-1mgetvcjjg],
.pos-summary-panel[b-1mgetvcjjg],
.pos-collection-panel[b-1mgetvcjjg] {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.pos-right .panel-title[b-1mgetvcjjg] {
    margin-bottom: 8px;
    line-height: 1.1;
}

.pos-right .kv[b-1mgetvcjjg],
.pos-summary-kv[b-1mgetvcjjg],
.pos-collection-kv[b-1mgetvcjjg],
.pos-collection-panel .kv[b-1mgetvcjjg] {
    min-height: 27px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.25 !important;
}

.pos-summary-kv[b-1mgetvcjjg],
.pos-collection-kv[b-1mgetvcjjg] {
    align-items: center;
}

    .pos-summary-kv span:last-child[b-1mgetvcjjg] {
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
    }

.pos-summary-ntp-row[b-1mgetvcjjg],
.pos-two-check-row[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    flex-wrap: nowrap;
}

.pos-summary-ntp-cell[b-1mgetvcjjg] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
    width: auto;
    flex: 0 0 auto;
}

.pos-inline-check[b-1mgetvcjjg],
.pos-summary-inline-check[b-1mgetvcjjg] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    cursor: pointer;
    margin: 0;
    font-weight: 400;
    white-space: nowrap;
    width: auto;
    flex: 0 0 auto;
}

    .pos-inline-check span[b-1mgetvcjjg],
    .pos-summary-ntp-cell span:first-child[b-1mgetvcjjg],
    .pos-summary-inline-check span[b-1mgetvcjjg] {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.pos-panel-checkbox[b-1mgetvcjjg] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #475569;
}

.pos-collection-value[b-1mgetvcjjg] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 120px;
}

.pos-collection-input[b-1mgetvcjjg] {
    width: 120px;
    height: 28px;
    border: 0;
    background: transparent;
    text-align: right;
    font-weight: 700;
    color: #374151;
    outline: none;
    padding: 0;
}

    .pos-collection-input:focus[b-1mgetvcjjg] {
        border: 1px solid #cbd5e1;
        border-radius: 6px;
        background: #ffffff;
        padding: 0 8px;
    }

    .pos-collection-input[readonly][b-1mgetvcjjg] {
        color: #374151;
    }

.pos-summary-ntp-cell .pos-collection-value[b-1mgetvcjjg],
.pos-summary-inline-check .pos-collection-value[b-1mgetvcjjg] {
    min-width: 0;
}

/* Optional aliases if your markup uses these class names later */
[b-1mgetvcjjg] .pos-right-panel {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
}

[b-1mgetvcjjg] .pos-main-layout {
    grid-template-columns: 1fr 320px !important;
}

[b-1mgetvcjjg] .summary-card,
[b-1mgetvcjjg] .collection-card {
    padding: 14px 16px !important;
}

[b-1mgetvcjjg] .summary-row,
[b-1mgetvcjjg] .collection-row {
    min-height: 32px !important;
    padding: 5px 0 !important;
}

/* =========================================================
   COLUMN CHOOSER (ReportViewer styling)
========================================================= */
[b-1mgetvcjjg] .rv-edit-columns-popup .dxbl-popup {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 28px 90px rgba(15, 23, 42, .30);
    overflow: hidden;
}

.rv-edit-columns[b-1mgetvcjjg] {
    position: relative;
    padding: 0;
    color: #172033;
    background: #f6f8fc;
}

.rv-edit-columns-head[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 14px 64px 14px 26px;
    margin: 0;
    border-bottom: 1px solid #dbe4f0;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    color: #172033;
}

.rv-edit-columns-icon[b-1mgetvcjjg] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #edf5ff;
    color: #1769e0;
    box-shadow: inset 0 0 0 1px #cfe0f5;
}

.rv-edit-columns-icon svg[b-1mgetvcjjg] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rv-edit-columns h2[b-1mgetvcjjg] {
    margin: 0 0 18px;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0;
}

.rv-edit-columns-head h2[b-1mgetvcjjg] {
    margin-bottom: 3px;
    color: #172033;
    font-size: 22px;
}

.rv-edit-columns-head p[b-1mgetvcjjg] {
    margin: 0;
    color: #526985;
    font-size: 13px;
    font-weight: 700;
}

.rv-edit-columns-close[b-1mgetvcjjg] {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: #edf3fa;
    color: #3f5874;
    font-size: 26px;
    line-height: 26px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.rv-edit-columns-close:hover[b-1mgetvcjjg] {
    background: #dfeafa;
    color: #1769e0;
}

.rv-edit-column-toolbar[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 22px 30px 16px;
    padding: 14px 16px;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

.rv-edit-column-toolbar > span[b-1mgetvcjjg] {
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.rv-edit-column-list[b-1mgetvcjjg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    column-gap: 16px;
    row-gap: 10px;
    max-height: min(52vh, 430px);
    overflow: auto;
    padding: 2px 30px 10px;
    margin-top: 0;
}

.rv-edit-column-check[b-1mgetvcjjg] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 40px;
    color: #263247;
    font-size: 15px;
    line-height: 1.25;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 6px 8px;
    background: transparent;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.rv-edit-column-list .rv-edit-column-check:hover[b-1mgetvcjjg] {
    border-color: #cfe0f7;
    background: #fff;
    transform: translateY(-1px);
}

.rv-edit-column-check span[b-1mgetvcjjg] {
    overflow-wrap: anywhere;
}

.rv-edit-column-check input[type="checkbox"][b-1mgetvcjjg] {
    width: 21px;
    height: 21px;
    margin: 0;
    accent-color: #00a7a5;
    cursor: pointer;
}

.rv-edit-column-check input:not([type="checkbox"])[b-1mgetvcjjg] {
    width: auto;
    height: auto;
    margin: 0;
    accent-color: unset;
    cursor: text;
}

.rv-edit-column-select-all[b-1mgetvcjjg] {
    width: fit-content;
    color: #101828;
    font-weight: 700;
    margin-bottom: 2px;
    min-height: 28px;
    padding: 0;
    background: transparent;
}

.rv-edit-column-actions[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 18px;
    padding: 20px 30px 28px;
    border-top: 1px solid #eef1f5;
    background: #fff;
}

.rv-edit-column-actions button[b-1mgetvcjjg] {
    min-width: 100px;
    height: 48px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.rv-edit-column-save[b-1mgetvcjjg] {
    border: 1px solid #1769e0;
    background: #1769e0;
    color: #fff;
    box-shadow: 0 8px 20px rgba(23, 105, 224, .18);
}

.rv-edit-column-save:hover:not(:disabled)[b-1mgetvcjjg] {
    background: #125ac4;
    border-color: #125ac4;
}

.rv-edit-column-save:disabled[b-1mgetvcjjg] {
    border-color: #cbd5e1;
    background: #cbd5e1;
    color: #f8fafc;
    box-shadow: none;
    cursor: not-allowed;
}

.rv-edit-column-cancel[b-1mgetvcjjg] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #172033;
}

.rv-edit-column-cancel:hover[b-1mgetvcjjg] {
    border-color: #94a3b8;
    background: #f8fafc;
}

.rv-edit-column-restore[b-1mgetvcjjg] {
    min-width: 0 !important;
    height: auto !important;
    border: 0 !important;
    background: transparent !important;
    color: #334155;
    text-decoration: underline;
    font-weight: 500 !important;
    padding: 0;
}

.rv-edit-column-restore:hover[b-1mgetvcjjg] {
    color: #1769e0;
}

@media (max-width: 1024px) {
    .rv-edit-column-list[b-1mgetvcjjg] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .rv-edit-column-toolbar[b-1mgetvcjjg] {
        margin: 18px 20px 14px;
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    [b-1mgetvcjjg] .rv-edit-columns-popup {
        max-width: calc(100vw - 16px) !important;
        width: calc(100vw - 16px) !important;
    }

    .rv-edit-column-list[b-1mgetvcjjg] {
        grid-template-columns: 1fr;
        padding: 2px 16px 10px;
    }

    .rv-edit-column-toolbar[b-1mgetvcjjg] {
        margin: 16px 16px 12px;
    }

    .rv-edit-column-actions[b-1mgetvcjjg] {
        flex-wrap: wrap;
        padding: 16px;
    }

    .rv-edit-columns-head[b-1mgetvcjjg] {
        padding: 14px 52px 14px 18px;
    }
}

/* Field settings popup — brown & red theme */
[b-1mgetvcjjg] .ix-field-settings-popup .dxbl-popup-header {
    background: linear-gradient(135deg, #6d4c2e 0%, #8d6e4b 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #cfc0ae !important;
}

[b-1mgetvcjjg] .ix-field-settings-popup .dxbl-popup-header .dxbl-popup-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[b-1mgetvcjjg] .ix-field-settings-popup .dxbl-popup-content {
    padding: 10px 12px !important;
    background: #faf7f4 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

.ix-field-settings-popup-body[b-1mgetvcjjg] {
    flex: 1 1 auto;
    height: calc(80vh - 52px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #faf7f4;
}

.ix-field-settings-popup-body[b-1mgetvcjjg]  .ui-field-settings-host {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

@media (max-width: 760px) {
    [b-1mgetvcjjg] .ix-field-settings-popup {
        max-width: calc(100vw - 12px) !important;
        width: calc(100vw - 12px) !important;
    }

    .ix-field-settings-popup-body[b-1mgetvcjjg] {
        height: calc(88vh - 48px);
        min-height: 320px;
    }
}

/* =========================================================
   ACTION BUTTONS
========================================================= */
[b-1mgetvcjjg] .pos-actions-compact {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center;
    width: 100%;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin-top: 6px !important;
    padding-bottom: 2px !important;
    box-sizing: border-box !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-btn,
[b-1mgetvcjjg] .pos-actions-compact .pos-action-btn.dxbl-btn {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 128px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-save.dxbl-btn {
    background: #dbeafe !important;
    border: 1px solid #93c5fd !important;
    color: #1d4ed8 !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-email.dxbl-btn {
    background: #e0e7ff !important;
    border: 1px solid #a5b4fc !important;
    color: #4338ca !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-print.dxbl-btn {
    background: #5eead4 !important;
    border: 1px solid #0d9488 !important;
    color: #134e4a !important;
}

[b-1mgetvcjjg] .pos-sticky-actions-inner .pos-action-print.dxbl-btn .pos-btn-icon,
[b-1mgetvcjjg] .pos-sticky-actions-inner .pos-action-print.dxbl-btn .pos-btn-icon path {
    stroke: #134e4a !important;
    fill: none !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-whatsapp.dxbl-btn {
    background: #dcfce7 !important;
    border: 1px solid #86efac !important;
    color: #15803d !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-sms.dxbl-btn {
    background: #ede9fe !important;
    border: 1px solid #c4b5fd !important;
    color: #6d28d9 !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-cancel.dxbl-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-clear.dxbl-btn {
    background: #ffe4e6 !important;
    border: 1px solid #fda4af !important;
    color: #be123c !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-discount.dxbl-btn {
    background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%) !important;
    border: 1px solid #f87171 !important;
    color: #b91c1c !important;
    box-shadow: 0 0 0 1px rgba(227, 30, 36, .18), 0 2px 8px rgba(198, 30, 30, .18) !important;
    font-weight: 800 !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-settings.dxbl-btn {
    background: #f3e8ff !important;
    border: 1px solid #d8b4fe !important;
    color: #7e22ce !important;
    max-width: 108px !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-btn:hover:not(:disabled),
[b-1mgetvcjjg] .pos-actions-compact .pos-action-btn.dxbl-btn:hover:not(:disabled) {
    filter: brightness(.97) !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-action-discount.dxbl-btn:hover:not(:disabled) {
    filter: brightness(1.03) !important;
    box-shadow: 0 0 0 2px rgba(227, 30, 36, .35), 0 3px 10px rgba(198, 30, 30, .28) !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-btn-icon {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
}

[b-1mgetvcjjg] .pos-actions-compact .pos-btn-content {
    gap: 4px !important;
}

/* POS screen loading */
.pos-screen-loading[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 120px);
    background: #eef2f7;
}

.pos-screen-loading-card[b-1mgetvcjjg] {
    padding: 14px 22px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
}

/* Option D: Integrated bottom action bar (desktop only) */
.pos-page[b-1mgetvcjjg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background-color: #eef2f7 !important;
}

.pos-page > .pos-header[b-1mgetvcjjg] {
    flex: 0 0 auto;
}

.pos-page > .pos-desktop-shell[b-1mgetvcjjg] {
    flex: 1 1 auto;
    min-height: 0;
}

.pos-desktop-shell[b-1mgetvcjjg] {
    min-height: 0;
}

.pos-sticky-actions-dock[b-1mgetvcjjg] {
    display: none;
}

@media (min-width: 1024px) {
    .pos-has-sticky-actions[b-1mgetvcjjg] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        gap: 0;
    }

    .pos-has-sticky-actions > .pos-root[b-1mgetvcjjg] {
        flex: 1 1 auto;
        min-height: 0;
        height: auto !important;
        overflow: hidden;
    }

    .pos-has-sticky-actions > .pos-sticky-actions-dock[b-1mgetvcjjg] {
        flex: 0 0 auto;
        width: calc(100% - 374px);
        max-width: calc(100% - 374px);
        align-self: flex-start;
    }

    .pos-has-sticky-actions .pos-left[b-1mgetvcjjg] {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

    .pos-has-sticky-actions .pos-grid-stack[b-1mgetvcjjg] {
        flex: 1 1 auto;
        min-height: 0;
        gap: 2px !important;
    }

    .pos-has-sticky-actions .pos-grid-section-body[b-1mgetvcjjg] {
        flex: 1.35 1 0;
        min-height: 180px;
        display: flex;
        flex-direction: column;
    }

    .pos-has-sticky-actions .pos-grid-section-returns[b-1mgetvcjjg] {
        flex: 0.65 1 0;
        min-height: 130px;
        display: flex;
        flex-direction: column;
    }

    .pos-has-sticky-actions .pos-body-top-grid.dynamic-body-grid-wrap[b-1mgetvcjjg],
    .pos-has-sticky-actions .pos-body-top-grid .dynamic-body-grid-wrap[b-1mgetvcjjg],
    .pos-has-sticky-actions .pos-body-top-grid[b-1mgetvcjjg] {
        flex: 1 1 auto;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .pos-has-sticky-actions .pos-returns-bottom-grid.dynamic-body-grid-wrap[b-1mgetvcjjg],
    .pos-has-sticky-actions .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-1mgetvcjjg],
    .pos-has-sticky-actions .pos-returns-bottom-grid[b-1mgetvcjjg] {
        flex: 1 1 auto;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .pos-has-sticky-actions .pos-grid-wrap[b-1mgetvcjjg] {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .pos-has-sticky-actions .dynamic-body-grid-wrap[b-1mgetvcjjg] {
        max-height: none !important;
        flex: 1 1 auto;
        min-height: 0;
    }

    .pos-sticky-actions-dock[b-1mgetvcjjg] {
        display: block;
        position: relative;
        flex: 0 0 auto;
        z-index: 5;
        padding: 8px 16px 10px;
        background: #ffffff;
        border-top: 1px solid #dde3ea;
        box-shadow: 0 -2px 8px rgba(15, 23, 42, .06);
    }

    .pos-sticky-actions-inner[b-1mgetvcjjg] {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100%;
        max-width: none;
        margin: 0;
        overflow: visible !important;
    }

    .pos-has-sticky-actions .pos-right[b-1mgetvcjjg] {
        padding-bottom: 4px !important;
        overflow: auto !important;
    }

    .pos-has-sticky-actions .pos-collection-panel[b-1mgetvcjjg] {
        padding-bottom: 8px !important;
    }

    .pos-sticky-actions-inner[b-1mgetvcjjg]  .pos-action-btn,
    .pos-sticky-actions-inner[b-1mgetvcjjg]  .pos-action-btn.dxbl-btn {
        flex: 0 0 122px !important;
        width: 122px !important;
        min-width: 122px !important;
        max-width: 122px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .pos-sticky-actions-inner[b-1mgetvcjjg]  .pos-btn-icon {
        width: 14px !important;
        height: 14px !important;
        flex: 0 0 14px !important;
    }

    .pos-sticky-actions-inner[b-1mgetvcjjg]  .pos-btn-content {
        justify-content: center !important;
        gap: 4px !important;
    }

    .pos-sticky-actions-inner[b-1mgetvcjjg]  .pos-action-print.dxbl-btn {
        flex: 0 0 156px !important;
        width: 156px !important;
        min-width: 156px !important;
        max-width: 156px !important;
        overflow: visible !important;
        white-space: nowrap !important;
        background: #5eead4 !important;
        border: 1px solid #0d9488 !important;
        color: #134e4a !important;
        font-weight: 800 !important;
    }

    .pos-sticky-actions-inner[b-1mgetvcjjg]  .pos-action-print .pos-action-desktop-text {
        font-size: 10px !important;
        letter-spacing: -.1px;
    }

    .pos-actions-legacy-dock[b-1mgetvcjjg] {
        display: none !important;
    }
}

.pos-root[b-1mgetvcjjg] {
    min-height: 0 !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1500px) {
    .pos-header-left-premium .pos-header-row-top[b-1mgetvcjjg] {
        grid-template-columns: 200px 225px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    .pos-header-left-premium .pos-header-row-bottom[b-1mgetvcjjg] {
        grid-template-columns: 200px 225px minmax(280px, 1fr) !important;
        column-gap: 10px !important;
    }
}

@media (max-width: 1280px) {
    .pos-header-left-premium .pos-header-row-top[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-bottom[b-1mgetvcjjg] {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .pos-header-left-premium .dynamic-field[b-1mgetvcjjg] {
        width: auto !important;
        min-width: 210px !important;
    }

    .pos-visit-info[b-1mgetvcjjg] {
        max-width: 100% !important;
    }
}
/* Make top Scan Barcode same as Exchange barcode */
[b-1mgetvcjjg] .barcode-row,
.barcode-row[b-1mgetvcjjg] {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 2px !important;
    margin-bottom: 5px !important;
}

    [b-1mgetvcjjg] .barcode-row > div:first-child,
    .barcode-row > div:first-child[b-1mgetvcjjg] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    [b-1mgetvcjjg] .barcode-input,
    [b-1mgetvcjjg] .barcode-input input,
    [b-1mgetvcjjg] .barcode-row .dxbl-text-edit,
    [b-1mgetvcjjg] .barcode-row .dxbl-text-edit input,
    .barcode-input[b-1mgetvcjjg],
    .barcode-input input[b-1mgetvcjjg] {
        height: 36px !important;
        min-height: 36px !important;
        border: 1px solid #e53935 !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    [b-1mgetvcjjg] .barcode-row .pos-btn,
    [b-1mgetvcjjg] .barcode-row .dxbl-btn,
    .barcode-row .pos-btn[b-1mgetvcjjg],
    .barcode-row .dxbl-btn[b-1mgetvcjjg] {
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 8px !important;
    }
/* FINAL: remove empty space after History */
[b-1mgetvcjjg] .pos-header {
    display: flex !important;
    gap: 8px !important;
    align-items: flex-start !important;
}

[b-1mgetvcjjg] .pos-header-left-premium {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top {
        grid-template-columns: 220px 250px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-bottom {
        grid-template-columns: 220px 250px 1fr !important;
        column-gap: 10px !important;
    }

/* Voucher No edit input width */
[b-1mgetvcjjg] .ix-vno-input,
[b-1mgetvcjjg] .voucher-no-input {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}
/*Icons for buttons*/
.pos-btn-content[b-1mgetvcjjg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.pos-btn-icon[b-1mgetvcjjg] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .95;
}
/* Move action buttons slightly up */
[b-1mgetvcjjg] .pos-actions-compact {
    margin-top: -6px !important;
}
/* Premium History Button */
[b-1mgetvcjjg] .customer-history-btn,
[b-1mgetvcjjg] .history-btn,
[b-1mgetvcjjg] .pos-history-btn,
[b-1mgetvcjjg] .pos-history-btn.dxbl-btn,
[b-1mgetvcjjg] .pos-customer-actions .pos-history-btn.dxbl-btn {
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
    background-color: #e31e24 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(227, 30, 36, .25) !important;
    transform: none !important;
}

/* Salesman + visit on same row */
[b-1mgetvcjjg] .pos-salesman-with-visit {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
}

    [b-1mgetvcjjg] .pos-salesman-with-visit > .dynamic-field {
        flex: 0 1 275px !important;
        min-width: 200px !important;
        max-width: 320px !important;
    }

    [b-1mgetvcjjg] .pos-salesman-with-visit .pos-visit-info {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        overflow: visible !important;
        text-overflow: unset !important;
        white-space: normal !important;
    }

/* Align nicely with customer field */
[b-1mgetvcjjg] .pos-customer-with-history {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
}

    [b-1mgetvcjjg] .pos-customer-with-history > .dynamic-field {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    [b-1mgetvcjjg] .pos-customer-with-history .pos-customer-actions {
        flex: 0 0 auto !important;
    }

[b-1mgetvcjjg] .pos-customer-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
}

/* =========================================================
   RESPONSIVE POS
   Only layout flow changes; current colors, buttons, and sizing classes remain.
   ========================================================= */

@media (max-width: 1320px) {
    [b-1mgetvcjjg] .pos-header {
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-bottom {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
        gap: 8px 10px !important;
    }

    [b-1mgetvcjjg] .pos-header-right {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        transform: none !important;
    }
}

@media (max-width: 1100px) {
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-bottom {
        grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    }

    [b-1mgetvcjjg] .pos-root {
        grid-template-columns: 1fr !important;
        height: auto !important;
        overflow: visible !important;
    }

    [b-1mgetvcjjg] .pos-left,
    [b-1mgetvcjjg] .pos-right {
        overflow: visible !important;
    }

    [b-1mgetvcjjg] .pos-right {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start !important;
    }

    [b-1mgetvcjjg] .pos-actions-compact {
        flex-wrap: wrap !important;
        margin-top: 4px !important;
    }

    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn,
    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn.dxbl-btn {
        flex: 0 1 auto !important;
        max-width: 128px !important;
    }
}

@media (max-width: 760px) {
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-bottom {
        grid-template-columns: 1fr !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field {
        min-width: 0 !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(82px, 30%) minmax(0, 1fr) !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field label {
        width: auto !important;
        min-width: 0 !important;
        white-space: normal !important;
    }

    [b-1mgetvcjjg] .pos-customer-actions,
    [b-1mgetvcjjg] .customer-actions {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    [b-1mgetvcjjg] .customer-history-btn,
    [b-1mgetvcjjg] .history-btn,
    [b-1mgetvcjjg] .pos-history-btn,
    [b-1mgetvcjjg] .pos-customer-actions .dxbl-btn {
        width: 100% !important;
        transform: none !important;
    }

    .barcode-row[b-1mgetvcjjg],
    .pos-return-barcode-strip[b-1mgetvcjjg] {
        flex-wrap: wrap !important;
    }

    .barcode-row .pos-btn[b-1mgetvcjjg],
    .barcode-row .dxbl-btn[b-1mgetvcjjg],
    .pos-return-inline-field[b-1mgetvcjjg] {
        flex: 1 1 100% !important;
    }

    .pos-repeat-order-field[b-1mgetvcjjg] {
        flex-basis: 100% !important;
    }

    [b-1mgetvcjjg] .pos-right {
        grid-template-columns: 1fr !important;
    }

    .pos-summary-ntp-row[b-1mgetvcjjg],
    .pos-two-check-row[b-1mgetvcjjg] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .pos-collection-value[b-1mgetvcjjg],
    .pos-collection-input[b-1mgetvcjjg] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 520px) {
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn,
    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn.dxbl-btn {
        flex: 1 1 100% !important;
    }

    .dynamic-body-grid[b-1mgetvcjjg] {
        min-width: 640px;
    }
}

/* =========================================================
   POS MOBILE APP LAYOUT - FINAL OVERRIDE
   ========================================================= */
@media (max-width: 760px) {
    [b-1mgetvcjjg] .pos-header,
    .pos-header[b-1mgetvcjjg] {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 8px !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium,
    [b-1mgetvcjjg] .pos-header-left,
    [b-1mgetvcjjg] .pos-header-right,
    .pos-header-left-premium[b-1mgetvcjjg],
    .pos-header-left[b-1mgetvcjjg],
    .pos-header-right[b-1mgetvcjjg] {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        transform: none !important;
        margin: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-bottom,
    .pos-header-left-premium .pos-header-row-top[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-bottom[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        width: 100% !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field,
    .pos-header-left-premium .dynamic-field[b-1mgetvcjjg],
    .pos-header-right .dynamic-field[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field label,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field label,
    .pos-header-left-premium .dynamic-field label[b-1mgetvcjjg],
    .pos-header-right .dynamic-field label[b-1mgetvcjjg] {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        white-space: normal !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-input,
    [b-1mgetvcjjg] .pos-header-right .dynamic-input,
    [b-1mgetvcjjg] .pos-header-left-premium input,
    [b-1mgetvcjjg] .pos-header-right input,
    [b-1mgetvcjjg] .pos-header-left-premium select,
    [b-1mgetvcjjg] .pos-header-right select,
    .pos-header-left-premium .dynamic-input[b-1mgetvcjjg],
    .pos-header-right .dynamic-input[b-1mgetvcjjg] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top .dynamic-field:nth-child(4) .dynamic-input {
        margin-left: 0 !important;
    }

    [b-1mgetvcjjg] .pos-customer-actions,
    .pos-customer-actions[b-1mgetvcjjg] {
        width: 100% !important;
        padding: 0 !important;
    }

    [b-1mgetvcjjg] .pos-customer-actions .dxbl-btn,
    [b-1mgetvcjjg] .pos-history-btn,
    .pos-history-btn[b-1mgetvcjjg] {
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 9px !important;
        transform: none !important;
    }

    [b-1mgetvcjjg] .pos-root,
    .pos-root[b-1mgetvcjjg] {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 8px 12px !important;
        box-sizing: border-box !important;
    }

    [b-1mgetvcjjg] .pos-left,
    [b-1mgetvcjjg] .pos-right,
    .pos-left[b-1mgetvcjjg],
    .pos-right[b-1mgetvcjjg] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    [b-1mgetvcjjg] .barcode-row,
    .barcode-row[b-1mgetvcjjg] {
        position: sticky !important;
        top: 94px;
        z-index: 15;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        width: 100% !important;
        padding: 8px !important;
        margin: 0 0 8px !important;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 4px 16px rgba(15, 23, 42, .08);
        box-sizing: border-box;
    }

    [b-1mgetvcjjg] .barcode-row > *,
    .barcode-row > *[b-1mgetvcjjg] {
        width: 100% !important;
        min-width: 0 !important;
    }

    [b-1mgetvcjjg] .barcode-row .pos-btn,
    [b-1mgetvcjjg] .barcode-row .dxbl-btn,
    .barcode-row .pos-btn[b-1mgetvcjjg],
    .barcode-row .dxbl-btn[b-1mgetvcjjg] {
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    .pos-grid-stack[b-1mgetvcjjg] {
        gap: 9px !important;
        width: 100% !important;
    }

    .pos-grid-section[b-1mgetvcjjg] {
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .pos-grid-section-header[b-1mgetvcjjg] {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 9px !important;
    }

    .pos-grid-section-title[b-1mgetvcjjg] {
        font-size: 13px !important;
    }

    .pos-grid-tool-btn[b-1mgetvcjjg] {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        border-radius: 7px !important;
    }

    .pos-grid-wrap[b-1mgetvcjjg],
    .pos-dynamic-grid-wrap[b-1mgetvcjjg] {
        width: 100% !important;
        min-height: 240px !important;
        max-height: none !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    [b-1mgetvcjjg] .pos-grid-wrap .dxbl-grid,
    [b-1mgetvcjjg] .pos-dynamic-grid-wrap .dxbl-grid,
    [b-1mgetvcjjg] .pos-grid-wrap .dxbl-grid-table,
    [b-1mgetvcjjg] .pos-dynamic-grid-wrap .dxbl-grid-table {
        min-width: 680px !important;
    }

    .pos-return-barcode-strip[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        width: 100% !important;
    }

    .pos-return-inline-field[b-1mgetvcjjg],
    .pos-repeat-order-field[b-1mgetvcjjg] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-basis: auto !important;
    }

    [b-1mgetvcjjg] .pos-actions-compact,
    .pos-actions-compact[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn,
    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn.dxbl-btn,
    .pos-actions-compact .pos-action-btn[b-1mgetvcjjg] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 38px !important;
        min-height: 38px !important;
        flex: 1 1 auto !important;
        font-size: 12px !important;
        border-radius: 9px !important;
    }

    .pos-btn-content[b-1mgetvcjjg] {
        width: 100%;
        min-width: 0;
    }

    .pos-btn-content span:last-child[b-1mgetvcjjg] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-1mgetvcjjg] .pos-right,
    .pos-right[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .pos-right .panel[b-1mgetvcjjg],
    .pos-summary-panel[b-1mgetvcjjg],
    .pos-collection-panel[b-1mgetvcjjg] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 12px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    .pos-right .kv[b-1mgetvcjjg],
    .pos-summary-kv[b-1mgetvcjjg],
    .pos-collection-kv[b-1mgetvcjjg],
    .pos-collection-panel .kv[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        align-items: center !important;
        min-height: 32px !important;
    }

    .pos-two-check-row[b-1mgetvcjjg],
    .pos-summary-ntp-row[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .pos-inline-check[b-1mgetvcjjg],
    .pos-summary-inline-check[b-1mgetvcjjg] {
        width: 100% !important;
        justify-content: space-between !important;
        white-space: normal !important;
    }

    .pos-collection-value[b-1mgetvcjjg],
    .pos-collection-input[b-1mgetvcjjg] {
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 420px) {
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field,
    .pos-header-left-premium .dynamic-field[b-1mgetvcjjg],
    .pos-header-right .dynamic-field[b-1mgetvcjjg] {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    [b-1mgetvcjjg] .pos-grid-wrap .dxbl-grid,
    [b-1mgetvcjjg] .pos-dynamic-grid-wrap .dxbl-grid,
    [b-1mgetvcjjg] .pos-grid-wrap .dxbl-grid-table,
    [b-1mgetvcjjg] .pos-dynamic-grid-wrap .dxbl-grid-table {
        min-width: 620px !important;
    }
}

/* POS mobile header rescue: remove desktop wrapping/offsets that create blank space. */
@media (max-width: 760px) {
    .pos-header.pos-header-split[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header.pos-header-split {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 8px !important;
        margin: 0 0 8px !important;
        box-sizing: border-box !important;
    }

    .pos-header-left-premium[b-1mgetvcjjg],
    .pos-header-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium,
    [b-1mgetvcjjg] .pos-header-right {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        transform: none !important;
        translate: none !important;
        position: static !important;
        overflow: visible !important;
        padding: 8px !important;
        margin: 0 0 8px !important;
        border: 1px solid #d8e0ea;
        border-radius: 12px;
        background: #ffffff;
        box-sizing: border-box !important;
    }

    .pos-header-left-premium .pos-header-row[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-top[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-bottom[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-bottom {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        position: static !important;
    }

    .pos-header-left-premium .dynamic-field[b-1mgetvcjjg],
    .pos-header-right .dynamic-field[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field {
        display: grid !important;
        grid-template-columns: minmax(96px, 32%) minmax(0, 1fr) !important;
        gap: 7px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pos-header-left-premium .dynamic-field label[b-1mgetvcjjg],
    .pos-header-right .dynamic-field label[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field label,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field label {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .pos-header-left-premium .dynamic-input[b-1mgetvcjjg],
    .pos-header-right .dynamic-input[b-1mgetvcjjg],
    .pos-header-left-premium input[b-1mgetvcjjg],
    .pos-header-right input[b-1mgetvcjjg],
    .pos-header-left-premium select[b-1mgetvcjjg],
    .pos-header-right select[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-input,
    [b-1mgetvcjjg] .pos-header-right .dynamic-input,
    [b-1mgetvcjjg] .pos-header-left-premium input,
    [b-1mgetvcjjg] .pos-header-right input,
    [b-1mgetvcjjg] .pos-header-left-premium select,
    [b-1mgetvcjjg] .pos-header-right select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(1)[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(2)[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-top .pos-salesman-with-visit[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-bottom .pos-customer-with-history[b-1mgetvcjjg] {
        grid-column: auto !important;
    }

    .pos-visit-info[b-1mgetvcjjg] {
        min-height: 0 !important;
        white-space: normal !important;
        padding-left: 0 !important;
    }

    [b-1mgetvcjjg] .pos-header-right {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto minmax(26px, auto) !important;
    }

    [b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    [b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    [b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(3) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    [b-1mgetvcjjg] .pos-header-right > .dynamic-field:nth-child(4) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    [b-1mgetvcjjg] .pos-header-right .voucher-action-buttons {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: calc(50% - 5px) !important;
    }

    [b-1mgetvcjjg] .pos-header-right .ix-vno-edit-mode {
        flex-wrap: wrap !important;
    }

    .pos-h-value[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-h-value {
        min-width: 0 !important;
    }

    .ix-vno-input[b-1mgetvcjjg],
    .voucher-no-input[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-vno-input,
    [b-1mgetvcjjg] .voucher-no-input {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 110px !important;
    }

    .ix-vno-btn[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-vno-btn {
        min-height: 32px !important;
        flex: 0 0 auto !important;
    }
}

@media (max-width: 420px) {
    .pos-header-left-premium .dynamic-field[b-1mgetvcjjg],
    .pos-header-right .dynamic-field[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field {
        grid-template-columns: 1fr !important;
    }
}

/* POS mobile compact operator flow: scan, totals/payment, grid, actions. */
@media (max-width: 760px) {
    .pos-mobile-header-toggle[b-1mgetvcjjg] {
        position: sticky;
        top: 48px;
        z-index: 48;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: calc(100% - 14px);
        min-height: 34px;
        margin: 0 7px 6px;
        padding: 0 10px;
        border: 1px solid #d8e0ea;
        border-radius: 9px;
        background: #ffffff;
        color: #0f172a;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .08);
        font-size: 12px;
        font-weight: 800;
    }

    .pos-mobile-header-toggle strong[b-1mgetvcjjg] {
        color: #0b72c9;
        font-size: 12px;
    }

    .pos-header-collapsed[b-1mgetvcjjg] {
        display: none !important;
    }

    .pos-header.pos-header-split[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header.pos-header-split {
        padding: 6px !important;
        margin-bottom: 6px !important;
    }

    .pos-header-left-premium[b-1mgetvcjjg],
    .pos-header-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium,
    [b-1mgetvcjjg] .pos-header-right {
        gap: 5px !important;
        padding: 6px !important;
        margin-bottom: 6px !important;
        border-radius: 10px !important;
    }

    .pos-header-left-premium .pos-header-row[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-top[b-1mgetvcjjg],
    .pos-header-left-premium .pos-header-row-bottom[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-top,
    [b-1mgetvcjjg] .pos-header-left-premium .pos-header-row-bottom {
        gap: 5px !important;
    }

    .pos-header-left-premium .dynamic-field[b-1mgetvcjjg],
    .pos-header-right .dynamic-field[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field {
        grid-template-columns: minmax(88px, 29%) minmax(0, 1fr) !important;
        gap: 5px !important;
    }

    .pos-header-left-premium .dynamic-field label[b-1mgetvcjjg],
    .pos-header-right .dynamic-field label[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field label,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field label {
        font-size: 10.5px !important;
        line-height: 1.1 !important;
    }

    .pos-header-left-premium .dynamic-input[b-1mgetvcjjg],
    .pos-header-right .dynamic-input[b-1mgetvcjjg],
    .pos-header-left-premium input[b-1mgetvcjjg],
    .pos-header-right input[b-1mgetvcjjg],
    .pos-header-left-premium select[b-1mgetvcjjg],
    .pos-header-right select[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-input,
    [b-1mgetvcjjg] .pos-header-right .dynamic-input,
    [b-1mgetvcjjg] .pos-header-left-premium input,
    [b-1mgetvcjjg] .pos-header-right input,
    [b-1mgetvcjjg] .pos-header-left-premium select,
    [b-1mgetvcjjg] .pos-header-right select {
        height: 30px !important;
        min-height: 30px !important;
        border-radius: 7px !important;
    }

    [b-1mgetvcjjg] .pos-customer-actions .dxbl-btn,
    [b-1mgetvcjjg] .pos-history-btn,
    .pos-history-btn[b-1mgetvcjjg] {
        height: 31px !important;
        min-height: 31px !important;
        border-radius: 8px !important;
    }

    .pos-root[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-root {
        gap: 6px !important;
        padding: 0 7px 10px !important;
    }

    .pos-left[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-left {
        display: contents !important;
    }

    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        order: 1;
        position: sticky !important;
        top: 88px !important;
        z-index: 45 !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        gap: 6px !important;
        padding: 6px !important;
        margin: 0 0 6px !important;
        border-radius: 9px !important;
    }

    .barcode-row > div:first-child[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row > div:first-child {
        min-width: 0 !important;
    }

    .barcode-row .pos-btn[b-1mgetvcjjg],
    .barcode-row .dxbl-btn[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row .pos-btn,
    [b-1mgetvcjjg] .barcode-row .dxbl-btn {
        width: auto !important;
        min-width: 74px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
    }

    .barcode-input[b-1mgetvcjjg],
    .barcode-input input[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-input,
    [b-1mgetvcjjg] .barcode-input input {
        height: 32px !important;
        min-height: 32px !important;
    }

    .pos-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right {
        order: 3;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        align-items: start !important;
        width: 100% !important;
    }

    .pos-grid-stack[b-1mgetvcjjg] {
        order: 4;
        gap: 6px !important;
    }

    .pos-grid-section-body[b-1mgetvcjjg] {
        order: 1;
    }

    .pos-return-barcode-strip[b-1mgetvcjjg] {
        order: 2;
    }

    .pos-grid-section-returns[b-1mgetvcjjg] {
        order: 3;
    }

    .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact {
        order: 2;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 0 2px !important;
    }

    .pos-right .panel[b-1mgetvcjjg],
    .pos-summary-panel[b-1mgetvcjjg],
    .pos-collection-panel[b-1mgetvcjjg] {
        padding: 7px 8px !important;
        border-radius: 9px !important;
    }

    .pos-right .panel-title[b-1mgetvcjjg] {
        margin-bottom: 4px !important;
        font-size: 12px !important;
    }

    .pos-right .kv[b-1mgetvcjjg],
    .pos-summary-kv[b-1mgetvcjjg],
    .pos-collection-kv[b-1mgetvcjjg],
    .pos-collection-panel .kv[b-1mgetvcjjg] {
        min-height: 23px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        gap: 6px !important;
        font-size: 11.5px !important;
    }

    .pos-two-check-row[b-1mgetvcjjg],
    .pos-summary-ntp-row[b-1mgetvcjjg] {
        gap: 5px !important;
    }

    .pos-inline-check[b-1mgetvcjjg],
    .pos-summary-inline-check[b-1mgetvcjjg] {
        min-height: 22px !important;
        font-size: 11.5px !important;
    }

    .pos-panel-checkbox[b-1mgetvcjjg] {
        width: 15px !important;
        height: 15px !important;
    }

    .pos-collection-input[b-1mgetvcjjg] {
        height: 24px !important;
        font-size: 12px !important;
    }

    .pos-grid-section-header[b-1mgetvcjjg] {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 8px !important;
    }

    .pos-grid-wrap[b-1mgetvcjjg],
    .pos-dynamic-grid-wrap[b-1mgetvcjjg] {
        min-height: 175px !important;
    }

    .pos-body-top-grid[b-1mgetvcjjg],
    .pos-body-top-grid.dynamic-body-grid-wrap[b-1mgetvcjjg],
    .pos-body-top-grid .dynamic-body-grid-wrap[b-1mgetvcjjg] {
        height: 210px !important;
        min-height: 180px !important;
    }

    .pos-returns-bottom-grid[b-1mgetvcjjg],
    .pos-returns-bottom-grid.dynamic-body-grid-wrap[b-1mgetvcjjg],
    .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-1mgetvcjjg] {
        height: 120px !important;
        min-height: 96px !important;
    }

    .pos-actions-compact .pos-action-btn[b-1mgetvcjjg],
    .pos-actions-compact .pos-action-btn.dxbl-btn[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn,
    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn.dxbl-btn {
        height: 34px !important;
        min-height: 34px !important;
        font-size: 11px !important;
        padding: 0 8px !important;
    }
}

@media (max-width: 430px) {
    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        grid-template-columns: 1fr 1fr !important;
    }

    .barcode-row > div:first-child[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row > div:first-child {
        grid-column: 1 / -1 !important;
    }

    .pos-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right,
    .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .pos-header.pos-header-split.pos-header-collapsed[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header.pos-header-split.pos-header-collapsed {
        display: none !important;
    }

    .pos-mobile-header-toggle[b-1mgetvcjjg],
    .pos-mobile-header-toggle strong[b-1mgetvcjjg] {
        font-weight: 700 !important;
    }

    .pos-header-left-premium .dynamic-field label[b-1mgetvcjjg],
    .pos-header-right .dynamic-field label[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-field label,
    [b-1mgetvcjjg] .pos-header-right .dynamic-field label {
        color: #334155 !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }

    .pos-header-left-premium .dynamic-input[b-1mgetvcjjg],
    .pos-header-right .dynamic-input[b-1mgetvcjjg],
    .pos-header-left-premium input[b-1mgetvcjjg],
    .pos-header-right input[b-1mgetvcjjg],
    .pos-header-left-premium select[b-1mgetvcjjg],
    .pos-header-right select[b-1mgetvcjjg],
    .pos-h-value[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-header-left-premium .dynamic-input,
    [b-1mgetvcjjg] .pos-header-right .dynamic-input,
    [b-1mgetvcjjg] .pos-header-left-premium input,
    [b-1mgetvcjjg] .pos-header-right input,
    [b-1mgetvcjjg] .pos-header-left-premium select,
    [b-1mgetvcjjg] .pos-header-right select,
    [b-1mgetvcjjg] .pos-h-value {
        font-weight: 600 !important;
    }

    .ix-vno-btn[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-vno-btn {
        font-weight: 700 !important;
    }

    .pos-mobile-totals-toggle[b-1mgetvcjjg] {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
        padding: 8px 11px !important;
        border: 1px solid #d7e1ef !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, .08) !important;
        color: #10233f !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-totals-toggle strong[b-1mgetvcjjg] {
        color: #0b72c9 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact {
        order: 3 !important;
    }

    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        order: 4 !important;
        position: relative !important;
        top: auto !important;
        margin-bottom: 4px !important;
    }

    .pos-grid-stack[b-1mgetvcjjg] {
        order: 5 !important;
    }

    .pos-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right {
        order: 2 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
    }

    .pos-right.pos-totals-collapsed[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right.pos-totals-collapsed {
        grid-template-columns: 2fr 3fr !important;
    }

    .pos-right.pos-totals-collapsed .panel[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right.pos-totals-collapsed .panel {
        min-height: 88px !important;
    }

    /* Bill summary rows in collapsed state — compact */
    .pos-right.pos-totals-collapsed .pos-summary-kv[b-1mgetvcjjg] {
        min-height: 28px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        font-size: 13px !important;
    }

    .pos-right.pos-totals-collapsed .pos-summary-kv span:last-child[b-1mgetvcjjg] {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .pos-right.pos-totals-collapsed .panel-title[b-1mgetvcjjg] {
        font-size: 13px !important;
        font-weight: 800 !important;
        margin-bottom: 5px !important;
    }

    /* Remove extra padding/gap from collection panel in collapsed state */
    .pos-right.pos-totals-collapsed .pos-collection-panel[b-1mgetvcjjg] {
        padding-bottom: 4px !important;
    }

    .pos-right:not(.pos-totals-collapsed) .panel[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right:not(.pos-totals-collapsed) .panel {
        min-height: 0 !important;
    }

    .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact {
        order: 1 !important;
    }

    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        order: 2 !important;
        position: relative !important;
        top: auto !important;
        margin-bottom: 4px !important;
    }

    .pos-grid-stack[b-1mgetvcjjg] {
        order: 3 !important;
    }

    .pos-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right {
        order: 4 !important;
    }

    .pos-right .panel[b-1mgetvcjjg],
    .pos-summary-panel[b-1mgetvcjjg],
    .pos-collection-panel[b-1mgetvcjjg] {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    .pos-collection-panel .pos-two-check-row[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        align-items: stretch !important;
    }

    .pos-inline-check[b-1mgetvcjjg],
    .pos-summary-inline-check[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 6px !important;
        align-items: center !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .pos-inline-check span[b-1mgetvcjjg],
    .pos-summary-inline-check span[b-1mgetvcjjg] {
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        line-height: 1.15 !important;
    }

    .pos-collection-value[b-1mgetvcjjg],
    .pos-collection-input[b-1mgetvcjjg] {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .pos-dynamic-grid-wrap[b-1mgetvcjjg],
    .dynamic-body-grid-wrap[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-dynamic-grid-wrap,
    [b-1mgetvcjjg] .dynamic-body-grid-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .dynamic-body-grid[b-1mgetvcjjg],
    [b-1mgetvcjjg] .dynamic-body-grid {
        width: max-content !important;
        table-layout: fixed !important;
    }

    .dynamic-body-grid th[b-1mgetvcjjg],
    .dynamic-body-grid td[b-1mgetvcjjg],
    [b-1mgetvcjjg] .dynamic-body-grid th,
    [b-1mgetvcjjg] .dynamic-body-grid td {
        white-space: nowrap !important;
    }

    /* ── Mobile collection 2-column grid ── */
    .pos-collection-mobile-grid[b-1mgetvcjjg] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4px;
        margin-top: 3px;
    }

    .pos-collection-mobile-cell[b-1mgetvcjjg] {
        display: flex;
        flex-direction: column;
        padding: 4px 6px 3px;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #d1d9e6;
        min-height: 42px;
    }

    .pos-cm-label[b-1mgetvcjjg] {
        font-size: 10px;
        color: #64748b;
        font-weight: 500;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 2px;
    }

    .pos-cm-input[b-1mgetvcjjg] {
        border: none;
        outline: none;
        background: transparent;
        font-size: 14px;
        font-weight: 800;
        color: #1e293b;
        width: 100%;
        text-align: right;
        padding: 0;
        min-height: 20px;
        line-height: 1.4;
    }

    .pos-cm-value[b-1mgetvcjjg] {
        font-size: 14px;
        font-weight: 800;
        color: #1e293b;
        text-align: right;
        line-height: 1.4;
    }

    .pos-cm-checkbox[b-1mgetvcjjg] {
        align-self: flex-end;
        margin-top: 2px;
    }

    /* ── Popup centering ── */
    .ix-scan-popup[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-popup {
        position: fixed !important;
        max-width: calc(100vw - 18px) !important;
        width: calc(100vw - 18px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
    }

    .ix-scan-popup-body[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-popup-body {
        padding: 8px !important;
    }

    .ix-scan-title[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-title {
        font-size: 13px !important;
        font-weight: 700 !important;
        margin-bottom: 7px !important;
    }

    .ix-scan-video[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-video {
        width: 100% !important;
        height: min(54vh, 330px) !important;
        object-fit: cover !important;
        border: 1px solid #d7e1ef !important;
        border-radius: 10px !important;
        background: #0f172a !important;
    }

    .ix-scan-manual[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-manual {
        margin-top: 10px !important;
        padding-top: 9px !important;
        border-top: 1px dashed #cbd5e1 !important;
    }

    .ix-scan-manual-title[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-manual-title {
        font-size: 12px !important;
        font-weight: 700 !important;
        margin-bottom: 6px !important;
    }

    .ix-scan-manual-actions[b-1mgetvcjjg],
    .ix-scan-actions[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-manual-actions,
    [b-1mgetvcjjg] .ix-scan-actions {
        display: flex !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin-top: 8px !important;
    }

    .ix-scan-status[b-1mgetvcjjg],
    [b-1mgetvcjjg] .ix-scan-status {
        margin-top: 7px !important;
        color: #475569 !important;
        font-size: 12px !important;
    }
}

@media (max-width: 760px) {
    .pos-mobile-totals-toggle[b-1mgetvcjjg] {
        order: 1 !important;
        display: flex !important;
    }

    .pos-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right {
        order: 2 !important;
        grid-template-columns: 1fr !important;
    }

    .pos-right.pos-totals-collapsed[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right.pos-totals-collapsed {
        grid-template-columns: 2fr 3fr !important;
    }

    .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact {
        order: 3 !important;
    }

    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        order: 4 !important;
    }

    .pos-grid-stack[b-1mgetvcjjg] {
        order: 5 !important;
    }
}

@media (max-width: 900px) {
    .pos-mobile-header-toggle[b-1mgetvcjjg],
    .pos-mobile-totals-toggle[b-1mgetvcjjg] {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: calc(100% - 14px) !important;
        min-height: 34px !important;
        margin: 0 7px 6px !important;
        padding: 0 10px !important;
        border: 1px solid #d8e0ea !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .08) !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-header-toggle strong[b-1mgetvcjjg],
    .pos-mobile-totals-toggle strong[b-1mgetvcjjg] {
        color: #0b72c9 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 7px !important;
    }

    .pos-actions-compact > *:nth-child(n+3)[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact > *:nth-child(n+3) {
        display: none !important;
    }

    .pos-actions-compact .pos-action-btn[b-1mgetvcjjg],
    .pos-actions-compact .pos-action-btn.dxbl-btn[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn,
    [b-1mgetvcjjg] .pos-actions-compact .pos-action-btn.dxbl-btn {
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        padding: 0 8px !important;
    }

    .pos-btn-content[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-btn-content {
        gap: 7px !important;
        justify-content: center !important;
    }

    .pos-btn-icon[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-btn-icon {
        width: 15px !important;
        height: 15px !important;
        stroke-width: 2.2 !important;
    }

    .pos-action-desktop-text[b-1mgetvcjjg] {
        display: none !important;
    }

    .pos-action-mobile-text[b-1mgetvcjjg] {
        display: inline !important;
    }
}

@media (max-width: 900px) {
    .pos-mobile-actions-toggle[b-1mgetvcjjg],
    .pos-mobile-header-toggle[b-1mgetvcjjg],
    .pos-mobile-totals-toggle[b-1mgetvcjjg] {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: calc(100% - 14px) !important;
        min-height: 34px !important;
        margin: 0 7px 6px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        border: 1px solid #d8e0ea !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .08) !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-actions-toggle strong[b-1mgetvcjjg],
    .pos-mobile-header-toggle strong[b-1mgetvcjjg],
    .pos-mobile-totals-toggle strong[b-1mgetvcjjg] {
        color: #0b72c9 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-actions-panel[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
        box-sizing: border-box !important;
    }

    .pos-mobile-actions-panel.pos-actions-collapsed > *:nth-child(n+3)[b-1mgetvcjjg] {
        display: none !important;
    }

    .pos-mobile-header-compact[b-1mgetvcjjg] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 78px !important;
        gap: 6px !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
        padding: 7px !important;
        box-sizing: border-box !important;
        border: 1px solid #d8e0ea !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .06) !important;
    }

    .pos-compact-field[b-1mgetvcjjg] {
        min-width: 0 !important;
        min-height: 39px !important;
        padding: 5px 7px !important;
        border: 1px solid #e1e7f0 !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 3px !important;
    }

    .pos-compact-field span[b-1mgetvcjjg] {
        color: #64748b !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .pos-compact-field strong[b-1mgetvcjjg] {
        min-width: 0 !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .pos-compact-input[b-1mgetvcjjg] {
        border: none !important;
        outline: none !important;
        background: transparent !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        width: 100% !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    .pos-compact-select[b-1mgetvcjjg] {
        appearance: none !important;
        -webkit-appearance: none !important;
        cursor: pointer !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .pos-compact-customer-row[b-1mgetvcjjg] {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 78px !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    .pos-compact-customer[b-1mgetvcjjg] {
        min-width: 0 !important;
    }

    .pos-compact-history[b-1mgetvcjjg] {
        min-width: 0 !important;
        min-height: 39px !important;
        padding: 0 8px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 3px 10px rgba(227, 30, 36, .22) !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
    }

    .pos-mobile-action-btn[b-1mgetvcjjg] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        height: 36px !important;
        min-height: 36px !important;
        min-width: 0 !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: #1475c8 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 12px rgba(20, 117, 200, .18) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .pos-mobile-action-btn.primary[b-1mgetvcjjg] {
        background: #2563eb !important;
    }

    .pos-mobile-action-btn.danger[b-1mgetvcjjg] {
        background: #0f73bd !important;
    }

    .pos-mobile-action-btn svg[b-1mgetvcjjg] {
        width: 15px !important;
        height: 15px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.2 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        flex: 0 0 auto !important;
    }

    .pos-root[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-root {
        padding: 0 7px 10px !important;
    }

    .pos-root > .pos-mobile-totals-toggle[b-1mgetvcjjg] {
        width: 100% !important;
        margin: 0 0 6px !important;
    }

    .pos-right[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-right {
        order: 1 !important;
        width: 100% !important;
        margin: 0 0 6px !important;
    }

    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        order: 2 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 72px 92px !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 0 7px !important;
        padding: 6px !important;
        box-sizing: border-box !important;
        position: relative !important;
        top: auto !important;
    }

    .pos-grid-stack[b-1mgetvcjjg] {
        order: 3 !important;
    }

    .pos-left .pos-actions-compact[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-left .pos-actions-compact {
        display: none !important;
    }

    .pos-customer-actions[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-customer-actions {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .pos-customer-actions .dxbl-btn[b-1mgetvcjjg],
    .pos-history-btn[b-1mgetvcjjg],
    [b-1mgetvcjjg] .pos-customer-actions .dxbl-btn,
    [b-1mgetvcjjg] .pos-history-btn {
        width: 100% !important;
        height: 32px !important;
        min-height: 32px !important;
        border-radius: 8px !important;
        transform: none !important;
    }
}

@media (max-width: 430px) {
    .barcode-row[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row {
        grid-template-columns: minmax(0, 1fr) 70px 86px !important;
    }

    .barcode-row > div:first-child[b-1mgetvcjjg],
    [b-1mgetvcjjg] .barcode-row > div:first-child {
        grid-column: auto !important;
    }
}

/* Final caption rule: keep POS labels readable, not forced uppercase. */
.dynamic-field label[b-1mgetvcjjg],
.pos-header-left-premium .dynamic-field label[b-1mgetvcjjg],
.pos-header-right .dynamic-field label[b-1mgetvcjjg],
.pos-grid-section-title[b-1mgetvcjjg],
.panel-title[b-1mgetvcjjg],
[b-1mgetvcjjg] .dynamic-field label,
[b-1mgetvcjjg] .pos-header-left-premium .dynamic-field label,
[b-1mgetvcjjg] .pos-header-right .dynamic-field label,
[b-1mgetvcjjg] .pos-grid-section-title,
[b-1mgetvcjjg] .panel-title {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Center-align History and Scan popups on mobile to prevent right-side clipping */
@media (max-width: 900px) {
    [b-1mgetvcjjg] .ch-popup-shell,
    [b-1mgetvcjjg] .dxbl-popup-root {
        position: fixed !important;
        max-width: calc(100vw - 18px) !important;
        width: calc(100vw - 18px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
        right: auto !important;
    }
}

/* Voucher audit history (FormRenderer parity) */
.audit-history-overlay[b-1mgetvcjjg] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: rgba(0, 0, 0, .38);
    display: flex;
    align-items: center;
    justify-content: center;
}

.audit-history-box[b-1mgetvcjjg] {
    width: min(1100px, calc(100vw - 40px));
    height: min(720px, calc(100vh - 50px));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(128, 128, 128, .32);
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .25);
}

.audit-history-header[b-1mgetvcjjg] {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.audit-history-title[b-1mgetvcjjg] { font-weight: 800; font-size: 1rem; }
.audit-history-subtitle[b-1mgetvcjjg] { font-size: 12px; color: #64748b; margin-top: 2px; }
.audit-history-section-title[b-1mgetvcjjg] { font-weight: 700; margin-bottom: 8px; }
.audit-history-empty[b-1mgetvcjjg] { padding: 12px; color: #64748b; }

.audit-history-body[b-1mgetvcjjg] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    overflow: hidden;
}

.audit-history-left[b-1mgetvcjjg],
.audit-history-right[b-1mgetvcjjg] {
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.audit-history-left[b-1mgetvcjjg] { border-right: 1px solid rgba(128, 128, 128, .25); }

.audit-history-item[b-1mgetvcjjg] {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .75rem;
    background: transparent;
    padding: 10px;
    margin-bottom: 8px;
    cursor: pointer;
}

.audit-history-item.active[b-1mgetvcjjg] {
    border-color: rgba(13, 110, 253, .65);
    background: rgba(13, 110, 253, .1);
}

.audit-history-item-top[b-1mgetvcjjg] { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.audit-history-time[b-1mgetvcjjg] { font-size: 11px; color: #64748b; }
.audit-history-item-by[b-1mgetvcjjg], .audit-history-item-remarks[b-1mgetvcjjg] { font-size: 12px; }

.audit-detail-table[b-1mgetvcjjg] { width: 100%; border-collapse: collapse; font-size: .88rem; }
.audit-detail-table th[b-1mgetvcjjg], .audit-detail-table td[b-1mgetvcjjg] { border: 1px solid rgba(128, 128, 128, .28); padding: 7px 8px; }
.audit-detail-table-wrap[b-1mgetvcjjg] { max-height: 280px; overflow: auto; }

.audit-change-badge[b-1mgetvcjjg], .audit-action-badge[b-1mgetvcjjg] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: .75rem;
    font-weight: 800;
    background: rgba(13, 110, 253, .12);
}

.audit-timeline-slider[b-1mgetvcjjg] { width: 100%; margin: 8px 0; }
.audit-timeline-click-strip[b-1mgetvcjjg] { position: relative; height: 48px; margin: 4px 0 8px; }
.audit-timeline-point[b-1mgetvcjjg] {
    position: absolute;
    transform: translateX(-50%);
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}
.audit-timeline-dot[b-1mgetvcjjg] {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3b82f6;
    margin: 0 auto 4px;
}
.audit-timeline-label[b-1mgetvcjjg] { font-size: 10px; color: #64748b; white-space: nowrap; }
.audit-timeline-edge-labels[b-1mgetvcjjg] { display: flex; justify-content: space-between; font-size: 11px; color: #64748b; }

@media (max-width: 1100px) {
    .audit-history-body[b-1mgetvcjjg] { grid-template-columns: 1fr; }
    .audit-history-left[b-1mgetvcjjg] { max-height: 260px; border-right: 0; border-bottom: 1px solid rgba(128, 128, 128, .25); }
}

/* POS page — soft grey canvas, white content cards (reference layout) */
.pos-page .pos-header[b-1mgetvcjjg],
.pos-header-wrap[b-1mgetvcjjg],
.pos-top-panel[b-1mgetvcjjg],
.pos-grid-section[b-1mgetvcjjg],
.pos-right .panel[b-1mgetvcjjg],
.pos-summary-panel[b-1mgetvcjjg],
.pos-collection-panel[b-1mgetvcjjg],
.pos-header-left.dynamic-zone[b-1mgetvcjjg],
.pos-page .pos-header-left.dynamic-zone[b-1mgetvcjjg] {
    background: #ffffff !important;
}

.pos-page .pos-left[b-1mgetvcjjg],
.pos-page .pos-right[b-1mgetvcjjg],
.pos-page .pos-root[b-1mgetvcjjg],
.pos-page .pos-grid-stack[b-1mgetvcjjg] {
    background-color: transparent !important;
}

:global(.workspace-shell:has(.pos-page))[b-1mgetvcjjg],
:global(.workspace-panel:has(.pos-page))[b-1mgetvcjjg],
:global(.workspace-content-host:has(.pos-page))[b-1mgetvcjjg],
:global(.tab-host-layer:has(.pos-page))[b-1mgetvcjjg],
:global(.screen-frame:has(.pos-page))[b-1mgetvcjjg],
:global(.ix-body:has(.pos-page))[b-1mgetvcjjg],
:global(.app-body:has(.pos-page))[b-1mgetvcjjg] {
    background: #eef2f7 !important;
    background-color: #eef2f7 !important;
}

:global(.tab-host-layer.active-host:has(.pos-page))[b-1mgetvcjjg],
:global(.screen-frame:has(.pos-page))[b-1mgetvcjjg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.pos-header-wrap[b-1mgetvcjjg],
.pos-top-panel[b-1mgetvcjjg],
.dynamic-zone[b-1mgetvcjjg],
.pos-grid-section[b-1mgetvcjjg],
.pos-grid-section-header[b-1mgetvcjjg],
.pos-header-left-premium[b-1mgetvcjjg],
.pos-header-right[b-1mgetvcjjg],
.pos-right .panel[b-1mgetvcjjg],
.pos-summary-panel[b-1mgetvcjjg],
.pos-collection-panel[b-1mgetvcjjg] {
    background: #ffffff !important;
}

.pos-header-wrap[b-1mgetvcjjg],
.pos-top-panel[b-1mgetvcjjg],
.dynamic-zone[b-1mgetvcjjg],
.pos-grid-section[b-1mgetvcjjg],
.pos-right .panel[b-1mgetvcjjg],
.pos-summary-panel[b-1mgetvcjjg],
.pos-collection-panel[b-1mgetvcjjg] {
    border-color: #e9eef5 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .02) !important;
}

.pos-grid-section-header[b-1mgetvcjjg] {
    border-bottom-color: #eef2f7 !important;
    box-shadow: none !important;
}

.dynamic-input[readonly][b-1mgetvcjjg] {
    background: #ffffff !important;
}

.pos-schema-fix-body[b-1mgetvcjjg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 0;
}

.pos-schema-fix-msg[b-1mgetvcjjg] {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: #212529;
}

.pos-schema-fix-label[b-1mgetvcjjg] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
}

.pos-schema-fix-error[b-1mgetvcjjg] {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #f5c2c7;
    background: #f8d7da;
    color: #842029;
    font-size: 12px;
}

/* Discount popup */
[b-1mgetvcjjg] .pos-discount-popup .dxbl-popup-content {
    padding: 0 !important;
}

.pos-discount-body[b-1mgetvcjjg] {
    padding: 14px 16px 6px;
}

.pos-discount-hint[b-1mgetvcjjg] {
    margin: 0 0 12px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e40af;
    font-size: 11px;
    line-height: 1.4;
}

.pos-discount-fields[b-1mgetvcjjg] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
    align-items: stretch;
}

.pos-discount-field[b-1mgetvcjjg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid #d1d9e6;
    border-radius: 10px;
    background: #f8fafc;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.pos-discount-field.is-active[b-1mgetvcjjg] {
    border-color: #3b82f6;
    background: #eff6ff;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, .15);
}

.pos-discount-label[b-1mgetvcjjg] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.2;
}

.pos-discount-field.is-active .pos-discount-label[b-1mgetvcjjg] {
    color: #1d4ed8;
}

.pos-discount-input[b-1mgetvcjjg] {
    width: 100%;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    box-sizing: border-box;
}

.pos-discount-input:focus[b-1mgetvcjjg] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, .2);
}

.pos-discount-or[b-1mgetvcjjg] {
    align-self: center;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    color: #94a3b8;
    padding: 0 2px;
}

.pos-discount-actions[b-1mgetvcjjg] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

[b-1mgetvcjjg] .pos-discount-btn {
    min-width: 96px !important;
    min-height: 36px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

[b-1mgetvcjjg] .pos-discount-btn-cancel {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

[b-1mgetvcjjg] .pos-discount-btn-ok {
    background: #2563eb !important;
    color: #fff !important;
    border: 1px solid #2563eb !important;
}

@media (max-width: 1024px) {
    [b-1mgetvcjjg] .pos-discount-popup {
        max-width: calc(100vw - 24px) !important;
        width: min(480px, calc(100vw - 24px)) !important;
    }

    .pos-discount-body[b-1mgetvcjjg] {
        padding: 12px 14px 4px;
    }
}

@media (max-width: 760px) {
    [b-1mgetvcjjg] .pos-discount-popup {
        position: fixed !important;
        max-width: calc(100vw - 16px) !important;
        width: calc(100vw - 16px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
    }

    .pos-discount-fields[b-1mgetvcjjg] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .pos-discount-or[b-1mgetvcjjg] {
        justify-self: center;
        padding: 2px 0;
    }

    .pos-discount-actions[b-1mgetvcjjg] {
        justify-content: stretch;
    }

    [b-1mgetvcjjg] .pos-discount-btn {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        min-height: 42px !important;
        font-size: 14px !important;
    }
}
/* _content/IxpertPosStandalone/Pages/POSSalesExchange.razor.rz.scp.css */

/* =========================================================
   POS.razor.css - Cleaned final version
   Duplicate header/button/voucher/barcode blocks removed.
========================================================= */

/* =========================================================
   BASE DYNAMIC FIELD STYLES
========================================================= */
.dynamic-zone[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    gap: 10px 14px !important;
    flex-wrap: wrap;
    background: #ffffff;
    border: 1px solid #d8e0ea;
    border-radius: 14px;
    padding: 8px 10px 6px !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 3px 10px rgba(15,23,42,.04);
    position: relative;
}

.dynamic-field[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
}

    .dynamic-field label[b-7usoxc68ij] {
        min-width: 82px;
        margin: 0;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #64748b !important;
        letter-spacing: .2px;
        text-transform: uppercase;
    }

.dynamic-input[b-7usoxc68ij] {
    height: 28px;
    border: 1px solid #cfd8e3 !important;
    border-radius: 8px;
    padding: 3px 8px;
    min-width: 130px;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.03), 0 1px 0 rgba(255,255,255,.8) inset;
    transition: all .15s ease;
}

    .dynamic-input:focus[b-7usoxc68ij],
    .dynamic-zone select:focus[b-7usoxc68ij],
    .dynamic-zone input:focus[b-7usoxc68ij] {
        border-color: #e53935 !important;
        box-shadow: 0 0 0 3px rgba(227, 30, 36, .12);
    }

    .dynamic-input[readonly][b-7usoxc68ij] {
        background: #f8fafc;
        color: #111827;
    }

.pos-mobile-header-toggle[b-7usoxc68ij] {
    display: none;
}

.pos-mobile-totals-toggle[b-7usoxc68ij] {
    display: none;
}

.pos-action-mobile-text[b-7usoxc68ij] {
    display: none;
}

.pos-mobile-actions-toggle[b-7usoxc68ij],
.pos-mobile-actions-panel[b-7usoxc68ij],
.pos-mobile-header-compact[b-7usoxc68ij] {
    display: none;
}

@media (max-width: 760px) {
    .pos-mobile-totals-toggle[b-7usoxc68ij] {
        order: 1 !important;
        display: flex !important;
    }

    .pos-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right {
        order: 2 !important;
        grid-template-columns: 1fr !important;
    }

    .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact {
        order: 3 !important;
    }

    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        order: 4 !important;
    }

    .pos-grid-stack[b-7usoxc68ij] {
        order: 5 !important;
    }

    .pos-right.pos-totals-collapsed[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right.pos-totals-collapsed {
        grid-template-columns: 2fr 3fr !important;
    }
}

/* =========================================================
   HEADER LAYOUT - CLEAN FINAL
========================================================= */
.pos-header[b-7usoxc68ij] {
    margin-bottom: 4px !important;
}

.pos-header-wrap[b-7usoxc68ij],
.pos-top-panel[b-7usoxc68ij] {
    background: #ffffff;
    border: 1px solid #d8e0ea;
    border-radius: 14px;
    padding: 8px 10px 6px !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 3px 10px rgba(15,23,42,.04);
    position: relative;
}

    .pos-header-wrap[b-7usoxc68ij]::before,
    .pos-top-panel[b-7usoxc68ij]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 3px;
        border-radius: 14px 14px 0 0;
        background: linear-gradient(90deg, #c62828 0%, #e53935 35%, #e31e24 70%, #ef5350 100%);
    }

.pos-header-split[b-7usoxc68ij] {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

.pos-header-left[b-7usoxc68ij] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.pos-header-left-premium[b-7usoxc68ij] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
}

    .pos-header-left-premium .pos-header-row[b-7usoxc68ij] {
        width: 100% !important;
        align-items: center !important;
    }

    /* FINAL top-row layout. Keep only this block. */
    .pos-header-left-premium .pos-header-row-top[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 220px 250px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        align-items: center !important;
    }

    /* FINAL bottom-row layout. */
    .pos-header-left-premium .pos-header-row-bottom[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 220px 250px minmax(360px, 1fr) !important;
        column-gap: 14px !important;
        align-items: center !important;
    }

        .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(1)[b-7usoxc68ij] {
            grid-column: 1 !important;
        }

        .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(2)[b-7usoxc68ij] {
            grid-column: 2 !important;
        }

        .pos-header-left-premium .pos-header-row-top .pos-salesman-with-visit[b-7usoxc68ij] {
            grid-column: 3 !important;
        }

        .pos-header-left-premium .pos-header-row-bottom .pos-customer-with-history[b-7usoxc68ij] {
            grid-column: 3 !important;
        }

    .pos-salesman-with-visit[b-7usoxc68ij] {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

        .pos-salesman-with-visit > .dynamic-field[b-7usoxc68ij] {
            flex: 0 1 275px !important;
            min-width: 200px !important;
            max-width: 320px !important;
        }

        .pos-salesman-with-visit .pos-visit-info[b-7usoxc68ij] {
            flex: 1 1 auto !important;
            min-width: 0 !important;
            padding-left: 0 !important;
            overflow: visible !important;
            text-overflow: unset !important;
            white-space: normal !important;
        }

    .pos-customer-with-history[b-7usoxc68ij] {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

        .pos-customer-with-history > .dynamic-field[b-7usoxc68ij] {
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }

        .pos-customer-with-history .pos-customer-actions[b-7usoxc68ij] {
            flex: 0 0 auto !important;
        }

    .pos-header-left-premium .dynamic-field[b-7usoxc68ij] {
        min-width: 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

        .pos-header-left-premium .dynamic-field label[b-7usoxc68ij] {
            min-width: 82px !important;
            width: 82px !important;
            margin: 0 !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            color: #475569 !important;
            letter-spacing: .25px !important;
            text-transform: uppercase !important;
            white-space: nowrap !important;
        }

    .pos-header-left-premium .dynamic-input[b-7usoxc68ij] {
        width: 100% !important;
        min-width: 0 !important;
        height: 29px !important;
        min-height: 29px !important;
    }

/* Customer name input fine-tune. */
[b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top .dynamic-field:nth-child(4) .dynamic-input {
    margin-left: 36px !important;
}

.pos-customer-actions[b-7usoxc68ij],
.customer-actions[b-7usoxc68ij] {
    position: static !important;
    top: auto !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    align-self: center !important;
}

[b-7usoxc68ij] .pos-history-btn,
[b-7usoxc68ij] .pos-history-btn.dxbl-btn,
[b-7usoxc68ij] .pos-customer-actions .pos-history-btn,
[b-7usoxc68ij] .pos-customer-actions .pos-history-btn.dxbl-btn,
button.history-btn[b-7usoxc68ij] {
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
    background-color: #e31e24 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(227, 30, 36, .25) !important;
    font-weight: 800 !important;
    font-size: 12px !important;
}

[b-7usoxc68ij] .pos-history-btn .dxbl-btn-text,
[b-7usoxc68ij] .pos-history-btn .dxbl-btn-content,
[b-7usoxc68ij] .pos-customer-actions .pos-history-btn .dxbl-btn-text {
    color: #ffffff !important;
}

    .pos-search-btn[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-search-btn,
    [b-7usoxc68ij] .pos-search-btn.dxbl-btn,
    [b-7usoxc68ij] .barcode-row .pos-search-btn,
    [b-7usoxc68ij] .barcode-row .pos-search-btn.dxbl-btn {
        background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
        background-color: #e31e24 !important;
        color: #ffffff !important;
        border: 0 !important;
        box-shadow: 0 2px 8px rgba(227, 30, 36, .25) !important;
        font-weight: 800 !important;
    }

[b-7usoxc68ij] .pos-header-left-premium .pos-history-btn,
[b-7usoxc68ij] .pos-header-left-premium .pos-customer-actions .dxbl-btn {
    height: 29px !important;
    min-height: 29px !important;
    transform: none !important;
}

.pos-new-customer[b-7usoxc68ij] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.pos-visit-info[b-7usoxc68ij] {
    display: block !important;
    min-height: 29px !important;
    line-height: 1.35 !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    padding-left: 4px !important;
}

    .pos-visit-info:empty[b-7usoxc68ij] {
        display: none !important;
    }

/* Voucher / right header block — 2x2 grid + compact button row */
[b-7usoxc68ij] .pos-header-right {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto 24px !important;
    flex: 0 0 460px !important;
    gap: 4px 10px !important;
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
    margin-left: 0 !important;
    overflow: visible !important;
    padding-right: 10px !important;
    padding-bottom: 0 !important;
    transform: none !important;
    position: relative !important;
    align-items: start !important;
}

/* DOM order: 1 Counter, 2 VoucherTime, 3 VoucherSeries, 4 VoucherNo */
[b-7usoxc68ij] .pos-header-right > .dynamic-field {
    flex: unset !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
}

[b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

[b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

[b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

[b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
}

[b-7usoxc68ij] .pos-header-right .dynamic-field-voucher-no {
    align-items: center !important;
}

[b-7usoxc68ij] .pos-header-right .dynamic-field label {
    font-weight: 900 !important;
    color: #334155 !important;
    letter-spacing: .25px !important;
}

[b-7usoxc68ij] .pos-header-right .dynamic-input,
[b-7usoxc68ij] .pos-header-right select,
[b-7usoxc68ij] .pos-header-right input,
[b-7usoxc68ij] .pos-header-right .pos-h-value {
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Override global site.css .ix-vno-edit flex row */
[b-7usoxc68ij] .pos-header-right .ix-vno-edit {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
}

[b-7usoxc68ij] .pos-header-right .voucher-edit-stack {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

[b-7usoxc68ij] .pos-header-right .pos-vno-value {
    min-width: 0 !important;
    line-height: 28px !important;
    font-weight: 800 !important;
}

/* Buttons in row 3 left column — below VoucherSeries, no overlap */
[b-7usoxc68ij] .pos-header-right .voucher-action-buttons {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    min-width: 0 !important;
    height: 24px !important;
    overflow: hidden !important;
}

[b-7usoxc68ij] .pos-header-right .ix-master-toolbtn.voucher-inline-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    background: #fff !important;
    cursor: pointer !important;
}

[b-7usoxc68ij] .pos-header-right .ix-master-toolbtn.voucher-inline-action .ix-master-ico {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 auto !important;
}

[b-7usoxc68ij] .pos-header-right .ix-master-toolbtn.primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

[b-7usoxc68ij] .pos-header-right .ix-master-toolbtn.danger {
    color: #dc3545 !important;
    border-color: rgba(220, 53, 69, .55) !important;
    background: rgba(220, 53, 69, .06) !important;
}

[b-7usoxc68ij] .pos-header-right .ix-master-toolbtn:disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
}

[b-7usoxc68ij] .pos-header-right .ix-calc-wrapper {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

[b-7usoxc68ij] .pos-header-right .ix-calc-status {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    margin-top: 2px !important;
    transform: translateX(-50%) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

[b-7usoxc68ij] .pos-header-right .ix-calc-status.pending {
    color: #dc2626 !important;
}

[b-7usoxc68ij] .pos-header-right .ix-calc-status.applied {
    color: #16a34a !important;
}

[b-7usoxc68ij] .pos-header-right .ix-vno-edit-mode {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

[b-7usoxc68ij] .pos-header-right .ix-vno-btn {
    font-weight: 900 !important;
}

.pos-modal-btn.danger[b-7usoxc68ij] {
    background: #dc2626;
    color: #fff;
}

.pos-audit-modal[b-7usoxc68ij] {
    max-width: 720px;
    width: 95%;
}

.pos-audit-body[b-7usoxc68ij] {
    max-height: 60vh;
    overflow: auto;
}

.pos-audit-row[b-7usoxc68ij] {
    display: grid;
    gap: 4px;
    padding: 8px 0;
    border-bottom: 1px solid #e5e7eb;
    font-size: 12px;
}

[b-7usoxc68ij] .pos-header-right .dynamic-input,
[b-7usoxc68ij] .pos-header-right select,
[b-7usoxc68ij] .pos-header-right input {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

[b-7usoxc68ij] .pos-header-right .pos-header-row-top,
[b-7usoxc68ij] .pos-header-right .pos-header-row-bottom {
    column-gap: 10px !important;
}

/* =========================================================
   BARCODE ROW
========================================================= */
.barcode-row[b-7usoxc68ij] {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 2px !important;
    margin-bottom: 3px !important;
}

    .barcode-row > div:first-child[b-7usoxc68ij] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .barcode-input[b-7usoxc68ij],
    .barcode-input input[b-7usoxc68ij],
    .barcode-row .dxbl-text-edit[b-7usoxc68ij],
    .barcode-row .dxbl-text-edit input[b-7usoxc68ij] {
        height: 36px !important;
        min-height: 36px !important;
        border: 1px solid #e53935 !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    .barcode-row .pos-btn[b-7usoxc68ij],
    .barcode-row .dxbl-btn[b-7usoxc68ij] {
        height: 36px !important;
        min-height: 36px !important;
        align-self: stretch !important;
        padding: 0 18px !important;
        border-radius: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

/* =========================================================
   GRID SECTIONS
========================================================= */
.pos-grid-stack[b-7usoxc68ij] {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-height: 0 !important;
    margin-top: 0 !important;
}

.pos-grid-section[b-7usoxc68ij] {
    border: 1px solid #ccd6e3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.pos-grid-section-header[b-7usoxc68ij] {
    height: 25px !important;
    min-height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 1px 8px !important;
    margin-top: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d8dee8 !important;
}

.pos-grid-section-title[b-7usoxc68ij] {
    color: #e31e24 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.pos-grid-section-header .pos-grid-tool-btn[b-7usoxc68ij],
.pos-grid-tool-btn[b-7usoxc68ij] {
    border: 1px solid #ccd6e3;
    background: #ffffff;
    color: #374151;
    height: 22px !important;
    min-height: 22px !important;
    padding: 2px 10px !important;
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 700;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}

    .pos-grid-tool-btn:hover[b-7usoxc68ij] {
        border-color: #ef9a9a;
        color: #e31e24;
        background: #fef2f2;
    }

.dynamic-body-grid-wrap[b-7usoxc68ij] {
    width: 100%;
    max-height: 150px;
    overflow: auto;
    border: 1px solid #d8dee8;
    background: #fff;
}

/* Executive Cobalt: single scrollport on outer .pos-grid only */
.ix-pos--executive-cobalt .pos-grid.pos-dynamic-grid-wrap[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-body-top-grid[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-returns-bottom-grid[b-7usoxc68ij] {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    border: 0 !important;
}

.ix-pos--executive-cobalt .pos-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-grid .pos-dynamic-grid[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-body-top-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-7usoxc68ij] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
}

.pos-body-top-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
.pos-body-top-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.pos-body-top-grid[b-7usoxc68ij] {
    height: calc((100vh - 385px) * .60) !important;
    min-height: 240px !important;
    max-height: none !important;
}

.ix-pos--executive-cobalt .pos-body-top-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-body-top-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-body-top-grid[b-7usoxc68ij] {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}

.ix-pos--executive-cobalt .pos-body-top-grid .dynamic-body-grid-wrap[b-7usoxc68ij] {
    height: auto !important;
    overflow: visible !important;
}

.pos-returns-bottom-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
.pos-returns-bottom-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.pos-returns-bottom-grid[b-7usoxc68ij] {
    height: calc((100vh - 385px) * .34) !important;
    min-height: 120px !important;
    max-height: none !important;
}

.ix-pos--executive-cobalt .pos-returns-bottom-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-returns-bottom-grid[b-7usoxc68ij] {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}

.ix-pos--executive-cobalt .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-7usoxc68ij] {
    height: auto !important;
    overflow: visible !important;
}

.dynamic-body-grid[b-7usoxc68ij] {
    border-collapse: collapse;
    width: max-content;
    table-layout: fixed;
    font-size: 12px;
}

.ix-pos--executive-cobalt .dynamic-body-grid[b-7usoxc68ij] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

    .dynamic-body-grid th[b-7usoxc68ij],
    .dynamic-body-grid td[b-7usoxc68ij] {
        border: 1px solid #d8dee8;
        padding: 0;
        text-align: left;
    }

    .dynamic-body-grid th[b-7usoxc68ij] {
        background: #f3f4f6;
        padding: 4px 6px !important;
        font-weight: 700;
        position: sticky;
        top: 0;
        z-index: 4;
        background-clip: padding-box;
        box-shadow: inset 0 -1px 0 #d8dee8, inset -1px 0 0 #d8dee8;
    }

.pos-grid-col-header[b-7usoxc68ij] {
    padding-right: 10px !important;
}

.pos-grid-col-caption[b-7usoxc68ij] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pos-grid-col-resizing[b-7usoxc68ij] {
    cursor: col-resize !important;
    user-select: none !important;
}

body.pos-grid-col-resizing *[b-7usoxc68ij] {
    cursor: col-resize !important;
    user-select: none !important;
}

.pos-grid-col-resizer[b-7usoxc68ij] {
    position: absolute;
    top: 0;
    right: -4px;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 5;
    touch-action: none;
}

    .pos-grid-col-resizer:hover[b-7usoxc68ij] {
        background: rgba(227, 30, 36, .18);
    }

.pos-grid-column-row[b-7usoxc68ij] {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 4px 8px;
    cursor: pointer;
}

.dynamic-grid-input[b-7usoxc68ij],
.pos-dynamic-grid .dynamic-grid-input[b-7usoxc68ij] {
    width: 100%;
    border: 0;
    padding: 2px 6px !important;
    min-height: 24px !important;
    background: #fff;
}

    .dynamic-grid-input[readonly][b-7usoxc68ij] {
        background: #f9fafb;
    }

.dynamic-grid-number[b-7usoxc68ij] {
    text-align: right;
}

.dynamic-grid-check[b-7usoxc68ij] {
    width: 100%;
    min-height: 26px;
}

/* =========================================================
   RETURN BARCODE STRIP
========================================================= */
.pos-return-barcode-strip[b-7usoxc68ij] {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.pos-return-inline-field[b-7usoxc68ij] {
    display: flex !important;
    align-items: stretch !important;
    min-width: 0 !important;
}

.pos-return-barcode-with-scan[b-7usoxc68ij] {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.pos-return-scan-btn[b-7usoxc68ij] {
    flex: 0 0 auto !important;
    height: 36px !important;
    min-width: 64px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pos-exchange-barcode-field[b-7usoxc68ij] {
    flex: 1 1 auto !important;
}

.pos-repeat-order-field[b-7usoxc68ij] {
    flex: 0 0 230px !important;
}

.pos-return-inline-input[b-7usoxc68ij],
.pos-return-inline-field .dynamic-input[b-7usoxc68ij] {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    border: 1px solid #e53935 !important;
    border-radius: 8px !important;
    padding: 5px 9px !important;
    font-size: 13px !important;
    background: #ffffff !important;
}

.pos-return-check[b-7usoxc68ij] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

/* =========================================================
   RIGHT PANEL SUMMARY / COLLECTION
========================================================= */
.pos-right .panel[b-7usoxc68ij],
.pos-summary-panel[b-7usoxc68ij],
.pos-collection-panel[b-7usoxc68ij] {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.pos-right .panel-title[b-7usoxc68ij] {
    margin-bottom: 8px;
    line-height: 1.1;
}

.pos-right .kv[b-7usoxc68ij],
.pos-summary-kv[b-7usoxc68ij],
.pos-collection-kv[b-7usoxc68ij],
.pos-collection-panel .kv[b-7usoxc68ij] {
    min-height: 27px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.25 !important;
}

.pos-summary-kv[b-7usoxc68ij],
.pos-collection-kv[b-7usoxc68ij] {
    align-items: center;
}

    .pos-summary-kv span:last-child[b-7usoxc68ij] {
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
    }

.pos-summary-ntp-row[b-7usoxc68ij],
.pos-two-check-row[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    flex-wrap: nowrap;
}

.pos-summary-ntp-cell[b-7usoxc68ij] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
    width: auto;
    flex: 0 0 auto;
}

.pos-inline-check[b-7usoxc68ij],
.pos-summary-inline-check[b-7usoxc68ij] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    cursor: pointer;
    margin: 0;
    font-weight: 400;
    white-space: nowrap;
    width: auto;
    flex: 0 0 auto;
}

    .pos-inline-check span[b-7usoxc68ij],
    .pos-summary-ntp-cell span:first-child[b-7usoxc68ij],
    .pos-summary-inline-check span[b-7usoxc68ij] {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.pos-panel-checkbox[b-7usoxc68ij] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #475569;
}

.pos-collection-value[b-7usoxc68ij] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 120px;
}

.pos-collection-input[b-7usoxc68ij] {
    width: 120px;
    height: 28px;
    border: 0;
    background: transparent;
    text-align: right;
    font-weight: 700;
    color: #374151;
    outline: none;
    padding: 0;
}

    .pos-collection-input:focus[b-7usoxc68ij] {
        border: 1px solid #cbd5e1;
        border-radius: 6px;
        background: #ffffff;
        padding: 0 8px;
    }

    .pos-collection-input[readonly][b-7usoxc68ij] {
        color: #374151;
    }

.pos-summary-ntp-cell .pos-collection-value[b-7usoxc68ij],
.pos-summary-inline-check .pos-collection-value[b-7usoxc68ij] {
    min-width: 0;
}

/* Optional aliases if your markup uses these class names later */
[b-7usoxc68ij] .pos-right-panel {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
}

[b-7usoxc68ij] .pos-main-layout {
    grid-template-columns: 1fr 320px !important;
}

[b-7usoxc68ij] .summary-card,
[b-7usoxc68ij] .collection-card {
    padding: 14px 16px !important;
}

[b-7usoxc68ij] .summary-row,
[b-7usoxc68ij] .collection-row {
    min-height: 32px !important;
    padding: 5px 0 !important;
}

/* =========================================================
   COLUMN CHOOSER (ReportViewer styling)
========================================================= */
[b-7usoxc68ij] .rv-edit-columns-popup .dxbl-popup {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 28px 90px rgba(15, 23, 42, .30);
    overflow: hidden;
}

.rv-edit-columns[b-7usoxc68ij] {
    position: relative;
    padding: 0;
    color: #172033;
    background: #f6f8fc;
}

.rv-edit-columns-head[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 14px 64px 14px 26px;
    margin: 0;
    border-bottom: 1px solid #dbe4f0;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    color: #172033;
}

.rv-edit-columns-icon[b-7usoxc68ij] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #edf5ff;
    color: #1769e0;
    box-shadow: inset 0 0 0 1px #cfe0f5;
}

.rv-edit-columns-icon svg[b-7usoxc68ij] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rv-edit-columns h2[b-7usoxc68ij] {
    margin: 0 0 18px;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0;
}

.rv-edit-columns-head h2[b-7usoxc68ij] {
    margin-bottom: 3px;
    color: #172033;
    font-size: 22px;
}

.rv-edit-columns-head p[b-7usoxc68ij] {
    margin: 0;
    color: #526985;
    font-size: 13px;
    font-weight: 700;
}

.rv-edit-columns-close[b-7usoxc68ij] {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: #edf3fa;
    color: #3f5874;
    font-size: 26px;
    line-height: 26px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.rv-edit-columns-close:hover[b-7usoxc68ij] {
    background: #dfeafa;
    color: #1769e0;
}

.rv-edit-column-toolbar[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 22px 30px 16px;
    padding: 14px 16px;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

.rv-edit-column-toolbar > span[b-7usoxc68ij] {
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.rv-edit-column-list[b-7usoxc68ij] {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    column-gap: 16px;
    row-gap: 10px;
    max-height: min(52vh, 430px);
    overflow: auto;
    padding: 2px 30px 10px;
    margin-top: 0;
}

.rv-edit-column-check[b-7usoxc68ij] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 40px;
    color: #263247;
    font-size: 15px;
    line-height: 1.25;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 6px 8px;
    background: transparent;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.rv-edit-column-list .rv-edit-column-check:hover[b-7usoxc68ij] {
    border-color: #cfe0f7;
    background: #fff;
    transform: translateY(-1px);
}

.rv-edit-column-check span[b-7usoxc68ij] {
    overflow-wrap: anywhere;
}

.rv-edit-column-check input[type="checkbox"][b-7usoxc68ij] {
    width: 21px;
    height: 21px;
    margin: 0;
    accent-color: #00a7a5;
    cursor: pointer;
}

.rv-edit-column-check input:not([type="checkbox"])[b-7usoxc68ij] {
    width: auto;
    height: auto;
    margin: 0;
    accent-color: unset;
    cursor: text;
}

.rv-edit-column-select-all[b-7usoxc68ij] {
    width: fit-content;
    color: #101828;
    font-weight: 700;
    margin-bottom: 2px;
    min-height: 28px;
    padding: 0;
    background: transparent;
}

.rv-edit-column-actions[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 18px;
    padding: 20px 30px 28px;
    border-top: 1px solid #eef1f5;
    background: #fff;
}

.rv-edit-column-actions button[b-7usoxc68ij] {
    min-width: 100px;
    height: 48px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.rv-edit-column-save[b-7usoxc68ij] {
    border: 1px solid #1769e0;
    background: #1769e0;
    color: #fff;
    box-shadow: 0 8px 20px rgba(23, 105, 224, .18);
}

.rv-edit-column-save:hover:not(:disabled)[b-7usoxc68ij] {
    background: #125ac4;
    border-color: #125ac4;
}

.rv-edit-column-save:disabled[b-7usoxc68ij] {
    border-color: #cbd5e1;
    background: #cbd5e1;
    color: #f8fafc;
    box-shadow: none;
    cursor: not-allowed;
}

.rv-edit-column-cancel[b-7usoxc68ij] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #172033;
}

.rv-edit-column-cancel:hover[b-7usoxc68ij] {
    border-color: #94a3b8;
    background: #f8fafc;
}

.rv-edit-column-restore[b-7usoxc68ij] {
    min-width: 0 !important;
    height: auto !important;
    border: 0 !important;
    background: transparent !important;
    color: #334155;
    text-decoration: underline;
    font-weight: 500 !important;
    padding: 0;
}

.rv-edit-column-restore:hover[b-7usoxc68ij] {
    color: #1769e0;
}

@media (max-width: 1024px) {
    .rv-edit-column-list[b-7usoxc68ij] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .rv-edit-column-toolbar[b-7usoxc68ij] {
        margin: 18px 20px 14px;
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    [b-7usoxc68ij] .rv-edit-columns-popup {
        max-width: calc(100vw - 16px) !important;
        width: calc(100vw - 16px) !important;
    }

    .rv-edit-column-list[b-7usoxc68ij] {
        grid-template-columns: 1fr;
        padding: 2px 16px 10px;
    }

    .rv-edit-column-toolbar[b-7usoxc68ij] {
        margin: 16px 16px 12px;
    }

    .rv-edit-column-actions[b-7usoxc68ij] {
        flex-wrap: wrap;
        padding: 16px;
    }

    .rv-edit-columns-head[b-7usoxc68ij] {
        padding: 14px 52px 14px 18px;
    }
}

/* Field settings popup — brown & red theme */
[b-7usoxc68ij] .ix-field-settings-popup .dxbl-popup-header {
    background: linear-gradient(135deg, #6d4c2e 0%, #8d6e4b 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #cfc0ae !important;
}

[b-7usoxc68ij] .ix-field-settings-popup .dxbl-popup-header .dxbl-popup-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[b-7usoxc68ij] .ix-field-settings-popup .dxbl-popup-content {
    padding: 10px 12px !important;
    background: #faf7f4 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

.ix-field-settings-popup-body[b-7usoxc68ij] {
    flex: 1 1 auto;
    height: calc(80vh - 52px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #faf7f4;
}

.ix-field-settings-popup-body[b-7usoxc68ij]  .ui-field-settings-host {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

@media (max-width: 760px) {
    [b-7usoxc68ij] .ix-field-settings-popup {
        max-width: calc(100vw - 12px) !important;
        width: calc(100vw - 12px) !important;
    }

    .ix-field-settings-popup-body[b-7usoxc68ij] {
        height: calc(88vh - 48px);
        min-height: 320px;
    }
}

/* =========================================================
   ACTION BUTTONS
========================================================= */
[b-7usoxc68ij] .pos-actions-compact {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center;
    width: 100%;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin-top: 6px !important;
    padding-bottom: 2px !important;
    box-sizing: border-box !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-btn,
[b-7usoxc68ij] .pos-actions-compact .pos-action-btn.dxbl-btn {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 128px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-save.dxbl-btn {
    background: #dbeafe !important;
    border: 1px solid #93c5fd !important;
    color: #1d4ed8 !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-email.dxbl-btn {
    background: #e0e7ff !important;
    border: 1px solid #a5b4fc !important;
    color: #4338ca !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-print.dxbl-btn {
    background: #5eead4 !important;
    border: 1px solid #0d9488 !important;
    color: #134e4a !important;
}

[b-7usoxc68ij] .pos-sticky-actions-inner .pos-action-print.dxbl-btn .pos-btn-icon,
[b-7usoxc68ij] .pos-sticky-actions-inner .pos-action-print.dxbl-btn .pos-btn-icon path {
    stroke: #134e4a !important;
    fill: none !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-whatsapp.dxbl-btn {
    background: #dcfce7 !important;
    border: 1px solid #86efac !important;
    color: #15803d !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-sms.dxbl-btn {
    background: #ede9fe !important;
    border: 1px solid #c4b5fd !important;
    color: #6d28d9 !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-cancel.dxbl-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-clear.dxbl-btn {
    background: #ffe4e6 !important;
    border: 1px solid #fda4af !important;
    color: #be123c !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-discount.dxbl-btn {
    background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%) !important;
    border: 1px solid #f87171 !important;
    color: #b91c1c !important;
    box-shadow: 0 0 0 1px rgba(227, 30, 36, .18), 0 2px 8px rgba(198, 30, 30, .18) !important;
    font-weight: 800 !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-settings.dxbl-btn {
    background: #f3e8ff !important;
    border: 1px solid #d8b4fe !important;
    color: #7e22ce !important;
    max-width: 108px !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-btn:hover:not(:disabled),
[b-7usoxc68ij] .pos-actions-compact .pos-action-btn.dxbl-btn:hover:not(:disabled) {
    filter: brightness(.97) !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-action-discount.dxbl-btn:hover:not(:disabled) {
    filter: brightness(1.03) !important;
    box-shadow: 0 0 0 2px rgba(227, 30, 36, .35), 0 3px 10px rgba(198, 30, 30, .28) !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-btn-icon {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
}

[b-7usoxc68ij] .pos-actions-compact .pos-btn-content {
    gap: 4px !important;
}

/* POS screen loading */
.pos-screen-loading[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 120px);
    background: #eef2f7;
}

.pos-screen-loading-card[b-7usoxc68ij] {
    padding: 14px 22px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
}

/* Option D: Integrated bottom action bar (desktop only) */
.pos-page[b-7usoxc68ij] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background-color: #eef2f7 !important;
}

.pos-page > .pos-header[b-7usoxc68ij] {
    flex: 0 0 auto;
}

.pos-page > .pos-desktop-shell[b-7usoxc68ij] {
    flex: 1 1 auto;
    min-height: 0;
}

.pos-desktop-shell[b-7usoxc68ij] {
    min-height: 0;
}

.pos-sticky-actions-dock[b-7usoxc68ij] {
    display: none;
}

@media (min-width: 1024px) {
    .pos-has-sticky-actions[b-7usoxc68ij] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        gap: 0;
    }

    .pos-has-sticky-actions > .pos-root[b-7usoxc68ij] {
        flex: 1 1 auto;
        min-height: 0;
        height: auto !important;
        overflow: hidden;
    }

    .pos-has-sticky-actions > .pos-sticky-actions-dock[b-7usoxc68ij] {
        flex: 0 0 auto;
        width: calc(100% - 374px);
        max-width: calc(100% - 374px);
        align-self: flex-start;
    }

    .pos-has-sticky-actions .pos-left[b-7usoxc68ij] {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

    .pos-has-sticky-actions .pos-grid-stack[b-7usoxc68ij] {
        flex: 1 1 auto;
        min-height: 0;
        gap: 2px !important;
    }

    .pos-has-sticky-actions .pos-grid-section-body[b-7usoxc68ij] {
        flex: 1.35 1 0;
        min-height: 180px;
        display: flex;
        flex-direction: column;
    }

    .pos-has-sticky-actions .pos-grid-section-returns[b-7usoxc68ij] {
        flex: 0.65 1 0;
        min-height: 130px;
        display: flex;
        flex-direction: column;
    }

    .pos-has-sticky-actions .pos-body-top-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
    .pos-has-sticky-actions .pos-body-top-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
    .pos-has-sticky-actions .pos-body-top-grid[b-7usoxc68ij] {
        flex: 1 1 auto;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .pos-has-sticky-actions .pos-returns-bottom-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
    .pos-has-sticky-actions .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
    .pos-has-sticky-actions .pos-returns-bottom-grid[b-7usoxc68ij] {
        flex: 1 1 auto;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .pos-has-sticky-actions .pos-grid-wrap[b-7usoxc68ij] {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .pos-has-sticky-actions .dynamic-body-grid-wrap[b-7usoxc68ij] {
        max-height: none !important;
        flex: 1 1 auto;
        min-height: 0;
    }

    .pos-sticky-actions-dock[b-7usoxc68ij] {
        display: block;
        position: relative;
        flex: 0 0 auto;
        z-index: 5;
        padding: 8px 16px 10px;
        background: #ffffff;
        border-top: 1px solid #dde3ea;
        box-shadow: 0 -2px 8px rgba(15, 23, 42, .06);
    }

    .pos-sticky-actions-inner[b-7usoxc68ij] {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100%;
        max-width: none;
        margin: 0;
        overflow: visible !important;
    }

    .pos-has-sticky-actions .pos-right[b-7usoxc68ij] {
        padding-bottom: 4px !important;
        overflow: auto !important;
    }

    .pos-has-sticky-actions .pos-collection-panel[b-7usoxc68ij] {
        padding-bottom: 8px !important;
    }

    .pos-sticky-actions-inner[b-7usoxc68ij]  .pos-action-btn,
    .pos-sticky-actions-inner[b-7usoxc68ij]  .pos-action-btn.dxbl-btn {
        flex: 0 0 122px !important;
        width: 122px !important;
        min-width: 122px !important;
        max-width: 122px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .pos-sticky-actions-inner[b-7usoxc68ij]  .pos-btn-icon {
        width: 14px !important;
        height: 14px !important;
        flex: 0 0 14px !important;
    }

    .pos-sticky-actions-inner[b-7usoxc68ij]  .pos-btn-content {
        justify-content: center !important;
        gap: 4px !important;
    }

    .pos-sticky-actions-inner[b-7usoxc68ij]  .pos-action-print.dxbl-btn {
        flex: 0 0 156px !important;
        width: 156px !important;
        min-width: 156px !important;
        max-width: 156px !important;
        overflow: visible !important;
        white-space: nowrap !important;
        background: #5eead4 !important;
        border: 1px solid #0d9488 !important;
        color: #134e4a !important;
        font-weight: 800 !important;
    }

    .pos-sticky-actions-inner[b-7usoxc68ij]  .pos-action-print .pos-action-desktop-text {
        font-size: 10px !important;
        letter-spacing: -.1px;
    }

    .pos-actions-legacy-dock[b-7usoxc68ij] {
        display: none !important;
    }
}

.pos-root[b-7usoxc68ij] {
    min-height: 0 !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1500px) {
    .pos-header-left-premium .pos-header-row-top[b-7usoxc68ij] {
        grid-template-columns: 200px 225px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    .pos-header-left-premium .pos-header-row-bottom[b-7usoxc68ij] {
        grid-template-columns: 200px 225px minmax(280px, 1fr) !important;
        column-gap: 10px !important;
    }
}

@media (max-width: 1280px) {
    .pos-header-left-premium .pos-header-row-top[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-bottom[b-7usoxc68ij] {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .pos-header-left-premium .dynamic-field[b-7usoxc68ij] {
        width: auto !important;
        min-width: 210px !important;
    }

    .pos-visit-info[b-7usoxc68ij] {
        max-width: 100% !important;
    }
}
/* Make top Scan Barcode same as Exchange barcode */
[b-7usoxc68ij] .barcode-row,
.barcode-row[b-7usoxc68ij] {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 2px !important;
    margin-bottom: 5px !important;
}

    [b-7usoxc68ij] .barcode-row > div:first-child,
    .barcode-row > div:first-child[b-7usoxc68ij] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    [b-7usoxc68ij] .barcode-input,
    [b-7usoxc68ij] .barcode-input input,
    [b-7usoxc68ij] .barcode-row .dxbl-text-edit,
    [b-7usoxc68ij] .barcode-row .dxbl-text-edit input,
    .barcode-input[b-7usoxc68ij],
    .barcode-input input[b-7usoxc68ij] {
        height: 36px !important;
        min-height: 36px !important;
        border: 1px solid #e53935 !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    [b-7usoxc68ij] .barcode-row .pos-btn,
    [b-7usoxc68ij] .barcode-row .dxbl-btn,
    .barcode-row .pos-btn[b-7usoxc68ij],
    .barcode-row .dxbl-btn[b-7usoxc68ij] {
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 8px !important;
    }
/* FINAL: remove empty space after History */
[b-7usoxc68ij] .pos-header {
    display: flex !important;
    gap: 8px !important;
    align-items: flex-start !important;
}

[b-7usoxc68ij] .pos-header-left-premium {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top {
        grid-template-columns: 220px 250px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-bottom {
        grid-template-columns: 220px 250px 1fr !important;
        column-gap: 10px !important;
    }

/* Voucher No edit input width */
[b-7usoxc68ij] .ix-vno-input,
[b-7usoxc68ij] .voucher-no-input {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}
/*Icons for buttons*/
.pos-btn-content[b-7usoxc68ij] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.pos-btn-icon[b-7usoxc68ij] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .95;
}
/* Move action buttons slightly up */
[b-7usoxc68ij] .pos-actions-compact {
    margin-top: -6px !important;
}
/* Premium History Button */
[b-7usoxc68ij] .customer-history-btn,
[b-7usoxc68ij] .history-btn,
[b-7usoxc68ij] .pos-history-btn,
[b-7usoxc68ij] .pos-history-btn.dxbl-btn,
[b-7usoxc68ij] .pos-customer-actions .pos-history-btn.dxbl-btn {
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
    background-color: #e31e24 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(227, 30, 36, .25) !important;
    transform: none !important;
}

/* Salesman + visit on same row */
[b-7usoxc68ij] .pos-salesman-with-visit {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
}

    [b-7usoxc68ij] .pos-salesman-with-visit > .dynamic-field {
        flex: 0 1 275px !important;
        min-width: 200px !important;
        max-width: 320px !important;
    }

    [b-7usoxc68ij] .pos-salesman-with-visit .pos-visit-info {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        overflow: visible !important;
        text-overflow: unset !important;
        white-space: normal !important;
    }

/* Align nicely with customer field */
[b-7usoxc68ij] .pos-customer-with-history {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
}

    [b-7usoxc68ij] .pos-customer-with-history > .dynamic-field {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    [b-7usoxc68ij] .pos-customer-with-history .pos-customer-actions {
        flex: 0 0 auto !important;
    }

[b-7usoxc68ij] .pos-customer-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
}

/* =========================================================
   RESPONSIVE POS
   Only layout flow changes; current colors, buttons, and sizing classes remain.
   ========================================================= */

@media (max-width: 1320px) {
    [b-7usoxc68ij] .pos-header {
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-bottom {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
        gap: 8px 10px !important;
    }

    [b-7usoxc68ij] .pos-header-right {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        transform: none !important;
    }
}

@media (max-width: 1100px) {
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-bottom {
        grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    }

    [b-7usoxc68ij] .pos-root {
        grid-template-columns: 1fr !important;
        height: auto !important;
        overflow: visible !important;
    }

    [b-7usoxc68ij] .pos-left,
    [b-7usoxc68ij] .pos-right {
        overflow: visible !important;
    }

    [b-7usoxc68ij] .pos-right {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start !important;
    }

    [b-7usoxc68ij] .pos-actions-compact {
        flex-wrap: wrap !important;
        margin-top: 4px !important;
    }

    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn,
    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn.dxbl-btn {
        flex: 0 1 auto !important;
        max-width: 128px !important;
    }
}

@media (max-width: 760px) {
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-bottom {
        grid-template-columns: 1fr !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field {
        min-width: 0 !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(82px, 30%) minmax(0, 1fr) !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field label {
        width: auto !important;
        min-width: 0 !important;
        white-space: normal !important;
    }

    [b-7usoxc68ij] .pos-customer-actions,
    [b-7usoxc68ij] .customer-actions {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    [b-7usoxc68ij] .customer-history-btn,
    [b-7usoxc68ij] .history-btn,
    [b-7usoxc68ij] .pos-history-btn,
    [b-7usoxc68ij] .pos-customer-actions .dxbl-btn {
        width: 100% !important;
        transform: none !important;
    }

    .barcode-row[b-7usoxc68ij],
    .pos-return-barcode-strip[b-7usoxc68ij] {
        flex-wrap: wrap !important;
    }

    .barcode-row .pos-btn[b-7usoxc68ij],
    .barcode-row .dxbl-btn[b-7usoxc68ij],
    .pos-return-inline-field[b-7usoxc68ij] {
        flex: 1 1 100% !important;
    }

    .pos-repeat-order-field[b-7usoxc68ij] {
        flex-basis: 100% !important;
    }

    [b-7usoxc68ij] .pos-right {
        grid-template-columns: 1fr !important;
    }

    .pos-summary-ntp-row[b-7usoxc68ij],
    .pos-two-check-row[b-7usoxc68ij] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .pos-collection-value[b-7usoxc68ij],
    .pos-collection-input[b-7usoxc68ij] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 520px) {
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn,
    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn.dxbl-btn {
        flex: 1 1 100% !important;
    }

    .dynamic-body-grid[b-7usoxc68ij] {
        min-width: 640px;
    }
}

/* =========================================================
   POS MOBILE APP LAYOUT - FINAL OVERRIDE
   ========================================================= */
@media (max-width: 760px) {
    [b-7usoxc68ij] .pos-header,
    .pos-header[b-7usoxc68ij] {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 8px !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium,
    [b-7usoxc68ij] .pos-header-left,
    [b-7usoxc68ij] .pos-header-right,
    .pos-header-left-premium[b-7usoxc68ij],
    .pos-header-left[b-7usoxc68ij],
    .pos-header-right[b-7usoxc68ij] {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        transform: none !important;
        margin: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-bottom,
    .pos-header-left-premium .pos-header-row-top[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-bottom[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        width: 100% !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field,
    [b-7usoxc68ij] .pos-header-right .dynamic-field,
    .pos-header-left-premium .dynamic-field[b-7usoxc68ij],
    .pos-header-right .dynamic-field[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field label,
    [b-7usoxc68ij] .pos-header-right .dynamic-field label,
    .pos-header-left-premium .dynamic-field label[b-7usoxc68ij],
    .pos-header-right .dynamic-field label[b-7usoxc68ij] {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        white-space: normal !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .dynamic-input,
    [b-7usoxc68ij] .pos-header-right .dynamic-input,
    [b-7usoxc68ij] .pos-header-left-premium input,
    [b-7usoxc68ij] .pos-header-right input,
    [b-7usoxc68ij] .pos-header-left-premium select,
    [b-7usoxc68ij] .pos-header-right select,
    .pos-header-left-premium .dynamic-input[b-7usoxc68ij],
    .pos-header-right .dynamic-input[b-7usoxc68ij] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top .dynamic-field:nth-child(4) .dynamic-input {
        margin-left: 0 !important;
    }

    [b-7usoxc68ij] .pos-customer-actions,
    .pos-customer-actions[b-7usoxc68ij] {
        width: 100% !important;
        padding: 0 !important;
    }

    [b-7usoxc68ij] .pos-customer-actions .dxbl-btn,
    [b-7usoxc68ij] .pos-history-btn,
    .pos-history-btn[b-7usoxc68ij] {
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 9px !important;
        transform: none !important;
    }

    [b-7usoxc68ij] .pos-root,
    .pos-root[b-7usoxc68ij] {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 8px 12px !important;
        box-sizing: border-box !important;
    }

    [b-7usoxc68ij] .pos-left,
    [b-7usoxc68ij] .pos-right,
    .pos-left[b-7usoxc68ij],
    .pos-right[b-7usoxc68ij] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    [b-7usoxc68ij] .barcode-row,
    .barcode-row[b-7usoxc68ij] {
        position: sticky !important;
        top: 94px;
        z-index: 15;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        width: 100% !important;
        padding: 8px !important;
        margin: 0 0 8px !important;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 4px 16px rgba(15, 23, 42, .08);
        box-sizing: border-box;
    }

    [b-7usoxc68ij] .barcode-row > *,
    .barcode-row > *[b-7usoxc68ij] {
        width: 100% !important;
        min-width: 0 !important;
    }

    [b-7usoxc68ij] .barcode-row .pos-btn,
    [b-7usoxc68ij] .barcode-row .dxbl-btn,
    .barcode-row .pos-btn[b-7usoxc68ij],
    .barcode-row .dxbl-btn[b-7usoxc68ij] {
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    .pos-grid-stack[b-7usoxc68ij] {
        gap: 9px !important;
        width: 100% !important;
    }

    .pos-grid-section[b-7usoxc68ij] {
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .pos-grid-section-header[b-7usoxc68ij] {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 9px !important;
    }

    .pos-grid-section-title[b-7usoxc68ij] {
        font-size: 13px !important;
    }

    .pos-grid-tool-btn[b-7usoxc68ij] {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        border-radius: 7px !important;
    }

    .pos-grid-wrap[b-7usoxc68ij],
    .pos-dynamic-grid-wrap[b-7usoxc68ij] {
        width: 100% !important;
        min-height: 240px !important;
        max-height: none !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    [b-7usoxc68ij] .pos-grid-wrap .dxbl-grid,
    [b-7usoxc68ij] .pos-dynamic-grid-wrap .dxbl-grid,
    [b-7usoxc68ij] .pos-grid-wrap .dxbl-grid-table,
    [b-7usoxc68ij] .pos-dynamic-grid-wrap .dxbl-grid-table {
        min-width: 680px !important;
    }

    .pos-return-barcode-strip[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        width: 100% !important;
    }

    .pos-return-inline-field[b-7usoxc68ij],
    .pos-repeat-order-field[b-7usoxc68ij] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-basis: auto !important;
    }

    [b-7usoxc68ij] .pos-actions-compact,
    .pos-actions-compact[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn,
    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn.dxbl-btn,
    .pos-actions-compact .pos-action-btn[b-7usoxc68ij] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 38px !important;
        min-height: 38px !important;
        flex: 1 1 auto !important;
        font-size: 12px !important;
        border-radius: 9px !important;
    }

    .pos-btn-content[b-7usoxc68ij] {
        width: 100%;
        min-width: 0;
    }

    .pos-btn-content span:last-child[b-7usoxc68ij] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-7usoxc68ij] .pos-right,
    .pos-right[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .pos-right .panel[b-7usoxc68ij],
    .pos-summary-panel[b-7usoxc68ij],
    .pos-collection-panel[b-7usoxc68ij] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 12px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    .pos-right .kv[b-7usoxc68ij],
    .pos-summary-kv[b-7usoxc68ij],
    .pos-collection-kv[b-7usoxc68ij],
    .pos-collection-panel .kv[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        align-items: center !important;
        min-height: 32px !important;
    }

    .pos-two-check-row[b-7usoxc68ij],
    .pos-summary-ntp-row[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .pos-inline-check[b-7usoxc68ij],
    .pos-summary-inline-check[b-7usoxc68ij] {
        width: 100% !important;
        justify-content: space-between !important;
        white-space: normal !important;
    }

    .pos-collection-value[b-7usoxc68ij],
    .pos-collection-input[b-7usoxc68ij] {
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 420px) {
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field,
    [b-7usoxc68ij] .pos-header-right .dynamic-field,
    .pos-header-left-premium .dynamic-field[b-7usoxc68ij],
    .pos-header-right .dynamic-field[b-7usoxc68ij] {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    [b-7usoxc68ij] .pos-grid-wrap .dxbl-grid,
    [b-7usoxc68ij] .pos-dynamic-grid-wrap .dxbl-grid,
    [b-7usoxc68ij] .pos-grid-wrap .dxbl-grid-table,
    [b-7usoxc68ij] .pos-dynamic-grid-wrap .dxbl-grid-table {
        min-width: 620px !important;
    }
}

/* POS mobile header rescue: remove desktop wrapping/offsets that create blank space. */
@media (max-width: 760px) {
    .pos-header.pos-header-split[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header.pos-header-split {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 8px !important;
        margin: 0 0 8px !important;
        box-sizing: border-box !important;
    }

    .pos-header-left-premium[b-7usoxc68ij],
    .pos-header-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium,
    [b-7usoxc68ij] .pos-header-right {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        transform: none !important;
        translate: none !important;
        position: static !important;
        overflow: visible !important;
        padding: 8px !important;
        margin: 0 0 8px !important;
        border: 1px solid #d8e0ea;
        border-radius: 12px;
        background: #ffffff;
        box-sizing: border-box !important;
    }

    .pos-header-left-premium .pos-header-row[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-top[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-bottom[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-bottom {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        position: static !important;
    }

    .pos-header-left-premium .dynamic-field[b-7usoxc68ij],
    .pos-header-right .dynamic-field[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field,
    [b-7usoxc68ij] .pos-header-right .dynamic-field {
        display: grid !important;
        grid-template-columns: minmax(96px, 32%) minmax(0, 1fr) !important;
        gap: 7px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pos-header-left-premium .dynamic-field label[b-7usoxc68ij],
    .pos-header-right .dynamic-field label[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field label,
    [b-7usoxc68ij] .pos-header-right .dynamic-field label {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .pos-header-left-premium .dynamic-input[b-7usoxc68ij],
    .pos-header-right .dynamic-input[b-7usoxc68ij],
    .pos-header-left-premium input[b-7usoxc68ij],
    .pos-header-right input[b-7usoxc68ij],
    .pos-header-left-premium select[b-7usoxc68ij],
    .pos-header-right select[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-input,
    [b-7usoxc68ij] .pos-header-right .dynamic-input,
    [b-7usoxc68ij] .pos-header-left-premium input,
    [b-7usoxc68ij] .pos-header-right input,
    [b-7usoxc68ij] .pos-header-left-premium select,
    [b-7usoxc68ij] .pos-header-right select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(1)[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-bottom .dynamic-field:nth-child(2)[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-top .pos-salesman-with-visit[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-bottom .pos-customer-with-history[b-7usoxc68ij] {
        grid-column: auto !important;
    }

    .pos-visit-info[b-7usoxc68ij] {
        min-height: 0 !important;
        white-space: normal !important;
        padding-left: 0 !important;
    }

    [b-7usoxc68ij] .pos-header-right {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto minmax(26px, auto) !important;
    }

    [b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    [b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    [b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(3) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    [b-7usoxc68ij] .pos-header-right > .dynamic-field:nth-child(4) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    [b-7usoxc68ij] .pos-header-right .voucher-action-buttons {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: calc(50% - 5px) !important;
    }

    [b-7usoxc68ij] .pos-header-right .ix-vno-edit-mode {
        flex-wrap: wrap !important;
    }

    .pos-h-value[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-h-value {
        min-width: 0 !important;
    }

    .ix-vno-input[b-7usoxc68ij],
    .voucher-no-input[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-vno-input,
    [b-7usoxc68ij] .voucher-no-input {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 110px !important;
    }

    .ix-vno-btn[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-vno-btn {
        min-height: 32px !important;
        flex: 0 0 auto !important;
    }
}

@media (max-width: 420px) {
    .pos-header-left-premium .dynamic-field[b-7usoxc68ij],
    .pos-header-right .dynamic-field[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field,
    [b-7usoxc68ij] .pos-header-right .dynamic-field {
        grid-template-columns: 1fr !important;
    }
}

/* POS mobile compact operator flow: scan, totals/payment, grid, actions. */
@media (max-width: 760px) {
    .pos-mobile-header-toggle[b-7usoxc68ij] {
        position: sticky;
        top: 48px;
        z-index: 48;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: calc(100% - 14px);
        min-height: 34px;
        margin: 0 7px 6px;
        padding: 0 10px;
        border: 1px solid #d8e0ea;
        border-radius: 9px;
        background: #ffffff;
        color: #0f172a;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .08);
        font-size: 12px;
        font-weight: 800;
    }

    .pos-mobile-header-toggle strong[b-7usoxc68ij] {
        color: #0b72c9;
        font-size: 12px;
    }

    .pos-header-collapsed[b-7usoxc68ij] {
        display: none !important;
    }

    .pos-header.pos-header-split[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header.pos-header-split {
        padding: 6px !important;
        margin-bottom: 6px !important;
    }

    .pos-header-left-premium[b-7usoxc68ij],
    .pos-header-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium,
    [b-7usoxc68ij] .pos-header-right {
        gap: 5px !important;
        padding: 6px !important;
        margin-bottom: 6px !important;
        border-radius: 10px !important;
    }

    .pos-header-left-premium .pos-header-row[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-top[b-7usoxc68ij],
    .pos-header-left-premium .pos-header-row-bottom[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-top,
    [b-7usoxc68ij] .pos-header-left-premium .pos-header-row-bottom {
        gap: 5px !important;
    }

    .pos-header-left-premium .dynamic-field[b-7usoxc68ij],
    .pos-header-right .dynamic-field[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field,
    [b-7usoxc68ij] .pos-header-right .dynamic-field {
        grid-template-columns: minmax(88px, 29%) minmax(0, 1fr) !important;
        gap: 5px !important;
    }

    .pos-header-left-premium .dynamic-field label[b-7usoxc68ij],
    .pos-header-right .dynamic-field label[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field label,
    [b-7usoxc68ij] .pos-header-right .dynamic-field label {
        font-size: 10.5px !important;
        line-height: 1.1 !important;
    }

    .pos-header-left-premium .dynamic-input[b-7usoxc68ij],
    .pos-header-right .dynamic-input[b-7usoxc68ij],
    .pos-header-left-premium input[b-7usoxc68ij],
    .pos-header-right input[b-7usoxc68ij],
    .pos-header-left-premium select[b-7usoxc68ij],
    .pos-header-right select[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-input,
    [b-7usoxc68ij] .pos-header-right .dynamic-input,
    [b-7usoxc68ij] .pos-header-left-premium input,
    [b-7usoxc68ij] .pos-header-right input,
    [b-7usoxc68ij] .pos-header-left-premium select,
    [b-7usoxc68ij] .pos-header-right select {
        height: 30px !important;
        min-height: 30px !important;
        border-radius: 7px !important;
    }

    [b-7usoxc68ij] .pos-customer-actions .dxbl-btn,
    [b-7usoxc68ij] .pos-history-btn,
    .pos-history-btn[b-7usoxc68ij] {
        height: 31px !important;
        min-height: 31px !important;
        border-radius: 8px !important;
    }

    .pos-root[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-root {
        gap: 6px !important;
        padding: 0 7px 10px !important;
    }

    .pos-left[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-left {
        display: contents !important;
    }

    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        order: 1;
        position: sticky !important;
        top: 88px !important;
        z-index: 45 !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        gap: 6px !important;
        padding: 6px !important;
        margin: 0 0 6px !important;
        border-radius: 9px !important;
    }

    .barcode-row > div:first-child[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row > div:first-child {
        min-width: 0 !important;
    }

    .barcode-row .pos-btn[b-7usoxc68ij],
    .barcode-row .dxbl-btn[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row .pos-btn,
    [b-7usoxc68ij] .barcode-row .dxbl-btn {
        width: auto !important;
        min-width: 74px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
    }

    .barcode-input[b-7usoxc68ij],
    .barcode-input input[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-input,
    [b-7usoxc68ij] .barcode-input input {
        height: 32px !important;
        min-height: 32px !important;
    }

    .pos-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right {
        order: 3;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        align-items: start !important;
        width: 100% !important;
    }

    .pos-grid-stack[b-7usoxc68ij] {
        order: 4;
        gap: 6px !important;
    }

    .pos-grid-section-body[b-7usoxc68ij] {
        order: 1;
    }

    .pos-return-barcode-strip[b-7usoxc68ij] {
        order: 2;
    }

    .pos-grid-section-returns[b-7usoxc68ij] {
        order: 3;
    }

    .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact {
        order: 2;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 0 2px !important;
    }

    .pos-right .panel[b-7usoxc68ij],
    .pos-summary-panel[b-7usoxc68ij],
    .pos-collection-panel[b-7usoxc68ij] {
        padding: 7px 8px !important;
        border-radius: 9px !important;
    }

    .pos-right .panel-title[b-7usoxc68ij] {
        margin-bottom: 4px !important;
        font-size: 12px !important;
    }

    .pos-right .kv[b-7usoxc68ij],
    .pos-summary-kv[b-7usoxc68ij],
    .pos-collection-kv[b-7usoxc68ij],
    .pos-collection-panel .kv[b-7usoxc68ij] {
        min-height: 23px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        gap: 6px !important;
        font-size: 11.5px !important;
    }

    .pos-two-check-row[b-7usoxc68ij],
    .pos-summary-ntp-row[b-7usoxc68ij] {
        gap: 5px !important;
    }

    .pos-inline-check[b-7usoxc68ij],
    .pos-summary-inline-check[b-7usoxc68ij] {
        min-height: 22px !important;
        font-size: 11.5px !important;
    }

    .pos-panel-checkbox[b-7usoxc68ij] {
        width: 15px !important;
        height: 15px !important;
    }

    .pos-collection-input[b-7usoxc68ij] {
        height: 24px !important;
        font-size: 12px !important;
    }

    .pos-grid-section-header[b-7usoxc68ij] {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 8px !important;
    }

    .pos-grid-wrap[b-7usoxc68ij],
    .pos-dynamic-grid-wrap[b-7usoxc68ij] {
        min-height: 175px !important;
    }

    .pos-body-top-grid[b-7usoxc68ij],
    .pos-body-top-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
    .pos-body-top-grid .dynamic-body-grid-wrap[b-7usoxc68ij] {
        height: 210px !important;
        min-height: 180px !important;
    }

    .pos-returns-bottom-grid[b-7usoxc68ij],
    .pos-returns-bottom-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
    .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-7usoxc68ij] {
        height: 120px !important;
        min-height: 96px !important;
    }

    .pos-actions-compact .pos-action-btn[b-7usoxc68ij],
    .pos-actions-compact .pos-action-btn.dxbl-btn[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn,
    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn.dxbl-btn {
        height: 34px !important;
        min-height: 34px !important;
        font-size: 11px !important;
        padding: 0 8px !important;
    }
}

@media (max-width: 430px) {
    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        grid-template-columns: 1fr 1fr !important;
    }

    .barcode-row > div:first-child[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row > div:first-child {
        grid-column: 1 / -1 !important;
    }

    .pos-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right,
    .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .pos-header.pos-header-split.pos-header-collapsed[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header.pos-header-split.pos-header-collapsed {
        display: none !important;
    }

    .pos-mobile-header-toggle[b-7usoxc68ij],
    .pos-mobile-header-toggle strong[b-7usoxc68ij] {
        font-weight: 700 !important;
    }

    .pos-header-left-premium .dynamic-field label[b-7usoxc68ij],
    .pos-header-right .dynamic-field label[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-field label,
    [b-7usoxc68ij] .pos-header-right .dynamic-field label {
        color: #334155 !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }

    .pos-header-left-premium .dynamic-input[b-7usoxc68ij],
    .pos-header-right .dynamic-input[b-7usoxc68ij],
    .pos-header-left-premium input[b-7usoxc68ij],
    .pos-header-right input[b-7usoxc68ij],
    .pos-header-left-premium select[b-7usoxc68ij],
    .pos-header-right select[b-7usoxc68ij],
    .pos-h-value[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-header-left-premium .dynamic-input,
    [b-7usoxc68ij] .pos-header-right .dynamic-input,
    [b-7usoxc68ij] .pos-header-left-premium input,
    [b-7usoxc68ij] .pos-header-right input,
    [b-7usoxc68ij] .pos-header-left-premium select,
    [b-7usoxc68ij] .pos-header-right select,
    [b-7usoxc68ij] .pos-h-value {
        font-weight: 600 !important;
    }

    .ix-vno-btn[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-vno-btn {
        font-weight: 700 !important;
    }

    .pos-mobile-totals-toggle[b-7usoxc68ij] {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
        padding: 8px 11px !important;
        border: 1px solid #d7e1ef !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, .08) !important;
        color: #10233f !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-totals-toggle strong[b-7usoxc68ij] {
        color: #0b72c9 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact {
        order: 3 !important;
    }

    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        order: 4 !important;
        position: relative !important;
        top: auto !important;
        margin-bottom: 4px !important;
    }

    .pos-grid-stack[b-7usoxc68ij] {
        order: 5 !important;
    }

    .pos-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right {
        order: 2 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
    }

    .pos-right.pos-totals-collapsed[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right.pos-totals-collapsed {
        grid-template-columns: 2fr 3fr !important;
    }

    .pos-right.pos-totals-collapsed .panel[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right.pos-totals-collapsed .panel {
        min-height: 88px !important;
    }

    /* Bill summary rows in collapsed state — compact */
    .pos-right.pos-totals-collapsed .pos-summary-kv[b-7usoxc68ij] {
        min-height: 28px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        font-size: 13px !important;
    }

    .pos-right.pos-totals-collapsed .pos-summary-kv span:last-child[b-7usoxc68ij] {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .pos-right.pos-totals-collapsed .panel-title[b-7usoxc68ij] {
        font-size: 13px !important;
        font-weight: 800 !important;
        margin-bottom: 5px !important;
    }

    /* Remove extra padding/gap from collection panel in collapsed state */
    .pos-right.pos-totals-collapsed .pos-collection-panel[b-7usoxc68ij] {
        padding-bottom: 4px !important;
    }

    .pos-right:not(.pos-totals-collapsed) .panel[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right:not(.pos-totals-collapsed) .panel {
        min-height: 0 !important;
    }

    .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact {
        order: 1 !important;
    }

    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        order: 2 !important;
        position: relative !important;
        top: auto !important;
        margin-bottom: 4px !important;
    }

    .pos-grid-stack[b-7usoxc68ij] {
        order: 3 !important;
    }

    .pos-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right {
        order: 4 !important;
    }

    .pos-right .panel[b-7usoxc68ij],
    .pos-summary-panel[b-7usoxc68ij],
    .pos-collection-panel[b-7usoxc68ij] {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    .pos-collection-panel .pos-two-check-row[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        align-items: stretch !important;
    }

    .pos-inline-check[b-7usoxc68ij],
    .pos-summary-inline-check[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 6px !important;
        align-items: center !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .pos-inline-check span[b-7usoxc68ij],
    .pos-summary-inline-check span[b-7usoxc68ij] {
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        line-height: 1.15 !important;
    }

    .pos-collection-value[b-7usoxc68ij],
    .pos-collection-input[b-7usoxc68ij] {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .pos-dynamic-grid-wrap[b-7usoxc68ij],
    .dynamic-body-grid-wrap[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-dynamic-grid-wrap,
    [b-7usoxc68ij] .dynamic-body-grid-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .dynamic-body-grid[b-7usoxc68ij],
    [b-7usoxc68ij] .dynamic-body-grid {
        width: max-content !important;
        table-layout: fixed !important;
    }

    .dynamic-body-grid th[b-7usoxc68ij],
    .dynamic-body-grid td[b-7usoxc68ij],
    [b-7usoxc68ij] .dynamic-body-grid th,
    [b-7usoxc68ij] .dynamic-body-grid td {
        white-space: nowrap !important;
    }

    /* ── Mobile collection 2-column grid ── */
    .pos-collection-mobile-grid[b-7usoxc68ij] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4px;
        margin-top: 3px;
    }

    .pos-collection-mobile-cell[b-7usoxc68ij] {
        display: flex;
        flex-direction: column;
        padding: 4px 6px 3px;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #d1d9e6;
        min-height: 42px;
    }

    .pos-cm-label[b-7usoxc68ij] {
        font-size: 10px;
        color: #64748b;
        font-weight: 500;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 2px;
    }

    .pos-cm-input[b-7usoxc68ij] {
        border: none;
        outline: none;
        background: transparent;
        font-size: 14px;
        font-weight: 800;
        color: #1e293b;
        width: 100%;
        text-align: right;
        padding: 0;
        min-height: 20px;
        line-height: 1.4;
    }

    .pos-cm-value[b-7usoxc68ij] {
        font-size: 14px;
        font-weight: 800;
        color: #1e293b;
        text-align: right;
        line-height: 1.4;
    }

    .pos-cm-checkbox[b-7usoxc68ij] {
        align-self: flex-end;
        margin-top: 2px;
    }

    /* ── Popup centering ── */
    .ix-scan-popup[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-popup {
        position: fixed !important;
        max-width: calc(100vw - 18px) !important;
        width: calc(100vw - 18px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
    }

    .ix-scan-popup-body[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-popup-body {
        padding: 8px !important;
    }

    .ix-scan-title[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-title {
        font-size: 13px !important;
        font-weight: 700 !important;
        margin-bottom: 7px !important;
    }

    .ix-scan-video[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-video {
        width: 100% !important;
        height: min(54vh, 330px) !important;
        object-fit: cover !important;
        border: 1px solid #d7e1ef !important;
        border-radius: 10px !important;
        background: #0f172a !important;
    }

    .ix-scan-manual[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-manual {
        margin-top: 10px !important;
        padding-top: 9px !important;
        border-top: 1px dashed #cbd5e1 !important;
    }

    .ix-scan-manual-title[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-manual-title {
        font-size: 12px !important;
        font-weight: 700 !important;
        margin-bottom: 6px !important;
    }

    .ix-scan-manual-actions[b-7usoxc68ij],
    .ix-scan-actions[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-manual-actions,
    [b-7usoxc68ij] .ix-scan-actions {
        display: flex !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin-top: 8px !important;
    }

    .ix-scan-status[b-7usoxc68ij],
    [b-7usoxc68ij] .ix-scan-status {
        margin-top: 7px !important;
        color: #475569 !important;
        font-size: 12px !important;
    }
}

@media (max-width: 760px) {
    .pos-mobile-totals-toggle[b-7usoxc68ij] {
        order: 1 !important;
        display: flex !important;
    }

    .pos-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right {
        order: 2 !important;
        grid-template-columns: 1fr !important;
    }

    .pos-right.pos-totals-collapsed[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right.pos-totals-collapsed {
        grid-template-columns: 2fr 3fr !important;
    }

    .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact {
        order: 3 !important;
    }

    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        order: 4 !important;
    }

    .pos-grid-stack[b-7usoxc68ij] {
        order: 5 !important;
    }
}

@media (max-width: 900px) {
    .pos-mobile-header-toggle[b-7usoxc68ij],
    .pos-mobile-totals-toggle[b-7usoxc68ij] {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: calc(100% - 14px) !important;
        min-height: 34px !important;
        margin: 0 7px 6px !important;
        padding: 0 10px !important;
        border: 1px solid #d8e0ea !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .08) !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-header-toggle strong[b-7usoxc68ij],
    .pos-mobile-totals-toggle strong[b-7usoxc68ij] {
        color: #0b72c9 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 7px !important;
    }

    .pos-actions-compact > *:nth-child(n+3)[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact > *:nth-child(n+3) {
        display: none !important;
    }

    .pos-actions-compact .pos-action-btn[b-7usoxc68ij],
    .pos-actions-compact .pos-action-btn.dxbl-btn[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn,
    [b-7usoxc68ij] .pos-actions-compact .pos-action-btn.dxbl-btn {
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        padding: 0 8px !important;
    }

    .pos-btn-content[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-btn-content {
        gap: 7px !important;
        justify-content: center !important;
    }

    .pos-btn-icon[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-btn-icon {
        width: 15px !important;
        height: 15px !important;
        stroke-width: 2.2 !important;
    }

    .pos-action-desktop-text[b-7usoxc68ij] {
        display: none !important;
    }

    .pos-action-mobile-text[b-7usoxc68ij] {
        display: inline !important;
    }
}

@media (max-width: 900px) {
    .pos-mobile-actions-toggle[b-7usoxc68ij],
    .pos-mobile-header-toggle[b-7usoxc68ij],
    .pos-mobile-totals-toggle[b-7usoxc68ij] {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: calc(100% - 14px) !important;
        min-height: 34px !important;
        margin: 0 7px 6px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        border: 1px solid #d8e0ea !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .08) !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-actions-toggle strong[b-7usoxc68ij],
    .pos-mobile-header-toggle strong[b-7usoxc68ij],
    .pos-mobile-totals-toggle strong[b-7usoxc68ij] {
        color: #0b72c9 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .pos-mobile-actions-panel[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
        box-sizing: border-box !important;
    }

    .pos-mobile-actions-panel.pos-actions-collapsed > *:nth-child(n+3)[b-7usoxc68ij] {
        display: none !important;
    }

    .pos-mobile-header-compact[b-7usoxc68ij] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 78px !important;
        gap: 6px !important;
        width: calc(100% - 14px) !important;
        margin: 0 7px 6px !important;
        padding: 7px !important;
        box-sizing: border-box !important;
        border: 1px solid #d8e0ea !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .06) !important;
    }

    .pos-compact-field[b-7usoxc68ij] {
        min-width: 0 !important;
        min-height: 39px !important;
        padding: 5px 7px !important;
        border: 1px solid #e1e7f0 !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 3px !important;
    }

    .pos-compact-field span[b-7usoxc68ij] {
        color: #64748b !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .pos-compact-field strong[b-7usoxc68ij] {
        min-width: 0 !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .pos-compact-input[b-7usoxc68ij] {
        border: none !important;
        outline: none !important;
        background: transparent !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        width: 100% !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    .pos-compact-select[b-7usoxc68ij] {
        appearance: none !important;
        -webkit-appearance: none !important;
        cursor: pointer !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .pos-compact-customer-row[b-7usoxc68ij] {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 78px !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    .pos-compact-customer[b-7usoxc68ij] {
        min-width: 0 !important;
    }

    .pos-compact-history[b-7usoxc68ij] {
        min-width: 0 !important;
        min-height: 39px !important;
        padding: 0 8px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 3px 10px rgba(227, 30, 36, .22) !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
    }

    .pos-mobile-action-btn[b-7usoxc68ij] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        height: 36px !important;
        min-height: 36px !important;
        min-width: 0 !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: #1475c8 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 12px rgba(20, 117, 200, .18) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .pos-mobile-action-btn.primary[b-7usoxc68ij] {
        background: #2563eb !important;
    }

    .pos-mobile-action-btn.danger[b-7usoxc68ij] {
        background: #0f73bd !important;
    }

    .pos-mobile-action-btn svg[b-7usoxc68ij] {
        width: 15px !important;
        height: 15px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.2 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        flex: 0 0 auto !important;
    }

    .pos-root[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-root {
        padding: 0 7px 10px !important;
    }

    .pos-root > .pos-mobile-totals-toggle[b-7usoxc68ij] {
        width: 100% !important;
        margin: 0 0 6px !important;
    }

    .pos-right[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-right {
        order: 1 !important;
        width: 100% !important;
        margin: 0 0 6px !important;
    }

    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        order: 2 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 72px 92px !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 0 7px !important;
        padding: 6px !important;
        box-sizing: border-box !important;
        position: relative !important;
        top: auto !important;
    }

    .pos-grid-stack[b-7usoxc68ij] {
        order: 3 !important;
    }

    .pos-left .pos-actions-compact[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-left .pos-actions-compact {
        display: none !important;
    }

    .pos-customer-actions[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-customer-actions {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .pos-customer-actions .dxbl-btn[b-7usoxc68ij],
    .pos-history-btn[b-7usoxc68ij],
    [b-7usoxc68ij] .pos-customer-actions .dxbl-btn,
    [b-7usoxc68ij] .pos-history-btn {
        width: 100% !important;
        height: 32px !important;
        min-height: 32px !important;
        border-radius: 8px !important;
        transform: none !important;
    }
}

@media (max-width: 430px) {
    .barcode-row[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row {
        grid-template-columns: minmax(0, 1fr) 70px 86px !important;
    }

    .barcode-row > div:first-child[b-7usoxc68ij],
    [b-7usoxc68ij] .barcode-row > div:first-child {
        grid-column: auto !important;
    }
}

/* Final caption rule: keep POS labels readable, not forced uppercase. */
.dynamic-field label[b-7usoxc68ij],
.pos-header-left-premium .dynamic-field label[b-7usoxc68ij],
.pos-header-right .dynamic-field label[b-7usoxc68ij],
.pos-grid-section-title[b-7usoxc68ij],
.panel-title[b-7usoxc68ij],
[b-7usoxc68ij] .dynamic-field label,
[b-7usoxc68ij] .pos-header-left-premium .dynamic-field label,
[b-7usoxc68ij] .pos-header-right .dynamic-field label,
[b-7usoxc68ij] .pos-grid-section-title,
[b-7usoxc68ij] .panel-title {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Center-align History and Scan popups on mobile to prevent right-side clipping */
@media (max-width: 900px) {
    [b-7usoxc68ij] .ch-popup-shell,
    [b-7usoxc68ij] .dxbl-popup-root {
        position: fixed !important;
        max-width: calc(100vw - 18px) !important;
        width: calc(100vw - 18px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
        right: auto !important;
    }
}

/* Voucher audit history (FormRenderer parity) */
.audit-history-overlay[b-7usoxc68ij] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: rgba(0, 0, 0, .38);
    display: flex;
    align-items: center;
    justify-content: center;
}

.audit-history-box[b-7usoxc68ij] {
    width: min(1100px, calc(100vw - 40px));
    height: min(720px, calc(100vh - 50px));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(128, 128, 128, .32);
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .25);
}

.audit-history-header[b-7usoxc68ij] {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.audit-history-title[b-7usoxc68ij] { font-weight: 800; font-size: 1rem; }
.audit-history-subtitle[b-7usoxc68ij] { font-size: 12px; color: #64748b; margin-top: 2px; }
.audit-history-section-title[b-7usoxc68ij] { font-weight: 700; margin-bottom: 8px; }
.audit-history-empty[b-7usoxc68ij] { padding: 12px; color: #64748b; }

.audit-history-body[b-7usoxc68ij] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    overflow: hidden;
}

.audit-history-left[b-7usoxc68ij],
.audit-history-right[b-7usoxc68ij] {
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.audit-history-left[b-7usoxc68ij] { border-right: 1px solid rgba(128, 128, 128, .25); }

.audit-history-item[b-7usoxc68ij] {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .75rem;
    background: transparent;
    padding: 10px;
    margin-bottom: 8px;
    cursor: pointer;
}

.audit-history-item.active[b-7usoxc68ij] {
    border-color: rgba(13, 110, 253, .65);
    background: rgba(13, 110, 253, .1);
}

.audit-history-item-top[b-7usoxc68ij] { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.audit-history-time[b-7usoxc68ij] { font-size: 11px; color: #64748b; }
.audit-history-item-by[b-7usoxc68ij], .audit-history-item-remarks[b-7usoxc68ij] { font-size: 12px; }

.audit-detail-table[b-7usoxc68ij] { width: 100%; border-collapse: collapse; font-size: .88rem; }
.audit-detail-table th[b-7usoxc68ij], .audit-detail-table td[b-7usoxc68ij] { border: 1px solid rgba(128, 128, 128, .28); padding: 7px 8px; }
.audit-detail-table-wrap[b-7usoxc68ij] { max-height: 280px; overflow: auto; }

.audit-change-badge[b-7usoxc68ij], .audit-action-badge[b-7usoxc68ij] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: .75rem;
    font-weight: 800;
    background: rgba(13, 110, 253, .12);
}

.audit-timeline-slider[b-7usoxc68ij] { width: 100%; margin: 8px 0; }
.audit-timeline-click-strip[b-7usoxc68ij] { position: relative; height: 48px; margin: 4px 0 8px; }
.audit-timeline-point[b-7usoxc68ij] {
    position: absolute;
    transform: translateX(-50%);
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}
.audit-timeline-dot[b-7usoxc68ij] {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3b82f6;
    margin: 0 auto 4px;
}
.audit-timeline-label[b-7usoxc68ij] { font-size: 10px; color: #64748b; white-space: nowrap; }
.audit-timeline-edge-labels[b-7usoxc68ij] { display: flex; justify-content: space-between; font-size: 11px; color: #64748b; }

@media (max-width: 1100px) {
    .audit-history-body[b-7usoxc68ij] { grid-template-columns: 1fr; }
    .audit-history-left[b-7usoxc68ij] { max-height: 260px; border-right: 0; border-bottom: 1px solid rgba(128, 128, 128, .25); }
}

/* POS page — soft grey canvas, white content cards (reference layout) */
.pos-page .pos-header[b-7usoxc68ij],
.pos-header-wrap[b-7usoxc68ij],
.pos-top-panel[b-7usoxc68ij],
.pos-grid-section[b-7usoxc68ij],
.pos-right .panel[b-7usoxc68ij],
.pos-summary-panel[b-7usoxc68ij],
.pos-collection-panel[b-7usoxc68ij],
.pos-header-left.dynamic-zone[b-7usoxc68ij],
.pos-page .pos-header-left.dynamic-zone[b-7usoxc68ij] {
    background: #ffffff !important;
}

.pos-page .pos-left[b-7usoxc68ij],
.pos-page .pos-right[b-7usoxc68ij],
.pos-page .pos-root[b-7usoxc68ij],
.pos-page .pos-grid-stack[b-7usoxc68ij] {
    background-color: transparent !important;
}

:global(.workspace-shell:has(.pos-page))[b-7usoxc68ij],
:global(.workspace-panel:has(.pos-page))[b-7usoxc68ij],
:global(.workspace-content-host:has(.pos-page))[b-7usoxc68ij],
:global(.tab-host-layer:has(.pos-page))[b-7usoxc68ij],
:global(.screen-frame:has(.pos-page))[b-7usoxc68ij],
:global(.ix-body:has(.pos-page))[b-7usoxc68ij],
:global(.app-body:has(.pos-page))[b-7usoxc68ij] {
    background: #eef2f7 !important;
    background-color: #eef2f7 !important;
}

:global(.tab-host-layer.active-host:has(.pos-page))[b-7usoxc68ij],
:global(.screen-frame:has(.pos-page))[b-7usoxc68ij] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.pos-header-wrap[b-7usoxc68ij],
.pos-top-panel[b-7usoxc68ij],
.dynamic-zone[b-7usoxc68ij],
.pos-grid-section[b-7usoxc68ij],
.pos-grid-section-header[b-7usoxc68ij],
.pos-header-left-premium[b-7usoxc68ij],
.pos-header-right[b-7usoxc68ij],
.pos-right .panel[b-7usoxc68ij],
.pos-summary-panel[b-7usoxc68ij],
.pos-collection-panel[b-7usoxc68ij] {
    background: #ffffff !important;
}

.pos-header-wrap[b-7usoxc68ij],
.pos-top-panel[b-7usoxc68ij],
.dynamic-zone[b-7usoxc68ij],
.pos-grid-section[b-7usoxc68ij],
.pos-right .panel[b-7usoxc68ij],
.pos-summary-panel[b-7usoxc68ij],
.pos-collection-panel[b-7usoxc68ij] {
    border-color: #e9eef5 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .02) !important;
}

.pos-grid-section-header[b-7usoxc68ij] {
    border-bottom-color: #eef2f7 !important;
    box-shadow: none !important;
}

.dynamic-input[readonly][b-7usoxc68ij] {
    background: #ffffff !important;
}

.pos-schema-fix-body[b-7usoxc68ij] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 0;
}

.pos-schema-fix-msg[b-7usoxc68ij] {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: #212529;
}

.pos-schema-fix-label[b-7usoxc68ij] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
}

.pos-schema-fix-error[b-7usoxc68ij] {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #f5c2c7;
    background: #f8d7da;
    color: #842029;
    font-size: 12px;
}

/* Discount popup */
[b-7usoxc68ij] .pos-discount-popup .dxbl-popup-content {
    padding: 0 !important;
}

[b-7usoxc68ij] .pos-credit-note-adj-popup .dxbl-popup-content {
    padding: 0 !important;
}

.pos-cn-adj-body[b-7usoxc68ij] {
    padding: 12px 14px 6px;
    min-height: 180px;
}

.pos-cn-adj-status[b-7usoxc68ij] {
    padding: 18px 10px;
    color: var(--pos-text-soft, #64748b);
    font-size: 12px;
    text-align: center;
    white-space: pre-line;
}

.pos-cn-adj-status.is-error[b-7usoxc68ij] {
    color: #b91c1c;
}

.pos-cn-adj-grid-wrap[b-7usoxc68ij] {
    max-height: min(420px, 55vh);
    overflow: auto;
    border: 1px solid var(--pos-line, #d8e3ef);
    border-radius: 8px;
}

.pos-cn-adj-grid[b-7usoxc68ij] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.pos-cn-adj-grid th[b-7usoxc68ij],
.pos-cn-adj-grid td[b-7usoxc68ij] {
    padding: 7px 8px;
    border-bottom: 1px solid #e8eef5;
    white-space: nowrap;
    text-align: left;
}

.pos-cn-adj-grid th[b-7usoxc68ij] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--pos-cobalt-700, #1558b0);
    background: var(--pos-cobalt-050, #eef6ff);
    font-weight: 750;
}

.pos-cn-adj-grid td[b-7usoxc68ij] {
    color: var(--pos-text, #162a43);
}

.pos-cn-adj-actions[b-7usoxc68ij] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.pos-discount-body[b-7usoxc68ij] {
    padding: 14px 16px 6px;
}

.pos-discount-hint[b-7usoxc68ij] {
    margin: 0 0 12px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--pos-cobalt-100, #dbeafe);
    background: var(--pos-cobalt-050, #eff6ff);
    color: var(--pos-cobalt-700, #1e40af);
    font-size: 11px;
    line-height: 1.4;
}

.pos-discount-fields[b-7usoxc68ij] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
    align-items: stretch;
}

.pos-discount-field[b-7usoxc68ij] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--pos-line, #d1d9e6);
    border-radius: 10px;
    background: var(--pos-sky-050, #f8fafc);
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.pos-discount-field.is-active[b-7usoxc68ij] {
    border-color: var(--pos-cobalt-500, #3b82f6);
    background: var(--pos-cobalt-050, #eff6ff);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--pos-cobalt-500, #3b82f6) 22%, transparent);
}

.pos-discount-label[b-7usoxc68ij] {
    font-size: 11px;
    font-weight: 600;
    color: var(--pos-text-soft, #64748b);
    line-height: 1.2;
}

.pos-discount-field.is-active .pos-discount-label[b-7usoxc68ij] {
    color: var(--pos-cobalt-700, #1d4ed8);
}

.pos-discount-input[b-7usoxc68ij] {
    width: 100%;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--pos-line, #cbd5e1);
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    color: var(--pos-text, #0f172a);
    text-align: right;
    box-sizing: border-box;
}

.pos-discount-input:focus[b-7usoxc68ij] {
    outline: none;
    border-color: var(--pos-cobalt-500, #3b82f6);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--pos-cobalt-500, #3b82f6) 28%, transparent);
}

.pos-discount-or[b-7usoxc68ij] {
    align-self: center;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    color: #94a3b8;
    padding: 0 2px;
}

.pos-discount-actions[b-7usoxc68ij] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

[b-7usoxc68ij] .pos-discount-btn {
    min-width: 96px !important;
    min-height: 36px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

[b-7usoxc68ij] .pos-discount-btn-cancel {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

[b-7usoxc68ij] .pos-discount-btn-ok {
    background: var(--pos-cobalt-600, #2563eb) !important;
    color: #fff !important;
    border: 1px solid var(--pos-cobalt-600, #2563eb) !important;
}

@media (max-width: 1024px) {
    [b-7usoxc68ij] .pos-discount-popup {
        max-width: calc(100vw - 24px) !important;
        width: min(480px, calc(100vw - 24px)) !important;
    }

    .pos-discount-body[b-7usoxc68ij] {
        padding: 12px 14px 4px;
    }
}

@media (max-width: 760px) {
    [b-7usoxc68ij] .pos-discount-popup {
        position: fixed !important;
        max-width: calc(100vw - 16px) !important;
        width: calc(100vw - 16px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
    }

    .pos-discount-fields[b-7usoxc68ij] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .pos-discount-or[b-7usoxc68ij] {
        justify-self: center;
        padding: 2px 0;
    }

    .pos-discount-actions[b-7usoxc68ij] {
        justify-content: stretch;
    }

    [b-7usoxc68ij] .pos-discount-btn {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        min-height: 42px !important;
        font-size: 14px !important;
    }
}

/* ===== PSE mockup — single authoritative theme ===== */
.pse-page[b-7usoxc68ij],
.pse-page *[b-7usoxc68ij] { box-sizing: border-box; }
.pse-page[b-7usoxc68ij] {
    --pse-navy: #0c1a32;
    --pse-blue: #0667d7;
    --pse-blue-soft: #175fa8;
    --pse-line: #dce3ec;
    --pse-bg: #f3f6fa;
    --pse-ink: #1f2937;
    --pse-muted: #64748b;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 10px 8px !important;
    overflow: auto !important;
    background: var(--pse-bg) !important;
    color: var(--pse-ink) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
}

/* Top bar */
.pse-topbar[b-7usoxc68ij] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 42px !important;
    margin: 0 -10px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--pse-navy) !important;
    color: #fff !important;
}
.pse-topbar-left[b-7usoxc68ij] { display: flex; align-items: center; gap: 0; height: 42px; }
.pse-brand[b-7usoxc68ij] {
    display: flex; align-items: center; height: 42px; padding-right: 14px;
    color: #fff !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: .3px;
}
.pse-brand-i[b-7usoxc68ij] { color: #e31e24 !important; }
.pse-title[b-7usoxc68ij] {
    display: flex; align-items: center; height: 18px; margin-right: 10px; padding: 0 14px 0 12px;
    border-left: 1px solid rgba(255,255,255,.35);
    color: #fff !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .4px;
}
.pse-mode-btns[b-7usoxc68ij] { display: flex; align-items: stretch; height: 42px; gap: 0; }
.pse-mode-btn[b-7usoxc68ij] {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    height: 42px !important; padding: 0 14px !important;
    border: 0 !important; border-left: 1px solid rgba(255,255,255,.12) !important; border-radius: 0 !important;
    background: transparent !important; color: #fff !important;
    font-size: 12px !important; font-weight: 600 !important; cursor: pointer;
}
.pse-mode-btn svg[b-7usoxc68ij] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.pse-mode-btn.active[b-7usoxc68ij] { background: var(--pse-blue) !important; }
.pse-mode-btn.ghost:hover[b-7usoxc68ij], .pse-mode-btn:hover[b-7usoxc68ij] { background: rgba(255,255,255,.08) !important; }
.pse-topbar-right[b-7usoxc68ij] { display: flex; align-items: center; gap: 16px; height: 42px; }
.pse-top-link[b-7usoxc68ij] {
    display: inline-flex; align-items: center; gap: 6px;
    color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap;
}
.pse-top-link svg[b-7usoxc68ij] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.pse-meta-stack[b-7usoxc68ij] { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; color: #c9d8ea; font-size: 10px; font-weight: 500; }

/* Header one line */
.pse-header-oneline[b-7usoxc68ij] {
    padding: 8px 10px !important; margin: 0 !important;
    border: 1px solid var(--pse-line) !important; border-radius: 4px !important;
    background: #fff !important; box-shadow: none !important;
}
.pse-header-row[b-7usoxc68ij] {
    display: grid !important;
    grid-template-columns:
        minmax(70px,.7fr) minmax(88px,.85fr) minmax(100px,1fr) minmax(110px,1.1fr)
        minmax(100px,1fr) minmax(100px,1fr) minmax(240px,2.3fr) minmax(100px,1fr) !important;
    align-items: end !important; gap: 8px !important; overflow: visible !important;
}
.pse-header-row .dynamic-field[b-7usoxc68ij],
.pse-customer-block[b-7usoxc68ij] { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
.pse-header-row .dynamic-field[b-7usoxc68ij] {
    display: flex !important; flex-direction: column !important; gap: 2px !important;
}
.pse-header-row .dynamic-field label[b-7usoxc68ij] {
    margin: 0 !important; color: var(--pse-muted) !important;
    font-size: 10px !important; font-weight: 600 !important; line-height: 1.1 !important;
}
.pse-header-row .dynamic-field input[b-7usoxc68ij],
.pse-header-row .dynamic-field select[b-7usoxc68ij],
.pse-header-row[b-7usoxc68ij]  .dxbl-text-edit,
.pse-header-row[b-7usoxc68ij]  .dxbl-text-edit input,
.pse-header-row[b-7usoxc68ij]  .dxbl-combobox,
.pse-header-row[b-7usoxc68ij]  .dxbl-combobox input {
    width: 100% !important; height: 30px !important; min-height: 30px !important;
    border: 1px solid #d2d9e3 !important; border-radius: 4px !important;
    background: #fff !important; color: var(--pse-ink) !important;
    font-size: 12px !important; box-shadow: none !important;
}
.pse-customer-block[b-7usoxc68ij] { position: relative; padding-bottom: 12px; }
.pse-customer-block .pos-customer-with-history[b-7usoxc68ij] {
    display: flex !important; align-items: flex-end !important; gap: 6px !important;
}
.pse-customer-block .pos-customer-with-history > .dynamic-field[b-7usoxc68ij] { flex: 1 1 auto !important; min-width: 0 !important; }
.pse-customer-history[b-7usoxc68ij] {
    display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 10px;
    border: 1px solid #7eb0e4; border-radius: 4px; background: #fff;
    color: var(--pse-blue-soft); font-size: 11px; font-weight: 600; cursor: pointer;
}
.pse-customer-history svg[b-7usoxc68ij] { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.pse-visit-info[b-7usoxc68ij] {
    position: absolute; left: 0; bottom: 0; max-width: 100%;
    color: var(--pse-muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pse-vno-field .pos-vno-value[b-7usoxc68ij] {
    display: inline-flex !important; align-items: center !important; width: 100%; height: 30px !important;
    padding: 0 8px; border: 1px solid #d2d9e3; border-radius: 4px;
    font-size: 12px !important; font-weight: 600 !important;
}
.pse-vno-delete[b-7usoxc68ij] { display: none !important; }

/* Shell / bodies */
.pse-shell[b-7usoxc68ij] { flex: 1 1 auto !important; min-height: 0 !important; }
.pse-shell.pos-has-sticky-actions > .pos-sticky-actions-dock[b-7usoxc68ij],
.pse-sticky-dock[b-7usoxc68ij] { width: 100% !important; max-width: 100% !important; align-self: stretch !important; }
.pse-root.pos-root[b-7usoxc68ij] {
    display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important;
}
.pse-main.pos-left[b-7usoxc68ij] { width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important; }
.pse-bodies[b-7usoxc68ij] {
    display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 8px !important; flex-direction: unset !important;
}
.pse-body-card[b-7usoxc68ij],
.pse-summary-panel[b-7usoxc68ij],
.pse-collection-panel[b-7usoxc68ij] {
    border: 1px solid var(--pse-line) !important; border-radius: 4px !important;
    background: #fff !important; overflow: hidden !important; box-shadow: none !important;
}
.pse-body-card[b-7usoxc68ij] { display: flex !important; flex-direction: column !important; min-height: 0 !important; }
.pse-body-card .pos-grid-section-header[b-7usoxc68ij] {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    height: 32px !important; min-height: 32px !important; padding: 0 10px !important;
    border-bottom: 0 !important; background: #fff !important;
}
.pse-page .pos-grid-section-title[b-7usoxc68ij],
.pse-page .panel-title[b-7usoxc68ij] {
    color: var(--pse-blue-soft) !important; font-size: 12px !important; font-weight: 700 !important;
    text-transform: uppercase; letter-spacing: .2px;
}
.pse-body-tools[b-7usoxc68ij] { display: flex; align-items: center; gap: 8px; }
.pse-tool-link[b-7usoxc68ij] {
    border: 0; background: transparent; color: var(--pse-blue-soft);
    font-size: 11px; font-weight: 600; cursor: pointer; padding: 0;
}
.pse-tool-icon[b-7usoxc68ij] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border: 0; border-radius: 3px; background: transparent; cursor: pointer;
}
.pse-tool-icon svg[b-7usoxc68ij] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.pse-tool-icon.danger[b-7usoxc68ij] { color: #dc2626; }

/* Scan rows */
.pse-scan-row[b-7usoxc68ij] {
    display: flex !important; align-items: center !important; gap: 6px !important;
    margin: 0 8px 6px !important; min-height: 32px !important;
}
.pse-scan-ico[b-7usoxc68ij] {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; color: #64748b;
}
.pse-scan-ico svg[b-7usoxc68ij] { width: 16px; height: 16px; fill: currentColor; }
.pse-scan-input[b-7usoxc68ij] { flex: 1 1 auto; min-width: 0; }
.pse-scan-row[b-7usoxc68ij]  .barcode-input,
.pse-scan-row[b-7usoxc68ij]  .barcode-input input,
.pse-scan-row[b-7usoxc68ij]  .dxbl-text-edit,
.pse-scan-row[b-7usoxc68ij]  .dxbl-text-edit input,
.pse-scan-row input[b-7usoxc68ij],
.pse-scan-row .dynamic-field input[b-7usoxc68ij] {
    width: 100% !important; height: 32px !important; min-height: 32px !important;
    border: 1px solid #7eb0e4 !important; border-radius: 4px !important;
    color: #475569 !important; font-size: 12px !important; box-shadow: none !important;
}
.pse-scan-row .dynamic-field[b-7usoxc68ij] { margin: 0 !important; }
.pse-scan-row .dynamic-field label[b-7usoxc68ij] { display: none !important; }
.pse-page .pos-body-top-grid[b-7usoxc68ij],
.pse-page .pos-returns-bottom-grid[b-7usoxc68ij],
.pse-page .pos-body-top-grid.dynamic-body-grid-wrap[b-7usoxc68ij],
.pse-page .pos-returns-bottom-grid.dynamic-body-grid-wrap[b-7usoxc68ij] {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border: 0 !important;
    flex: 1 1 auto !important;
    overflow: auto !important;
}

.pse-page .pos-body-top-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.pse-page .pos-returns-bottom-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.pse-page .pos-grid .dynamic-body-grid-wrap[b-7usoxc68ij],
.pse-page .pos-grid .pos-dynamic-grid[b-7usoxc68ij] {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.pse-page .dynamic-body-grid[b-7usoxc68ij] {
    width: max-content !important;
    min-width: 100% !important;
    font-size: 11px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.pse-page .dynamic-body-grid th[b-7usoxc68ij] {
    height: 28px !important;
    padding: 0 6px !important;
    border-color: #e2e8f0 !important;
    background: #f1f6fb !important;
    color: #334155 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
}
.pse-page .dynamic-body-grid td[b-7usoxc68ij] {
    height: 22px !important; padding: 1px 6px !important; border-color: #e8edf3 !important;
    background: #fff !important; font-size: 10px !important;
}
.pse-page .dynamic-body-grid tr:nth-child(even) td[b-7usoxc68ij] { background: #fafbfc !important; }
.pse-page .dynamic-body-grid td input[b-7usoxc68ij],
.pse-page .dynamic-body-grid td select[b-7usoxc68ij],
.pse-page .dynamic-body-grid td[b-7usoxc68ij]  input {
    height: 18px !important; min-height: 18px !important; border: 0 !important; font-size: 10px !important; box-shadow: none !important;
}
.pse-grid-footer[b-7usoxc68ij] {
    display: flex; justify-content: space-between; align-items: center; gap: 10px;
    min-height: 28px; padding: 6px 10px;
    border-top: 1px solid #e2e8f0; background: #f8fafc;
    color: #334155; font-size: 11px; font-weight: 600;
}

/* Summary + Collection */
.pse-bottom.pos-right[b-7usoxc68ij] {
    display: grid !important; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr) !important;
    gap: 8px !important; width: 100% !important; max-width: 100% !important;
    margin: 0 !important; position: relative !important; top: auto !important; right: auto !important;
}
.pse-bottom .panel[b-7usoxc68ij] { padding: 0 !important; }
.pse-bottom .panel-title[b-7usoxc68ij] {
    display: flex !important; align-items: center !important; height: 30px !important;
    margin: 0 !important; padding: 0 10px !important;
    border-bottom: 1px solid #e5eaf0 !important; background: #fff !important;
}
.pse-summary-body[b-7usoxc68ij] { display: flex; min-height: 118px; gap: 0; }
.pse-summary-fields[b-7usoxc68ij] {
    flex: 1 1 auto; display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    grid-auto-flow: column !important; grid-template-rows: repeat(4, minmax(24px,auto)) !important;
    padding: 8px !important;
}
.pse-summary-fields .kv[b-7usoxc68ij],
.pse-collection-panel .kv[b-7usoxc68ij] {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    min-height: 24px !important; padding: 3px 6px !important; border: 0 !important;
    color: #64748b !important; font-size: 11px !important;
}
.pse-summary-fields .kv span:last-child[b-7usoxc68ij],
.pse-collection-panel .kv span:last-child[b-7usoxc68ij] { color: #1f2937 !important; font-weight: 700 !important; }
.pse-summary-fields .kv:has(span:first-child):has([class*="return"])[b-7usoxc68ij],
.pse-summary-fields .pos-summary-kv span:last-child[b-7usoxc68ij] { }
.pse-net-amount[b-7usoxc68ij] {
    min-width: 140px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
    padding: 12px 14px; border-left: 1px solid #e5eaf0;
    background: linear-gradient(160deg, #fff 0%, #eef5ff 100%);
}
.pse-net-amount span[b-7usoxc68ij] { color: #64748b; font-size: 11px; font-weight: 600; }
.pse-net-amount strong[b-7usoxc68ij] { color: var(--pse-blue) !important; font-size: 24px !important; font-weight: 800; line-height: 1.1; }
.pse-collection-panel[b-7usoxc68ij] { display: flex !important; flex-direction: column !important; }
.pse-collection-panel .panel-title[b-7usoxc68ij] { flex: 0 0 auto; }
.pse-collection-panel .kv[b-7usoxc68ij] { border-bottom: 1px solid #eef2f6 !important; padding: 6px 10px !important; }
.pse-collection-panel .pos-collection-input[b-7usoxc68ij] {
    height: 26px !important; min-height: 26px !important;
    border: 1px solid #d8dee8 !important; border-radius: 3px !important; font-size: 11px !important;
}
.pse-collection-panel .pse-balance[b-7usoxc68ij] {
    margin-top: auto; background: #edf9f0 !important; border-bottom: 0 !important;
}
.pse-collection-panel .pse-balance span:last-child[b-7usoxc68ij] { color: #15803d !important; font-size: 14px !important; }

/* Footer */
.pse-sticky-dock[b-7usoxc68ij] {
    min-height: 54px !important; padding: 8px 12px !important;
    border-top: 1px solid var(--pse-line) !important; background: #fff !important;
}
.pse-footer-actions[b-7usoxc68ij] {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    width: 100% !important; gap: 10px !important;
}
.pse-footer-right[b-7usoxc68ij] { display: flex; gap: 8px; margin-left: auto; }
.pse-footer-btn[b-7usoxc68ij] {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
    height: 36px !important; min-width: 96px; padding: 0 14px !important;
    border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; cursor: pointer;
}
.pse-footer-btn svg[b-7usoxc68ij] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.pse-footer-btn.pse-clear[b-7usoxc68ij] {
    min-width: 72px; border: 1px solid #e5e7eb; background: #fff; color: #dc2626;
}
.pse-footer-btn.pse-draft[b-7usoxc68ij] {
    border: 1px solid #86a9d4; background: #fff; color: var(--pse-blue-soft);
}
.pse-footer-btn.pse-save[b-7usoxc68ij] {
    border: 1px solid var(--pse-blue); background: var(--pse-blue); color: #fff;
}
.pse-footer-btn.pse-print[b-7usoxc68ij] {
    border: 1px solid var(--pse-navy); background: var(--pse-navy); color: #fff;
}

@media (max-width: 1100px) {
    .pse-header-row[b-7usoxc68ij] {
        grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    }
    .pse-bodies[b-7usoxc68ij], .pse-bottom.pos-right[b-7usoxc68ij] { grid-template-columns: 1fr !important; }
}

/* Executive Cobalt mockup lock */
.ix-pos--executive-cobalt .pos-scanner[b-7usoxc68ij] {
    position: relative !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.ix-pos--executive-cobalt .pos-scanner-icon[b-7usoxc68ij] {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    width: 28px !important;
    height: 28px !important;
    pointer-events: none !important;
}

.ix-pos--executive-cobalt .pos-scanner-icon svg[b-7usoxc68ij] {
    width: 22px !important;
    height: 22px !important;
}

.ix-pos--executive-cobalt .pos-scanner.pos-return-barcode-strip[b-7usoxc68ij] {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    margin: 0 !important;
    background: #fbfdff !important;
    border: 0 !important;
    border-bottom: 1px solid #d8e3ef !important;
}

.ix-pos--executive-cobalt .pos-scanner-actions[b-7usoxc68ij] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}

.ix-pos--executive-cobalt .pos-scanner-extra[b-7usoxc68ij] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.ix-pos--executive-cobalt .pos-scanner-extra .pos-return-inline-field[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner-extra .pos-repeat-order-field[b-7usoxc68ij] {
    display: block !important;
    width: 150px !important;
    min-width: 150px !important;
}

.ix-pos--executive-cobalt .pos-scanner-extra input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner-extra select[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner-extra .dynamic-input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner-extra .dxbl-text-edit input[b-7usoxc68ij] {
    width: 100% !important;
    padding-left: 8px !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid[b-7usoxc68ij] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid th[b-7usoxc68ij] {
    height: 28px !important;
    padding: 3px 6px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    color: var(--pos-cobalt-700) !important;
    background: var(--pos-cobalt-050) !important;
    box-shadow: 0 1px 0 var(--pos-line) !important;
}

.ix-pos--executive-cobalt .pos-panel[b-7usoxc68ij] {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
}

.ix-pos--executive-cobalt .pos-grid.pos-dynamic-grid-wrap[b-7usoxc68ij] {
    min-height: 0 !important;
    overflow: auto !important;
    padding-bottom: 0 !important;
}

.ix-pos--executive-cobalt .pos-grid .dynamic-body-grid[b-7usoxc68ij] {
    margin-bottom: 0 !important;
}

.ix-pos--executive-cobalt .pos-grid-total-row td[b-7usoxc68ij] {
    height: 24px !important;
    padding: 2px 6px !important;
    background: var(--pos-cobalt-050) !important;
    border-top: 1px solid var(--pos-line) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}

.ix-pos--executive-cobalt .pos-grid-total-value[b-7usoxc68ij] {
    color: var(--pos-cobalt-700) !important;
    font-size: 11px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid tfoot td[b-7usoxc68ij] {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid td[b-7usoxc68ij] {
    height: 22px !important;
    padding: 1px 6px !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid tbody tr:hover td[b-7usoxc68ij] {
    background: var(--pos-cobalt-100) !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid tbody tr.is-selected td[b-7usoxc68ij] {
    background: var(--pos-cobalt-100) !important;
    color: var(--pos-cobalt-700) !important;
    box-shadow: inset 0 1px 0 var(--pos-cobalt-500), inset 0 -1px 0 var(--pos-cobalt-500) !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid tbody tr.is-selected td:first-child[b-7usoxc68ij] {
    box-shadow: inset 3px 0 0 var(--pos-cobalt-600), inset 0 1px 0 var(--pos-cobalt-500), inset 0 -1px 0 var(--pos-cobalt-500) !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid td input[b-7usoxc68ij],
.ix-pos--executive-cobalt .dynamic-body-grid td select[b-7usoxc68ij],
.ix-pos--executive-cobalt .dynamic-body-grid td .dynamic-grid-input[b-7usoxc68ij] {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid td select[b-7usoxc68ij] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    padding-right: 4px !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid td:hover select[b-7usoxc68ij],
.ix-pos--executive-cobalt .dynamic-body-grid td:focus-within select[b-7usoxc68ij],
.ix-pos--executive-cobalt .dynamic-body-grid td select:focus[b-7usoxc68ij],
.ix-pos--executive-cobalt .dynamic-body-grid td select:active[b-7usoxc68ij] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f7289' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 2px center !important;
    background-size: 10px 10px !important;
    padding-right: 14px !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid tbody tr:last-child td[b-7usoxc68ij] {
    /* Extra bottom space so last scanned row clears the horizontal scrollbar. */
    padding-bottom: 2px !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid td input[b-7usoxc68ij],
.ix-pos--executive-cobalt .dynamic-body-grid td select[b-7usoxc68ij] {
    height: 18px !important;
    min-height: 18px !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid td input[type="number"][b-7usoxc68ij]::-webkit-outer-spin-button,
.ix-pos--executive-cobalt .dynamic-body-grid td input[type="number"][b-7usoxc68ij]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.ix-pos--executive-cobalt .dynamic-body-grid td input[type="number"][b-7usoxc68ij] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.ix-pos--executive-cobalt .pos-scanner .barcode-input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .dxbl-text-edit[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-exchange-barcode-field[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .pos-return-inline-input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .pos-return-inline-field .dynamic-input[b-7usoxc68ij] {
    height: 34px !important;
    min-height: 34px !important;
    width: 100% !important;
    border: 1.5px solid #7eb0e4 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.ix-pos--executive-cobalt .pos-scanner .barcode-input input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .dxbl-text-edit input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-exchange-barcode-field input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .pos-return-inline-input[b-7usoxc68ij] {
    height: 31px !important;
    min-height: 31px !important;
    padding-left: 46px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
}

.ix-pos--executive-cobalt .pos-scanner .pos-scanner-field[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .pos-return-inline-field[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .pos-exchange-barcode-field[b-7usoxc68ij] {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
}

.ix-pos--executive-cobalt .pos-scanner .pos-return-inline-field > label[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-scanner .pos-exchange-barcode-field > label[b-7usoxc68ij] {
    display: none !important;
}

.ix-pos--executive-cobalt .pos-scanner input:not(.dxbl-text-edit input)[b-7usoxc68ij] {
    padding-left: 46px !important;
}

.ix-pos--executive-cobalt .pos-workspace[b-7usoxc68ij] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.ix-pos--executive-cobalt .pos-checkout[b-7usoxc68ij] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.ix-pos--executive-cobalt .pos-footer .pos-button--clear[b-7usoxc68ij] {
    color: #c0392b !important;
    background: #fff !important;
    border-color: #efc3c9 !important;
}

.ix-pos--executive-cobalt .pos-footer .pos-button--draft[b-7usoxc68ij] {
    color: var(--pos-cobalt-700) !important;
    background: #fff !important;
    border-color: var(--pos-cobalt-500) !important;
}

.ix-pos--executive-cobalt .pos-footer .pos-button--save[b-7usoxc68ij] {
    color: #fff !important;
    background: var(--pos-cobalt-600) !important;
    border-color: var(--pos-cobalt-600) !important;
}

.ix-pos--executive-cobalt .pos-footer .pos-button--print[b-7usoxc68ij] {
    color: #fff !important;
    background: var(--pos-navy-900) !important;
    border-color: var(--pos-navy-900) !important;
}

.ix-pos--executive-cobalt .pos-footer .pos-button[b-7usoxc68ij] {
    border-color: var(--pos-line-strong);
}

.ix-pos--executive-cobalt .pos-footer .pos-button:hover[b-7usoxc68ij] {
    color: var(--pos-cobalt-700) !important;
    border-color: var(--pos-cobalt-500) !important;
}

.ix-pos--executive-cobalt .pos-footer .pos-button--save:hover[b-7usoxc68ij] {
    color: #fff !important;
    background: var(--pos-cobalt-700) !important;
    border-color: var(--pos-cobalt-700) !important;
}

.ix-pos--executive-cobalt .pos-footer .pos-button--print:hover[b-7usoxc68ij] {
    color: #fff !important;
    background: var(--pos-navy-950) !important;
    border-color: var(--pos-navy-950) !important;
}

.ix-pos--executive-cobalt .pos-net-total[b-7usoxc68ij] {
    background: linear-gradient(145deg, var(--pos-cobalt-050) 0%, var(--pos-cobalt-100) 100%) !important;
    border-left-color: var(--pos-line) !important;
}

.ix-pos--executive-cobalt .pos-net-total-value[b-7usoxc68ij] {
    color: var(--pos-cobalt-600) !important;
}

.ix-pos--executive-cobalt .pos-brand-x[b-7usoxc68ij] {
    color: var(--pos-cobalt-500) !important;
}

.ix-pos--executive-cobalt .pos-payment-row--balance[b-7usoxc68ij] {
    color: var(--pos-cobalt-700) !important;
    background: var(--pos-cobalt-050) !important;
    border-color: var(--pos-cobalt-100) !important;
}

.ix-pos--executive-cobalt .pos-payment-row--balance .pos-payment-label[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-payment-row--balance .pos-payment-value[b-7usoxc68ij] {
    color: var(--pos-cobalt-700) !important;
}

.ix-pos--executive-cobalt .pos-summary-kv.is-returns > span:last-child[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-summary-kv.is-returns .pos-collection-value[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-metric.is-returns .pos-metric-value[b-7usoxc68ij] {
    color: #c62828 !important;
}

.ix-pos--executive-cobalt .pos-summary-metrics .kv[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-summary-metrics .pos-summary-kv[b-7usoxc68ij] {
    display: none !important;
}

.ix-pos--executive-cobalt .pos-summary-metrics .pos-metric[b-7usoxc68ij] {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.ix-pos--executive-cobalt .pos-summary-metrics .pos-collection-value[b-7usoxc68ij] {
    min-width: 0 !important;
}

.ix-pos--executive-cobalt .pos-summary-metrics .pos-metric-label[b-7usoxc68ij] {
    color: var(--pos-text-soft) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.ix-pos--executive-cobalt .pos-summary-metrics .pos-metric-value[b-7usoxc68ij] {
    color: var(--pos-navy-900) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ix-pos--executive-cobalt .pos-summary-metrics .pos-collection-input[b-7usoxc68ij] {
    width: 72px !important;
    min-width: 0 !important;
    max-width: 80px !important;
    height: 24px !important;
    min-height: 24px !important;
    border: 1px solid #c4d3e3 !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: var(--pos-navy-900) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Header strip only: captions above inputs */
.ix-pos--executive-cobalt .pos-voucher-fields .dynamic-field[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .pos-field[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .pos-field .dynamic-field[b-7usoxc68ij] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
}

.ix-pos--executive-cobalt .pos-voucher-fields .dynamic-field > label[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .pos-field > label[b-7usoxc68ij] {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 0 2px 1px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #5f7289 !important;
    text-transform: none !important;
    letter-spacing: 0.15px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ix-pos--executive-cobalt .pos-voucher-fields[b-7usoxc68ij] {
    grid-template-columns: repeat(4, minmax(0, 0.5fr)) repeat(3, minmax(0, 1fr)) minmax(0, 1.55fr) !important;
    align-items: end !important;
}

.ix-pos--executive-cobalt .pos-voucher-fields .pos-field--salesman[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .pos-field--mobile[b-7usoxc68ij] {
    max-width: none !important;
    min-width: 0 !important;
}

.ix-pos--executive-cobalt .pos-customer-with-history[b-7usoxc68ij] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
    width: 100% !important;
}

.ix-pos--executive-cobalt .pos-customer-with-history > .dynamic-field[b-7usoxc68ij] {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
}

.ix-pos--executive-cobalt .pos-customer-with-history > .customer-history-button[b-7usoxc68ij] {
    grid-row: 2 !important;
    align-self: end !important;
    height: 26px !important;
}

.ix-pos--executive-cobalt .pos-credit-note-adj-btn[b-7usoxc68ij] {
    white-space: nowrap !important;
}

.ix-pos--executive-cobalt .customer-insight[b-7usoxc68ij] {
    display: flex !important;
    width: 100% !important;
    min-height: 18px !important;
    margin-top: 2px !important;
    padding: 1px 7px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
}

.ix-pos--executive-cobalt .pos-voucher-fields .pos-customer-field[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .pos-field--customer[b-7usoxc68ij] {
    grid-column: span 1 !important;
    max-width: none !important;
    min-width: 0 !important;
}

.ix-pos--executive-cobalt .pos-voucher-fields input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields select[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .dxbl-text-edit[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .dxbl-combobox[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .dxbl-date-edit[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .dxbl-text-edit input[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .customer-history-button[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .pos-h-value[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .pos-vno-value[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .ix-vno-edit[b-7usoxc68ij] {
    border-radius: 3px !important;
}

.ix-pos--executive-cobalt .pos-voucher-fields .ix-vno-edit[b-7usoxc68ij] {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    background: #fff !important;
    border: 1px solid #c4d3e3 !important;
    font-weight: 700 !important;
}

.ix-pos--executive-cobalt .pos-voucher-fields .ix-vno-edit .pos-h-value[b-7usoxc68ij],
.ix-pos--executive-cobalt .pos-voucher-fields .ix-vno-edit .pos-vno-value[b-7usoxc68ij] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}
/* _content/IxpertPosStandalone/Pages/PrivacyPolicy.razor.rz.scp.css */
:global(.ix-login-layout:has(.ix-privacy-page))[b-pq1gww7sqj] {
    overflow: hidden !important;
}

.ix-privacy-page[b-pq1gww7sqj] {
    position: fixed;
    inset: 0;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    display: block;
    padding: 24px;
    box-sizing: border-box;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    background: linear-gradient(180deg, #f8fafc, #ffffff 45%, #ffffff);
}

.ix-login-theme-brown.ix-privacy-page[b-pq1gww7sqj] {
    background: #faf6f0;
}

.ix-privacy-shell[b-pq1gww7sqj] {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

.ix-privacy-card[b-pq1gww7sqj] {
    background: transparent;
    padding: 8px 4px 40px;
}

.ix-privacy-back[b-pq1gww7sqj] {
    border: none;
    background: none;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: #e11116;
    cursor: pointer;
    margin-bottom: 16px;
}

.ix-privacy-back:hover[b-pq1gww7sqj] {
    color: #bf0710;
}

.ix-login-theme-brown .ix-privacy-back[b-pq1gww7sqj] {
    color: #c94444;
}

.ix-login-theme-brown .ix-privacy-back:hover[b-pq1gww7sqj] {
    color: #b03838;
}

.ix-privacy-head h1[b-pq1gww7sqj] {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.3;
}

.ix-privacy-updated[b-pq1gww7sqj] {
    margin: 8px 0 0;
    font-size: 13px;
    color: #64748b;
}

.ix-privacy-body[b-pq1gww7sqj] {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.65;
    color: #334155;
}

.ix-privacy-body section[b-pq1gww7sqj] {
    margin-bottom: 28px;
}

.ix-privacy-body h2[b-pq1gww7sqj] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.ix-privacy-body h3[b-pq1gww7sqj] {
    margin: 16px 0 8px;
    font-size: 15px;
    font-weight: 700;
    color: #334155;
}

.ix-privacy-body p[b-pq1gww7sqj] {
    margin: 0 0 12px;
}

.ix-privacy-body ul[b-pq1gww7sqj] {
    margin: 0 0 12px;
    padding-left: 22px;
}

.ix-privacy-body li[b-pq1gww7sqj] {
    margin-bottom: 4px;
}

.ix-privacy-body a[b-pq1gww7sqj] {
    color: #e11116;
    text-decoration: none;
    font-weight: 600;
}

.ix-login-theme-brown .ix-privacy-body a[b-pq1gww7sqj] {
    color: #c94444;
}

.ix-privacy-body a:hover[b-pq1gww7sqj] {
    text-decoration: underline;
}

.ix-privacy-contact[b-pq1gww7sqj] {
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.ix-privacy-foot[b-pq1gww7sqj] {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 12px;
    color: #949bb0;
    text-align: center;
}

@media (max-width: 640px) {
    .ix-privacy-page[b-pq1gww7sqj] {
        padding: 16px;
    }

    .ix-privacy-card[b-pq1gww7sqj] {
        padding: 4px 0 32px;
    }

    .ix-privacy-head h1[b-pq1gww7sqj] {
        font-size: 20px;
    }
}
/* _content/IxpertPosStandalone/Pages/ProductionPlanning/ProductionCompletion.razor.rz.scp.css */
.pp-page[b-jr1bf9q5gk] {
    --pp-accent: #e31e24;
    --pp-accent-dark: #c62828;
    --pp-accent-soft: #fde8ea;
    --pp-block: #ebe3d8;
    --pp-block-dark: #e0d5c8;
    --pp-border: #cfc0ae;
    --pp-muted: #7d6b5c;
    --pp-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 12px;
    background: #fff;
    color: var(--pp-text);
    font-family: "Segoe UI", sans-serif;
}

.pp-cmdbar[b-jr1bf9q5gk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
}

.pp-cmd-title[b-jr1bf9q5gk] {
    margin-right: 6px;
    color: var(--pp-text);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip[b-jr1bf9q5gk] {
    padding: 3px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip.warn[b-jr1bf9q5gk] {
    background: #fff3df;
    color: #b45309;
}

.pp-cmd-chip.due[b-jr1bf9q5gk] {
    background: #e7f6ec;
    color: #15803d;
}

.pp-cmd-actions[b-jr1bf9q5gk] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-left: auto;
}

.pp-date[b-jr1bf9q5gk] {
    width: 132px;
}

.pp-branch[b-jr1bf9q5gk] {
    width: 170px;
}

.pp-cmd-btn[b-jr1bf9q5gk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.pp-cmd-btn:hover:not(:disabled)[b-jr1bf9q5gk] {
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-cmd-btn.accent[b-jr1bf9q5gk],
.pp-cmd-btn.save[b-jr1bf9q5gk] {
    color: var(--pp-accent-dark);
}

.pp-cmd-btn:disabled[b-jr1bf9q5gk] {
    color: #b7aa9f;
    cursor: not-allowed;
}

.pp-cmd-btn .ico[b-jr1bf9q5gk],
.pp-cmd-search .ico[b-jr1bf9q5gk] {
    font-size: 13px;
    line-height: 1;
}

.pp-cmd-search[b-jr1bf9q5gk] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 190px;
    padding: 5px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #fff;
}

.pp-cmd-search input[b-jr1bf9q5gk] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
}

.pp-cmd-search .ico[b-jr1bf9q5gk] {
    color: var(--pp-muted);
}

.pp-message[b-jr1bf9q5gk] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.pp-ok[b-jr1bf9q5gk] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.pp-warn[b-jr1bf9q5gk] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.pp-error[b-jr1bf9q5gk] {
    border: 1px solid #f3b6ba;
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-split[b-jr1bf9q5gk] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.pp-grid-pane[b-jr1bf9q5gk] {
    flex: 1 1 64%;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-pane[b-jr1bf9q5gk] {
    display: flex;
    flex: 0 0 390px;
    flex-direction: column;
    min-width: 320px;
    max-width: 430px;
    min-height: 0;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-head[b-jr1bf9q5gk] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-block);
}

.pp-detail-head .t[b-jr1bf9q5gk] {
    color: var(--pp-text);
    font-size: 14px;
    font-weight: 700;
}

.pp-status-dot[b-jr1bf9q5gk] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
}

.pp-status-dot .dot[b-jr1bf9q5gk] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
}

.pp-status-dot.off .dot[b-jr1bf9q5gk] {
    background: var(--pp-accent);
}

.pp-detail-body[b-jr1bf9q5gk] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px;
    overflow: auto;
}

.pp-detail-hero[b-jr1bf9q5gk] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.pp-detail-avatar[b-jr1bf9q5gk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pp-block);
    color: var(--pp-accent-dark);
    font-size: 13px;
    font-weight: 800;
}

.pp-detail-title[b-jr1bf9q5gk] {
    color: var(--pp-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.pp-detail-subtitle[b-jr1bf9q5gk] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 12px;
    font-weight: 600;
}

.pp-field-grid[b-jr1bf9q5gk],
.pp-detail-sub[b-jr1bf9q5gk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    align-content: start;
}

.pp-detail-sub[b-jr1bf9q5gk] {
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
}

.pp-field label[b-jr1bf9q5gk] {
    display: block;
    margin-bottom: 1px;
    color: var(--pp-muted);
    font-size: 11px;
}

.pp-field .v[b-jr1bf9q5gk] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pp-field.span2[b-jr1bf9q5gk] {
    grid-column: span 2;
}

.pp-section-title[b-jr1bf9q5gk] {
    margin: 14px 0 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 700;
}

.pp-empty-hint[b-jr1bf9q5gk] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--pp-muted);
    font-size: 13px;
    text-align: center;
}

.pp-empty-hint .big[b-jr1bf9q5gk] {
    font-size: 40px;
    opacity: .5;
}

[b-jr1bf9q5gk] .pp-grid {
    height: 100%;
}

[b-jr1bf9q5gk] .pp-grid .dxbl-grid {
    height: 100%;
    border: 0;
}

[b-jr1bf9q5gk] .pp-grid .dxbl-grid-header-row > th,
[b-jr1bf9q5gk] .pp-grid .dxbl-grid-filter-row > td {
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 800;
}

[b-jr1bf9q5gk] .pp-grid .dxbl-grid-table > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--pp-text);
    font-size: 12.5px;
}

[b-jr1bf9q5gk] .pp-grid .dxbl-grid-selected-row > td {
    background: var(--pp-accent-soft) !important;
}

@media (max-width: 1180px) {
    .pp-split[b-jr1bf9q5gk] {
        flex-direction: column;
    }

    .pp-detail-pane[b-jr1bf9q5gk] {
        flex: 0 0 auto;
        max-width: none;
    }
}

@media (max-width: 720px) {
    .pp-page[b-jr1bf9q5gk] {
        padding: 8px;
    }

    .pp-cmd-actions[b-jr1bf9q5gk],
    .pp-cmd-search[b-jr1bf9q5gk],
    .pp-date[b-jr1bf9q5gk],
    .pp-branch[b-jr1bf9q5gk] {
        width: 100%;
    }

    .pp-field-grid[b-jr1bf9q5gk],
    .pp-detail-sub[b-jr1bf9q5gk] {
        grid-template-columns: 1fr;
    }

    .pp-field.span2[b-jr1bf9q5gk] {
        grid-column: auto;
    }
}
/* _content/IxpertPosStandalone/Pages/ProductionPlanning/ProductionMaterialReadiness.razor.rz.scp.css */
.pp-page[b-gv8gg5baoo] {
    --pp-accent: #e31e24;
    --pp-accent-dark: #c62828;
    --pp-accent-soft: #fde8ea;
    --pp-block: #ebe3d8;
    --pp-block-dark: #e0d5c8;
    --pp-border: #cfc0ae;
    --pp-muted: #7d6b5c;
    --pp-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 12px;
    background: #fff;
    color: var(--pp-text);
    font-family: "Segoe UI", sans-serif;
}

.pp-cmdbar[b-gv8gg5baoo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
}

.pp-cmd-title[b-gv8gg5baoo] {
    margin-right: 6px;
    color: var(--pp-text);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip[b-gv8gg5baoo] {
    padding: 3px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

    .pp-cmd-chip.warn[b-gv8gg5baoo] {
        background: #fff3df;
        color: #b45309;
    }

    .pp-cmd-chip.due[b-gv8gg5baoo] {
        background: #e7f6ec;
        color: #15803d;
    }

.pp-cmd-actions[b-gv8gg5baoo] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-left: auto;
}

.pp-date[b-gv8gg5baoo] {
    width: 132px;
}

.pp-branch[b-gv8gg5baoo] {
    width: 170px;
}

.pp-cmd-btn[b-gv8gg5baoo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .pp-cmd-btn:hover:not(:disabled)[b-gv8gg5baoo] {
        background: var(--pp-accent-soft);
        color: var(--pp-accent-dark);
    }

    .pp-cmd-btn.accent[b-gv8gg5baoo],
    .pp-cmd-btn.save[b-gv8gg5baoo] {
        color: var(--pp-accent-dark);
    }

    .pp-cmd-btn:disabled[b-gv8gg5baoo] {
        color: #b7aa9f;
        cursor: not-allowed;
    }

    .pp-cmd-btn .ico[b-gv8gg5baoo],
    .pp-cmd-search .ico[b-gv8gg5baoo] {
        font-size: 13px;
        line-height: 1;
    }

.pp-cmd-search[b-gv8gg5baoo] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 190px;
    padding: 5px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #fff;
}

    .pp-cmd-search input[b-gv8gg5baoo] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--pp-text);
        font-size: 13px;
    }

    .pp-cmd-search .ico[b-gv8gg5baoo] {
        color: var(--pp-muted);
    }

.pp-message[b-gv8gg5baoo] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.pp-ok[b-gv8gg5baoo] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.pp-warn[b-gv8gg5baoo] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.pp-error[b-gv8gg5baoo] {
    border: 1px solid #f3b6ba;
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-split[b-gv8gg5baoo] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.pp-grid-pane[b-gv8gg5baoo] {
    flex: 1 1 64%;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-pane[b-gv8gg5baoo] {
    display: flex;
    flex: 0 0 390px;
    flex-direction: column;
    min-width: 320px;
    max-width: 430px;
    min-height: 0;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-head[b-gv8gg5baoo] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-block);
}

    .pp-detail-head .t[b-gv8gg5baoo] {
        color: var(--pp-text);
        font-size: 14px;
        font-weight: 700;
    }

.pp-status-dot[b-gv8gg5baoo] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
}

    .pp-status-dot .dot[b-gv8gg5baoo] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #16a34a;
    }

    .pp-status-dot.off .dot[b-gv8gg5baoo] {
        background: var(--pp-accent);
    }

.pp-detail-body[b-gv8gg5baoo] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px;
    overflow: auto;
}

.pp-detail-hero[b-gv8gg5baoo] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.pp-detail-avatar[b-gv8gg5baoo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pp-block);
    color: var(--pp-accent-dark);
    font-size: 13px;
    font-weight: 800;
}

.pp-detail-title[b-gv8gg5baoo] {
    color: var(--pp-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.pp-detail-subtitle[b-gv8gg5baoo] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 12px;
    font-weight: 600;
}

.pp-field-grid[b-gv8gg5baoo],
.pp-detail-sub[b-gv8gg5baoo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    align-content: start;
}

.pp-detail-sub[b-gv8gg5baoo] {
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
}

.pp-field label[b-gv8gg5baoo] {
    display: block;
    margin-bottom: 1px;
    color: var(--pp-muted);
    font-size: 11px;
}

.pp-field .v[b-gv8gg5baoo] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pp-field.span2[b-gv8gg5baoo] {
    grid-column: span 2;
}

.pp-section-title[b-gv8gg5baoo] {
    margin: 14px 0 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 700;
}

.pp-empty-hint[b-gv8gg5baoo] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--pp-muted);
    font-size: 13px;
    text-align: center;
}

    .pp-empty-hint .big[b-gv8gg5baoo] {
        font-size: 40px;
        opacity: .5;
    }

[b-gv8gg5baoo] .pp-grid {
    height: 100%;
}

    [b-gv8gg5baoo] .pp-grid .dxbl-grid {
        height: 100%;
        border: 0;
    }

    [b-gv8gg5baoo] .pp-grid .dxbl-grid-header-row > th,
    [b-gv8gg5baoo] .pp-grid .dxbl-grid-filter-row > td {
        background: var(--pp-block);
        color: var(--pp-muted);
        font-size: 11px;
        font-weight: 800;
    }

    [b-gv8gg5baoo] .pp-grid .dxbl-grid-table > tbody > tr > td {
        padding-top: 5px;
        padding-bottom: 5px;
        color: var(--pp-text);
        font-size: 12.5px;
    }

    [b-gv8gg5baoo] .pp-grid .dxbl-grid-selected-row > td {
        background: var(--pp-accent-soft) !important;
    }

@media (max-width: 1180px) {
    .pp-split[b-gv8gg5baoo] {
        flex-direction: column;
    }

    .pp-detail-pane[b-gv8gg5baoo] {
        flex: 0 0 auto;
        max-width: none;
    }
}

@media (max-width: 720px) {
    .pp-page[b-gv8gg5baoo] {
        padding: 8px;
    }

    .pp-cmd-actions[b-gv8gg5baoo],
    .pp-cmd-search[b-gv8gg5baoo],
    .pp-date[b-gv8gg5baoo],
    .pp-branch[b-gv8gg5baoo] {
        width: 100%;
    }

    .pp-field-grid[b-gv8gg5baoo],
    .pp-detail-sub[b-gv8gg5baoo] {
        grid-template-columns: 1fr;
    }

    .pp-field.span2[b-gv8gg5baoo] {
        grid-column: auto;
    }
}


/* Material Intelligence Board Enhancements */
.pp-intel-cmdbar[b-gv8gg5baoo] {
    align-items: center;
}

.pp-action-row[b-gv8gg5baoo] {
    width: 100%;
    margin-left: 0;
    padding-top: 4px;
    border-top: 1px solid var(--pp-block-dark);
}

.pp-status-chip[b-gv8gg5baoo] {
    padding: 4px 11px;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

    .pp-status-chip:hover[b-gv8gg5baoo],
    .pp-status-chip.active[b-gv8gg5baoo] {
        border-color: var(--pp-accent);
        background: var(--pp-accent-soft);
        color: var(--pp-accent-dark);
    }

    .pp-status-chip.ready[b-gv8gg5baoo] {
        background: #e7f6ec;
        color: #15803d;
    }

    .pp-status-chip.partial[b-gv8gg5baoo] {
        background: #fff7ed;
        color: #c2410c;
    }

    .pp-status-chip.shortage[b-gv8gg5baoo] {
        background: #fef3f2;
        color: #b42318;
    }

    .pp-status-chip.reserved[b-gv8gg5baoo] {
        background: #efe7dc;
        color: #7c5f46;
    }

        .pp-status-chip.ready.active[b-gv8gg5baoo],
        .pp-status-chip.partial.active[b-gv8gg5baoo],
        .pp-status-chip.shortage.active[b-gv8gg5baoo],
        .pp-status-chip.reserved.active[b-gv8gg5baoo] {
            outline: 2px solid rgba(227, 30, 36, .16);
        }

.pp-intelligence-pane[b-gv8gg5baoo] {
    flex-basis: 430px;
    max-width: 470px;
}

.pp-score-card[b-gv8gg5baoo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    background: linear-gradient(135deg, #fff, var(--pp-block));
}

.pp-score-label[b-gv8gg5baoo] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 800;
}

.pp-score-help[b-gv8gg5baoo] {
    margin-top: 3px;
    color: var(--pp-muted);
    font-size: 11px;
    line-height: 1.35;
}

.pp-score-value[b-gv8gg5baoo] {
    min-width: 64px;
    text-align: right;
    color: var(--pp-accent-dark);
    font-size: 24px;
    font-weight: 900;
}

.pp-recommend-box[b-gv8gg5baoo] {
    padding: 10px 12px;
    border: 1px solid var(--pp-border);
    border-left: 4px solid var(--pp-accent);
    border-radius: 8px;
    background: #fffdf9;
}

.pp-rec-title[b-gv8gg5baoo] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 800;
}

.pp-rec-body[b-gv8gg5baoo] {
    margin-top: 4px;
    color: var(--pp-muted);
    font-size: 12px;
    line-height: 1.45;
}

.pp-mini-empty[b-gv8gg5baoo] {
    padding: 9px 10px;
    border: 1px dashed var(--pp-border);
    border-radius: 8px;
    color: var(--pp-muted);
    font-size: 12px;
    background: #fff;
}

.pp-mini-list[b-gv8gg5baoo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pp-mini-card[b-gv8gg5baoo] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3px 10px;
    padding: 9px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
}

    .pp-mini-card.supplier[b-gv8gg5baoo] {
        background: #fffdf9;
    }

.pp-mini-main[b-gv8gg5baoo] {
    min-width: 0;
}

.pp-mini-title[b-gv8gg5baoo] {
    color: var(--pp-text);
    font-size: 12.5px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.pp-mini-sub[b-gv8gg5baoo],
.pp-mini-note[b-gv8gg5baoo] {
    color: var(--pp-muted);
    font-size: 11px;
    line-height: 1.35;
}

.pp-mini-number[b-gv8gg5baoo] {
    color: var(--pp-accent-dark);
    font-size: 12px;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.pp-mini-note[b-gv8gg5baoo] {
    grid-column: span 2;
}


/* Industry Confidence Model Explanation */
.pp-cmd-mainline[b-gv8gg5baoo] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.pp-industry[b-gv8gg5baoo] {
    width: 190px;
}

.pp-explain-box[b-gv8gg5baoo] {
    padding: 10px 12px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fffdf9;
}

.pp-explain-title[b-gv8gg5baoo] {
    margin-bottom: 4px;
    color: var(--pp-text);
    font-size: 12.5px;
    font-weight: 800;
}

.pp-explain-text[b-gv8gg5baoo] {
    color: var(--pp-muted);
    font-size: 11.5px;
    line-height: 1.45;
}

.pp-weight-grid[b-gv8gg5baoo] {
    display: grid;
    grid-template-columns: 1fr 58px 58px;
    gap: 4px 8px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-text);
    font-size: 11.5px;
}

    .pp-weight-grid > div:nth-child(3n+2)[b-gv8gg5baoo],
    .pp-weight-grid > div:nth-child(3n+3)[b-gv8gg5baoo] {
        text-align: right;
        font-weight: 800;
    }

.pp-explain-total[b-gv8gg5baoo] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-accent-dark);
    font-size: 12.5px;
    font-weight: 900;
    text-align: right;
}

@media (max-width: 720px) {
    .pp-cmd-mainline[b-gv8gg5baoo],
    .pp-industry[b-gv8gg5baoo] {
        width: 100%;
    }
}


/* Score Explanation Popup */
.pp-modal-backdrop[b-gv8gg5baoo] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(35, 30, 25, .38);
}

.pp-modal-card[b-gv8gg5baoo] {
    width: min(920px, 96vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 22px 70px rgba(35, 30, 25, .24);
    overflow: hidden;
}

.pp-modal-head[b-gv8gg5baoo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-block);
}

.pp-modal-title[b-gv8gg5baoo] {
    color: var(--pp-text);
    font-size: 16px;
    font-weight: 900;
}

.pp-modal-subtitle[b-gv8gg5baoo] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 12px;
    font-weight: 600;
}

.pp-modal-close[b-gv8gg5baoo] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--pp-border);
    border-radius: 50%;
    background: #fff;
    color: var(--pp-accent-dark);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

    .pp-modal-close:hover[b-gv8gg5baoo] {
        background: var(--pp-accent-soft);
    }

.pp-modal-body[b-gv8gg5baoo] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 14px 16px;
}

    .pp-modal-body .pp-explain-box[b-gv8gg5baoo] {
        margin-bottom: 12px;
    }

.pp-modal-foot[b-gv8gg5baoo] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--pp-border);
    background: #fffdf9;
}

.pp-industry-models[b-gv8gg5baoo] {
    margin-top: 4px;
}

.pp-industry-grid[b-gv8gg5baoo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pp-industry-card[b-gv8gg5baoo] {
    padding: 10px 12px;
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    background: #fff;
}

    .pp-industry-card.active[b-gv8gg5baoo] {
        border-color: var(--pp-accent);
        background: var(--pp-accent-soft);
    }

.pp-industry-title[b-gv8gg5baoo] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 900;
}

.pp-industry-weights[b-gv8gg5baoo] {
    margin-top: 4px;
    color: var(--pp-accent-dark);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
}

.pp-industry-note[b-gv8gg5baoo] {
    margin-top: 5px;
    color: var(--pp-muted);
    font-size: 11.5px;
    line-height: 1.4;
}

@media (max-width: 720px) {
    .pp-modal-backdrop[b-gv8gg5baoo] {
        align-items: stretch;
        padding: 10px;
    }

    .pp-modal-card[b-gv8gg5baoo] {
        width: 100%;
        max-height: 94vh;
    }

    .pp-modal-foot[b-gv8gg5baoo] {
        flex-direction: column;
    }

    .pp-industry-grid[b-gv8gg5baoo] {
        grid-template-columns: 1fr;
    }
}
/* _content/IxpertPosStandalone/Pages/ProductionPlanning/ProductionPlanning.razor.rz.scp.css */
.pp-page[b-fx32w49kah] {
    --pp-accent: #e31e24;
    --pp-accent-dark: #c62828;
    --pp-accent-soft: #fde8ea;
    --pp-block: #ebe3d8;
    --pp-block-dark: #e0d5c8;
    --pp-border: #cfc0ae;
    --pp-muted: #7d6b5c;
    --pp-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 12px;
    background: #fff;
    color: var(--pp-text);
    font-family: "Segoe UI", sans-serif;
}

.pp-cmdbar[b-fx32w49kah] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
}

.pp-cmd-title[b-fx32w49kah] {
    margin-right: 6px;
    color: var(--pp-text);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip[b-fx32w49kah] {
    padding: 3px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip.warn[b-fx32w49kah] {
    background: #fff3df;
    color: #b45309;
}

.pp-cmd-chip.due[b-fx32w49kah] {
    background: #e7f6ec;
    color: #15803d;
}

.pp-cmd-actions[b-fx32w49kah] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-left: auto;
}

.pp-date[b-fx32w49kah] {
    width: 132px;
}

.pp-branch[b-fx32w49kah] {
    width: 170px;
}

.pp-cmd-btn[b-fx32w49kah] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.pp-cmd-btn:hover:not(:disabled)[b-fx32w49kah] {
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-cmd-btn.accent[b-fx32w49kah],
.pp-cmd-btn.save[b-fx32w49kah] {
    color: var(--pp-accent-dark);
}

.pp-cmd-btn:disabled[b-fx32w49kah] {
    color: #b7aa9f;
    cursor: not-allowed;
}

.pp-cmd-btn .ico[b-fx32w49kah],
.pp-cmd-search .ico[b-fx32w49kah] {
    font-size: 13px;
    line-height: 1;
}

.pp-cmd-search[b-fx32w49kah] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 190px;
    padding: 5px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #fff;
}

.pp-cmd-search input[b-fx32w49kah] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
}

.pp-cmd-search .ico[b-fx32w49kah] {
    color: var(--pp-muted);
}

.pp-message[b-fx32w49kah] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.pp-ok[b-fx32w49kah] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.pp-warn[b-fx32w49kah] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.pp-error[b-fx32w49kah] {
    border: 1px solid #f3b6ba;
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-split[b-fx32w49kah] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.pp-grid-pane[b-fx32w49kah] {
    flex: 1 1 64%;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-pane[b-fx32w49kah] {
    display: flex;
    flex: 0 0 390px;
    flex-direction: column;
    min-width: 320px;
    max-width: 430px;
    min-height: 0;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-head[b-fx32w49kah] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-block);
}

.pp-detail-head .t[b-fx32w49kah] {
    color: var(--pp-text);
    font-size: 14px;
    font-weight: 700;
}

.pp-status-dot[b-fx32w49kah] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
}

.pp-status-dot .dot[b-fx32w49kah] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
}

.pp-status-dot.off .dot[b-fx32w49kah] {
    background: var(--pp-accent);
}

.pp-detail-body[b-fx32w49kah] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px;
    overflow: auto;
}

.pp-detail-hero[b-fx32w49kah] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.pp-detail-avatar[b-fx32w49kah] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pp-block);
    color: var(--pp-accent-dark);
    font-size: 13px;
    font-weight: 800;
}

.pp-detail-title[b-fx32w49kah] {
    color: var(--pp-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.pp-detail-subtitle[b-fx32w49kah] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 12px;
    font-weight: 600;
}

.pp-field-grid[b-fx32w49kah],
.pp-detail-sub[b-fx32w49kah] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    align-content: start;
}

.pp-detail-sub[b-fx32w49kah] {
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
}

.pp-field label[b-fx32w49kah] {
    display: block;
    margin-bottom: 1px;
    color: var(--pp-muted);
    font-size: 11px;
}

.pp-field .v[b-fx32w49kah] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pp-field.span2[b-fx32w49kah] {
    grid-column: span 2;
}

.pp-section-title[b-fx32w49kah] {
    margin: 14px 0 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 700;
}

.pp-empty-hint[b-fx32w49kah] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--pp-muted);
    font-size: 13px;
    text-align: center;
}

.pp-empty-hint .big[b-fx32w49kah] {
    font-size: 40px;
    opacity: .5;
}

[b-fx32w49kah] .pp-grid {
    height: 100%;
}

[b-fx32w49kah] .pp-grid .dxbl-grid {
    height: 100%;
    border: 0;
}

[b-fx32w49kah] .pp-grid .dxbl-grid-header-row > th,
[b-fx32w49kah] .pp-grid .dxbl-grid-filter-row > td {
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 800;
}

[b-fx32w49kah] .pp-grid .dxbl-grid-table > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--pp-text);
    font-size: 12.5px;
}

[b-fx32w49kah] .pp-grid .dxbl-grid-selected-row > td {
    background: var(--pp-accent-soft) !important;
}

@@media (max-width: 1180px) {
    .pp-split[b-fx32w49kah] {
        flex-direction: column;
    }

    .pp-detail-pane[b-fx32w49kah] {
        flex: 0 0 auto;
        max-width: none;
    }
}

@@media (max-width: 720px) {
    .pp-page[b-fx32w49kah] {
        padding: 8px;
    }

    .pp-cmd-actions[b-fx32w49kah],
    .pp-cmd-search[b-fx32w49kah],
    .pp-date[b-fx32w49kah],
    .pp-branch[b-fx32w49kah] {
        width: 100%;
    }

    .pp-field-grid[b-fx32w49kah],
    .pp-detail-sub[b-fx32w49kah] {
        grid-template-columns: 1fr;
    }

    .pp-field.span2[b-fx32w49kah] {
        grid-column: auto;
    }
}
/* _content/IxpertPosStandalone/Pages/ProductionPlanning/ProductionPlanningList.razor.rz.scp.css */
.pp-page[b-e1q759v7td] {
    --pp-accent: #e31e24;
    --pp-accent-dark: #c62828;
    --pp-accent-soft: #fde8ea;
    --pp-block: #ebe3d8;
    --pp-block-dark: #e0d5c8;
    --pp-border: #cfc0ae;
    --pp-muted: #7d6b5c;
    --pp-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 12px;
    background: #fff;
    color: var(--pp-text);
    font-family: "Segoe UI", sans-serif;
}

.pp-cmdbar[b-e1q759v7td] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
}

.pp-cmd-title[b-e1q759v7td] {
    margin-right: 6px;
    color: var(--pp-text);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip[b-e1q759v7td] {
    padding: 3px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip.warn[b-e1q759v7td] {
    background: #fff3df;
    color: #b45309;
}

.pp-cmd-chip.due[b-e1q759v7td] {
    background: #e7f6ec;
    color: #15803d;
}

.pp-cmd-actions[b-e1q759v7td] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-left: auto;
}

.pp-date[b-e1q759v7td] {
    width: 132px;
}

.pp-branch[b-e1q759v7td] {
    width: 170px;
}

.pp-cmd-btn[b-e1q759v7td] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.pp-cmd-btn:hover:not(:disabled)[b-e1q759v7td] {
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-cmd-btn.accent[b-e1q759v7td],
.pp-cmd-btn.save[b-e1q759v7td] {
    color: var(--pp-accent-dark);
}

.pp-cmd-btn:disabled[b-e1q759v7td] {
    color: #b7aa9f;
    cursor: not-allowed;
}

.pp-cmd-btn .ico[b-e1q759v7td],
.pp-cmd-search .ico[b-e1q759v7td] {
    font-size: 13px;
    line-height: 1;
}

.pp-cmd-search[b-e1q759v7td] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 190px;
    padding: 5px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #fff;
}

.pp-cmd-search input[b-e1q759v7td] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
}

.pp-cmd-search .ico[b-e1q759v7td] {
    color: var(--pp-muted);
}

.pp-message[b-e1q759v7td] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.pp-ok[b-e1q759v7td] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.pp-warn[b-e1q759v7td] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.pp-error[b-e1q759v7td] {
    border: 1px solid #f3b6ba;
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-split[b-e1q759v7td] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.pp-grid-pane[b-e1q759v7td] {
    flex: 1 1 64%;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-pane[b-e1q759v7td] {
    display: flex;
    flex: 0 0 390px;
    flex-direction: column;
    min-width: 320px;
    max-width: 430px;
    min-height: 0;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-head[b-e1q759v7td] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-block);
}

.pp-detail-head .t[b-e1q759v7td] {
    color: var(--pp-text);
    font-size: 14px;
    font-weight: 700;
}

.pp-status-dot[b-e1q759v7td] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
}

.pp-status-dot .dot[b-e1q759v7td] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
}

.pp-status-dot.off .dot[b-e1q759v7td] {
    background: var(--pp-accent);
}

.pp-detail-body[b-e1q759v7td] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px;
    overflow: auto;
}

.pp-detail-hero[b-e1q759v7td] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.pp-detail-avatar[b-e1q759v7td] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pp-block);
    color: var(--pp-accent-dark);
    font-size: 13px;
    font-weight: 800;
}

.pp-detail-title[b-e1q759v7td] {
    color: var(--pp-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.pp-detail-subtitle[b-e1q759v7td] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 12px;
    font-weight: 600;
}

.pp-field-grid[b-e1q759v7td],
.pp-detail-sub[b-e1q759v7td] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    align-content: start;
}

.pp-detail-sub[b-e1q759v7td] {
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
}

.pp-field label[b-e1q759v7td] {
    display: block;
    margin-bottom: 1px;
    color: var(--pp-muted);
    font-size: 11px;
}

.pp-field .v[b-e1q759v7td] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pp-field.span2[b-e1q759v7td] {
    grid-column: span 2;
}

.pp-section-title[b-e1q759v7td] {
    margin: 14px 0 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 700;
}

.pp-empty-hint[b-e1q759v7td] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--pp-muted);
    font-size: 13px;
    text-align: center;
}

.pp-empty-hint .big[b-e1q759v7td] {
    font-size: 40px;
    opacity: .5;
}

[b-e1q759v7td] .pp-grid {
    height: 100%;
}

[b-e1q759v7td] .pp-grid .dxbl-grid {
    height: 100%;
    border: 0;
}

[b-e1q759v7td] .pp-grid .dxbl-grid-header-row > th,
[b-e1q759v7td] .pp-grid .dxbl-grid-filter-row > td {
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 800;
}

[b-e1q759v7td] .pp-grid .dxbl-grid-table > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--pp-text);
    font-size: 12.5px;
}

[b-e1q759v7td] .pp-grid .dxbl-grid-selected-row > td {
    background: var(--pp-accent-soft) !important;
}

@@media (max-width: 1180px) {
    .pp-split[b-e1q759v7td] {
        flex-direction: column;
    }

    .pp-detail-pane[b-e1q759v7td] {
        flex: 0 0 auto;
        max-width: none;
    }
}

@@media (max-width: 720px) {
    .pp-page[b-e1q759v7td] {
        padding: 8px;
    }

    .pp-cmd-actions[b-e1q759v7td],
    .pp-cmd-search[b-e1q759v7td],
    .pp-date[b-e1q759v7td],
    .pp-branch[b-e1q759v7td] {
        width: 100%;
    }

    .pp-field-grid[b-e1q759v7td],
    .pp-detail-sub[b-e1q759v7td] {
        grid-template-columns: 1fr;
    }

    .pp-field.span2[b-e1q759v7td] {
        grid-column: auto;
    }
}

.pp-detail-items[b-e1q759v7td] {
    display: block;
}

.pp-item-row[b-e1q759v7td] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--pp-block-dark);
}

.pp-item-title[b-e1q759v7td] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 700;
}

.pp-item-sub[b-e1q759v7td] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 600;
}

.pp-item-qty[b-e1q759v7td] {
    color: var(--pp-accent-dark);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}
/* _content/IxpertPosStandalone/Pages/ProductionPlanning/ProductionProgress.razor.rz.scp.css */
.pp-page[b-3qsufkb8r9] {
    --pp-accent: #e31e24;
    --pp-accent-dark: #c62828;
    --pp-accent-soft: #fde8ea;
    --pp-block: #ebe3d8;
    --pp-block-dark: #e0d5c8;
    --pp-border: #cfc0ae;
    --pp-muted: #7d6b5c;
    --pp-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 12px;
    background: #fff;
    color: var(--pp-text);
    font-family: "Segoe UI", sans-serif;
}

.pp-cmdbar[b-3qsufkb8r9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
}

.pp-cmd-title[b-3qsufkb8r9] {
    margin-right: 6px;
    color: var(--pp-text);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip[b-3qsufkb8r9] {
    padding: 3px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip.warn[b-3qsufkb8r9] {
    background: #fff3df;
    color: #b45309;
}

.pp-cmd-chip.due[b-3qsufkb8r9] {
    background: #e7f6ec;
    color: #15803d;
}

.pp-cmd-actions[b-3qsufkb8r9] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-left: auto;
}

.pp-date[b-3qsufkb8r9] {
    width: 132px;
}

.pp-branch[b-3qsufkb8r9] {
    width: 170px;
}

.pp-cmd-btn[b-3qsufkb8r9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.pp-cmd-btn:hover:not(:disabled)[b-3qsufkb8r9] {
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-cmd-btn.accent[b-3qsufkb8r9],
.pp-cmd-btn.save[b-3qsufkb8r9] {
    color: var(--pp-accent-dark);
}

.pp-cmd-btn:disabled[b-3qsufkb8r9] {
    color: #b7aa9f;
    cursor: not-allowed;
}

.pp-cmd-btn .ico[b-3qsufkb8r9],
.pp-cmd-search .ico[b-3qsufkb8r9] {
    font-size: 13px;
    line-height: 1;
}

.pp-cmd-search[b-3qsufkb8r9] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 190px;
    padding: 5px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #fff;
}

.pp-cmd-search input[b-3qsufkb8r9] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
}

.pp-cmd-search .ico[b-3qsufkb8r9] {
    color: var(--pp-muted);
}

.pp-message[b-3qsufkb8r9] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.pp-ok[b-3qsufkb8r9] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.pp-warn[b-3qsufkb8r9] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.pp-error[b-3qsufkb8r9] {
    border: 1px solid #f3b6ba;
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-split[b-3qsufkb8r9] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.pp-grid-pane[b-3qsufkb8r9] {
    flex: 1 1 64%;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-pane[b-3qsufkb8r9] {
    display: flex;
    flex: 0 0 390px;
    flex-direction: column;
    min-width: 320px;
    max-width: 430px;
    min-height: 0;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-head[b-3qsufkb8r9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-block);
}

.pp-detail-head .t[b-3qsufkb8r9] {
    color: var(--pp-text);
    font-size: 14px;
    font-weight: 700;
}

.pp-status-dot[b-3qsufkb8r9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
}

.pp-status-dot .dot[b-3qsufkb8r9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
}

.pp-status-dot.off .dot[b-3qsufkb8r9] {
    background: var(--pp-accent);
}

.pp-detail-body[b-3qsufkb8r9] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px;
    overflow: auto;
}

.pp-detail-hero[b-3qsufkb8r9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.pp-detail-avatar[b-3qsufkb8r9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pp-block);
    color: var(--pp-accent-dark);
    font-size: 13px;
    font-weight: 800;
}

.pp-detail-title[b-3qsufkb8r9] {
    color: var(--pp-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.pp-detail-subtitle[b-3qsufkb8r9] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 12px;
    font-weight: 600;
}

.pp-field-grid[b-3qsufkb8r9],
.pp-detail-sub[b-3qsufkb8r9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    align-content: start;
}

.pp-detail-sub[b-3qsufkb8r9] {
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
}

.pp-field label[b-3qsufkb8r9] {
    display: block;
    margin-bottom: 1px;
    color: var(--pp-muted);
    font-size: 11px;
}

.pp-field .v[b-3qsufkb8r9] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pp-field.span2[b-3qsufkb8r9] {
    grid-column: span 2;
}

.pp-section-title[b-3qsufkb8r9] {
    margin: 14px 0 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 700;
}

.pp-empty-hint[b-3qsufkb8r9] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--pp-muted);
    font-size: 13px;
    text-align: center;
}

.pp-empty-hint .big[b-3qsufkb8r9] {
    font-size: 40px;
    opacity: .5;
}

[b-3qsufkb8r9] .pp-grid {
    height: 100%;
}

[b-3qsufkb8r9] .pp-grid .dxbl-grid {
    height: 100%;
    border: 0;
}

[b-3qsufkb8r9] .pp-grid .dxbl-grid-header-row > th,
[b-3qsufkb8r9] .pp-grid .dxbl-grid-filter-row > td {
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 800;
}

[b-3qsufkb8r9] .pp-grid .dxbl-grid-table > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--pp-text);
    font-size: 12.5px;
}

[b-3qsufkb8r9] .pp-grid .dxbl-grid-selected-row > td {
    background: var(--pp-accent-soft) !important;
}

@media (max-width: 1180px) {
    .pp-split[b-3qsufkb8r9] {
        flex-direction: column;
    }

    .pp-detail-pane[b-3qsufkb8r9] {
        flex: 0 0 auto;
        max-width: none;
    }
}

@media (max-width: 720px) {
    .pp-page[b-3qsufkb8r9] {
        padding: 8px;
    }

    .pp-cmd-actions[b-3qsufkb8r9],
    .pp-cmd-search[b-3qsufkb8r9],
    .pp-date[b-3qsufkb8r9],
    .pp-branch[b-3qsufkb8r9] {
        width: 100%;
    }

    .pp-field-grid[b-3qsufkb8r9],
    .pp-detail-sub[b-3qsufkb8r9] {
        grid-template-columns: 1fr;
    }

    .pp-field.span2[b-3qsufkb8r9] {
        grid-column: auto;
    }
}
/* _content/IxpertPosStandalone/Pages/ProductionPlanning/ProductionScheduling.razor.rz.scp.css */
.pp-page[b-ugr1463p1r] {
    --pp-accent: #e31e24;
    --pp-accent-dark: #c62828;
    --pp-accent-soft: #fde8ea;
    --pp-block: #ebe3d8;
    --pp-block-dark: #e0d5c8;
    --pp-border: #cfc0ae;
    --pp-muted: #7d6b5c;
    --pp-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 12px;
    background: #fff;
    color: var(--pp-text);
    font-family: "Segoe UI", sans-serif;
}

.pp-cmdbar[b-ugr1463p1r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
}

.pp-cmd-title[b-ugr1463p1r] {
    margin-right: 6px;
    color: var(--pp-text);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip[b-ugr1463p1r] {
    padding: 3px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.pp-cmd-chip.warn[b-ugr1463p1r] {
    background: #fff3df;
    color: #b45309;
}

.pp-cmd-chip.due[b-ugr1463p1r] {
    background: #e7f6ec;
    color: #15803d;
}

.pp-cmd-actions[b-ugr1463p1r] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-left: auto;
}

.pp-date[b-ugr1463p1r] {
    width: 132px;
}

.pp-branch[b-ugr1463p1r] {
    width: 170px;
}

.pp-cmd-btn[b-ugr1463p1r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.pp-cmd-btn:hover:not(:disabled)[b-ugr1463p1r] {
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-cmd-btn.accent[b-ugr1463p1r],
.pp-cmd-btn.save[b-ugr1463p1r] {
    color: var(--pp-accent-dark);
}

.pp-cmd-btn:disabled[b-ugr1463p1r] {
    color: #b7aa9f;
    cursor: not-allowed;
}

.pp-cmd-btn .ico[b-ugr1463p1r],
.pp-cmd-search .ico[b-ugr1463p1r] {
    font-size: 13px;
    line-height: 1;
}

.pp-cmd-search[b-ugr1463p1r] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 190px;
    padding: 5px 10px;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #fff;
}

.pp-cmd-search input[b-ugr1463p1r] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pp-text);
    font-size: 13px;
}

.pp-cmd-search .ico[b-ugr1463p1r] {
    color: var(--pp-muted);
}

.pp-message[b-ugr1463p1r] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.pp-ok[b-ugr1463p1r] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.pp-warn[b-ugr1463p1r] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.pp-error[b-ugr1463p1r] {
    border: 1px solid #f3b6ba;
    background: var(--pp-accent-soft);
    color: var(--pp-accent-dark);
}

.pp-split[b-ugr1463p1r] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.pp-grid-pane[b-ugr1463p1r] {
    flex: 1 1 64%;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-pane[b-ugr1463p1r] {
    display: flex;
    flex: 0 0 390px;
    flex-direction: column;
    min-width: 320px;
    max-width: 430px;
    min-height: 0;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pp-detail-head[b-ugr1463p1r] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-block);
}

.pp-detail-head .t[b-ugr1463p1r] {
    color: var(--pp-text);
    font-size: 14px;
    font-weight: 700;
}

.pp-status-dot[b-ugr1463p1r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
}

.pp-status-dot .dot[b-ugr1463p1r] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
}

.pp-status-dot.off .dot[b-ugr1463p1r] {
    background: var(--pp-accent);
}

.pp-detail-body[b-ugr1463p1r] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px;
    overflow: auto;
}

.pp-detail-hero[b-ugr1463p1r] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.pp-detail-avatar[b-ugr1463p1r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pp-block);
    color: var(--pp-accent-dark);
    font-size: 13px;
    font-weight: 800;
}

.pp-detail-title[b-ugr1463p1r] {
    color: var(--pp-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.pp-detail-subtitle[b-ugr1463p1r] {
    margin-top: 2px;
    color: var(--pp-muted);
    font-size: 12px;
    font-weight: 600;
}

.pp-field-grid[b-ugr1463p1r],
.pp-detail-sub[b-ugr1463p1r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    align-content: start;
}

.pp-detail-sub[b-ugr1463p1r] {
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
}

.pp-field label[b-ugr1463p1r] {
    display: block;
    margin-bottom: 1px;
    color: var(--pp-muted);
    font-size: 11px;
}

.pp-field .v[b-ugr1463p1r] {
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pp-field.span2[b-ugr1463p1r] {
    grid-column: span 2;
}

.pp-section-title[b-ugr1463p1r] {
    margin: 14px 0 8px;
    padding-top: 10px;
    border-top: 1px solid var(--pp-block-dark);
    color: var(--pp-text);
    font-size: 13px;
    font-weight: 700;
}

.pp-empty-hint[b-ugr1463p1r] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--pp-muted);
    font-size: 13px;
    text-align: center;
}

.pp-empty-hint .big[b-ugr1463p1r] {
    font-size: 40px;
    opacity: .5;
}

[b-ugr1463p1r] .pp-grid {
    height: 100%;
}

[b-ugr1463p1r] .pp-grid .dxbl-grid {
    height: 100%;
    border: 0;
}

[b-ugr1463p1r] .pp-grid .dxbl-grid-header-row > th,
[b-ugr1463p1r] .pp-grid .dxbl-grid-filter-row > td {
    background: var(--pp-block);
    color: var(--pp-muted);
    font-size: 11px;
    font-weight: 800;
}

[b-ugr1463p1r] .pp-grid .dxbl-grid-table > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--pp-text);
    font-size: 12.5px;
}

[b-ugr1463p1r] .pp-grid .dxbl-grid-selected-row > td {
    background: var(--pp-accent-soft) !important;
}

@media (max-width: 1180px) {
    .pp-split[b-ugr1463p1r] {
        flex-direction: column;
    }

    .pp-detail-pane[b-ugr1463p1r] {
        flex: 0 0 auto;
        max-width: none;
    }
}

@media (max-width: 720px) {
    .pp-page[b-ugr1463p1r] {
        padding: 8px;
    }

    .pp-cmd-actions[b-ugr1463p1r],
    .pp-cmd-search[b-ugr1463p1r],
    .pp-date[b-ugr1463p1r],
    .pp-branch[b-ugr1463p1r] {
        width: 100%;
    }

    .pp-field-grid[b-ugr1463p1r],
    .pp-detail-sub[b-ugr1463p1r] {
        grid-template-columns: 1fr;
    }

    .pp-field.span2[b-ugr1463p1r] {
        grid-column: auto;
    }
}
/* _content/IxpertPosStandalone/Pages/PurchaseEnquiry.razor.rz.scp.css */
.pe-page[b-8go1ekmmyp] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px 14px;
    box-sizing: border-box;
    overflow: hidden;
    background: #f4f6f8;
    color: #1f2937;
}

.pe-toolbar[b-8go1ekmmyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;
}

.pe-eyebrow[b-8go1ekmmyp] {
    font-size: 10px;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: #6b7280;
}

.pe-title[b-8go1ekmmyp] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.pe-toolbar-actions[b-8go1ekmmyp] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.pe-msg[b-8go1ekmmyp] {
    flex-shrink: 0;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.pe-msg-error[b-8go1ekmmyp] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.pe-header-card[b-8go1ekmmyp],
.pe-footer-card[b-8go1ekmmyp] {
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 10px;
}

.pe-grid-card[b-8go1ekmmyp] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 10px;
}

.pe-section-label[b-8go1ekmmyp] {
    font-size: 11px;
    font-weight: 700;
    color: #4b5563;
    margin-bottom: 6px;
}

.pe-header-layout[b-8go1ekmmyp]  .dxbl-fl-ctrl,
.pe-ctrl[b-8go1ekmmyp] {
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
}

.pe-header-layout[b-8go1ekmmyp]  .dxbl-fl-cpt,
.pe-header-layout[b-8go1ekmmyp]  label {
    font-size: 11px !important;
    margin-bottom: 2px;
}

.pe-grid[b-8go1ekmmyp] {
    flex: 1;
    min-height: 220px;
    width: 100%;
}

.pe-grid[b-8go1ekmmyp]  .dxbl-grid {
    font-size: 12px;
}

/* Hide sort icons */
.pe-grid[b-8go1ekmmyp]  .dxbl-grid-sort-index,
.pe-grid[b-8go1ekmmyp]  .dxbl-grid-sort-order,
.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-sort {
    display: none !important;
}

/* Full-bleed band header cells */
.pe-grid[b-8go1ekmmyp]  th:has(.pe-band-cap) {
    padding: 0 !important;
    vertical-align: middle !important;
}

.pe-grid[b-8go1ekmmyp]  th:has(.pe-band-cap-sales) {
    background: #4a86c8 !important;
}

.pe-grid[b-8go1ekmmyp]  th:has(.pe-band-cap-purchase) {
    background: #6aa84f !important;
}

.pe-grid[b-8go1ekmmyp]  th:has(.pe-band-cap-change) {
    background: #e69138 !important;
}

.pe-grid[b-8go1ekmmyp]  th:has(.pe-band-cap-closure) {
    background: #8e7cc3 !important;
}

.pe-grid[b-8go1ekmmyp]  th:has(.pe-band-cap) .dxbl-grid-header-content,
.pe-grid[b-8go1ekmmyp]  th:has(.pe-band-cap) .dxbl-grid-header-title {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}

.pe-band-cap[b-8go1ekmmyp] {
    width: 100%;
    height: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    padding: 8px 4px;
    margin: 0;
    box-sizing: border-box;
}

.pe-band-cap-sales[b-8go1ekmmyp] {
    background: #4a86c8;
    color: #fff;
}

.pe-band-cap-purchase[b-8go1ekmmyp] {
    background: #6aa84f;
    color: #fff;
}

.pe-band-cap-change[b-8go1ekmmyp] {
    background: #e69138;
    color: #fff;
}

.pe-band-cap-closure[b-8go1ekmmyp] {
    background: #8e7cc3;
    color: #fff;
}

/* Leaf header row: full tint, no white, centered */
.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-row:nth-child(2) > th {
    text-align: center !important;
    padding: 4px 2px !important;
}

.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-row:nth-child(2) > th:nth-child(-n+14) {
    background: #d0e2f3 !important;
    color: #1e3a5f !important;
}

.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-row:nth-child(2) > th:nth-child(n+15):nth-child(-n+22) {
    background: #d9ead3 !important;
    color: #1b4332 !important;
}

.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-row:nth-child(2) > th:nth-child(n+23):nth-child(-n+30) {
    background: #fce5cd !important;
    color: #7c4a03 !important;
}

.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-row:nth-child(2) > th:nth-child(n+31) {
    background: #e4d7f5 !important;
    color: #5b21b6 !important;
}

.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-row:nth-child(2) .dxbl-grid-header-content,
.pe-grid[b-8go1ekmmyp]  .dxbl-grid-header-row:nth-child(2) .dxbl-grid-header-title {
    justify-content: center !important;
    text-align: center !important;
    width: 100%;
}

.pe-footer-row[b-8go1ekmmyp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pe-total-block[b-8go1ekmmyp],
.pe-tax-block[b-8go1ekmmyp] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pe-total-label[b-8go1ekmmyp] {
    font-size: 11px;
    font-weight: 700;
    color: #4b5563;
}

.pe-total-value[b-8go1ekmmyp] {
    font-size: 14px;
    font-weight: 700;
    min-width: 90px;
}

.pe-tax-chip[b-8go1ekmmyp] {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
}

.pe-tax-chip b[b-8go1ekmmyp] {
    margin-left: 6px;
    font-size: 12px;
}

/* Purchase Purpose Add/Edit (FormRenderer / Task Purpose pattern) */
.combo-master-wrap[b-8go1ekmmyp] {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.combo-master-input[b-8go1ekmmyp] {
    min-width: 0;
    width: 100%;
}

.combo-master-suffix[b-8go1ekmmyp] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 26px;
    display: inline-flex;
    align-items: stretch;
    z-index: 4;
    pointer-events: none;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.combo-master-wrap:hover .combo-master-suffix[b-8go1ekmmyp],
.combo-master-wrap:focus-within .combo-master-suffix[b-8go1ekmmyp],
.combo-master-wrap.has-value .combo-master-suffix[b-8go1ekmmyp],
.combo-master-wrap:has(.dxbl-btn-clear) .combo-master-suffix[b-8go1ekmmyp] {
    opacity: 1;
    visibility: visible;
}

.combo-master-suffix-btn[b-8go1ekmmyp] {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: none;
}

.combo-master-suffix-btn:hover:not(:disabled)[b-8go1ekmmyp] {
    color: #1e293b;
    background: #f1f5f9;
    border-radius: 4px;
}

.combo-master-suffix-divider[b-8go1ekmmyp] {
    width: 1px;
    align-self: stretch;
    margin: 4px 0;
    background: #e2e8f0;
}

.combo-master-suffix-ico[b-8go1ekmmyp] {
    display: block;
}

.frm-quick-master-host[b-8go1ekmmyp] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.frm-quick-master-topbar[b-8go1ekmmyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #e2e8f0;
}

.frm-quick-master-title[b-8go1ekmmyp] {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
}

.frm-quick-master-actions[b-8go1ekmmyp] {
    display: flex;
    gap: 8px;
}

.frm-quick-master-body[b-8go1ekmmyp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
}

.frm-quick-master-label[b-8go1ekmmyp] {
    font-size: 12px;
    font-weight: 600;
    color: #5a6a7e;
    margin-top: 4px;
}

.frm-quick-master-popup[b-8go1ekmmyp]  .dxbl-text-edit,
.frm-quick-master-popup[b-8go1ekmmyp]  .dxbl-edit-input {
    border-radius: 3px !important;
}

.pe-url-link[b-8go1ekmmyp] {
    color: #1d4ed8;
    text-decoration: underline;
    word-break: break-all;
}

.ix-master-success-box[b-8go1ekmmyp] {
    padding: 18px;
    text-align: center;
}

.ix-master-success-title[b-8go1ekmmyp] {
    font-size: 16px;
    font-weight: 700;
    color: #1f6b2a;
    margin-bottom: 8px;
}

.ix-master-success-message[b-8go1ekmmyp] {
    font-size: 13px;
    color: #334;
    margin-bottom: 14px;
}

.ix-master-success-ok[b-8go1ekmmyp] {
    min-width: 88px;
}
/* _content/IxpertPosStandalone/Pages/PurchaseEnquiryList.razor.rz.scp.css */
.pel-page[b-qt36voz8yd] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
    box-sizing: border-box;
    background: #f6f8fc;
    color: #0f172a;
    overflow: hidden;
}

.pel-topbar[b-qt36voz8yd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
}

.pel-eyebrow[b-qt36voz8yd] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #64748b;
}

.pel-topbar h1[b-qt36voz8yd] {
    margin: 2px 0 0;
    font-size: 22px;
    font-weight: 700;
}

.pel-top-actions[b-qt36voz8yd] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.pel-icon-btn[b-qt36voz8yd] {
    width: 36px;
    height: 36px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.pel-new-btn[b-qt36voz8yd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: #2563eb;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

.pel-msg[b-qt36voz8yd] {
    flex-shrink: 0;
    padding: 8px 10px;
    border-radius: 6px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
    font-size: 12px;
}

.pel-msg.err[b-qt36voz8yd] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.pel-cards[b-qt36voz8yd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    flex-shrink: 0;
}

.pel-card[b-qt36voz8yd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.pel-card.selected[b-qt36voz8yd] {
    border-color: #93c5fd;
    box-shadow: 0 0 0 2px #dbeafe;
}

.pel-card span[b-qt36voz8yd] {
    display: block;
    font-size: 12px;
    color: #64748b;
}

.pel-card strong[b-qt36voz8yd] {
    font-size: 22px;
    line-height: 1.1;
}

.pel-card-icon[b-qt36voz8yd] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
}

.pel-card-icon.open[b-qt36voz8yd] { background: #2563eb; }
.pel-card-icon.closed[b-qt36voz8yd] { background: #7c3aed; }
.pel-card-icon.all[b-qt36voz8yd] { background: #0f766e; }

.pel-list-card[b-qt36voz8yd] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
}

.pel-filter-row[b-qt36voz8yd] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.pel-select[b-qt36voz8yd],
.pel-search[b-qt36voz8yd] {
    height: 34px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 12px;
}

.pel-select[b-qt36voz8yd] { width: 140px; }
.pel-search[b-qt36voz8yd] { flex: 1; }

.pel-filter-btn[b-qt36voz8yd] {
    height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: #2563eb;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.pel-grid[b-qt36voz8yd] {
    flex: 1;
    min-height: 0;
    width: 100%;
}

.pel-link[b-qt36voz8yd] {
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 0 4px;
}

.pel-link.danger[b-qt36voz8yd] { color: #dc2626; }

.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap) {
    padding: 0 !important;
    vertical-align: middle !important;
}

.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap-header) { background: #64748b !important; }
.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap-sales) { background: #4a86c8 !important; }
.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap-purchase) { background: #6aa84f !important; }
.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap-change) { background: #e69138 !important; }
.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap-closure) { background: #8e7cc3 !important; }

.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap) .dxbl-grid-header-content,
.pel-grid[b-qt36voz8yd]  th:has(.pel-band-cap) .dxbl-grid-header-title {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}

.pel-band-cap[b-qt36voz8yd] {
    width: 100%;
    height: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    padding: 8px 4px;
    margin: 0;
    box-sizing: border-box;
    color: #fff;
}

.pel-band-cap-header[b-qt36voz8yd] { background: #64748b; }
.pel-band-cap-sales[b-qt36voz8yd] { background: #4a86c8; }
.pel-band-cap-purchase[b-qt36voz8yd] { background: #6aa84f; }
.pel-band-cap-change[b-qt36voz8yd] { background: #e69138; }
.pel-band-cap-closure[b-qt36voz8yd] { background: #8e7cc3; }

.pel-url-link[b-qt36voz8yd] {
    color: #1d4ed8;
    text-decoration: underline;
    word-break: break-all;
}

@media (max-width: 900px) {
    .pel-cards[b-qt36voz8yd] { grid-template-columns: 1fr; }
}
/* _content/IxpertPosStandalone/Pages/ReportDesignSamples.razor.rz.scp.css */
.rds-page[b-kdthfmo3mo] {
    min-height: calc(100dvh - 88px);
    padding: 1.25rem 1.5rem 2rem;
    background: linear-gradient(165deg, #0f172a 0%, #1e293b 42%, #334155 100%);
    box-sizing: border-box;
}

.rds-page[b-kdthfmo3mo], .rds-page *[b-kdthfmo3mo] { box-sizing: border-box; }

.rds-hero[b-kdthfmo3mo] {
    max-width: 1180px;
    margin: 0 auto 1.5rem;
    text-align: center;
}

.rds-hero h1[b-kdthfmo3mo] {
    margin: 0 0 .5rem;
    font-size: 1.75rem;
    font-weight: 800;
    color: #f8fafc;
    letter-spacing: -.02em;
}

.rds-hero p[b-kdthfmo3mo] {
    margin: 0 auto;
    max-width: 640px;
    font-size: .95rem;
    line-height: 1.6;
    color: #94a3b8;
}

.rds-hero strong[b-kdthfmo3mo] { color: #e2e8f0; }

.rds-selected-banner[b-kdthfmo3mo] {
    max-width: 1180px;
    margin: 0 auto 1.25rem;
    padding: .85rem 1.15rem;
    border-radius: 12px;
    background: rgba(16, 185, 129, .15);
    border: 1px solid rgba(52, 211, 153, .45);
    color: #a7f3d0;
    font-size: .92rem;
    font-weight: 600;
    text-align: center;
}

.rds-grid[b-kdthfmo3mo] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (max-width: 1000px) {
    .rds-grid[b-kdthfmo3mo] { grid-template-columns: 1fr; }
}

.rds-card[b-kdthfmo3mo] {
    background: #1e293b;
    border: 2px solid rgba(148, 163, 184, .2);
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.rds-card:hover[b-kdthfmo3mo] {
    transform: translateY(-3px);
    border-color: rgba(148, 163, 184, .45);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.rds-card.is-picked[b-kdthfmo3mo] {
    border-color: #34d399;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, .25), 0 20px 50px rgba(0, 0, 0, .4);
}

.rds-card-head[b-kdthfmo3mo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    background: rgba(15, 23, 42, .6);
    border-bottom: 1px solid rgba(148, 163, 184, .15);
}

.rds-card-id[b-kdthfmo3mo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 10px;
    font-weight: 800;
    font-size: 1rem;
    flex-shrink: 0;
}

.rds-card-a .rds-card-id[b-kdthfmo3mo] { background: #3b82f6; color: #fff; }
.rds-card-b .rds-card-id[b-kdthfmo3mo] { background: #0d9488; color: #fff; }
.rds-card-c .rds-card-id[b-kdthfmo3mo] { background: #d97706; color: #fff; }
.rds-card-d .rds-card-id[b-kdthfmo3mo] { background: #8b5cf6; color: #fff; }

.rds-card-title[b-kdthfmo3mo] {
    margin: 0 0 4px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #f1f5f9;
}

.rds-card-sub[b-kdthfmo3mo] {
    margin: 0;
    font-size: .78rem;
    color: #94a3b8;
    line-height: 1.45;
}

.rds-pick-btn[b-kdthfmo3mo] {
    border: 1px solid rgba(148, 163, 184, .35);
    background: rgba(30, 41, 59, .8);
    color: #e2e8f0;
    border-radius: 8px;
    padding: .45rem 1rem;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
}

.rds-pick-btn.is-picked[b-kdthfmo3mo] {
    background: #10b981;
    border-color: #059669;
    color: #fff;
}

.rds-preview[b-kdthfmo3mo] {
    padding: 1rem;
    background: #0f172a;
    min-height: 380px;
}

/* ========== shared polished grid ========== */
.rg-wrap[b-kdthfmo3mo] {
    height: 100%;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    font-size: 11px;
}

.rg-table-area[b-kdthfmo3mo] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.rg-table[b-kdthfmo3mo] {
    width: 100%;
    border-collapse: collapse;
}

.rg-table thead th[b-kdthfmo3mo] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
}

.rg-table tbody td[b-kdthfmo3mo] {
    padding: 7px 10px;
    border-bottom: 1px solid transparent;
}

.rg-table .num[b-kdthfmo3mo] { text-align: right; font-variant-numeric: tabular-nums; }

.rg-table tfoot td[b-kdthfmo3mo] {
    padding: 9px 10px;
    font-weight: 800;
    font-size: 11px;
}

.rg-pager[b-kdthfmo3mo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    font-size: 10px;
}

.rg-group-hint[b-kdthfmo3mo] {
    padding: 6px 12px;
    font-size: 10px;
    font-style: italic;
    text-align: center;
}

/* ========== A: Slate Analytics ========== */
.rg-a[b-kdthfmo3mo] { background: #fff; color: #0f172a; }

.rg-a-top[b-kdthfmo3mo] {
    background: linear-gradient(135deg, #1e3a5f 0%, #0f2744 100%);
    color: #fff;
    padding: 14px 16px 12px;
}

.rg-a-top h3[b-kdthfmo3mo] {
    margin: 0 0 2px;
    font-size: 15px;
    font-weight: 700;
}

.rg-a-top span[b-kdthfmo3mo] { font-size: 10px; opacity: .75; }

.rg-a-kpis[b-kdthfmo3mo] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 10px 12px;
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
}

.rg-a-kpi[b-kdthfmo3mo] {
    padding: 8px 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
}

.rg-a-kpi label[b-kdthfmo3mo] {
    display: block;
    font-size: 9px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 2px;
}

.rg-a-kpi strong[b-kdthfmo3mo] {
    font-size: 14px;
    color: #0f172a;
}

.rg-a-kpi.accent strong[b-kdthfmo3mo] { color: #2563eb; }

.rg-a-filters[b-kdthfmo3mo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-end;
    padding: 10px 12px;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.rg-a-filters .fld label[b-kdthfmo3mo] {
    display: block;
    font-size: 9px;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 3px;
}

.rg-a-filters input[b-kdthfmo3mo], .rg-a-filters select[b-kdthfmo3mo] {
    height: 30px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 0 8px;
    font-size: 11px;
    min-width: 100px;
}

.rg-a-run[b-kdthfmo3mo] {
    height: 30px;
    padding: 0 16px;
    border: none;
    border-radius: 6px;
    background: #2563eb;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    cursor: default;
}

.rg-a-tools[b-kdthfmo3mo] {
    margin-left: auto;
    display: flex;
    gap: 6px;
}

.rg-a-tools button[b-kdthfmo3mo] {
    height: 28px;
    padding: 0 10px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #f8fafc;
    font-size: 10px;
    font-weight: 600;
    color: #475569;
}

.rg-a .rg-table thead th[b-kdthfmo3mo] {
    background: #1e293b;
    color: #f8fafc;
}

.rg-a .rg-table tbody tr:nth-child(even) td[b-kdthfmo3mo] { background: #f8fafc; }
.rg-a .rg-table tbody tr:hover td[b-kdthfmo3mo] { background: #eff6ff; }
.rg-a .rg-table tfoot td[b-kdthfmo3mo] { background: #dbeafe; color: #1e40af; }
.rg-a .rg-group-hint[b-kdthfmo3mo] { background: #f8fafc; color: #94a3b8; }
.rg-a .rg-pager[b-kdthfmo3mo] { background: #f8fafc; color: #64748b; border-top: 1px solid #e2e8f0; }

/* ========== B: Teal Ledger Pro ========== */
.rg-b[b-kdthfmo3mo] { background: #fafdfc; color: #134e4a; border: 1px solid #99f6e4; }

.rg-b-header[b-kdthfmo3mo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 3px solid #0d9488;
    background: #fff;
}

.rg-b-header h3[b-kdthfmo3mo] {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f766e;
}

.rg-b-badge[b-kdthfmo3mo] {
    font-size: 9px;
    padding: 3px 8px;
    border-radius: 99px;
    background: #ccfbf1;
    color: #0f766e;
    font-weight: 700;
}

.rg-b-strip[b-kdthfmo3mo] {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    background: linear-gradient(90deg, #f0fdfa 0%, #fff 100%);
    border-bottom: 1px solid #ccfbf1;
    flex-wrap: wrap;
    align-items: flex-end;
}

.rg-b-strip .fld input[b-kdthfmo3mo], .rg-b-strip .fld select[b-kdthfmo3mo] {
    height: 28px;
    border: 1px solid #5eead4;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 10px;
    background: #fff;
}

.rg-b-strip .fld label[b-kdthfmo3mo] { font-size: 9px; color: #0f766e; font-weight: 700; }

.rg-b-go[b-kdthfmo3mo] {
    height: 28px;
    padding: 0 14px;
    background: #0d9488;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 700;
    font-size: 10px;
}

.rg-b .rg-table thead th[b-kdthfmo3mo] {
    background: #0f766e;
    color: #fff;
    border-right: 1px solid #0d9488;
}

.rg-b .rg-table tbody td[b-kdthfmo3mo] {
    border-bottom: 1px solid #e6fffa;
    color: #134e4a;
}

.rg-b .rg-table tbody tr:hover td[b-kdthfmo3mo] { background: #f0fdfa; }
.rg-b .rg-table tfoot td[b-kdthfmo3mo] {
    background: #0f766e;
    color: #fff;
}
.rg-b .rg-pager[b-kdthfmo3mo] { background: #f0fdfa; color: #0f766e; }
.rg-b .rg-group-hint[b-kdthfmo3mo] { color: #5eead4; background: #f0fdfa; }

/* ========== C: Executive Brief ========== */
.rg-c[b-kdthfmo3mo] {
    background: #fffef9;
    color: #44403c;
    border: 1px solid #e7e5e4;
}

.rg-c-banner[b-kdthfmo3mo] {
    padding: 16px 18px 12px;
    border-bottom: 1px solid #e7e5e4;
}

.rg-c-banner h3[b-kdthfmo3mo] {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: #292524;
    letter-spacing: -.01em;
}

.rg-c-meta[b-kdthfmo3mo] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.rg-c-chip[b-kdthfmo3mo] {
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #fef3c7;
    color: #92400e;
    font-weight: 600;
    border: 1px solid #fde68a;
}

.rg-c-bar[b-kdthfmo3mo] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 12px 18px;
    background: #fafaf9;
    border-bottom: 1px solid #e7e5e4;
    flex-wrap: wrap;
}

.rg-c-bar .fld label[b-kdthfmo3mo] { font-size: 9px; color: #78716c; font-weight: 600; }
.rg-c-bar input[b-kdthfmo3mo], .rg-c-bar select[b-kdthfmo3mo] {
    height: 30px;
    border: 1px solid #d6d3d1;
    border-radius: 4px;
    padding: 0 8px;
    background: #fff;
    font-size: 11px;
}

.rg-c-run[b-kdthfmo3mo] {
    height: 30px;
    padding: 0 18px;
    background: #b45309;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 700;
}

.rg-c-icons[b-kdthfmo3mo] {
    margin-left: auto;
    display: flex;
    gap: 4px;
}

.rg-c-icons span[b-kdthfmo3mo] {
    width: 32px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e5e4;
    border-radius: 4px;
    background: #fff;
    font-size: 12px;
}

.rg-c .rg-table thead th[b-kdthfmo3mo] {
    background: #fafaf9;
    color: #57534e;
    border-bottom: 2px solid #d6d3d1;
}

.rg-c .rg-table tbody tr:nth-child(even) td[b-kdthfmo3mo] { background: #fafaf9; }
.rg-c .rg-table tfoot td[b-kdthfmo3mo] {
    background: #fef3c7;
    color: #92400e;
    border-top: 2px solid #f59e0b;
}
.rg-c .rg-pager[b-kdthfmo3mo] { color: #78716c; }

/* ========== D: Midnight BI ========== */
.rg-d[b-kdthfmo3mo] {
    background: #18181b;
    color: #e4e4e7;
    border: 1px solid #3f3f46;
}

.rg-d-head[b-kdthfmo3mo] {
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #3f3f46;
}

.rg-d-head h3[b-kdthfmo3mo] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #fafafa;
}

.rg-d-live[b-kdthfmo3mo] {
    font-size: 9px;
    color: #22d3ee;
    display: flex;
    align-items: center;
    gap: 4px;
}

.rg-d-live[b-kdthfmo3mo]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22d3ee;
}

.rg-d-controls[b-kdthfmo3mo] {
    display: flex;
    gap: 8px;
    padding: 10px 14px;
    background: #27272a;
    flex-wrap: wrap;
    align-items: center;
}

.rg-d-pill[b-kdthfmo3mo] {
    height: 28px;
    padding: 0 12px;
    border-radius: 99px;
    border: 1px solid #52525b;
    background: #3f3f46;
    color: #d4d4d8;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.rg-d-pill.active[b-kdthfmo3mo] {
    border-color: #22d3ee;
    background: rgba(34, 211, 238, .12);
    color: #67e8f9;
}

.rg-d-refresh[b-kdthfmo3mo] {
    height: 28px;
    padding: 0 14px;
    border: none;
    border-radius: 99px;
    background: #22d3ee;
    color: #0f172a;
    font-weight: 800;
    font-size: 10px;
    margin-left: auto;
}

.rg-d .rg-table thead th[b-kdthfmo3mo] {
    background: #27272a;
    color: #a1a1aa;
    border-bottom: 1px solid #3f3f46;
}

.rg-d .rg-table tbody td[b-kdthfmo3mo] {
    border-bottom: 1px solid #27272a;
    color: #e4e4e7;
}

.rg-d .rg-table tbody tr:hover td[b-kdthfmo3mo] { background: #27272a; }
.rg-d .rg-table tbody tr:nth-child(even) td[b-kdthfmo3mo] { background: #1f1f23; }
.rg-d .rg-table tfoot td[b-kdthfmo3mo] {
    background: #164e63;
    color: #a5f3fc;
}
.rg-d .rg-group-hint[b-kdthfmo3mo] { color: #71717a; background: #27272a; }
.rg-d .rg-pager[b-kdthfmo3mo] { background: #27272a; color: #a1a1aa; border-top: 1px solid #3f3f46; }

.rds-footer[b-kdthfmo3mo] {
    max-width: 1180px;
    margin: 2rem auto 0;
    padding: 1.15rem 1.25rem;
    background: rgba(30, 41, 59, .7);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 12px;
}

.rds-footer h3[b-kdthfmo3mo] {
    margin: 0 0 .5rem;
    font-size: .95rem;
    color: #f1f5f9;
}

.rds-footer p[b-kdthfmo3mo] {
    margin: 0;
    font-size: .85rem;
    color: #94a3b8;
    line-height: 1.55;
}
/* _content/IxpertPosStandalone/Pages/ReportViewer.razor.rz.scp.css */
/* =========================================================
   REPORT VIEWER - CLEAN THEME SAFE CSS
   ========================================================= */

.ix-report-page[b-7l74aw46j4] {
    height: calc(100dvh - 128px);
    max-height: calc(100dvh - 128px);
    min-height: 420px;
    padding: .65rem;
    overflow: hidden;
    background: transparent;
    color: inherit;
    box-sizing: border-box;
    font-size: inherit;
}

.ix-report-page.rv-theme[b-7l74aw46j4] {
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

    .ix-report-page[b-7l74aw46j4],
    .ix-report-page *[b-7l74aw46j4] {
        box-sizing: border-box;
    }

.ix-report-page-bg[b-7l74aw46j4] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: .65rem;
    overflow: hidden;
    background: transparent;
    color: inherit;
}

.ix-report-head-card[b-7l74aw46j4],
.ix-report-grid-card[b-7l74aw46j4],
.report-empty[b-7l74aw46j4] {
    background: transparent !important;
    color: inherit !important;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent) !important;
    border-radius: .85rem !important;
    box-shadow: none !important;
}

.ix-report-head-card[b-7l74aw46j4] {
    flex: 0 0 auto;
    padding: .45rem .65rem !important;
}

.ix-report-grid-card[b-7l74aw46j4] {
    flex: 1 1 auto;
    min-height: 0;
    padding: .55rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* HEADER */
.ix-head-row2[b-7l74aw46j4],
.ix-report-head-row[b-7l74aw46j4] {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: .65rem .9rem !important;
    flex-wrap: wrap !important;
    width: 100%;
}

.ix-filter-row[b-7l74aw46j4] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
}

.ix-filter-item[b-7l74aw46j4] {
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .ix-filter-item:has(.ix-param-date)[b-7l74aw46j4] {
        margin-right: 6px;
    }

.ix-filter-label[b-7l74aw46j4] {
    display: block;
    height: 16px !important;
    line-height: 16px !important;
    margin: 0 0 4px 0 !important;
    font-size: 12px !important;
    font-weight: 500;
    color: inherit;
    opacity: .75;
}

/* PARAM EDITORS */
.ix-report-page[b-7l74aw46j4]  .ix-param-editor {
    width: 170px !important;
    height: 30px !important;
    min-height: 30px !important;
}

    .ix-report-page[b-7l74aw46j4]  .ix-param-editor.dxbl-edit,
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor .dxbl-edit,
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor .dxbl-text-edit,
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor .dxbl-combobox,
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor .dxbl-dropdown-edit,
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor .dxbl-date-edit {
        height: 30px !important;
        min-height: 30px !important;
        background: color-mix(in srgb, currentColor 4%, transparent) !important;
        color: inherit !important;
        border-color: color-mix(in srgb, currentColor 26%, transparent) !important;
        box-shadow: none !important;
    }

/* DATE EDIT FINAL FIX */
.ix-report-page[b-7l74aw46j4]  .ix-param-date {
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
    height: 30px !important;
    min-height: 30px !important;
    position: relative !important;
}

    .ix-report-page[b-7l74aw46j4]  .ix-param-date .dxbl-edit-input,
    .ix-report-page[b-7l74aw46j4]  .ix-param-date input {
        height: 28px !important;
        line-height: 28px !important;
        padding-right: 38px !important;
    }

    .ix-report-page[b-7l74aw46j4]  .ix-param-date .dxbl-edit-btn,
    .ix-report-page[b-7l74aw46j4]  .ix-param-date .dxbl-btn,
    .ix-report-page[b-7l74aw46j4]  .ix-param-date button {
        position: absolute !important;
        right: 2px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 26px !important;
        min-height: 26px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

/* RUN BUTTON */
.ix-filter-run-item[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 36px; /* ?? shift right */
}

.ix-run-label[b-7l74aw46j4] {
    visibility: hidden;
}

.ix-run-btn[b-7l74aw46j4],
.ix-run-btn.dxbl-btn[b-7l74aw46j4] {
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 10px !important; /* reduce vertical space */

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: .45rem !important;
}
/* TOOLBAR */
.ix-report-toolbar[b-7l74aw46j4] {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
}

.ix-master-toolbar-actions[b-7l74aw46j4] {
    display: grid !important;
    grid-template-columns: repeat(5, max-content) 210px !important;
    align-items: center !important;
    gap: .45rem !important;
    width: auto !important;
}

.ix-master-toolbtn[b-7l74aw46j4] {
    height: 30px !important;
    min-height: 30px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: 0 .7rem;
    border: 1px solid color-mix(in srgb, currentColor 26%, transparent) !important;
    border-radius: .55rem;
    background: color-mix(in srgb, currentColor 5%, transparent) !important;
    color: inherit !important;
    font-size: .9em;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none !important;
}

    .ix-master-toolbtn:hover[b-7l74aw46j4] {
        background: color-mix(in srgb, currentColor 10%, transparent) !important;
    }

    .ix-master-toolbtn.ix-favorite-toolbtn.active[b-7l74aw46j4] {
        border-color: #f59e0b !important;
        background: #fffbeb !important;
        color: #92400e !important;
    }

    .ix-master-toolbtn.ix-favorite-toolbtn.active .ix-ico[b-7l74aw46j4] {
        fill: #fbbf24;
    }

    .ix-master-toolbtn svg[b-7l74aw46j4],
    .ix-run-btn svg[b-7l74aw46j4],
    .ix-ico[b-7l74aw46j4] {
        width: 1em;
        height: 1em;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ix-search-wrap[b-7l74aw46j4] {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    flex: none !important;
    margin-left: 0 !important;
}

.ix-master-search-shell[b-7l74aw46j4] {
    height: 30px !important;
    min-height: 30px !important;
    background: color-mix(in srgb, currentColor 5%, transparent) !important;
    color: inherit !important;
    border: 1px solid color-mix(in srgb, currentColor 26%, transparent) !important;
    border-radius: .55rem;
    overflow: hidden;
}

.ix-report-page[b-7l74aw46j4]  .ix-master-search-shell .dxbl-edit,
.ix-report-page[b-7l74aw46j4]  .ix-master-search-shell .dxbl-text-edit {
    height: 28px !important;
    min-height: 28px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* GENERAL DEVEXPRESS EDITOR THEME */
.ix-report-page[b-7l74aw46j4]  .dxbl-edit,
.ix-report-page[b-7l74aw46j4]  .dxbl-text-edit,
.ix-report-page[b-7l74aw46j4]  .dxbl-combobox,
.ix-report-page[b-7l74aw46j4]  .dxbl-dropdown-edit,
.ix-report-page[b-7l74aw46j4]  .dxbl-date-edit {
    background: color-mix(in srgb, currentColor 4%, transparent) !important;
    color: inherit !important;
    border-color: color-mix(in srgb, currentColor 26%, transparent) !important;
    box-shadow: none !important;
}

.ix-report-page[b-7l74aw46j4]  input,
.ix-report-page[b-7l74aw46j4]  .dxbl-edit-input {
    color: inherit !important;
}

    .ix-report-page[b-7l74aw46j4]  input::placeholder {
        color: currentColor !important;
        opacity: .55;
    }

/* GRID ? host wrapper only (not status bar) */
.ix-report-grid-card > div.rv-grid-host[b-7l74aw46j4] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.ix-report-page[b-7l74aw46j4]  .report-grid {
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.ix-report-page[b-7l74aw46j4]  .dxbl-grid {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-right: 0 !important;
}

.ix-report-page[b-7l74aw46j4]  .dxbl-grid,
.ix-report-page[b-7l74aw46j4]  .dxbl-grid-table {
    background: transparent !important;
    color: inherit !important;
}

.ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .report-grid .dxbl-grid-table {
    width: 100% !important;
    min-width: max-content;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-filter-row,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-footer,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-total-footer,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-pager,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-pager {
    flex: 0 0 auto !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid th,
.ix-report-page[b-7l74aw46j4]  .report-grid td {
    min-width: 0 !important;
    max-width: 100% !important;
    vertical-align: middle !important;
    background-clip: padding-box !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid tbody td,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-cell-content {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 22px !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid tbody td {
    height: 29px !important;
    min-height: 29px !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid thead th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-row th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-row td {
    height: 34px !important;
    min-height: 34px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 18px !important;
    background: Canvas !important;
    color: CanvasText !important;
    z-index: 3 !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-filter-row th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-filter-row td,
.ix-report-page[b-7l74aw46j4]  .report-grid thead tr:has(input) th,
.ix-report-page[b-7l74aw46j4]  .report-grid thead tr:has(input) td {
    height: 34px !important;
    min-height: 34px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    background: Canvas !important;
    color: CanvasText !important;
    z-index: 2 !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-content,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-cell-content {
    display: block !important;
    padding-right: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid tfoot th,
.ix-report-page[b-7l74aw46j4]  .report-grid tfoot td,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-footer td,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-total-footer td,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-footer-row td,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-total-footer-row td {
    height: 34px !important;
    min-height: 34px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 20px !important;
    background: Canvas !important;
    color: CanvasText !important;
    border-top: 1px solid color-mix(in srgb, currentColor 24%, transparent) !important;
    z-index: 4 !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-footer-content,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-summary-cell-content {
    display: block !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Same-line group totals; widths synced to header via JS */
.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-inline-summary {
    border-collapse: collapse;
    table-layout: fixed;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-inline-summary td {
    padding: 0 6px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    box-sizing: border-box;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-inline-summary td.rv-group-expand-spacer {
    padding: 0 !important;
    overflow: hidden;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-inline-summary td.rv-group-sum-num {
    text-align: right;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-inline-summary td.rv-group-sum-text {
    text-align: left;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-inline-summary td.rv-group-caption-cell {
    overflow: visible;
    position: relative;
    z-index: 2;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-caption {
    margin-right: 8px;
    font-size: 12px;
    font-weight: 700;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .rv-group-sum-val {
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* EMPTY */
.report-empty[b-7l74aw46j4] {
    padding: .9rem;
}

.report-empty-title[b-7l74aw46j4] {
    font-size: 1em;
    font-weight: 600;
    color: inherit;
    margin-bottom: .35rem;
}

.report-empty-sub[b-7l74aw46j4] {
    font-size: .92em;
    color: inherit;
    opacity: .72;
}

/* MOBILE */
.ix-mobile-search[b-7l74aw46j4] {
    display: none;
    align-items: center;
    gap: .5rem;
    width: 100%;
}

    .ix-mobile-search .dxbl-search-box[b-7l74aw46j4] {
        flex: 1 1 auto;
        min-width: 0;
    }

.ix-mobile-actions-toggle[b-7l74aw46j4] {
    position: relative;
}

.ix-mobile-dots-btn[b-7l74aw46j4] {
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, currentColor 26%, transparent);
    border-radius: .55rem;
    background: color-mix(in srgb, currentColor 5%, transparent);
    color: inherit;
}

.ix-mobile-actions-menu[b-7l74aw46j4] {
    position: absolute;
    top: calc(100% + .4rem);
    right: 0;
    min-width: 170px;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: .65rem;
    background: Canvas;
    color: CanvasText;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
    padding: .4rem;
    z-index: 30;
    display: none;
}

    .ix-mobile-actions-menu.active[b-7l74aw46j4] {
        display: block;
    }

    .ix-mobile-actions-menu button[b-7l74aw46j4] {
        width: 100%;
        display: flex;
        align-items: center;
        gap: .5rem;
        border: 0;
        background: transparent;
        color: inherit;
        border-radius: .5rem;
        padding: .5rem .6rem;
        font-size: .9em;
        font-weight: 500;
    }

        .ix-mobile-actions-menu button:hover[b-7l74aw46j4] {
            background: color-mix(in srgb, currentColor 8%, transparent);
        }

/* ERROR FALLBACK */
.ix-report-page div[style*="f8d7da"][b-7l74aw46j4] {
    background: color-mix(in srgb, red 12%, transparent) !important;
    color: inherit !important;
    border-color: color-mix(in srgb, red 35%, transparent) !important;
}

/* RESPONSIVE */
@media (max-width: 1350px) {
    .ix-report-toolbar[b-7l74aw46j4] {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-end !important;
    }
}

@media (max-width: 980px) {
    .ix-report-page[b-7l74aw46j4] {
        height: calc(100dvh - 120px);
        max-height: calc(100dvh - 120px);
    }

    .ix-filter-row[b-7l74aw46j4] {
        flex-basis: 100%;
        min-width: 0;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        flex-basis: 100%;
        min-width: 0;
        justify-content: flex-start !important;
    }

    .ix-master-toolbar-actions[b-7l74aw46j4] {
        justify-content: flex-start !important;
    }

    .ix-search-wrap[b-7l74aw46j4] {
        flex: 1 1 220px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .ix-filter-row[b-7l74aw46j4] {
        width: 100%;
    }

    .ix-filter-item[b-7l74aw46j4],
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor,
    .ix-report-page[b-7l74aw46j4]  .ix-param-date {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .ix-mobile-search[b-7l74aw46j4] {
        display: flex;
        order: 3;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-run-btn[b-7l74aw46j4] {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================================
   REPORT VIEWER - FINAL TOOLBAR + POPUP POLISH
   ========================================================= */

.ix-report-page[b-7l74aw46j4] {
    padding: .45rem !important;
}

.ix-report-page-bg[b-7l74aw46j4] {
    gap: .45rem !important;
}

.ix-report-head-card[b-7l74aw46j4] {
    padding: 4px 10px !important;
    border-radius: .75rem !important;
    background: color-mix(in srgb, Canvas 92%, currentColor 3%) !important;
    border: 1px solid color-mix(in srgb, currentColor 16%, transparent) !important;
}

.ix-report-grid-card[b-7l74aw46j4] {
    padding: .35rem !important;
    border-radius: .75rem !important;
    background: Canvas !important;
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent) !important;
}

.ix-head-row2[b-7l74aw46j4],
.ix-report-head-row[b-7l74aw46j4] {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.ix-filter-row[b-7l74aw46j4] {
    flex: 1 1 520px !important;
    min-width: 420px !important;
    gap: 18px !important;
    align-items: flex-end !important;
}

.ix-filter-item[b-7l74aw46j4] {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    gap: 1px !important;
}

.ix-filter-label[b-7l74aw46j4] {
    height: 15px !important;
    line-height: 15px !important;
    margin-bottom: 2px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.ix-report-page[b-7l74aw46j4]  .ix-param-editor,
.ix-report-page[b-7l74aw46j4]  .ix-param-date {
    height: 30px !important;
    min-height: 30px !important;
}

.ix-run-btn[b-7l74aw46j4] {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 14px !important;
    border-radius: .6rem !important;
    white-space: nowrap !important;
}

.ix-report-toolbar[b-7l74aw46j4] {
    flex: 1 1 560px !important;
    min-width: 520px !important;
    margin-left: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}

.ix-master-toolbar-actions[b-7l74aw46j4] {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: .38rem !important;
    width: 100% !important;
    margin-left: auto !important;
}

.ix-master-toolbtn[b-7l74aw46j4] {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    font-size: .85em !important;
    border-radius: .55rem !important;
    background: color-mix(in srgb, Canvas 92%, currentColor 5%) !important;
    border-color: color-mix(in srgb, currentColor 18%, transparent) !important;
}

.ix-search-wrap[b-7l74aw46j4] {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    margin-left: .15rem !important;
}

.ix-master-search-shell[b-7l74aw46j4] {
    height: 26px !important;
    min-height: 26px !important;
    border-radius: .55rem !important;
    background: color-mix(in srgb, Canvas 94%, currentColor 4%) !important;
    border-color: color-mix(in srgb, currentColor 18%, transparent) !important;
}

.report-empty[b-7l74aw46j4] {
    border-radius: .75rem !important;
    padding: .85rem 1rem !important;
    border-color: color-mix(in srgb, currentColor 14%, transparent) !important;
    background: Canvas !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-group-panel,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-search-panel,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-pager,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-pager {
    background: color-mix(in srgb, Canvas 96%, currentColor 2%) !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid thead th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-row th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-row td,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-filter-row th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-filter-row td {
    background: color-mix(in srgb, Canvas 96%, currentColor 3%) !important;
}

/* Layout popups */
.ix-layout-popup[b-7l74aw46j4]  .dxbl-popup-content,
.layout-success-popup[b-7l74aw46j4]  .dxbl-popup-content {
    border-radius: .8rem !important;
    overflow: hidden !important;
}

.layout-popup-body[b-7l74aw46j4] {
    padding: .35rem .15rem .15rem .15rem;
}

.layout-info-message[b-7l74aw46j4] {
    margin-bottom: .7rem;
    padding: .55rem .7rem;
    border-radius: .55rem;
    background: color-mix(in srgb, orange 12%, Canvas 88%);
    border: 1px solid color-mix(in srgb, orange 30%, transparent);
    font-size: .9em;
}

.layout-form-row[b-7l74aw46j4] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: .75rem;
    align-items: center;
    margin-bottom: .65rem;
}

.layout-label[b-7l74aw46j4] {
    font-size: .88em;
    font-weight: 600;
    opacity: .78;
}

.layout-muted[b-7l74aw46j4] {
    font-weight: 400;
    opacity: .62;
}

.layout-input[b-7l74aw46j4] {
    width: 100%;
    min-height: 31px;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    border-radius: .5rem;
    background: color-mix(in srgb, Canvas 96%, currentColor 3%);
    color: inherit;
    padding: .25rem .55rem;
}

.layout-check-row[b-7l74aw46j4] {
    align-items: start;
}

.layout-check-label[b-7l74aw46j4],
.layout-radio-option[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .9em;
}

.layout-radio-group[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.layout-user-grid[b-7l74aw46j4] {
    border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
    border-radius: .6rem;
    overflow: hidden;
}

.layout-popup-footer[b-7l74aw46j4] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    padding: .45rem .55rem;
}

.layout-btn-cancel[b-7l74aw46j4],
.layout-btn-save[b-7l74aw46j4] {
    min-width: 74px;
}

.layout-saved-box[b-7l74aw46j4] {
    padding: 1.1rem;
    text-align: center;
}

.layout-saved-title[b-7l74aw46j4] {
    font-weight: 800;
    font-size: 1.05em;
    margin-bottom: .35rem;
}

.layout-saved-text[b-7l74aw46j4] {
    opacity: .78;
}

@media (max-width: 1350px) {
    .ix-filter-row[b-7l74aw46j4] {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        width: 100% !important;
        justify-content: flex-end !important;
    }

    .ix-master-toolbar-actions[b-7l74aw46j4] {
        justify-content: flex-end !important;
    }
}

@media (max-width: 980px) {
    .ix-report-toolbar[b-7l74aw46j4] {
        justify-content: flex-end !important;
    }

    .ix-master-toolbar-actions[b-7l74aw46j4] {
        justify-content: flex-end !important;
    }
}

@media (max-width: 768px) {
    .ix-filter-row[b-7l74aw46j4] {
        min-width: 0 !important;
    }

    .layout-form-row[b-7l74aw46j4] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }
}
/* =========================================
   SINGLE LINE HEADER (FINAL OVERRIDE)
   ========================================= */

.ix-report-head-row[b-7l74aw46j4] {
    display: flex !important;
    flex-wrap: nowrap !important; /* ?? force single line */
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

/* LEFT SIDE (Filters + Button) */
.ix-filter-row[b-7l74aw46j4] {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important; /* ?? no wrapping */
    align-items: flex-end !important;
    gap: 14px !important;
    min-width: 0 !important;
}

/* Each filter compact */
.ix-filter-item[b-7l74aw46j4] {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
}

/* RUN BUTTON INLINE (no vertical block) */
.ix-filter-run-item[b-7l74aw46j4] {
    display: flex !important;
    align-items: center !important;
    margin-left: 10px !important;
}

/* RIGHT SIDE TOOLBAR */
.ix-report-toolbar[b-7l74aw46j4] {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
}

/* Toolbar items in one line */
.ix-master-toolbar-actions[b-7l74aw46j4] {
    display: flex !important;
    flex-wrap: nowrap !important; /* ?? force single row */
    align-items: center !important;
    gap: .35rem !important;
}

/* Prevent search from breaking line */
.ix-search-wrap[b-7l74aw46j4] {
    flex: 0 0 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
}

/* Reduce header height */
.ix-report-head-card[b-7l74aw46j4] {
    padding: 3px 8px !important;
}

/* Slightly compact toolbar buttons */
.ix-master-toolbtn[b-7l74aw46j4] {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 7px !important;
    font-size: .82em !important;
}

/* Compact search */
.ix-master-search-shell[b-7l74aw46j4] {
    height: 24px !important;
    min-height: 24px !important;
}

/* Prevent overflow breaking layout */
.ix-report-head-row > *[b-7l74aw46j4] {
    min-width: 0 !important;
}
/* =========================================
   FINAL RUN BUTTON FIX (LEFT ALIGN + HEIGHT)
   ========================================= */

.ix-filter-run-item[b-7l74aw46j4] {
    display: flex !important;
    align-items: flex-end !important;
    margin-left: 4px !important; /* ?? move LEFT (final) */
    margin-bottom: 1px !important; /* ?? perfect vertical alignment */
}

/* remove earlier large margins */
.ix-filter-run-item[b-7l74aw46j4] {
    margin-right: 0 !important;
}

/* FINAL BUTTON SIZE (no override conflict) */
.ix-run-btn[b-7l74aw46j4],
.ix-run-btn.dxbl-btn[b-7l74aw46j4] {
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: .5rem !important;
    line-height: 22px !important;
}
/* RUN BUTTON - FINAL CLEAN FIX */
.ix-filter-row[b-7l74aw46j4] {
    gap: 36px !important;
}

.ix-filter-run-item[b-7l74aw46j4] {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
}

.ix-run-btn[b-7l74aw46j4],
.ix-run-btn.dxbl-btn[b-7l74aw46j4] {
    height: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
    padding: 0 14px !important;
    border-radius: .45rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* =========================================================
   RESPONSIVE REPORT VIEWER
   Preserves report colors/theme and converts only rigid single-line rules.
   ========================================================= */

@media (max-width: 1180px) {
    .ix-report-page[b-7l74aw46j4] {
        height: 100%;
        max-height: none;
        min-height: 0;
        overflow: hidden;
    }

    .ix-report-head-row[b-7l74aw46j4] {
        flex-wrap: wrap !important;
    }

    .ix-filter-row[b-7l74aw46j4] {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .ix-filter-item[b-7l74aw46j4] {
        flex: 1 1 145px !important;
        width: auto !important;
        min-width: 140px !important;
        max-width: 220px !important;
    }

    .ix-filter-run-item[b-7l74aw46j4] {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        width: 100% !important;
        justify-content: flex-start !important;
        margin-left: 0 !important;
    }

    .ix-master-toolbar-actions[b-7l74aw46j4] {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    .ix-search-wrap[b-7l74aw46j4] {
        flex: 1 1 200px !important;
        width: auto !important;
        min-width: 180px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .ix-report-page[b-7l74aw46j4] {
        height: auto;
        min-height: 100%;
        max-height: none;
        padding: .45rem !important;
        overflow: visible;
    }

    .ix-report-page-bg[b-7l74aw46j4] {
        min-height: 0;
        overflow: visible;
    }

    .ix-report-head-card[b-7l74aw46j4] {
        padding: .55rem !important;
    }

    .ix-report-head-row[b-7l74aw46j4],
    .ix-head-row2[b-7l74aw46j4] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        gap: .55rem !important;
    }

    .ix-filter-row[b-7l74aw46j4] {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: .55rem !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .ix-filter-item[b-7l74aw46j4],
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor,
    .ix-report-page[b-7l74aw46j4]  .ix-param-date {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .ix-filter-run-item[b-7l74aw46j4] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .ix-run-btn[b-7l74aw46j4],
    .ix-run-btn.dxbl-btn[b-7l74aw46j4] {
        width: 100% !important;
        height: 32px !important;
        min-height: 32px !important;
        line-height: 32px !important;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-mobile-search[b-7l74aw46j4] {
        display: flex !important;
    }

    .ix-report-grid-card[b-7l74aw46j4] {
        min-height: 52dvh;
        overflow: auto;
    }

    .ix-report-page[b-7l74aw46j4]  .report-grid {
        min-height: 52dvh !important;
    }
}

@media (max-width: 520px) {
    .ix-filter-row[b-7l74aw46j4] {
        grid-template-columns: 1fr;
    }

    .layout-popup-footer[b-7l74aw46j4],
    .layout-radio-group[b-7l74aw46j4] {
        align-items: stretch;
        flex-direction: column;
    }

    .layout-btn-cancel[b-7l74aw46j4],
    .layout-btn-save[b-7l74aw46j4] {
        width: 100%;
    }
}

/* Mobile clarity pass: overrides earlier compact desktop rules at the very end. */
@media (max-width: 768px) {
    .ix-report-page[b-7l74aw46j4] {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        padding: .5rem !important;
        overflow: visible !important;
    }

    .ix-report-page-bg[b-7l74aw46j4] {
        min-height: 0 !important;
        overflow: visible !important;
    }

    .ix-report-head-card[b-7l74aw46j4] {
        padding: .65rem !important;
        overflow: visible !important;
    }

    .ix-head-row2[b-7l74aw46j4],
    .ix-report-head-row[b-7l74aw46j4] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: .65rem !important;
    }

    .ix-filter-row[b-7l74aw46j4] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: .65rem !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .ix-filter-item[b-7l74aw46j4],
    .ix-report-page[b-7l74aw46j4]  .ix-param-editor,
    .ix-report-page[b-7l74aw46j4]  .ix-param-date {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .ix-filter-label[b-7l74aw46j4] {
        margin-bottom: 4px !important;
        font-size: .82rem !important;
    }

    .ix-filter-run-item[b-7l74aw46j4] {
        width: 100% !important;
        margin: 0 !important;
    }

    .ix-run-label[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-run-btn[b-7l74aw46j4],
    .ix-run-btn.dxbl-btn[b-7l74aw46j4] {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        line-height: 38px !important;
        font-size: .95rem !important;
        font-weight: 800 !important;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-mobile-search[b-7l74aw46j4] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .55rem;
        align-items: center;
        width: 100%;
    }

    .ix-mobile-actions-toggle[b-7l74aw46j4] {
        position: relative;
    }

    .ix-mobile-dots-btn[b-7l74aw46j4] {
        width: auto !important;
        min-width: 96px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 10px !important;
        gap: 6px !important;
        border-radius: .55rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .ix-mobile-dots-btn svg[b-7l74aw46j4] {
        width: 18px !important;
        height: 18px !important;
        flex: 0 0 auto;
    }

    .ix-mobile-dots-text[b-7l74aw46j4] {
        display: inline !important;
        font-size: .85rem;
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
    }

    .ix-mobile-actions-menu[b-7l74aw46j4] {
        right: 0 !important;
        left: auto !important;
        min-width: min(86vw, 240px) !important;
        z-index: 50 !important;
    }

    .ix-report-grid-card[b-7l74aw46j4] {
        min-height: 52dvh !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* Desktop report command bar: dense, aligned, and grid-first. */
@media (min-width: 769px) {
    .ix-report-page[b-7l74aw46j4] {
        padding: 8px !important;
        gap: 8px !important;
    }

    .ix-report-head-card[b-7l74aw46j4] {
        padding: 8px 10px !important;
        border: 1px solid #d8dee8 !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, .05) !important;
    }

    .ix-head-row2[b-7l74aw46j4],
    .ix-report-head-row[b-7l74aw46j4] {
        display: grid !important;
        grid-template-columns: minmax(480px, auto) minmax(0, 1fr) !important;
        align-items: end !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .ix-filter-row[b-7l74aw46j4] {
        display: flex !important;
        flex: none !important;
        flex-wrap: wrap !important;
        align-items: end !important;
        gap: 8px 10px !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .ix-filter-item[b-7l74aw46j4] {
        flex: 0 1 160px !important;
        width: 160px !important;
        min-width: 150px !important;
        max-width: 190px !important;
    }

    .ix-filter-label[b-7l74aw46j4] {
        display: block !important;
        margin: 0 0 3px !important;
        color: #475569 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
    }

    .ix-report-page[b-7l74aw46j4]  .ix-param-editor,
    .ix-report-page[b-7l74aw46j4]  .ix-param-date,
    .ix-report-page[b-7l74aw46j4]  .dxbl-text-edit,
    .ix-report-page[b-7l74aw46j4]  .dxbl-combobox {
        height: 30px !important;
        min-height: 30px !important;
        border-radius: 7px !important;
    }

    .ix-filter-run-item[b-7l74aw46j4] {
        flex: 0 0 auto !important;
        align-self: end !important;
        margin: 0 !important;
    }

    .ix-run-label[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-run-btn[b-7l74aw46j4],
    .ix-run-btn.dxbl-btn[b-7l74aw46j4] {
        height: 32px !important;
        min-height: 32px !important;
        line-height: 32px !important;
        padding: 0 16px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        box-shadow: 0 8px 18px rgba(37, 99, 235, .14) !important;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        display: flex !important;
        flex: 1 1 auto !important;
        justify-content: flex-end !important;
        align-items: end !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .ix-master-toolbar-actions[b-7l74aw46j4] {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 6px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        scrollbar-width: thin;
    }

    .ix-master-toolbtn[b-7l74aw46j4] {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 9px !important;
        border: 1px solid #d3d9e3 !important;
        border-radius: 7px !important;
        background: #ffffff !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }

    .ix-master-toolbtn .ix-ico[b-7l74aw46j4],
    .ix-master-toolbtn svg[b-7l74aw46j4] {
        width: 14px !important;
        height: 14px !important;
    }

    .ix-search-wrap[b-7l74aw46j4] {
        flex: 0 0 210px !important;
        width: 210px !important;
        min-width: 180px !important;
        max-width: 230px !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    .ix-mobile-search[b-7l74aw46j4] {
        display: none !important;
    }
}

/* Report grids: never squeeze columns on mobile/tablet; let horizontal scroll do the work.
   Scoped to non-rv-theme ? rv-theme uses internal dxbl-grid-scroll-view only. */
.ix-report-page:not(.rv-theme) .ix-report-grid-card[b-7l74aw46j4] {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

.ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .report-grid,
.ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .dxbl-grid,
.ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .dxbl-grid-container,
.ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .dxbl-grid-content,
.ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .dxbl-grid-scroll-view {
    min-width: 100% !important;
    overflow-x: auto !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-table,
.ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .dxbl-grid-table {
    width: max-content !important;
    min-width: max-content !important;
    table-layout: auto !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-row > th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-table th,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-table td {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
}

.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-content,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-header-caption,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-cell,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-table th *,
.ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-table td * {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

@media (min-width: 769px) and (max-width: 1280px) {
    .ix-head-row2[b-7l74aw46j4],
    .ix-report-head-row[b-7l74aw46j4] {
        grid-template-columns: 1fr !important;
    }

    .ix-report-toolbar[b-7l74aw46j4] {
        justify-content: flex-start !important;
    }

    .ix-master-toolbar-actions[b-7l74aw46j4] {
        justify-content: flex-start !important;
    }
}

/* Report grids should scroll horizontally instead of squeezing columns. */
@media (min-width: 769px) {
    .ix-report-page:not(.rv-theme) .ix-report-grid-card[b-7l74aw46j4] {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .report-grid,
    .ix-report-page:not(.rv-theme)[b-7l74aw46j4]  .dxbl-grid {
        min-width: 100% !important;
    }

    .ix-report-page[b-7l74aw46j4]  .report-grid .dxbl-grid-table,
    .ix-report-page[b-7l74aw46j4]  .dxbl-grid-table {
        width: max-content !important;
        min-width: max-content !important;
        table-layout: auto !important;
    }

    .ix-report-page[b-7l74aw46j4]  .dxbl-grid-header-row > th,
    .ix-report-page[b-7l74aw46j4]  .dxbl-grid-table th,
    .ix-report-page[b-7l74aw46j4]  .dxbl-grid-table td {
        min-width: 118px !important;
        width: auto !important;
        white-space: nowrap !important;
    }
}

/* =========================================================
   REPORT VIEWER ? BLUE GRID THEME (fixed palette, no themes)
   ========================================================= */
.ix-report-page.rv-theme[b-7l74aw46j4] {
    --rv-primary: #0056b3;
    --rv-header: #003d80;
    --rv-grid-header-bg: #f0f4f8;
    --rv-grid-header-text: #1e293b;
    --rv-grid-header-border: #cbd5e1;
    --rv-grid-filter-bg: #ffffff;
    --rv-grid-filter-text: #212529;
    --rv-grid-filter-border: #dee2e6;
    --rv-accent: #e31b23;
    --rv-accent-dark: #c9141b;
    --rv-footer-bg: #e7f1ff;
    --rv-footer-text: #0056b3;
    --rv-row-alt: #f8f9fa;
    --rv-border: #dee2e6;
    --rv-group-panel: #f7f9fc;
    --rv-grid-status: #fafbfc;
    --rv-text: #212529;
    --rv-muted: #6c757d;
    --rv-ribbon-surface: #faf8f5;
    --rv-ptr-block: #ebe3d8;
    --rv-ptr-border: #cfc0ae;
    --rv-ptr-muted: #7d6b5c;
    --rv-ptr-text: #3d342c;
    padding: 8px 10px;
    background: #fff;
    font-family: "Segoe UI", Inter, Roboto, system-ui, sans-serif;
}

.ix-report-page.rv-theme .ix-report-page-bg[b-7l74aw46j4] {
    gap: 0;
}

.ix-report-page.rv-theme .rv-shell[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    background: #fff;
    border: 1px solid var(--rv-ptr-border);
    border-radius: 8px;
    box-shadow: none;
    overflow: hidden;
}

.ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 12px;
    background: var(--rv-primary);
    color: #fff;
}

.ix-report-page.rv-theme .rv-topbar-left[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.8;
    flex: 0 0 auto;
}

.ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 6px;
    justify-content: flex-end;
}

.ix-report-page.rv-theme .rv-include-cancelled[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.ix-report-page.rv-theme .rv-include-cancelled span[b-7l74aw46j4] {
    white-space: nowrap;
}

.ix-report-page.rv-theme .rv-cancelled-cell[b-7l74aw46j4] {
    display: block;
    width: 100%;
    min-height: 100%;
    background: #fff3e0 !important;
}

.rv-cancellation-details-body[b-7l74aw46j4] {
    display: grid;
    gap: 12px;
    padding: 4px 2px 8px;
}

.rv-cancellation-details-row[b-7l74aw46j4] {
    display: grid;
    gap: 4px;
}

.rv-cancellation-details-row span[b-7l74aw46j4] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #64748b;
}

.rv-cancellation-details-row b[b-7l74aw46j4] {
    font-size: 14px;
    color: #172033;
    font-weight: 700;
    line-height: 1.45;
    word-break: break-word;
}

.rv-cancellation-details-reason b[b-7l74aw46j4] {
    white-space: pre-wrap;
}

.ix-report-page.rv-theme .rv-topbtn[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-topbtn:hover[b-7l74aw46j4] {
    background: rgba(255, 255, 255, .18);
}

.ix-report-page.rv-theme .rv-topbtn .rv-ico[b-7l74aw46j4] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.ix-report-page.rv-theme .rv-topbtn.rv-more-btn[b-7l74aw46j4] {
    padding: 0 8px;
}

.ix-report-page.rv-theme .rv-topbtn.rv-more-btn .rv-ico[b-7l74aw46j4] {
    fill: currentColor;
    stroke: none;
}

.ix-report-page.rv-theme .rv-topbtn.rv-more-btn span[b-7l74aw46j4] {
    display: none;
}

/* Column chooser split ? same pattern as Form Save split */
.ix-report-page.rv-theme .ix-save-split.rv-col-chooser-split[b-7l74aw46j4] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    height: 28px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
}

.ix-report-page.rv-theme .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4] {
    z-index: 60;
    overflow: visible;
    border-radius: 6px 6px 0 0;
    border-bottom-color: transparent;
    background: rgba(255, 255, 255, .14);
}

.ix-report-page.rv-theme .ix-save-split.rv-col-chooser-split .ix-save-split-part[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.ix-report-page.rv-theme .ix-save-split.rv-col-chooser-split .ix-save-split-part:hover[b-7l74aw46j4] {
    background: rgba(255, 255, 255, .18);
}

.ix-report-page.rv-theme .ix-save-split.rv-col-chooser-split .ix-save-split-main[b-7l74aw46j4] {
    flex: 1 1 auto;
    min-width: 0;
}

.ix-report-page.rv-theme .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4] {
    flex: 0 0 26px;
    width: 26px;
    min-width: 26px;
    padding: 0;
    border-left: 1px solid rgba(255, 255, 255, .35);
}

.ix-report-page.rv-theme .rv-col-chooser-menu[b-7l74aw46j4] {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    z-index: 61;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid rgba(255, 255, 255, .35);
    border-top: 0;
    border-radius: 0 0 6px 6px;
    background: var(--rv-primary);
    box-shadow: 0 6px 14px rgba(0, 24, 64, .28);
    overflow: hidden;
}

.ix-report-page.rv-theme .rv-col-chooser-menu-item[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

.ix-report-page.rv-theme .rv-col-chooser-menu-item:hover[b-7l74aw46j4] {
    background: rgba(255, 255, 255, .16);
}

.ix-report-page.rv-theme .rv-fav-btn.active[b-7l74aw46j4] {
    background: rgba(255, 215, 0, .25);
    border-color: #ffd700;
}

.ix-report-page.rv-theme .rv-more-wrap[b-7l74aw46j4] {
    position: relative;
}

.ix-report-page.rv-theme .rv-more-menu[b-7l74aw46j4] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 50;
    min-width: 150px;
    padding: 6px;
    background: #fff;
    border: 1px solid var(--rv-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
}

.ix-report-page.rv-theme .rv-more-menu button[b-7l74aw46j4] {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--rv-text);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-more-menu button:hover[b-7l74aw46j4] {
    background: var(--rv-row-alt);
}

/* ----- Ribbon-lite UI (optional; toggle via Classic UI / Ribbon UI) ----- */
.ix-report-page.rv-theme .rv-ribbon[b-7l74aw46j4] {
    background: var(--rv-ribbon-surface, #faf8f5);
    border-bottom: 1px solid var(--rv-border);
    box-shadow: 0 2px 10px rgba(92, 54, 24, .08);
}

.ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: linear-gradient(135deg, var(--rv-primary) 0%, var(--rv-header) 100%);
    color: #fff;
    border-bottom: 2px solid var(--rv-accent, #e31b23);
}

.ix-report-page.rv-theme .rv-ribbon-head-left[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ix-report-page.rv-theme .rv-ribbon-head .rv-doc-ico[b-7l74aw46j4] {
    stroke: #fff;
}

.ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.01em;
}

.ix-report-page.rv-theme .rv-ribbon-head-right[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.ix-report-page.rv-theme .rv-ribbon-collapse-btn[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 6px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-ribbon-collapse-btn:hover[b-7l74aw46j4] {
    background: rgba(255, 255, 255, .2);
}

.ix-report-page.rv-theme .rv-ribbon-collapse-ico[b-7l74aw46j4] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .18s ease;
}

.ix-report-page.rv-theme .rv-ribbon-collapse-ico.is-collapsed[b-7l74aw46j4] {
    transform: rotate(-90deg);
}

.ix-report-page.rv-theme .rv-ribbon-collapsed-bar[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 6px 12px 10px;
    border-bottom: 1px solid var(--rv-border, #e2e8f0);
    background: var(--rv-ribbon-surface, #faf8f5);
}

.ix-report-page.rv-theme .rv-ribbon-collapsed-tab[b-7l74aw46j4] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--rv-primary, #8b1e1e);
}

.ix-report-page.rv-theme .rv-ribbon-collapsed-run[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: var(--rv-primary, #8b1e1e);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-ribbon-collapsed-run:disabled[b-7l74aw46j4] {
    opacity: .65;
    cursor: default;
}

.ix-report-page.rv-theme .rv-ribbon-collapsed-run .rv-ribbon-run-ico[b-7l74aw46j4] {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.ix-report-page.rv-theme .rv-ribbon-collapsed-expand[b-7l74aw46j4] {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: var(--rv-primary, #8b1e1e);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
}

.ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4] {
    height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 6px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

.ix-report-page.rv-theme .rv-ribbon-chip:hover[b-7l74aw46j4] {
    background: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .55);
}

.ix-report-page.rv-theme .rv-ribbon-chip.rv-ribbon-fav.active[b-7l74aw46j4] {
    border-color: #ffd700;
    background: rgba(255, 215, 0, .22);
    color: #fff;
}

.ix-report-page.rv-theme .rv-ribbon-tabs[b-7l74aw46j4] {
    display: flex;
    align-items: stretch;
    gap: 2px;
    padding: 0 12px;
    background: #fff;
    border-bottom: 1px solid var(--rv-border);
    overflow-x: auto;
}

.ix-report-page.rv-theme .rv-ribbon-tab[b-7l74aw46j4] {
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--rv-muted);
    font-size: 12px;
    font-weight: 700;
    padding: 10px 18px;
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s ease, background .15s ease, border-color .15s ease;
}

.ix-report-page.rv-theme .rv-ribbon-tab:hover[b-7l74aw46j4] {
    color: var(--rv-header);
    background: var(--rv-ribbon-surface, #faf8f5);
}

.ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4] {
    color: var(--rv-header);
    border-bottom-color: var(--rv-accent, #e31b23);
    background: var(--rv-ribbon-surface, #faf8f5);
}

.ix-report-page.rv-theme .rv-ribbon-panel[b-7l74aw46j4] {
    min-height: 84px;
    padding: 12px 14px 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(250, 248, 245, .95) 100%),
        repeating-linear-gradient(90deg, rgba(139, 115, 85, .03) 0, rgba(139, 115, 85, .03) 1px, transparent 1px, transparent 24px);
}

.ix-report-page.rv-theme .rv-ribbon-home[b-7l74aw46j4] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
}

.ix-report-page.rv-theme .rv-ribbon-section[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6px;
    padding: 4px 2px 2px;
    min-height: 68px;
}

.ix-report-page.rv-theme .rv-ribbon-section-card[b-7l74aw46j4] {
    background: linear-gradient(180deg, #fff 0%, #fcfaf7 100%);
    border: 1px solid var(--rv-border);
    border-radius: 12px;
    padding: 10px 14px 6px;
    min-height: 88px;
    box-shadow: 0 2px 10px rgba(92, 54, 24, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
    flex: 0 1 auto;
}

.ix-report-page.rv-theme .rv-ribbon-section-caption[b-7l74aw46j4] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--rv-header);
    text-align: center;
    padding-top: 4px;
    opacity: .72;
}

.ix-report-page.rv-theme .rv-ribbon-sep[b-7l74aw46j4] {
    width: 1px;
    align-self: stretch;
    margin: 6px 4px;
    background: linear-gradient(180deg, transparent, var(--rv-border) 15%, var(--rv-border) 85%, transparent);
    flex-shrink: 0;
}

.ix-report-page.rv-theme .rv-ribbon-section-query.rv-ribbon-section-card[b-7l74aw46j4] {
    flex: 1 1 auto;
    min-width: min(100%, 520px);
}

.ix-report-page.rv-theme .rv-ribbon-params-row[b-7l74aw46j4] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.ix-report-page.rv-theme .rv-ribbon-params-fields[b-7l74aw46j4] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px 12px;
    flex: 1 1 auto;
    min-width: 0;
}

.ix-report-page.rv-theme .rv-ribbon-section-query .rv-ribbon-run-btn[b-7l74aw46j4] {
    align-self: flex-end;
    flex-shrink: 0;
    margin-left: auto;
}

.ix-report-page.rv-theme .rv-ribbon-browse-row[b-7l74aw46j4] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px 12px;
}

/* Desktop ribbon Home ? criteria + browse on one row, scale to viewport */
.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-home[b-7l74aw46j4] {
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-section-query.rv-ribbon-section-card[b-7l74aw46j4] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-section-browse.rv-ribbon-section-card[b-7l74aw46j4] {
    flex: 1 1 0;
    min-width: 0;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-params-row[b-7l74aw46j4],
.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-params-fields[b-7l74aw46j4],
.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-browse-row[b-7l74aw46j4] {
    flex-wrap: nowrap;
    min-width: 0;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-params-row[b-7l74aw46j4] {
    width: 100%;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-params-fields[b-7l74aw46j4] {
    flex: 1 1 auto;
    max-width: calc(100% - 104px);
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-param[b-7l74aw46j4] {
    flex: 1 1 0;
    width: auto;
    min-width: 96px;
    max-width: 168px;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-search-card[b-7l74aw46j4] {
    min-width: 132px;
    max-width: 200px;
    flex: 0 1 180px;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-browse-row[b-7l74aw46j4] {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-tile[b-7l74aw46j4] {
    flex-shrink: 0;
    min-width: 62px;
    max-width: 84px;
    padding: 4px 6px 2px;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-tile-text[b-7l74aw46j4] {
    font-size: 10px;
    max-width: 76px;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-section-query .rv-ribbon-run-btn[b-7l74aw46j4] {
    min-width: 96px;
    padding: 0 10px;
    flex: 0 0 auto;
    margin-left: 0;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-run-label-full[b-7l74aw46j4] {
    display: none;
}

.ix-report-page.rv-theme:not(.rv-shell-mobile) .rv-ribbon-run-label-short[b-7l74aw46j4] {
    display: inline;
}

.ix-report-page.rv-theme .rv-ribbon-param[b-7l74aw46j4] {
    width: 148px;
    min-width: 130px;
    flex-shrink: 0;
}

.ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 140px;
    height: 34px;
    padding: 0 20px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(180deg, var(--rv-accent, #e31b23) 0%, var(--rv-accent-dark, #c9141b) 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(227, 27, 35, .32), inset 0 1px 0 rgba(255, 255, 255, .18);
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.ix-report-page.rv-theme .rv-ribbon-run-btn:hover:not(:disabled)[b-7l74aw46j4] {
    filter: brightness(1.05);
    box-shadow: 0 4px 12px rgba(227, 27, 35, .35);
}

.ix-report-page.rv-theme .rv-ribbon-run-btn:disabled[b-7l74aw46j4] {
    opacity: .7;
    cursor: wait;
}

.ix-report-page.rv-theme .rv-ribbon-run-btn.is-loading .rv-ribbon-run-ico[b-7l74aw46j4] {
    animation: rv-spin-b-7l74aw46j4 1.4s linear infinite;
}

.ix-report-page.rv-theme .rv-ribbon-run-ico[b-7l74aw46j4] {
    width: 16px;
    height: 16px;
    fill: currentColor;
    flex-shrink: 0;
}

.ix-report-page.rv-theme .rv-ribbon-run-label-short[b-7l74aw46j4] {
    display: none;
}

.ix-report-page.rv-theme .rv-ribbon-param[b-7l74aw46j4]  .rv-param-editor,
.ix-report-page.rv-theme .rv-ribbon-search-card[b-7l74aw46j4]  .rv-search {
    background: #fff !important;
    border-radius: 7px !important;
}

.ix-report-page.rv-theme .rv-ribbon-param-label[b-7l74aw46j4] {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    color: var(--rv-header);
}

.ix-report-page.rv-theme .rv-ribbon-search-card[b-7l74aw46j4] {
    min-width: 200px;
    max-width: 280px;
    flex: 1 1 200px;
}

.ix-report-page.rv-theme .rv-ribbon-tiles-row[b-7l74aw46j4] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.ix-report-page.rv-theme .rv-ribbon-tile[b-7l74aw46j4] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-width: 78px;
    max-width: 108px;
    padding: 6px 8px 4px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--rv-header);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .12s ease;
}

.ix-report-page.rv-theme .rv-ribbon-tile:hover:not(:disabled):not(.rv-ribbon-tile-disabled)[b-7l74aw46j4] {
    background: #fff;
    border-color: var(--rv-border);
    box-shadow: 0 3px 12px rgba(92, 54, 24, .1);
    transform: translateY(-1px);
}

.ix-report-page.rv-theme .rv-ribbon-tile.active[b-7l74aw46j4] {
    background: #fff;
    border-color: var(--rv-primary);
    box-shadow: inset 0 0 0 1px rgba(139, 115, 85, .2), 0 2px 8px rgba(92, 54, 24, .08);
}

.ix-report-page.rv-theme .rv-ribbon-tile:disabled[b-7l74aw46j4],
.ix-report-page.rv-theme .rv-ribbon-tile-disabled[b-7l74aw46j4] {
    opacity: .42;
    cursor: not-allowed;
    transform: none;
}

.ix-report-page.rv-theme .rv-ribbon-tile-text[b-7l74aw46j4] {
    display: block;
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ix-report-page.rv-theme .rv-ribbon-icon-well[b-7l74aw46j4] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    border: 1px solid var(--rv-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 1px 2px rgba(92, 54, 24, .08);
}

.ix-report-page.rv-theme .rv-ribbon-icon-well .rv-ribbon-btn-svg[b-7l74aw46j4] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ix-report-page.rv-theme .rv-ribbon-icon-well-brown[b-7l74aw46j4] {
    background: linear-gradient(145deg, #f7f3ef 0%, #ebe3d8 100%);
    color: var(--rv-header);
}

.ix-report-page.rv-theme .rv-ribbon-icon-well-accent[b-7l74aw46j4] {
    background: linear-gradient(145deg, #fff0f0 0%, #fde0e0 100%);
    border-color: #f5b5b5;
    color: var(--rv-accent, #e31b23);
}

.ix-report-page.rv-theme .rv-ribbon-icon-well-green[b-7l74aw46j4] {
    background: linear-gradient(145deg, #edf8ef 0%, #d9f0de 100%);
    border-color: #b9dfc3;
    color: #1f6b35;
}

.ix-report-page.rv-theme .rv-ribbon-tile-check[b-7l74aw46j4] {
    cursor: pointer;
    max-width: 140px;
}

.ix-report-page.rv-theme .rv-ribbon-tile-check-body[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--rv-header);
    white-space: nowrap;
}

.ix-report-page.rv-theme .rv-ribbon-tile-check-body[b-7l74aw46j4]  input[type="checkbox"] {
    accent-color: var(--rv-accent, #e31b23);
}

.ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4] {
    cursor: default;
    min-width: 108px;
    max-width: 132px;
    padding-top: 4px;
}

.ix-report-page.rv-theme .rv-ribbon-docs-host[b-7l74aw46j4] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-wrap {
    width: 100%;
}

.ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn {
    width: 100%;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #f7f3ef 0%, #ebe3d8 100%) !important;
    border: 1px solid var(--rv-border) !important;
    color: var(--rv-header) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 1px 2px rgba(92, 54, 24, .08) !important;
}

.ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover {
    background: #fff !important;
    border-color: var(--rv-primary) !important;
    color: var(--rv-header) !important;
}

.ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .rv-ico {
    stroke: var(--rv-header) !important;
}

.ix-report-page.rv-theme .rv-ribbon-group[b-7l74aw46j4] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.ix-report-page.rv-theme .rv-ribbon-btn[b-7l74aw46j4] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 68px;
    max-width: 96px;
    min-height: 52px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--rv-header);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.ix-report-page.rv-theme .rv-ribbon-btn:hover:not(:disabled)[b-7l74aw46j4] {
    background: #fff;
    border-color: var(--rv-border);
    box-shadow: 0 1px 4px rgba(92, 54, 24, .08);
}

.ix-report-page.rv-theme .rv-ribbon-btn.active[b-7l74aw46j4] {
    background: #fff;
    border-color: var(--rv-primary);
    color: var(--rv-header);
    box-shadow: inset 0 0 0 1px rgba(139, 115, 85, .15);
}

.ix-report-page.rv-theme .rv-ribbon-btn-svg[b-7l74aw46j4] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ix-report-page.rv-theme .rv-ribbon-btn-disabled[b-7l74aw46j4],
.ix-report-page.rv-theme .rv-ribbon-btn:disabled[b-7l74aw46j4] {
    opacity: .45;
    cursor: not-allowed;
}

.ix-report-page.rv-theme .rv-ribbon-btn-ico[b-7l74aw46j4] {
    font-size: 16px;
    line-height: 1;
}

.ix-report-page.rv-theme .rv-ribbon-btn-text[b-7l74aw46j4] {
    display: block;
    max-width: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ix-report-page.rv-theme .rv-ribbon-search[b-7l74aw46j4] {
    min-width: 200px;
    max-width: 300px;
    flex: 1 1 200px;
}

.ix-report-page.rv-theme .rv-ribbon-check[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid var(--rv-border);
    border-radius: 8px;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: var(--rv-header);
    cursor: pointer;
    user-select: none;
}

.ix-report-page.rv-theme .rv-ribbon-check[b-7l74aw46j4]  input[type="checkbox"] {
    accent-color: var(--rv-accent, #e31b23);
}

.ix-report-page.rv-theme .rv-ribbon-docs[b-7l74aw46j4] {
    align-self: center;
}

.ix-report-page.rv-theme .rv-ribbon-cf-wrap[b-7l74aw46j4] {
    position: relative;
}

.ix-report-page.rv-theme .rv-excel-menu-ribbon[b-7l74aw46j4] {
    top: calc(100% + 4px);
    left: 0;
    z-index: 80;
}

.ix-report-page.rv-theme .rv-ribbon-actions-wrap[b-7l74aw46j4] {
    position: relative;
}

.ix-report-page.rv-theme .rv-ribbon-actions-menu[b-7l74aw46j4] {
    top: calc(100% + 4px);
    left: 0;
}

.ix-report-page.rv-theme .rv-topbtn.rv-ui-mode-btn[b-7l74aw46j4] {
    border-color: rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .14);
}

.ix-report-page.rv-theme .rv-filterbar[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 6px 8px 0;
    padding: 5px 8px;
    background: #fff;
    border: 1px solid var(--rv-ptr-border);
    border-radius: 8px;
}

.ix-report-page.rv-theme .rv-filters[b-7l74aw46j4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    flex: 1 1 auto;
    min-width: 0;
}

.ix-report-page.rv-theme .rv-filter-item[b-7l74aw46j4] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.ix-report-page.rv-theme .rv-filter-label[b-7l74aw46j4] {
    font-size: 10px;
    font-weight: 800;
    color: #7d6b5c;
    line-height: 1;
    white-space: nowrap;
    margin: 0;
}

.ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: #e31e24;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 1px 4px rgba(227, 30, 36, .28);
}

.ix-report-page.rv-theme .rv-refresh-btn .rv-ico[b-7l74aw46j4] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.ix-report-page.rv-theme .rv-refresh-btn:hover[b-7l74aw46j4] {
    background: #c62828;
}

.ix-report-page.rv-theme .rv-refresh-btn:disabled[b-7l74aw46j4] {
    opacity: 0.75;
    cursor: wait;
}

.ix-report-page.rv-theme .rv-refresh-btn.is-loading .rv-ico[b-7l74aw46j4] {
    animation: rv-spin-b-7l74aw46j4 1.4s linear infinite;
}

.ix-report-page.rv-theme .rv-report-loading[b-7l74aw46j4] {
    margin: 16px 24px 0;
    padding: 14px 16px;
    border: 1px solid var(--rv-border);
    border-radius: 8px;
    background: #fff;
    color: var(--rv-text);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

.ix-report-page.rv-theme .rv-report-loading-head[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
}

.ix-report-page.rv-theme .rv-report-loading-head span:last-child[b-7l74aw46j4] {
    color: var(--rv-muted);
    font-size: 12px;
    font-weight: 600;
}

.ix-report-page.rv-theme .rv-report-progress[b-7l74aw46j4] {
    position: relative;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #dbeafe;
}

.ix-report-page.rv-theme .rv-report-progress-bar[b-7l74aw46j4] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 42%;
    border-radius: inherit;
    background: var(--rv-primary);
    animation: rv-report-progress-b-7l74aw46j4 2.8s ease-in-out infinite;
}

@keyframes rv-report-progress-b-7l74aw46j4 {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(250%);
    }
}

@keyframes rv-spin-b-7l74aw46j4 {
    to {
        transform: rotate(360deg);
    }
}

.ix-report-page.rv-theme .rv-filter-right[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    padding-left: 10px;
    border-left: 1px solid var(--rv-ptr-border);
}

.ix-report-page.rv-theme .rv-filter-browse-tools[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.ix-report-page.rv-theme .rv-browse-cluster-wrap[b-7l74aw46j4] {
    position: relative;
    flex: 0 0 auto;
}

.ix-report-page.rv-theme .rv-browse-cluster-btn[b-7l74aw46j4] {
    position: relative;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rv-border);
    border-radius: 6px;
    background: #fff;
    color: #5c4a38;
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-browse-cluster-btn .rv-ico[b-7l74aw46j4] {
    width: 15px;
    height: 15px;
}

.ix-report-page.rv-theme .rv-browse-cluster-btn .rv-ico.rv-ico-filled[b-7l74aw46j4] {
    fill: currentColor;
    stroke: none;
}

.ix-report-page.rv-theme .rv-browse-cluster-btn:hover:not(:disabled)[b-7l74aw46j4],
.ix-report-page.rv-theme .rv-browse-cluster-btn.active[b-7l74aw46j4],
.ix-report-page.rv-theme .rv-browse-cluster-btn.has-state[b-7l74aw46j4] {
    border-color: var(--rv-primary);
    color: var(--rv-primary);
    background: #f7f3ef;
}

.ix-report-page.rv-theme .rv-browse-cluster-btn:disabled[b-7l74aw46j4] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ix-report-page.rv-theme .rv-browse-badge[b-7l74aw46j4] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: 999px;
    background: var(--rv-primary);
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    line-height: 14px;
    text-align: center;
}

.ix-report-page.rv-theme .rv-browse-cluster-menu[b-7l74aw46j4] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 60;
    min-width: 168px;
    padding: 4px;
    background: #fff;
    border: 1px solid var(--rv-border);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
}

.ix-report-page.rv-theme .rv-browse-cluster-menu button[b-7l74aw46j4] {
    display: block;
    width: 100%;
    padding: 7px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--rv-text);
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-browse-cluster-menu button:hover:not(:disabled)[b-7l74aw46j4] {
    background: var(--rv-row-alt);
}

.ix-report-page.rv-theme .rv-browse-cluster-menu button:disabled[b-7l74aw46j4] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ix-report-page.rv-theme .rv-grid-status-bar[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 0;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 3px 10px;
    border-bottom: 1px solid var(--rv-border);
    background: #fff;
    color: var(--rv-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
}

.ix-report-page.rv-theme .rv-grid-status-item strong[b-7l74aw46j4] {
    color: var(--rv-text);
    font-weight: 800;
}

.ix-report-page.rv-theme .rv-grid-status-sep[b-7l74aw46j4] {
    margin: 0 8px;
    color: #adb5bd;
}

.ix-report-page.rv-theme .rv-grid-status-filters[b-7l74aw46j4] {
    color: var(--rv-primary);
}

.ix-report-page.rv-theme .rv-grid-host[b-7l74aw46j4] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid-host .rv-grid.report-grid,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid-host .ix-report-body-grid.ptr-grid,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid-host .rv-grid.report-grid.dxbl-grid,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid-host .ix-report-body-grid.ptr-grid.dxbl-grid {
    flex: 1 1 auto;
    min-height: 0 !important;
    height: 100% !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid-host .rv-pivot,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid-host .rv-pivot.report-pivot {
    flex: 1 1 auto;
    min-height: 0 !important;
    height: 100% !important;
    width: 100%;
}

.ix-report-page.rv-theme .rv-filter-browse-caption[b-7l74aw46j4] {
    display: none;
}

.ix-report-page.rv-theme .rv-search-wrap[b-7l74aw46j4] {
    width: 220px;
    min-width: 160px;
}

.ix-report-page.rv-theme .rv-filter-funnel[b-7l74aw46j4],
.ix-report-page.rv-theme .rv-filter-editor-btn[b-7l74aw46j4] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rv-border);
    border-radius: 6px;
    background: #fff;
    color: var(--rv-muted);
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-clear-filters-btn[b-7l74aw46j4] {
    height: 34px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rv-border);
    border-radius: 6px;
    background: #fff;
    color: var(--rv-muted);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.ix-report-page.rv-theme .rv-clear-filters-btn:hover:not(:disabled)[b-7l74aw46j4] {
    border-color: #c0392b;
    color: #c0392b;
    background: #fff5f4;
}

.ix-report-page.rv-theme .rv-clear-filters-btn:disabled[b-7l74aw46j4] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ix-report-page.rv-theme .rv-ribbon-tile.rv-ribbon-tile-disabled[b-7l74aw46j4] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ix-report-page.rv-theme .rv-filter-editor-btn:disabled[b-7l74aw46j4] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ix-report-page.rv-theme .rv-filter-editor-btn:hover:not(:disabled)[b-7l74aw46j4] {
    border-color: var(--rv-primary);
    color: var(--rv-primary);
    background: #f0f6ff;
}

.ix-report-page.rv-theme .rv-filter-editor-btn .rv-ico[b-7l74aw46j4] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.ix-report-page.rv-theme .rv-filter-editor-body[b-7l74aw46j4] {
    min-height: 320px;
    max-height: 62vh;
    overflow: auto;
    padding: 4px 0;
}

.ix-report-page.rv-theme .rv-filter-funnel.active[b-7l74aw46j4],
.ix-report-page.rv-theme .rv-filter-funnel:hover[b-7l74aw46j4] {
    border-color: var(--rv-primary);
    color: var(--rv-primary);
    background: #f0f6ff;
}

.ix-report-page.rv-theme .rv-filter-funnel .rv-ico[b-7l74aw46j4] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-param-editor,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-param-editor .dxbl-edit {
    width: 132px !important;
    min-width: 110px !important;
    max-width: 180px !important;
    min-height: 26px !important;
    height: 26px !important;
    font-size: 12px !important;
    border: 1px solid var(--rv-ptr-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-param-editor .dxbl-edit-input,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-param-editor input {
    font-size: 12px !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-search,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-search .dxbl-edit {
    min-height: 26px !important;
    height: 26px !important;
    font-size: 12px !important;
    border: 1px solid var(--rv-ptr-border) !important;
    border-radius: 6px !important;
}

.ix-report-page.rv-theme .rv-grid-card[b-7l74aw46j4] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden;
}

.ix-report-page.rv-theme .rv-empty[b-7l74aw46j4],
.ix-report-page.rv-theme .report-empty[b-7l74aw46j4] {
    margin: 24px;
    padding: 20px;
    border: 1px dashed var(--rv-border);
    border-radius: 8px;
    background: #fafbfc;
    color: var(--rv-text);
}

.ix-report-page.rv-theme .rv-run-error[b-7l74aw46j4] {
    margin: 8px 10px 0;
    padding: 10px 12px;
    border: 1px solid #f1aeb5;
    border-radius: 8px;
    background: #fff5f5;
    color: #842029;
    font-size: 12px;
    line-height: 1.45;
}

.ix-report-page.rv-theme .rv-run-error-title[b-7l74aw46j4] {
    font-weight: 800;
    margin-bottom: 4px;
}

.ix-report-page.rv-theme .rv-run-error-details[b-7l74aw46j4] {
    margin-top: 8px;
    padding: 8px;
    border: 1px solid #f1aeb5;
    border-radius: 6px;
    background: #fff;
    white-space: pre-wrap;
    font-size: 11px;
}

.ix-report-page.rv-theme .rv-mobile-bar[b-7l74aw46j4] {
    display: none;
}

.ix-report-page.rv-theme .ix-mobile-icon-btn[b-7l74aw46j4] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--rv-border, #dee2e6);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    flex: 0 0 auto;
    cursor: pointer;
}

.ix-report-page.rv-theme .ix-mobile-icon-btn svg[b-7l74aw46j4] {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.ix-report-page.rv-theme .ix-mobile-icon-btn.active[b-7l74aw46j4] {
    border-color: var(--rv-primary, #8b1e1e);
    color: var(--rv-primary, #8b1e1e);
    background: #fff5f5;
}

.ix-report-page.rv-theme .ix-mobile-icon-btn:disabled[b-7l74aw46j4] {
    opacity: .55;
    cursor: default;
}

/* Grid */
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.dxbl-grid {
    border: 0 !important;
    font-size: 12px !important;
    color: var(--rv-text) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-header {
    background: var(--rv-grid-header-bg) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-header-row > th,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-header-row > td {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 2px 8px !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: visible !important;
    background: var(--rv-grid-header-bg) !important;
    color: var(--rv-grid-header-text) !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    border-color: var(--rv-grid-header-border) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-filter-row > th,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-filter-row > td {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 2px 8px !important;
    vertical-align: middle !important;
    position: relative !important;
    overflow: visible !important;
    background: var(--rv-grid-filter-bg) !important;
    color: var(--rv-grid-filter-text) !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    border-color: var(--rv-grid-filter-border) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) thead {
    position: sticky;
    top: 0;
    z-index: 6;
    box-shadow: 0 1px 0 var(--rv-grid-header-border);
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-header-content,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-header-cell-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.15 !important;
    padding-right: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-header-caption,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-header-content > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-filter-menu-funnel-btn,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-filter-menu-button {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-header-row .dxbl-grid-filter-menu-funnel-btn,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-header-row .dxbl-grid-filter-menu-button,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-header .dxbl-btn {
    color: var(--rv-grid-header-text) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-filter-row .dxbl-grid-filter-menu-funnel-btn,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-filter-row .dxbl-grid-filter-menu-button {
    color: var(--rv-muted) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-filter-row .dxbl-edit,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-filter-row input,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-filter-row .dxbl-text-edit-input {
    color: var(--rv-grid-filter-text) !important;
    background: #fff !important;
}

/* Grid scroll + resize + filler column */
.ix-report-page.rv-theme .rv-grid-card[b-7l74aw46j4],
.ix-report-page.rv-theme .rv-grid-card.ix-report-grid-card[b-7l74aw46j4] {
    overflow: hidden !important;
}

/* Grid host fills remaining card height below status bar */
.ix-report-page.rv-theme .rv-grid-card > div.rv-grid-host[b-7l74aw46j4] {
    flex: 1 1 0;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Cancel global report-grid overflow rules that split scroll mid-table */
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid.dxbl-grid,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-container,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    min-width: 0 !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-scroll-view,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-scroll-container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
    scrollbar-gutter: stable !important;
}

/* Column widths + resize ? fixed col widths, no stretch-to-fill viewport */
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-table,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid.ix-report-body-grid .dxbl-grid-table,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.dxbl-grid .dxbl-grid-table,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.ix-report-body-grid .dxbl-grid-table {
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    table-layout: fixed !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-table tbody th,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-table tbody td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid.ix-report-body-grid .dxbl-grid-table tbody th,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid.ix-report-body-grid .dxbl-grid-table tbody td {
    min-width: 0 !important;
    max-width: 1px !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid .dxbl-grid-header-row > th {
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid .dxbl-grid-table tbody th,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid .dxbl-grid-table tbody td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid .dxbl-grid-table tbody td {
    min-width: 0 !important;
    max-width: 1px !important;
    overflow: hidden !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-empty-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: collapse !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-scroll-view,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-content,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid.dxbl-grid,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-table {
    background: #fff !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid thead > tr > th > .dxbl-grid-column-resize-anchor {
    opacity: 0 !important;
    z-index: 20 !important;
    width: 10px !important;
    pointer-events: auto !important;
    touch-action: none !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid thead > tr > th:hover > .dxbl-grid-column-resize-anchor,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid thead > tr > th > .dxbl-grid-column-resize-anchor.dxbl-touch {
    opacity: 1 !important;
    background: rgba(30, 41, 59, .12) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-filter-menu-funnel-btn,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-filter-menu-button {
    position: relative !important;
    z-index: 30 !important;
    pointer-events: auto !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .rv-cell {
    display: block;
    width: 100%;
    min-height: 1em;
    line-height: 18px;
}

.rv-cf-wrap[b-7l74aw46j4] {
    position: relative;
}

.rv-cf-wrap .rv-topbtn.active[b-7l74aw46j4] {
    background: rgba(255, 255, 255, .22);
}

.rv-excel-menu[b-7l74aw46j4] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 120;
    min-width: 252px;
    padding: 2px 0;
    background: #fff;
    border: 1px solid #aca899;
    border-radius: 0;
    box-shadow: 2px 4px 14px rgba(0, 0, 0, .22);
    font-family: "Segoe UI", Tahoma, sans-serif;
    font-size: 11px;
}

.rv-excel-item-wrap[b-7l74aw46j4] {
    position: relative;
}

.rv-excel-item[b-7l74aw46j4],
.rv-excel-flyout button[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 26px;
    padding: 4px 28px 4px 8px;
    border: 0;
    background: transparent;
    color: #222;
    font-size: 12px;
    text-align: left;
    cursor: default;
    white-space: nowrap;
}

.rv-excel-item[b-7l74aw46j4] {
    cursor: default;
}

.rv-excel-plain[b-7l74aw46j4] {
    padding-right: 8px;
}

.rv-excel-item-wrap:hover > .rv-excel-item[b-7l74aw46j4],
.rv-excel-flyout button:hover[b-7l74aw46j4] {
    background: #e8f1fb;
}

.rv-excel-glyph[b-7l74aw46j4] {
    width: 22px;
    flex: 0 0 22px;
    font-size: 11px;
    text-align: center;
    color: #444;
}

.rv-excel-arrow[b-7l74aw46j4] {
    margin-left: auto;
    color: #666;
    font-size: 10px;
}

.rv-excel-flyout[b-7l74aw46j4] {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 190px;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .18);
    z-index: 130;
}

.rv-excel-item-wrap:hover > .rv-excel-flyout[b-7l74aw46j4] {
    display: block;
}

.rv-excel-flyout button[b-7l74aw46j4] {
    padding-right: 12px;
    cursor: pointer;
}

.rv-excel-more[b-7l74aw46j4] {
    font-style: italic;
}

.rv-excel-sep[b-7l74aw46j4] {
    height: 1px;
    margin: 4px 0;
    background: #e0e0e0;
}

.rv-cf-icon[b-7l74aw46j4] {
    font-size: 11px;
    line-height: 1;
    flex: 0 0 auto;
}

.rv-cf-dialog[b-7l74aw46j4] {
    padding: 4px 0;
}

.rv-cf-body[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rv-cf-hint[b-7l74aw46j4] {
    margin: 0;
    font-size: 12px;
    color: var(--rv-muted, #6c757d);
}

.rv-cf-empty[b-7l74aw46j4] {
    padding: 12px;
    border: 1px dashed #dee2e6;
    border-radius: 8px;
    background: #fafbfc;
    font-size: 13px;
}

.rv-cf-rule[b-7l74aw46j4] {
    display: grid;
    grid-template-columns: minmax(120px, 1.2fr) minmax(120px, 1fr) minmax(90px, 1fr) minmax(90px, 1fr) minmax(120px, 1fr) 32px;
    gap: 8px;
    align-items: center;
}

.rv-cf-remove[b-7l74aw46j4] {
    width: 28px;
    height: 28px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #fff;
    color: #c00;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.xl-cf-dialog[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: "Segoe UI", Tahoma, sans-serif;
    font-size: 12px;
}

.xl-cf-dialog-row[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.xl-cf-label[b-7l74aw46j4] {
    color: #333;
}

.xl-cf-op[b-7l74aw46j4] {
    color: #000;
    font-weight: 700;
}

.xl-cf-value-row[b-7l74aw46j4] {
    padding-left: 4px;
}

.xl-cf-and[b-7l74aw46j4] {
    color: #444;
}

.xl-cf-dialog-hint[b-7l74aw46j4] {
    font-size: 11px;
    color: #666;
    padding-left: 2px;
}

.xl-cf-preview-wrap[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.xl-cf-preview-cell[b-7l74aw46j4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 28px;
    padding: 0 12px;
    border: 1px solid #bfbfbf;
    font-weight: 600;
}

.xl-preview[b-7l74aw46j4] {
    display: inline-block;
    width: 28px;
    height: 14px;
    flex: 0 0 28px;
    border: 1px solid #bbb;
}

.xl-preview-bar-blue[b-7l74aw46j4] {
    background: linear-gradient(90deg, #638eca 70%, #fff 70%);
}

.xl-preview-bar-green[b-7l74aw46j4] {
    background: linear-gradient(90deg, #63c384 70%, #fff 70%);
}

.xl-preview-bar-red[b-7l74aw46j4] {
    background: linear-gradient(90deg, #ff6b6b 70%, #fff 70%);
}

.xl-preview-scale-gyr[b-7l74aw46j4] {
    background: linear-gradient(90deg, #63be7b, #ffeb84, #f8696b);
}

.xl-preview-scale-bwr[b-7l74aw46j4] {
    background: linear-gradient(90deg, #5a8ac6, #ffffff, #f8696b);
}

.xl-preview-icons[b-7l74aw46j4] {
    font-size: 9px;
    letter-spacing: -1px;
    text-align: center;
    line-height: 14px;
    border: 0;
}

/* Main report grid ? SPv ptr flex chain + DevExpress native scroll-viewer (no thead/tfoot position hacks) */
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid {
    height: 100%;
    min-height: 0;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 0;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-top-panel,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-bottom-panel {
    flex: 0 0 auto;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid > .dxbl-scroll-viewer {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    scrollbar-gutter: stable;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-header-row > th,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-header-row > td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-filter-row > th,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-filter-row > td {
    min-width: 0 !important;
    max-width: none !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-selected-row > td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-focused-row > td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-focused-row.dxbl-grid-selected-row > td {
    background: #E8F1FF !important;
    color: #1e1e1e !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid.ptr-row-normal .dxbl-grid-table > tbody > tr > td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 12.5px !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tr.dxbl-grid-focused-row .rv-cell,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tr.dxbl-grid-selected-row .rv-cell,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tr.dxbl-grid-focused-row.dxbl-grid-selected-row .rv-cell {
    color: #1e1e1e !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .rv-cell {
    font-size: 12.5px;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-focused-row,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-selected-row,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-focused-row.dxbl-grid-selected-row {
    --dxbl-grid-focus-bg: #E8F1FF;
    --dxbl-grid-focus-color: #1e1e1e;
    --dxbl-grid-selection-bg: #E8F1FF;
    --dxbl-grid-selection-color: #1e1e1e;
    --dxbl-grid-selection-focus-dark-bg: #bfdbfe;
    --dxbl-grid-selection-focus-dark-color: #1e1e1e;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-focused-row > td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-selected-row > td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-focused-row.dxbl-grid-selected-row > td {
    background-color: #E8F1FF !important;
    color: #1e1e1e !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-focused-row .rv-cell,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-selected-row .rv-cell,
.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) tr.dxbl-grid-focused-row.dxbl-grid-selected-row .rv-cell {
    color: #1e1e1e !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td {
    background-color: #ecfdf5 !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-table tbody tr:nth-child(even):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td {
    background: var(--rv-row-alt) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-table tbody tr:nth-child(odd):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) td {
    background: #fff !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-table tbody td {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 2px 8px !important;
    line-height: 18px !important;
    font-size: 11.5px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #eceff3 !important;
    vertical-align: middle !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-table td {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #eceff3 !important;
    padding: 2px 8px !important;
    font-size: 11.5px !important;
    vertical-align: middle !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-footer {
    background: var(--rv-footer-bg) !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-footer td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-total-footer td {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 2px 8px !important;
    line-height: 18px !important;
    background: var(--rv-footer-bg) !important;
    color: var(--rv-footer-text) !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
    border-top: 2px solid #c5daf7 !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-group-row > td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-group-row > th {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 2px 8px !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
    background: #eef4fb !important;
    color: #1f3f66 !important;
    white-space: nowrap;
    vertical-align: middle;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-group-footer > td,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid:not(.ix-report-body-grid) .dxbl-grid-group-footer-row > td {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 2px 8px !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
    background: #f3f7fc !important;
    color: #1f3f66 !important;
    border-top: 1px solid #d6e4f5 !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .rv-group-row-caption {
    font-weight: 700;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .rv-group-row-summary {
    font-weight: 700;
    display: block;
    text-align: right;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-grid-pager,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid .dxbl-pager {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-grid-pager {
    padding: 6px 10px !important;
    border-top: 1px solid var(--rv-border);
    background: #fff !important;
    font-size: 12px !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-active {
    background: var(--rv-primary) !important;
    border-color: var(--rv-primary) !important;
    color: #fff !important;
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-grid-group-panel {
    display: flex !important;
    align-items: center;
    min-height: 26px;
    padding: 3px 8px !important;
    border-bottom: 1px solid var(--rv-ptr-border);
    background: var(--rv-ptr-block) !important;
    color: var(--rv-ptr-muted) !important;
    font-size: 11px !important;
}

.ix-report-page.rv-theme .rv-group-by-body[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 2px 0;
}

.ix-report-page.rv-theme .rv-group-by-label[b-7l74aw46j4] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rv-muted);
}

.ix-report-page.rv-theme .rv-group-by-hint[b-7l74aw46j4] {
    margin: 0;
    font-size: 11px;
    color: var(--rv-muted);
}

@media (max-width: 1280px) {
    .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn span[b-7l74aw46j4] {
        display: none;
    }

    .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4] {
        padding: 0 8px;
        min-width: 28px;
        justify-content: center;
    }

    .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split-main span[b-7l74aw46j4] {
        display: none;
    }

    .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4] {
        min-width: 28px;
    }
}

@media (max-width: 900px) {
    .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn span[b-7l74aw46j4] {
        display: none;
    }

    .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4] {
        padding: 0 8px;
    }

    .ix-report-page.rv-theme .rv-filter-right[b-7l74aw46j4] {
        width: 100%;
        margin-left: 0;
    }

    .ix-report-page.rv-theme .rv-search-wrap[b-7l74aw46j4] {
        flex: 1 1 auto;
        width: auto;
    }
}

@media (max-width: 768px) {
    .ix-report-page.rv-theme.rv-shell-mobile[b-7l74aw46j4],
    .ix-report-page.rv-theme.rv-shell-mobile .ix-report-page-bg[b-7l74aw46j4] {
        height: calc(100dvh - 52px);
        max-height: calc(100dvh - 52px);
        padding: .25rem;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-shell[b-7l74aw46j4] {
        border-radius: 8px;
    }

    .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4] {
        display: none;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filterbar[b-7l74aw46j4] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 8px 10px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filters[b-7l74aw46j4] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-item[b-7l74aw46j4] {
        flex-direction: column;
        align-items: stretch;
        min-width: 0;
        width: 100%;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-refresh-btn[b-7l74aw46j4] {
        width: 100%;
        justify-content: center;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-right[b-7l74aw46j4] {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        gap: 8px;
        padding-top: 6px;
        border-top: 1px solid var(--rv-border);
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-caption[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools[b-7l74aw46j4] {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        overflow: visible;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools .rv-search-wrap[b-7l74aw46j4] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools .rv-clear-filters-btn[b-7l74aw46j4],
    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools .rv-filter-browse-check[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools .rv-filter-label[b-7l74aw46j4],
    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools .rv-search-wrap[b-7l74aw46j4]::before {
        display: none;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools .rv-filter-funnel[b-7l74aw46j4],
    .ix-report-page.rv-theme.rv-shell-mobile .rv-filter-browse-tools .rv-filter-editor-btn[b-7l74aw46j4] {
        flex: 0 0 auto;
        width: 34px;
        height: 34px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-mobile-bar.rv-mobile-bar-actions-only[b-7l74aw46j4] {
        justify-content: flex-end;
        border-top: 1px solid var(--rv-border);
        border-bottom: 0;
    }

    .ix-report-page.rv-theme .rv-mobile-bar[b-7l74aw46j4] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-bottom: 1px solid var(--rv-border);
        background: #fff;
    }

    .ix-report-page.rv-theme .ix-mobile-icon-btn[b-7l74aw46j4] {
        display: inline-flex;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-head[b-7l74aw46j4] {
        padding: 8px 10px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-title[b-7l74aw46j4] {
        font-size: 14px;
        max-width: 42vw;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-head-right .rv-ribbon-chip[b-7l74aw46j4] {
        padding: 4px 8px;
        font-size: 10px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-collapse-btn[b-7l74aw46j4] {
        width: 26px;
        height: 26px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tabs[b-7l74aw46j4] {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: thin;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tab[b-7l74aw46j4] {
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 11px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-panel[b-7l74aw46j4] {
        min-height: 0 !important;
        padding: 4px 6px 4px !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-section[b-7l74aw46j4] {
        min-height: 0 !important;
        justify-content: flex-start !important;
        gap: 2px !important;
        padding: 0 !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-home[b-7l74aw46j4] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 4px;
        padding: 0;
        overflow: visible;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-section-card[b-7l74aw46j4] {
        display: block;
        width: auto;
        max-width: 100%;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        flex: 0 1 auto;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-section-caption[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-sep[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tiles-row[b-7l74aw46j4] {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 5px;
        overflow-x: auto;
        scrollbar-width: none;
        padding: 0;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tiles-row[b-7l74aw46j4]::-webkit-scrollbar {
        display: none;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-section-query.rv-ribbon-section-card[b-7l74aw46j4] {
        flex: 1 1 100%;
        min-width: 0;
        width: 100%;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-section-browse.rv-ribbon-section-card[b-7l74aw46j4] {
        flex: 1 1 100%;
        min-width: 0;
        width: 100%;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-params-row[b-7l74aw46j4] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        align-items: end;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-params-fields[b-7l74aw46j4] {
        display: contents;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-param[b-7l74aw46j4] {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-param[b-7l74aw46j4]  .ix-param-date,
    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-param[b-7l74aw46j4]  .rv-param-editor {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-param-label[b-7l74aw46j4] {
        font-size: 10px;
        margin-bottom: 1px;
        line-height: 1.1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-param[b-7l74aw46j4]  .rv-param-editor,
    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-search-card[b-7l74aw46j4]  .rv-search {
        min-height: 26px !important;
        height: 26px !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-section-query .rv-ribbon-run-btn[b-7l74aw46j4] {
        width: 100%;
        min-width: 0 !important;
        height: 26px;
        padding: 0 8px;
        gap: 4px;
        border-radius: 6px;
        margin-left: 0;
        justify-self: stretch;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-run-btn .rv-ribbon-run-ico[b-7l74aw46j4] {
        width: 11px;
        height: 11px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-run-label-full[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-run-label-short[b-7l74aw46j4] {
        display: inline !important;
        font-size: 10px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-browse-row[b-7l74aw46j4] {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 4px;
        margin-top: 2px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-search-card[b-7l74aw46j4] {
        flex: 1 1 auto;
        min-width: 0 !important;
        max-width: none !important;
        width: auto;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-search-card > .rv-ribbon-param-label[b-7l74aw46j4] {
        display: none;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tile[b-7l74aw46j4] {
        flex: 0 0 auto;
        width: 36px;
        min-width: 36px;
        max-width: 36px;
        min-height: 36px;
        height: 36px;
        padding: 0;
        gap: 0;
        border-radius: 6px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tile-text[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-icon-well[b-7l74aw46j4] {
        width: 24px;
        height: 24px;
        border-radius: 6px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-icon-well .rv-ribbon-btn-svg[b-7l74aw46j4] {
        width: 13px;
        height: 13px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tile-docs[b-7l74aw46j4] {
        width: auto;
        min-width: 0;
        max-width: none;
        min-height: 36px;
        height: 36px;
        padding: 0 8px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn {
        min-height: 26px !important;
        height: 26px !important;
        padding: 0 8px !important;
        font-size: 10px !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-browse-row .rv-ribbon-tile-check[b-7l74aw46j4],
    .ix-report-page.rv-theme.rv-shell-mobile .rv-ribbon-actions-wrap[b-7l74aw46j4] {
        display: none !important;
    }

    .ix-report-page.rv-theme.rv-shell-mobile .rv-grid-card[b-7l74aw46j4] {
        flex: 1 1 auto;
        min-height: 0;
    }

    .ix-report-page.rv-theme.rv-shell-mobile[b-7l74aw46j4]  .rv-grid .dxbl-pager {
        flex-wrap: wrap;
        gap: 4px;
    }

    .ix-report-page.rv-theme.rv-shell-mobile[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-pager-page-size-selector {
        display: none;
    }
}

/* Wins over generic .report-grid @media (769px) min-width:118px / table-layout:auto */
@media (min-width: 769px) {
    .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-table,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid .dxbl-grid-table,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid.report-grid.ix-report-body-grid .dxbl-grid-table {
        width: max-content !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-table tbody th,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-table tbody td,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid .dxbl-grid-table tbody th,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid .dxbl-grid-table tbody td {
        min-width: 0 !important;
        max-width: 1px !important;
    }

    .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-header-row > th,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-filter-row > th,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-filter-row > td,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid .dxbl-grid-header-row > th {
        max-width: none !important;
    }

    .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tbody td,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid tbody td,
    .ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid .dxbl-grid-cell-content {
        max-width: 1px !important;
    }
}

.ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid .dxbl-grid-table,
.ix-report-page.rv-theme[b-7l74aw46j4]  .report-grid.ix-report-body-grid .dxbl-grid-table {
    width: max-content !important;
    min-width: 0 !important;
}

.rv-actions-wrap[b-7l74aw46j4] {
    position: relative;
}

.rv-actions-menu[b-7l74aw46j4] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 1200;
    min-width: 200px;
    background: #fff;
    border: 1px solid var(--rv-border, #dee2e6);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    padding: 4px;
}

.rv-actions-menu button[b-7l74aw46j4],
.rv-task-menu-item[b-7l74aw46j4] {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #1f2937;
    cursor: pointer;
}

.rv-actions-menu button:hover[b-7l74aw46j4],
.rv-task-menu-item:hover[b-7l74aw46j4] {
    background: #e7f1ff;
    color: #0056b3;
}

.rv-action-link[b-7l74aw46j4] {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    font: inherit;
    color: #0056b3;
    text-decoration: underline;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rv-action-link:hover[b-7l74aw46j4] {
    color: #003d80;
}

.rv-task-menu-list[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px;
}

.rv-task-result-popup[b-7l74aw46j4]  .dxbl-popup-content {
    overflow: auto;
}

.rv-task-result-grid[b-7l74aw46j4] {
    min-height: 280px;
}

[b-7l74aw46j4] .rv-task-menu-popup .dxbl-popup-header,
[b-7l74aw46j4] .rv-task-result-popup .dxbl-popup-header,
[b-7l74aw46j4] .rv-task-message-popup .dxbl-popup-header {
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

.rv-popup-head[b-7l74aw46j4] {
    padding: 12px 16px;
    background: linear-gradient(135deg, #0056b3 0%, #003d80 100%);
    color: #fff;
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rv-popup-head-warn[b-7l74aw46j4] {
    background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
}

.rv-popup-head-title[b-7l74aw46j4] {
    font-size: 15px;
    font-weight: 700;
}

.rv-popup-head-sub[b-7l74aw46j4] {
    font-size: 11px;
    opacity: .88;
}

.rv-task-menu-list[b-7l74aw46j4] {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rv-task-menu-item[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    padding: 10px 12px;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.rv-task-menu-item:hover[b-7l74aw46j4] {
    background: #e7f1ff;
    border-color: #93c5fd;
    color: #0056b3;
}

.rv-task-menu-caption[b-7l74aw46j4] {
    font-size: 13px;
    font-weight: 600;
}

.rv-task-message-body[b-7l74aw46j4] {
    padding: 16px;
    font-size: 13px;
    line-height: 1.55;
    color: #374151;
}

[b-7l74aw46j4] .rv-task-result-popup .dxbl-popup-content {
    padding: 0 12px 12px !important;
}

/* =========================================================
   REPORT VIEWER ? brown theme inside MenuLayout workspace
   (scoped; complements ix-blue-grid-theme.css)
   ========================================================= */
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4] {
    --rv-primary: #9a8368;
    --rv-header: #7d6a56;
    --rv-grid-header-bg: #f0ebe4;
    --rv-grid-header-text: #4a4038;
    --rv-grid-header-border: #ddd2c4;
    --rv-grid-filter-bg: #ffffff;
    --rv-grid-filter-text: #212529;
    --rv-grid-filter-border: #e8dfd4;
    --rv-accent: #e31b23;
    --rv-accent-dark: #c9141b;
    --rv-footer-bg: #faf7f3;
    --rv-footer-text: #7d6a56;
    --rv-row-alt: #fdfcfa;
    --rv-border: #ddd2c4;
    --rv-ribbon-surface: #faf7f3;
    --rv-group-panel: #f0ebe4;
    --rv-grid-status: #f5f0ea;
    background: #ffffff !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-col-chooser-menu[b-7l74aw46j4],
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4] {
    background: linear-gradient(135deg, #a0896f 0%, #8b7355 100%) !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4] {
    background: #e31e24 !important;
    border-color: #c62828 !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-refresh-btn:hover[b-7l74aw46j4] {
    background: #c62828 !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-filter-editor-btn:hover:not(:disabled)[b-7l74aw46j4],
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-filter-funnel.active[b-7l74aw46j4],
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-filter-funnel:hover[b-7l74aw46j4] {
    border-color: #9a8368 !important;
    color: #7d6a56 !important;
    background: #f5f0ea !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tr.dxbl-grid-focused-row,
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tr.dxbl-grid-selected-row {
    --dxbl-grid-focus-bg: #E8F1FF;
    --dxbl-grid-selection-bg: #E8F1FF;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tr.dxbl-grid-focused-row > td,
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid.ptr-grid tr.dxbl-grid-selected-row > td {
    background-color: #E8F1FF !important;
    color: #1e1e1e !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid:not(.ptr-grid) .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td {
    background-color: #faf7f3 !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-footer td,
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid:not(.ix-report-body-grid) .dxbl-grid-total-footer td {
    border-top-color: #ddd2c4 !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-active,
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-btn[aria-current="page"] {
    background: #9a8368 !important;
    border-color: #8b7355 !important;
    color: #fff !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-actions-menu button:hover[b-7l74aw46j4],
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-task-menu-item:hover[b-7l74aw46j4] {
    background: #f5f0ea !important;
    color: #7d6a56 !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-action-link[b-7l74aw46j4] {
    color: #7d6a56 !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-popup-head[b-7l74aw46j4] {
    background: linear-gradient(135deg, #a0896f 0%, #8b7355 100%) !important;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save .dxbl-btn,
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save.dxbl-btn {
    background: #9a8368 !important;
    border-color: #8b7355 !important;
    color: #fff !important;
}

/* Column chooser + layout/filter/add-column popups (portaled to body) */
body:has(.workspace-shell.ix-menu-theme) .rv-edit-columns[b-7l74aw46j4] {
    background: #faf8f5 !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-columns-head[b-7l74aw46j4] {
    border-bottom-color: #cfc0ae !important;
    background: linear-gradient(180deg, #fff 0%, #f7f3ef 100%) !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-columns-icon[b-7l74aw46j4] {
    background: #f7f3ef !important;
    color: #6d5a45 !important;
    box-shadow: inset 0 0 0 1px #cfc0ae !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-columns-close:hover[b-7l74aw46j4] {
    background: #ebe3d8 !important;
    color: #6d5a45 !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-column-toolbar[b-7l74aw46j4] {
    border-color: #cfc0ae !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-column-list .rv-edit-column-check:hover[b-7l74aw46j4] {
    border-color: #cfc0ae !important;
    background: #f7f3ef !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-column-check input[type="checkbox"][b-7l74aw46j4] {
    accent-color: #8b7355 !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-column-save[b-7l74aw46j4] {
    border-color: #6d5a45 !important;
    background: #8b7355 !important;
    box-shadow: 0 8px 20px rgba(109, 90, 69, .18) !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-column-save:hover:not(:disabled)[b-7l74aw46j4] {
    background: #6d5a45 !important;
    border-color: #5c4a38 !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-edit-column-restore:hover[b-7l74aw46j4] {
    color: #6d5a45 !important;
}

body:has(.workspace-shell.ix-menu-theme) .ix-layout-popup .dxbl-btn.layout-btn-save[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .rv-filter-editor-popup .dxbl-btn.layout-btn-save[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .rv-cf-popup .dxbl-btn.layout-btn-save[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .ix-add-field-popup .dxbl-btn.dxbl-btn-primary[b-7l74aw46j4] {
    background: #8b7355 !important;
    border-color: #6d5a45 !important;
    color: #fff !important;
}

body:has(.workspace-shell.ix-menu-theme) .ix-layout-popup .dxbl-btn.layout-btn-save:hover:not(:disabled)[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .rv-filter-editor-popup .dxbl-btn.layout-btn-save:hover:not(:disabled)[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .rv-cf-popup .dxbl-btn.layout-btn-save:hover:not(:disabled)[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .ix-add-field-popup .dxbl-btn.dxbl-btn-primary:hover:not(:disabled)[b-7l74aw46j4] {
    background: #6d5a45 !important;
    border-color: #5c4a38 !important;
}

body:has(.workspace-shell.ix-menu-theme) .ix-layout-popup .dxbl-btn.layout-btn-cancel[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .rv-filter-editor-popup .dxbl-btn.layout-btn-cancel[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .rv-cf-popup .dxbl-btn.layout-btn-cancel[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .ix-add-field-popup .dxbl-btn.dxbl-btn-secondary[b-7l74aw46j4] {
    background: #fff !important;
    border-color: #cfc0ae !important;
    color: #6d5a45 !important;
}

body:has(.workspace-shell.ix-menu-theme) .ix-layout-popup .layout-user-grid tr.dxbl-grid-focused-row > td[b-7l74aw46j4],
body:has(.workspace-shell.ix-menu-theme) .ix-layout-popup .layout-user-grid tr.dxbl-grid-selected-row > td[b-7l74aw46j4] {
    background-color: #ebe3d8 !important;
    color: #3d342c !important;
}

body:has(.workspace-shell.ix-menu-theme) .ix-layout-popup .layout-user-grid .dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row) > td[b-7l74aw46j4] {
    background-color: #f7f3ef !important;
}

body:has(.workspace-shell.ix-menu-theme) .rv-filter-editor-popup .dxbl-filter-builder[b-7l74aw46j4] {
    --dxbl-filter-builder-group-btn-bg: #f7f3ef;
    --dxbl-filter-builder-group-btn-hover-bg: #ebe3d8;
    --dxbl-filter-builder-group-btn-selected-bg: #8b7355;
    --dxbl-filter-builder-group-btn-active-bg: #6d5a45;
    --dxbl-filter-builder-property-btn-selected-bg: #ebe3d8;
    --DS-color-surface-primary-default-rest: #8b7355;
    --DS-color-surface-primary-default-hovered: #6d5a45;
}

.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-excel-item-wrap:hover > .rv-excel-item[b-7l74aw46j4],
.workspace-shell.ix-menu-theme .ix-report-page.rv-theme .rv-excel-flyout button:hover[b-7l74aw46j4] {
    background: #f7f3ef !important;
    color: #6d5a45 !important;
}

/* Mobile report param combo picker */
.ix-report-page.rv-theme.rv-shell-mobile .rv-mobile-combo-trigger[b-7l74aw46j4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--rv-border, #cfc0ae);
    border-radius: 6px;
    background: #fff;
    font-size: 13px;
    color: #1f2937;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

.ix-report-page.rv-theme.rv-shell-mobile .rv-mobile-combo-trigger-text[b-7l74aw46j4] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ix-report-page.rv-theme.rv-shell-mobile .rv-mobile-combo-trigger-icon[b-7l74aw46j4] {
    flex: 0 0 auto;
    color: #8b7355;
    font-size: 16px;
    line-height: 1;
}

body .rv-mobile-combo-popup .dxbl-popup[b-7l74aw46j4],
.rv-mobile-combo-popup .dxbl-popup[b-7l74aw46j4] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(400px, 94vw) !important;
    max-width: 94vw !important;
    max-height: min(80dvh, 560px) !important;
    z-index: 12050 !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 24px 56px rgba(15, 23, 42, .32);
}

body .rv-mobile-combo-popup .dxbl-popup-header[b-7l74aw46j4],
.rv-mobile-combo-popup[b-7l74aw46j4]  .dxbl-popup-header {
    background: linear-gradient(135deg, #8b7355 0%, #6d5a45 100%) !important;
    color: #fff !important;
}

.rv-mobile-combo-picker[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 12px;
    max-height: min(70dvh, 480px);
}

.rv-mobile-combo-search[b-7l74aw46j4] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #cfc0ae;
    border-radius: 10px;
    font-size: 16px;
    box-sizing: border-box;
}

.rv-mobile-combo-list[b-7l74aw46j4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    max-height: min(52dvh, 360px);
    -webkit-overflow-scrolling: touch;
}

.rv-mobile-combo-option[b-7l74aw46j4] {
    width: 100%;
    text-align: left;
    padding: 12px 14px;
    border: 1px solid #ebe3d8;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
    color: #1f2937;
    cursor: pointer;
}

.rv-mobile-combo-option.is-selected[b-7l74aw46j4] {
    border-color: #8b7355;
    background: #f7f3ef;
    font-weight: 700;
}

.rv-mobile-combo-option:active[b-7l74aw46j4] {
    background: #ebe3d8;
}

.rv-mobile-combo-empty[b-7l74aw46j4] {
    padding: 16px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

.rv-mobile-combo-clear[b-7l74aw46j4] {
    margin-top: 4px;
    padding: 10px;
    border: 0;
    background: transparent;
    color: #6d5a45;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
}

/* =========================================================
   Modern Ice Blue / Navy ? match FormRenderer light toolbar
   (scoped to Blue & Navy app themes; Brown unchanged)
   ========================================================= */
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme[b-7l74aw46j4] {
    --rv-primary: #2F80ED;
    --rv-header: #102A56;
    --rv-grid-header-bg: #E8F1FF;
    --rv-grid-header-text: #102A56;
    --rv-grid-header-border: #E8EDF5;
    --rv-grid-filter-bg: #ffffff;
    --rv-grid-filter-text: #102A56;
    --rv-grid-filter-border: #E8EDF5;
    --rv-accent: #2F80ED;
    --rv-accent-dark: #2563eb;
    --rv-footer-bg: #E8F1FF;
    --rv-footer-text: #102A56;
    --rv-row-alt: #F5F7FB;
    --rv-border: #E8EDF5;
    --rv-group-panel: #F5F7FB;
    --rv-grid-status: #F5F7FB;
    --rv-text: #102A56;
    --rv-muted: #5b6b86;
    --rv-ribbon-surface: #F5F7FB;
    --rv-ptr-block: #E8F1FF;
    --rv-ptr-border: #E8EDF5;
    --rv-ptr-muted: #5b6b86;
    --rv-ptr-text: #102A56;
    background: #F5F7FB !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4] {
    background: #FFFFFF !important;
    color: #102A56 !important;
    border-bottom: 1px solid #E8EDF5 !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4] {
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-head .rv-doc-ico[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-head .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-head .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-head .rv-doc-ico[b-7l74aw46j4] {
    stroke: #2F80ED !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon[b-7l74aw46j4] {
    background: #F5F7FB !important;
    border-bottom-color: #E8EDF5 !important;
    box-shadow: none !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-include-cancelled[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-include-cancelled[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-include-cancelled[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-include-cancelled[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-collapse-btn[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-collapse-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-collapse-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-collapse-btn[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .ix-master-toolbtn[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .ix-master-toolbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .ix-master-toolbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .ix-master-toolbtn[b-7l74aw46j4] {
    background: #F5F7FB !important;
    border: 1px solid #E8EDF5 !important;
    color: #102A56 !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-chip:hover[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-chip:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-chip:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-chip:hover[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-include-cancelled:hover[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-include-cancelled:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-include-cancelled:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-include-cancelled:hover[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-collapse-btn:hover[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-collapse-btn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-collapse-btn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-collapse-btn:hover[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .ix-master-toolbtn:hover[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .ix-master-toolbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .ix-master-toolbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .ix-master-toolbtn:hover[b-7l74aw46j4] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-chip.rv-ribbon-fav.active[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-chip.rv-ribbon-fav.active[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-chip.rv-ribbon-fav.active[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-chip.rv-ribbon-fav.active[b-7l74aw46j4] {
    border-color: #F59E0B !important;
    background: #FFFBEB !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4] {
    color: #102A56 !important;
    border-bottom-color: #2F80ED !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-section-card[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-section-card[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-section-card[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-section-card[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-collapsed-run[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-collapsed-run[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-collapsed-run[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-collapsed-run[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .ix-run-btn[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .ix-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .ix-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .ix-run-btn[b-7l74aw46j4] {
    background: #2F80ED !important;
    border-color: #2563eb !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(47, 128, 237, 0.28) !important;
    filter: none !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn:hover:not(:disabled)[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn:hover:not(:disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-run-btn:hover:not(:disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-run-btn:hover:not(:disabled)[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-collapsed-run:hover:not(:disabled)[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-collapsed-run:hover:not(:disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-collapsed-run:hover:not(:disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-collapsed-run:hover:not(:disabled)[b-7l74aw46j4] {
    background: #2563eb !important;
    box-shadow: 0 4px 12px rgba(47, 128, 237, 0.35) !important;
    filter: none !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-tile[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-tile[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-tile[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-tile[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-btn[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-btn[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    color: #102A56 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05) !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-tile:hover:not(:disabled):not(.rv-ribbon-tile-disabled)[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-tile:hover:not(:disabled):not(.rv-ribbon-tile-disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-tile:hover:not(:disabled):not(.rv-ribbon-tile-disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-tile:hover:not(:disabled):not(.rv-ribbon-tile-disabled)[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-btn:hover:not(:disabled)[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-btn:hover:not(:disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-btn:hover:not(:disabled)[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-btn:hover:not(:disabled)[b-7l74aw46j4] {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-tile.active[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-tile.active[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-tile.active[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-tile.active[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-btn.active[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-btn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-btn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-btn.active[b-7l74aw46j4] {
    background: #E8F1FF !important;
    border-color: #2F80ED !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-icon-well-brown[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-icon-well-brown[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-icon-well-brown[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-icon-well-brown[b-7l74aw46j4] {
    background: linear-gradient(145deg, #E8F1FF 0%, #d6e4f5 100%) !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn {
    background: #F5F7FB !important;
    border: 1px solid #E8EDF5 !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-popup-head[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-popup-head[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-popup-head[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-popup-head[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-col-chooser-menu[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-col-chooser-menu[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-col-chooser-menu[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-col-chooser-menu[b-7l74aw46j4] {
    background: #FFFFFF !important;
    color: #102A56 !important;
    border-bottom: 1px solid #E8EDF5 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save .dxbl-btn,
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save .dxbl-btn,
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save .dxbl-btn,
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save .dxbl-btn,
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save.dxbl-btn,
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save.dxbl-btn,
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save.dxbl-btn,
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme[b-7l74aw46j4]  .layout-btn-save.dxbl-btn,
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary,
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme[b-7l74aw46j4]  .rv-grid .dxbl-pager .dxbl-btn.dxbl-btn-primary {
    background: #2F80ED !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

/* Classic topbar actions ? were white-on-white after ice toolbar */
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn {
    background: #F5F7FB !important;
    border: 1px solid #E8EDF5 !important;
    color: #102A56 !important;
    border-radius: 8px !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled) {
    background: #E8F1FF !important;
    border-color: #bfdbfe !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4] {
    stroke: #102A56 !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.rv-more-btn .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.rv-more-btn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.rv-more-btn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.rv-more-btn .rv-ico[b-7l74aw46j4] {
    fill: #102A56 !important;
    stroke: none !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4] {
    border-left-color: #E8EDF5 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #E8EDF5 !important;
    box-shadow: 0 4px 14px rgba(18, 38, 63, 0.08) !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4] {
    color: #102A56 !important;
    background: #FFFFFF !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4] {
    background: #E8F1FF !important;
    color: #102A56 !important;
}

.workspace-shell.ix-blue-workspace .ix-report-page.rv-theme .rv-topbtn.rv-fav-btn.active[b-7l74aw46j4],
.workspace-shell.ix-navy-workspace .ix-report-page.rv-theme .rv-topbtn.rv-fav-btn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-blue .ix-report-page.rv-theme .rv-topbtn.rv-fav-btn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-navy .ix-report-page.rv-theme .rv-topbtn.rv-fav-btn.active[b-7l74aw46j4] {
    background: #FFFBEB !important;
    border-color: #F59E0B !important;
    color: #102A56 !important;
}

/* Graphite + Emerald report theme */
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme[b-7l74aw46j4] {
    --rv-primary: #059669;
    --rv-header: #1E293B;
    --rv-grid-header-bg: #ecfdf5;
    --rv-grid-header-text: #1E293B;
    --rv-grid-header-border: #e2e8f0;
    --rv-accent: #10B981;
    --rv-accent-dark: #059669;
    --rv-footer-bg: #ecfdf5;
    --rv-footer-text: #1E293B;
    --rv-row-alt: #F8FAFC;
    --rv-border: #e2e8f0;
    --rv-ribbon-surface: #F8FAFC;
    --rv-text: #1E293B;
    --rv-muted: #64748b;
    background: #F8FAFC !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4] {
    background: #FFFFFF !important;
    color: #1E293B !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4] {
    color: #1E293B !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-ribbon-head .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-ribbon-head .rv-doc-ico[b-7l74aw46j4] {
    stroke: #10B981 !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4] {
    background: #F8FAFC !important;
    border: 1px solid #e2e8f0 !important;
    color: #1E293B !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-ribbon-chip:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-ribbon-chip:hover[b-7l74aw46j4] {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #1E293B !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4] {
    stroke: #1E293B !important;
    color: #1E293B !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4] {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.28) !important;
}

.workspace-shell.ix-graphite-workspace .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4],
.theme-host.ix-app-theme-graphite .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4] {
    color: #1E293B !important;
    border-bottom-color: #10B981 !important;
}

/* Light Glass ? ReportViewer */
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme[b-7l74aw46j4] {
    --rv-primary: #4F46E5;
    --rv-header: #4338ca;
    --rv-grid-header-bg: #eef2ff;
    --rv-grid-header-text: #1e1b4b;
    --rv-accent: #4F46E5;
    --rv-accent-dark: #4338ca;
    --rv-footer-bg: #eef2ff;
    --rv-footer-text: #4F46E5;
    --rv-row-alt: #EEF3FA;
    --rv-border: rgba(79, 70, 229, 0.14);
    --rv-ribbon-surface: #EEF3FA;
    --rv-text: #1e1b4b;
    --rv-muted: #64748b;
    background: #EEF3FA !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4] {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(79, 70, 229, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(79, 70, 229, 0.08) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4] {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #1e1b4b !important;
    border-bottom: 1px solid rgba(79, 70, 229, 0.12) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4] {
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4] {
    stroke: #4F46E5 !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid rgba(79, 70, 229, 0.18) !important;
    color: #1e1b4b !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled) {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn .rv-ico,
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn .rv-ico,
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .rv-ico,
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .rv-ico {
    stroke: #1e1b4b !important;
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4] {
    border-left-color: rgba(79, 70, 229, 0.18) !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #c7d2fe !important;
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4] {
    color: #1e1b4b !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4] {
    background: #eef2ff !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4] {
    background: #4F46E5 !important;
    border-color: #4338ca !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.28) !important;
}

.workspace-shell.ix-glass-workspace .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4],
.theme-host.ix-app-theme-glass .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4] {
    color: #4F46E5 !important;
    border-bottom-color: #4F46E5 !important;
}

/* Platinum + Sapphire ? ReportViewer */
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme[b-7l74aw46j4] {
    --rv-primary: #2563EB;
    --rv-header: #0F172A;
    --rv-grid-header-bg: #F8FAFC;
    --rv-accent: #2563EB;
    --rv-accent-dark: #1D4ED8;
    --rv-footer-bg: #F8FAFC;
    --rv-border: #E4EAF2;
    background: #F3F5F8 !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4] {
    background: #FFFFFF !important;
    color: #0F172A !important;
    border-bottom: 1px solid #E4EAF2 !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4] {
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4] {
    stroke: #2563EB !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    color: #0F172A !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled) {
    background: #EEF5FF !important;
    border-color: #DBEAFE !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn .rv-ico,
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn .rv-ico,
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .rv-ico,
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .rv-ico {
    stroke: #0F172A !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4] {
    border-left-color: #E4EAF2 !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #E4EAF2 !important;
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4] {
    color: #0F172A !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4] {
    background: #EEF5FF !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4] {
    background: #2563EB !important;
    border-color: #1D4ED8 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.24) !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4],
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4] {
    color: #2563EB !important;
    border-bottom-color: #2563EB !important;
}

.workspace-shell.ix-platinum-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid tr.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-platinum .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid tr.dxbl-grid-selected-row > td {
    background-color: #EAF4FF !important;
}

/* Charcoal + Copper � ReportViewer */
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme[b-7l74aw46j4] {
    --rv-primary: #A65E2E;
    --rv-header: #2A2A2A;
    --rv-grid-header-bg: #F5E6D3;
    --rv-accent: #B87333;
    --rv-accent-dark: #A65E2E;
    --rv-footer-bg: #F7F5F2;
    --rv-border: #DDD6CE;
    background: #F7F5F2 !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-shell[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(45, 42, 38, 0.05) !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-head[b-7l74aw46j4] {
    background: #FFFFFF !important;
    color: #2A2A2A !important;
    border-bottom: 1px solid #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-report-title[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-title[b-7l74aw46j4] {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-doc-ico[b-7l74aw46j4] {
    stroke: #A65E2E !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn,
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-chip[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    color: #2A2A2A !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn:hover[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn.active[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split:hover[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split.open[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled),
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .ix-doc-host-toolbar-btn:hover:not(:disabled) {
    background: #FFF4E8 !important;
    border-color: #DDD6CE !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .rv-topbtn .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .rv-ico[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn .rv-ico,
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions[b-7l74aw46j4]  .ix-doc-host-toolbar-btn .rv-ico,
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .rv-ico,
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-tile-docs[b-7l74aw46j4]  .rv-ico {
    stroke: #2A2A2A !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .ix-save-split.rv-col-chooser-split .ix-save-split-toggle[b-7l74aw46j4] {
    border-left-color: #DDD6CE !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu[b-7l74aw46j4] {
    background: #FFFFFF !important;
    border: 1px solid #DDD6CE !important;
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item[b-7l74aw46j4] {
    color: #2A2A2A !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-topbar-actions .rv-col-chooser-menu-item:hover[b-7l74aw46j4] {
    background: #FFF4E8 !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-run-btn[b-7l74aw46j4],
.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-refresh-btn[b-7l74aw46j4] {
    background: #A65E2E !important;
    border-color: #8f5127 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(166, 94, 46, 0.28) !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4],
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme .rv-ribbon-tab.active[b-7l74aw46j4] {
    color: #A65E2E !important;
    border-bottom-color: #B87333 !important;
}

.workspace-shell.ix-charcoal-workspace .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid tr.dxbl-grid-selected-row > td,
.theme-host.ix-app-theme-charcoal .ix-report-page.rv-theme[b-7l74aw46j4]  .ix-report-body-grid tr.dxbl-grid-selected-row > td {
    background-color: #FFF8F0 !important;
}
/* _content/IxpertPosStandalone/Pages/SalesFlow/SalesFlowDashboard.razor.rz.scp.css */
.sf-page[b-bxxipfvocu] {
    position: absolute;
    inset: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
    background: #f6f8fc;
    color: #0f172a;
    font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.sf-sidebar[b-bxxipfvocu] {
    width: 250px;
    min-width: 250px;
    background: #fff;
    color: #0f172a;
    display: flex;
    flex-direction: column;
    padding: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border-right: 1px solid #e2e8f0;
    box-shadow: none;
}

.sf-sidebar-nav-block[b-bxxipfvocu] {
    flex-shrink: 0;
    padding: 16px 12px 10px;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.sf-logo[b-bxxipfvocu] {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin: 0 8px 14px;
    color: #ef4444;
}

.sf-logo span[b-bxxipfvocu] {
    color: #2563eb;
}

.sf-nav[b-bxxipfvocu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sf-nav-item[b-bxxipfvocu] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #334155;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    transition: 0.18s ease;
}

.sf-nav-item:hover[b-bxxipfvocu] {
    background: #f1f5f9;
    color: #0f172a;
}

.sf-nav-item.active[b-bxxipfvocu] {
    background: #eff6ff;
    color: #0866e9;
    font-weight: 700;
}

.sf-sidebar-footer[b-bxxipfvocu] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 12px;
    border-top: 1px solid #e2e8f0;
    background: #fff;
}

.sf-sidebar-info[b-bxxipfvocu] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    background: #fff;
    color: #0f172a;
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sf-sidebar-info .sf-info-card[b-bxxipfvocu] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
    padding: 12px;
}

.sf-sidebar-info .sf-info-card h3[b-bxxipfvocu] {
    color: #0866e9;
    font-size: 14px;
    margin: 0 0 8px;
}

.sf-sidebar-info .sf-info-card label[b-bxxipfvocu] {
    color: #64748b;
    font-size: 11px;
    margin-top: 8px;
}

.sf-sidebar-info .sf-info-card label:first-of-type[b-bxxipfvocu] {
    margin-top: 0;
}

.sf-sidebar-info .sf-info-card strong[b-bxxipfvocu] {
    color: #0f172a;
    font-size: 13px;
}

.sf-sidebar-info .sf-quick-action[b-bxxipfvocu] {
    color: #0f172a;
}

.sf-user-avatar[b-bxxipfvocu] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #eff6ff;
    color: #0866e9;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 12px;
    border: 1px solid #dbeafe;
}

.sf-user-name[b-bxxipfvocu] {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}

.sf-user-role[b-bxxipfvocu] {
    font-size: 12px;
    color: #64748b;
}

.sf-main[b-bxxipfvocu] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding: 12px 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sf-load-error[b-bxxipfvocu] {
    flex-shrink: 0;
    padding: 8px 12px;
    border-radius: 8px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 12px;
    font-weight: 600;
}

.sf-topbar[b-bxxipfvocu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
    flex-shrink: 0;
}

.sf-topbar h1[b-bxxipfvocu] {
    margin: 0;
    font-size: 22px;
    line-height: 1.15;
}

.sf-topbar p[b-bxxipfvocu] {
    margin: 4px 0 0;
    color: #475569;
    font-size: 12px;
}

.sf-top-actions[b-bxxipfvocu] {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.sf-field[b-bxxipfvocu] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 155px;
}

.sf-field.compact[b-bxxipfvocu] {
    min-width: 190px;
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    padding: 8px 12px;
}

.sf-field label[b-bxxipfvocu] {
    font-size: 12px;
    color: #334155;
    font-weight: 600;
}

.sf-field select[b-bxxipfvocu],
.sf-search input[b-bxxipfvocu],
.sf-date-box input[b-bxxipfvocu] {
    height: 41px;
    border: 1px solid #dbe3ef;
    background: #fff;
    border-radius: 8px;
    padding: 0 12px;
    outline: none;
    color: #0f172a;
}

.sf-field.compact select[b-bxxipfvocu] {
    border: 0;
    height: 24px;
    padding: 0;
    font-weight: 700;
}

.sf-date-box[b-bxxipfvocu] {
    height: 58px;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 12px;
}

.sf-date-box input[b-bxxipfvocu] {
    border: 0;
    width: 125px;
    padding: 0;
}

.sf-icon-btn[b-bxxipfvocu] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #dbe3ef;
    font-size: 18px;
    cursor: pointer;
}

.sf-newdoc-wrap[b-bxxipfvocu] {
    position: relative;
}

.sf-newdoc-btn[b-bxxipfvocu] {
    height: 48px;
    border: 0;
    border-radius: 10px;
    background: #0866e9;
    color: #fff;
    padding: 0 18px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 12px 24px rgba(8, 102, 233, 0.25);
}

.sf-chevron[b-bxxipfvocu] {
    margin-left: 4px;
}

.sf-newdoc-menu[b-bxxipfvocu] {
    position: absolute;
    right: 0;
    top: 58px;
    width: 285px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
    z-index: 20;
    overflow: hidden;
}

.sf-menu-title[b-bxxipfvocu] {
    font-weight: 800;
    padding: 17px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.sf-flow-option[b-bxxipfvocu],
.sf-config-option[b-bxxipfvocu] {
    width: 100%;
    border: 0;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 18px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #edf2f7;
}

.sf-flow-option:hover[b-bxxipfvocu],
.sf-config-option:hover[b-bxxipfvocu] {
    background: #f8fafc;
}

.sf-flow-option strong[b-bxxipfvocu] {
    display: block;
    font-size: 14px;
}

.sf-flow-option small[b-bxxipfvocu] {
    color: #64748b;
    font-size: 12px;
}

.sf-flow-icon[b-bxxipfvocu],
.sf-stage-icon[b-bxxipfvocu] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-weight: 800;
}

.sf-flow-icon.quotation[b-bxxipfvocu],
.sf-stage-card.quotation .sf-stage-icon[b-bxxipfvocu],
.sf-stage-pill.quotation[b-bxxipfvocu] {
    background: #eaf2ff;
    color: #0866e9;
}

.sf-flow-icon.order[b-bxxipfvocu],
.sf-stage-card.order .sf-stage-icon[b-bxxipfvocu],
.sf-stage-pill.order[b-bxxipfvocu] {
    background: #eaf9ee;
    color: #16a34a;
}

.sf-flow-icon.delivery[b-bxxipfvocu],
.sf-stage-card.delivery .sf-stage-icon[b-bxxipfvocu],
.sf-stage-pill.delivery[b-bxxipfvocu] {
    background: #f1e9ff;
    color: #7c3aed;
}

.sf-flow-icon.invoice[b-bxxipfvocu],
.sf-stage-card.invoice .sf-stage-icon[b-bxxipfvocu],
.sf-stage-pill.invoice[b-bxxipfvocu] {
    background: #fff0df;
    color: #f97316;
}

.sf-flow-icon.payment[b-bxxipfvocu],
.sf-stage-card.payment .sf-stage-icon[b-bxxipfvocu],
.sf-stage-pill.payment[b-bxxipfvocu] {
    background: #ddfbf7;
    color: #0d9488;
}

.sf-config-option[b-bxxipfvocu] {
    justify-content: space-between;
    font-weight: 700;
    padding: 16px 20px;
}

.sf-pipeline-card[b-bxxipfvocu],
.sf-list-card[b-bxxipfvocu] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 10px 32px rgba(15, 23, 42, 0.045);
}

.sf-pipeline-card[b-bxxipfvocu] {
    padding: 10px 12px;
    margin-bottom: 6px;
    flex-shrink: 0;
}

.sf-section-title[b-bxxipfvocu] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
}

.sf-section-title h2[b-bxxipfvocu] {
    margin: 0;
    font-size: 14px;
}

.sf-pipeline[b-bxxipfvocu] {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.sf-stage-card[b-bxxipfvocu] {
    flex: 1;
    min-height: 96px;
    height: 96px;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #fff;
    padding: 10px 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    transition: 0.18s ease;
    box-sizing: border-box;
}

.sf-stage-card:hover[b-bxxipfvocu],
.sf-stage-card.selected[b-bxxipfvocu] {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}

.sf-list-card[b-bxxipfvocu] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sf-tabs[b-bxxipfvocu],
.sf-filter-row[b-bxxipfvocu] {
    flex-shrink: 0;
}

.sf-stage-content span[b-bxxipfvocu] {
    display: block;
    font-weight: 800;
    font-size: 12px;
    margin: 0 0 4px;
}

.sf-stage-content strong[b-bxxipfvocu] {
    display: block;
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 2px;
}

.sf-stage-content small[b-bxxipfvocu] {
    display: block;
    font-weight: 700;
    font-size: 11px;
    margin-bottom: 4px;
}

.sf-stage-content em[b-bxxipfvocu] {
    color: #0866e9;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
}

.sf-arrow[b-bxxipfvocu] {
    display: grid;
    place-items: center;
    font-size: 28px;
    color: #64748b;
}

.sf-tabs[b-bxxipfvocu] {
    display: flex;
    gap: 16px;
    padding: 0 14px;
    border-bottom: 1px solid #e2e8f0;
    min-height: 38px;
}

.sf-tabs button[b-bxxipfvocu] {
    border: 0;
    background: transparent;
    padding: 10px 2px 8px;
    font-weight: 700;
    font-size: 12px;
    color: #334155;
    cursor: pointer;
    position: relative;
}

.sf-tabs button.active[b-bxxipfvocu] {
    color: #0866e9;
}

.sf-tabs button.active[b-bxxipfvocu]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    border-radius: 3px;
    background: #0866e9;
}

.sf-filter-row[b-bxxipfvocu] {
    display: flex;
    align-items: end;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}

.sf-search[b-bxxipfvocu] {
    flex: 1;
    position: relative;
}

.sf-search input[b-bxxipfvocu] {
    width: 100%;
    padding-right: 38px;
}

.sf-search span[b-bxxipfvocu] {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #64748b;
}

.sf-filter-btn[b-bxxipfvocu] {
    height: 41px;
    border-radius: 8px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #0866e9;
    font-weight: 800;
    padding: 0 18px;
    cursor: pointer;
}

.sf-content-grid[b-bxxipfvocu] {
    display: flex;
    flex-direction: column;
    padding: 8px;
    flex: 1;
    min-height: 0;
}

.sf-table-wrap[b-bxxipfvocu] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.sf-table-scroll[b-bxxipfvocu] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.sf-info-card[b-bxxipfvocu] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.sf-table[b-bxxipfvocu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    table-layout: fixed;
}

.sf-table th[b-bxxipfvocu] {
    text-align: left;
    padding: 10px 9px;
    background: #f8fafc;
    font-weight: 800;
    color: #0f172a;
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}

.sf-table td[b-bxxipfvocu] {
    padding: 9px;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sf-table tr:hover td[b-bxxipfvocu] {
    background: #fbfdff;
}

.sf-table input[type="checkbox"][b-bxxipfvocu] {
    width: 16px;
    height: 16px;
}

.right[b-bxxipfvocu] {
    text-align: right !important;
}

.center[b-bxxipfvocu] {
    text-align: center !important;
}

.danger[b-bxxipfvocu] {
    color: #dc2626;
    font-weight: 800;
}

.success[b-bxxipfvocu] {
    color: #16a34a;
    font-weight: 800;
}

.sf-stage-pill[b-bxxipfvocu],
.sf-status-pill[b-bxxipfvocu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    padding: 6px 9px;
    font-weight: 800;
    font-size: 12px;
}

.sf-status-pill.open[b-bxxipfvocu] {
    background: #eaf2ff;
    color: #0866e9;
}

.sf-status-pill.pending[b-bxxipfvocu] {
    background: #fff7ed;
    color: #c2410c;
}

.sf-status-pill.danger[b-bxxipfvocu] {
    background: #fee2e2;
    color: #dc2626;
}

.sf-status-pill.partial[b-bxxipfvocu] {
    background: #eaf2ff;
    color: #0866e9;
}

.sf-status-pill.paid[b-bxxipfvocu],
.sf-status-pill.delivered[b-bxxipfvocu] {
    background: #dcfce7;
    color: #15803d;
}

.sf-link[b-bxxipfvocu] {
    border: 0;
    background: transparent;
    color: #0866e9;
    font-weight: 800;
    padding: 0;
    cursor: pointer;
}

.sf-row-btn[b-bxxipfvocu] {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    margin: 0 2px;
    color: #334155;
}

.sf-empty[b-bxxipfvocu] {
    text-align: center;
    padding: 40px !important;
    color: #64748b;
}

.sf-table-footer[b-bxxipfvocu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    font-size: 13px;
    flex-shrink: 0;
    border-top: 1px solid #e2e8f0;
    background: #fff;
}

.sf-page-indicator[b-bxxipfvocu] {
    min-width: 52px;
    text-align: center;
    font-weight: 700;
}

.sf-pager button:disabled[b-bxxipfvocu] {
    opacity: 0.45;
    cursor: not-allowed;
}

.sf-pager[b-bxxipfvocu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sf-pager select[b-bxxipfvocu],
.sf-pager button[b-bxxipfvocu] {
    height: 36px;
    border: 1px solid #dbe3ef;
    background: #fff;
    border-radius: 8px;
    padding: 0 12px;
}

.sf-pager button.active[b-bxxipfvocu] {
    background: #eff6ff;
    color: #0866e9;
    border-color: #bfdbfe;
    font-weight: 800;
}

.sf-info-card[b-bxxipfvocu] {
    padding: 16px;
}

.sf-info-card h3[b-bxxipfvocu] {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 800;
    color: #0866e9;
}

.sf-info-card label[b-bxxipfvocu] {
    display: block;
    color: #64748b;
    font-size: 12px;
    margin-top: 14px;
}

.sf-info-card strong[b-bxxipfvocu] {
    display: block;
    margin-top: 3px;
    font-size: 16px;
}

.sf-analysis-btn[b-bxxipfvocu] {
    margin-top: 10px;
    width: 100%;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: #eff6ff;
    color: #0866e9;
    font-weight: 800;
    cursor: pointer;
    font-size: 11px;
}

.sf-quick-action[b-bxxipfvocu] {
    width: 100%;
    height: 34px;
    border: 0;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    color: #0f172a;
    font-size: 12px;
    padding: 0;
}

.sf-quick-action b[b-bxxipfvocu] {
    min-width: 26px;
    height: 24px;
    border-radius: 999px;
    background: #fee2e2;
    color: #ef4444;
    display: grid;
    place-items: center;
    font-size: 12px;
}

@media (max-width: 1300px) {
    .sf-pipeline[b-bxxipfvocu] {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .sf-stage-card[b-bxxipfvocu] {
        min-width: 210px;
    }
}

@media (max-width: 980px) {
    .sf-sidebar[b-bxxipfvocu] {
        display: none;
    }

    .sf-topbar[b-bxxipfvocu],
    .sf-top-actions[b-bxxipfvocu],
    .sf-filter-row[b-bxxipfvocu] {
        flex-wrap: wrap;
    }

    .sf-main[b-bxxipfvocu] {
        padding: 14px;
    }
}
/* _content/IxpertPosStandalone/Pages/SearchBarcodeDialog.razor.rz.scp.css */
/* Stock search — Lead Management style brown/red shell */

:global(.pos-stock-search-popup.dxbl-popup)[b-w7tv7g3w1l] {
    border-radius: .65rem !important;
    overflow: hidden !important;
    box-shadow: 0 18px 48px rgba(61, 52, 44, .22) !important;
    border: 1px solid #cfc0ae !important;
}

:global(.pos-stock-search-popup .dxbl-popup-content)[b-w7tv7g3w1l] {
    padding: 0 !important;
    background: #f7f3ed !important;
}

.pos-stock-search-shell[b-w7tv7g3w1l] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: min(88vh, 760px);
    background: #ffffff;
}

.pos-stock-search-header[b-w7tv7g3w1l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    padding: .85rem 1rem;
    background: #e0d5c8;
    border-bottom: 1px solid #cfc0ae;
    border-top: 3px solid #c62828;
    flex-shrink: 0;
}

.pos-stock-search-title[b-w7tv7g3w1l] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #c62828;
    margin: 0;
}

.pos-stock-search-sub[b-w7tv7g3w1l] {
    font-size: .78rem;
    color: #7d6b5c;
    margin-top: .2rem;
    line-height: 1.35;
}

.pos-stock-search-close[b-w7tv7g3w1l] {
    background: #fff;
    border: 1px solid #cfc0ae;
    border-radius: .35rem;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #3d342c;
    cursor: pointer;
    flex-shrink: 0;
}

.pos-stock-search-body[b-w7tv7g3w1l] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: .85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
    background: #fff;
}

.pos-stock-search-body[b-w7tv7g3w1l]  .pos-stock-search-input,
.pos-stock-search-body[b-w7tv7g3w1l]  .pos-stock-search-input .dxbl-text-edit {
    width: 100%;
}

.pos-stock-search-body[b-w7tv7g3w1l]  .pos-stock-search-input input {
    min-height: 34px !important;
    border-radius: 8px !important;
    border-color: #cfc0ae !important;
    font-size: 13px !important;
}

.pos-stock-search-body[b-w7tv7g3w1l]  .pos-stock-search-input input:focus {
    border-color: #c62828 !important;
    box-shadow: 0 0 0 3px rgba(198, 40, 40, .12) !important;
}

.pos-stock-search-meta[b-w7tv7g3w1l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    color: #7d6b5c;
}

.pos-stock-search-status.loading[b-w7tv7g3w1l] {
    color: #6d4c2e;
    font-weight: 700;
}

.pos-stock-search-hint[b-w7tv7g3w1l] {
    color: #8b7355;
    font-size: 11px;
}

.pos-stock-search-empty[b-w7tv7g3w1l] {
    flex: 1 1 auto;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    padding: 24px 16px;
    border: 1px dashed #d9cbb8;
    border-radius: 10px;
    background: #faf7f2;
    color: #7d6b5c;
}

.pos-stock-search-empty-icon[b-w7tv7g3w1l] {
    font-size: 2rem;
}

.pos-stock-search-empty-title[b-w7tv7g3w1l] {
    font-size: 1rem;
    font-weight: 700;
    color: #c62828;
}

.pos-stock-search-empty-text[b-w7tv7g3w1l] {
    font-size: .85rem;
    max-width: 520px;
    line-height: 1.45;
}

.pos-stock-search-empty-text code[b-w7tv7g3w1l] {
    background: #f1ebe3;
    padding: 2px 6px;
    border-radius: 4px;
    color: #5c3d1e;
    font-size: .8rem;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l] {
    flex: 1 1 auto;
    min-height: 260px;
    max-height: 72vh;
    border: 1px solid #cfc0ae;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    resize: vertical;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .pos-stock-search-grid,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-container,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-scroll-view {
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-scroll-container {
    overflow-x: auto !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table thead th,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table tbody td {
    min-width: 56px;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table thead th:nth-child(2),
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table tbody td:nth-child(2) {
    min-width: 160px;
}

/* Column headers — explicit visible styling (no virtual scroll header bugs) */
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-header {
    background: #6d4c2e !important;
    min-height: 34px !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-header .dxbl-grid-header-content,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-header .dxbl-grid-header-row,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-header .dxbl-grid-header-row > th,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table thead th,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-header-cell {
    background: #6d4c2e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-color: rgba(255, 255, 255, .16) !important;
    min-height: 32px !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table tbody tr:nth-child(even) td {
    background: #faf8f5 !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table tbody tr:hover td,
.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table tbody tr.dxbl-grid-focused-row td {
    background: #fde8e6 !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-table tbody td {
    font-size: 12px !important;
    color: #1f2937 !important;
    border-color: #ece5db !important;
}

.pos-stock-search-grid-host[b-w7tv7g3w1l]  .dxbl-grid-pager {
    border-top: 1px solid #e8dfd3 !important;
    background: #faf7f2 !important;
}

.pos-stock-search-error[b-w7tv7g3w1l] {
    color: #b4232a;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 8px;
    background: #fdecea;
    border: 1px solid #f5c2c7;
}

.pos-stock-search-footer[b-w7tv7g3w1l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    border-top: 1px solid #cfc0ae;
    background: #ebe3d8;
    flex-shrink: 0;
}

.pos-stock-search-footer-left[b-w7tv7g3w1l],
.pos-stock-search-footer-right[b-w7tv7g3w1l] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.pos-stock-search-footer[b-w7tv7g3w1l]  .pos-stock-btn-secondary.dxbl-btn {
    background: #fff !important;
    color: #3d342c !important;
    border: 1px solid #cfc0ae !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    min-height: 34px !important;
}

.pos-stock-search-footer[b-w7tv7g3w1l]  .pos-stock-btn-ok.dxbl-btn {
    background: linear-gradient(180deg, #ef5350 0%, #e31e24 100%) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 800 !important;
    min-height: 34px !important;
    min-width: 100px;
    box-shadow: 0 2px 8px rgba(227, 30, 36, .28) !important;
}

@media (max-width: 760px) {
    .pos-stock-search-footer[b-w7tv7g3w1l] {
        flex-direction: column;
        align-items: stretch;
    }

    .pos-stock-search-footer-left[b-w7tv7g3w1l],
    .pos-stock-search-footer-right[b-w7tv7g3w1l] {
        width: 100%;
        justify-content: stretch;
    }

    .pos-stock-search-footer[b-w7tv7g3w1l]  .dxbl-btn {
        flex: 1 1 auto;
    }
}
/* _content/IxpertPosStandalone/Pages/StandardPageViewer.razor.rz.scp.css */
.ptr-page[b-9c8r15ipym] {
    --ptr-accent: #e31e24;
    --ptr-accent-dark: #c62828;
    --ptr-accent-soft: #fde8ea;
    --ptr-block: #ebe3d8;
    --ptr-border: #cfc0ae;
    --ptr-muted: #7d6b5c;
    --ptr-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 8px 10px;
    background: #fff;
    color: var(--ptr-text);
    font-family: "Segoe UI", sans-serif;
}

.ptr-cmdbar[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid var(--ptr-border);
    border-radius: 8px;
    background: #fff;
    margin-bottom: 6px;
}

.ptr-cmd-title[b-9c8r15ipym] {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.spv-record-count[b-9c8r15ipym] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ptr-muted);
    white-space: nowrap;
}

.spv-pager[b-9c8r15ipym] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ptr-muted);
}

    .spv-pager span[b-9c8r15ipym] {
        min-width: 52px;
        text-align: center;
    }

.ptr-cmd-tools[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    flex: 0 1 auto;
    flex-wrap: wrap;
    margin-left: auto;
}

.spv-param[b-9c8r15ipym] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .spv-param label[b-9c8r15ipym] {
        font-size: 10px;
        font-weight: 800;
        color: var(--ptr-muted);
        white-space: nowrap;
    }

[b-9c8r15ipym] .ptr-rowsize { min-height: 26px; }
[b-9c8r15ipym] .ptr-rowsize .dxbl-edit-input { font-size: 12px; }

.ptr-cmd-btn[b-9c8r15ipym] {
    min-height: 26px;
    padding: 3px 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    color: var(--ptr-text);
    cursor: pointer;
    white-space: nowrap;
}

    .ptr-cmd-btn.accent[b-9c8r15ipym] { color: var(--ptr-accent-dark); }
    .ptr-cmd-btn:hover[b-9c8r15ipym] { background: var(--ptr-accent-soft); color: var(--ptr-accent-dark); }

.ptr-cmd-search[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 130px;
    padding: 3px 7px;
    border: 1px solid var(--ptr-border);
    border-radius: 6px;
}

    .ptr-cmd-search input[b-9c8r15ipym] {
        width: 100%;
        border: 0;
        outline: 0;
        font-size: 12px;
    }

.ptr-message[b-9c8r15ipym] {
    padding: 5px 10px;
    margin-bottom: 6px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.ptr-ok[b-9c8r15ipym] { border: 1px solid #abefc6; background: #ecfdf3; color: #067647; }
.ptr-warn[b-9c8r15ipym] { border: 1px solid #fedf89; background: #fffaeb; color: #b54708; }
.ptr-error-bar[b-9c8r15ipym] { border: 1px solid #ffd0d0; background: #fff1f1; color: #b42318; }

.ptr-split[b-9c8r15ipym] {
    display: flex;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.ptr-grid-pane[b-9c8r15ipym] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 8px;
    border: 1px solid var(--ptr-border);
    border-radius: 9px;
    overflow: hidden;
}

.ptr-detail-pane[b-9c8r15ipym] {
    flex: 0 0 496px;
    min-width: 384px;
    border: 1px solid var(--ptr-border);
    border-radius: 9px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.ptr-detail-head[b-9c8r15ipym] {
    padding: 11px 14px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ptr-border);
    background: var(--ptr-block);
}

    .ptr-detail-head .t[b-9c8r15ipym] { font-size: 14px; font-weight: 900; }

.ptr-detail-body[b-9c8r15ipym] {
    padding: 14px;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.ptr-detail-hero[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    flex: 0 0 auto;
}

.spv-detail-hero-card[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    margin-bottom: 14px;
    background: #faf7f3;
    border-radius: 16px;
    border: 1px solid var(--ptr-border);
    flex: 0 0 auto;
}

.spv-detail-hero-text[b-9c8r15ipym] {
    flex: 1 1 auto;
    min-width: 0;
}

.ptr-detail-avatar[b-9c8r15ipym] {
    width: 64px;
    height: 72px;
    border-radius: 50% / 48%;
    background: var(--ptr-block);
    color: var(--ptr-accent-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    flex: 0 0 auto;
    font-size: 13px;
}

.ptr-detail-hero-img[b-9c8r15ipym] {
    width: 64px;
    height: 72px;
    object-fit: cover;
    border: none;
    border-radius: 50% / 48%;
    background: transparent;
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    display: block;
}

.ptr-detail-title[b-9c8r15ipym] {
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
    word-break: break-word;
}

.ptr-detail-subtitle[b-9c8r15ipym] {
    font-size: 12px;
    color: var(--ptr-muted);
    font-weight: 700;
    margin-top: 4px;
    word-break: break-word;
}

.spv-detail-scroll[b-9c8r15ipym] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.ptr-field-grid[b-9c8r15ipym] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    margin-bottom: 10px;
}

.ptr-field label[b-9c8r15ipym] { display: block; font-size: 11px; color: var(--ptr-muted); }
.ptr-field .v[b-9c8r15ipym] { font-size: 13px; font-weight: 800; word-break: break-word; }
.spv-field-wide[b-9c8r15ipym] { grid-column: 1 / -1; }

.ptr-section-title[b-9c8r15ipym] {
    margin: 8px 0 6px;
    padding-top: 8px;
    border-top: 1px solid #e0d5c8;
    font-size: 12px;
    font-weight: 900;
    flex: 0 0 auto;
}

.ptr-empty-hint[b-9c8r15ipym] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--ptr-muted);
    text-align: center;
    padding: 60px 25px;
    font-size: 13px;
}

    .ptr-empty-hint .big[b-9c8r15ipym] { font-size: 42px; opacity: .55; }

.spv-thumb[b-9c8r15ipym] {
    max-width: 120px;
    max-height: 120px;
    border: 1px solid var(--ptr-border);
    border-radius: 8px;
}

.spv-thumb-clickable[b-9c8r15ipym] {
    cursor: pointer;
}

.spv-grid-thumb-wrap[b-9c8r15ipym] {
    width: 100%;
    height: 42px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin: -2px 0;
}

.spv-grid-thumb[b-9c8r15ipym] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    object-fit: cover;
    cursor: pointer;
    vertical-align: middle;
    display: block;
}

.spv-url-link[b-9c8r15ipym] {
    color: #0056b3;
    text-decoration: underline;
    word-break: break-all;
}

.spv-image-popup-full[b-9c8r15ipym] {
    display: block;
    max-width: 85vw;
    max-height: 75vh;
    object-fit: contain;
    margin: 0 auto;
    border: 1px solid var(--ptr-border);
    border-radius: 8px;
    background: #fff;
    padding: 6px;
    box-sizing: border-box;
}

[b-9c8r15ipym] .ptr-grid { height: 100%; min-height: 0; }
[b-9c8r15ipym] .ptr-grid .dxbl-grid {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 0;
}
[b-9c8r15ipym] .ptr-grid .dxbl-grid-scroll-view {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}
[b-9c8r15ipym] .ptr-grid .dxbl-grid-header-row > th {
    background: var(--ptr-block);
    color: var(--ptr-muted);
    font-size: 11px;
    font-weight: 900;
}
[b-9c8r15ipym] .ptr-grid .dxbl-grid-selected-row > td,
[b-9c8r15ipym] .ptr-grid .dxbl-grid-focused-row > td,
[b-9c8r15ipym] .ptr-grid .dxbl-grid-focused-row.dxbl-grid-selected-row > td {
    background: #cfe4fa !important;
    color: #1e1e1e !important;
}
[b-9c8r15ipym] .ptr-grid.ptr-row-compact .dxbl-grid-table > tbody > tr > td { padding-top: 2px; padding-bottom: 2px; font-size: 11px; }
[b-9c8r15ipym] .ptr-grid.ptr-row-normal .dxbl-grid-table > tbody > tr > td { padding-top: 5px; padding-bottom: 5px; font-size: 12.5px; }
[b-9c8r15ipym] .ptr-grid.ptr-row-normal .dxbl-grid-table > tbody > tr > td:has(.spv-grid-thumb-wrap) {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
}
[b-9c8r15ipym] .ptr-grid.ptr-row-comfortable .dxbl-grid-table > tbody > tr > td { padding-top: 10px; padding-bottom: 10px; font-size: 13px; }

.spv-catalog-mode .ptr-grid-pane[b-9c8r15ipym] {
    flex: 1 1 100%;
    max-width: 100%;
}

.spv-design-sheet[b-9c8r15ipym] {
    position: relative;
    width: min(794px, 100%);
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #d0d0d0;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}

    .spv-design-sheet.is-selected[b-9c8r15ipym] {
        outline: 2px solid #1769e0;
        outline-offset: 2px;
    }

.spv-design-bg[b-9c8r15ipym] {
    position: absolute;
    inset: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}

.spv-design-el[b-9c8r15ipym] {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1px 2px;
}

    .spv-design-el.is-image[b-9c8r15ipym] {
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, .15);
    }

.spv-design-img[b-9c8r15ipym] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.spv-design-img-ph[b-9c8r15ipym] {
    font-size: 10px;
    color: #888;
}

.spv-catalog-fields-single[b-9c8r15ipym] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 14px;
    max-height: 360px;
    overflow: auto;
}

.spv-email-dialog[b-9c8r15ipym] {
    width: min(480px, 100%);
    background: #fff;
    border: 1px solid var(--ptr-border);
    border-radius: 12px;
    padding: 14px 16px;
}

.spv-catalog-design-name[b-9c8r15ipym] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    color: var(--ptr-muted);
}

.spv-design-picker-dialog[b-9c8r15ipym] {
    width: min(520px, 100%);
}

.spv-design-picker-list[b-9c8r15ipym] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 360px;
    overflow: auto;
    margin-bottom: 12px;
}

.spv-design-picker-item[b-9c8r15ipym] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--ptr-border);
    border-radius: 10px;
    cursor: pointer;
    margin: 0;
}

.spv-design-picker-item.is-selected[b-9c8r15ipym] {
    border-color: #3b82f6;
    background: #eff6ff;
}

.spv-design-picker-text[b-9c8r15ipym] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.spv-design-picker-text strong[b-9c8r15ipym] {
    font-size: 13px;
}

.spv-design-picker-text small[b-9c8r15ipym] {
    font-size: 11px;
    color: var(--ptr-muted);
}

.spv-email-title[b-9c8r15ipym] {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 10px;
}

.spv-email-field[b-9c8r15ipym] {
    margin-bottom: 10px;
}

    .spv-email-field label[b-9c8r15ipym] {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: var(--ptr-muted);
        margin-bottom: 4px;
    }

.spv-email-hint[b-9c8r15ipym] {
    font-size: 11px;
    color: var(--ptr-muted);
    margin-bottom: 12px;
}

.spv-email-actions[b-9c8r15ipym] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.spv-catalog-scroll[b-9c8r15ipym] {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    padding: 20px;
    background: #d9d9d9;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.spv-catalog-sheet[b-9c8r15ipym] {
    display: flex;
    flex-direction: column;
    width: 794px;
    max-width: 100%;
    min-height: 1123px;
    box-sizing: border-box;
    text-align: left;
    border: 0;
    border-radius: 0;
    background: #fff;
    padding: 38px;
    cursor: pointer;
    box-shadow: none;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

    .spv-catalog-sheet:hover[b-9c8r15ipym] {
        outline: 1px solid #b8c8dc;
    }

    .spv-catalog-sheet.is-selected[b-9c8r15ipym] {
        outline: 2px solid #1769e0;
        outline-offset: 2px;
    }

.spv-sheet-hero[b-9c8r15ipym] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(0, 58%) minmax(0, 42%);
    align-items: stretch;
    min-height: 760px;
}

.spv-sheet-left[b-9c8r15ipym] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
    padding-right: 10px;
    z-index: 1;
}

.spv-sheet-logos[b-9c8r15ipym] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    margin-bottom: 6px;
}

.spv-sheet-company[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.spv-sheet-company-mark[b-9c8r15ipym] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 35%, #f5c400 0 28%, transparent 29%),
        radial-gradient(circle at 62% 38%, #e5252a 0 24%, transparent 25%),
        radial-gradient(circle at 48% 62%, #2d8fd5 0 22%, transparent 23%),
        radial-gradient(circle at 30% 58%, #7bc043 0 18%, transparent 19%);
}

.spv-sheet-company-text[b-9c8r15ipym] {
    font-size: 11px;
    font-weight: 700;
    color: #222;
    line-height: 1.15;
    max-width: 120px;
}

.spv-sheet-company-img[b-9c8r15ipym] {
    max-height: 36px;
    max-width: 140px;
    object-fit: contain;
}

.spv-sheet-brand-head[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    padding-right: 18px;
}

.spv-sheet-brand-icon[b-9c8r15ipym] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    background: #e5252a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.spv-sheet-brand-text[b-9c8r15ipym] {
    font-size: 22px;
    font-weight: 400;
    color: #111;
    letter-spacing: .01em;
    white-space: nowrap;
}

.spv-sheet-brand-img[b-9c8r15ipym] {
    max-height: 38px;
    max-width: 180px;
    object-fit: contain;
}

.spv-sheet-image-wrap[b-9c8r15ipym] {
    flex: 1 1 auto;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px 0 12px;
}

.spv-sheet-image[b-9c8r15ipym] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.spv-sheet-image-placeholder[b-9c8r15ipym] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #efefef;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 20px;
}

.spv-sheet-title-block[b-9c8r15ipym] {
    margin-top: auto;
    padding-top: 8px;
}

.spv-sheet-title[b-9c8r15ipym] {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #111;
    line-height: 1.05;
}

.spv-sheet-subtitle[b-9c8r15ipym] {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.spv-sheet-right[b-9c8r15ipym] {
    position: relative;
    background: #1f1f1f;
    color: #fff;
    margin-left: -48px;
    border-radius: 180px 0 0 180px;
    padding: 42px 24px 28px 56px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    z-index: 2;
}

.spv-sheet-features[b-9c8r15ipym] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .spv-sheet-features li[b-9c8r15ipym] {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.35;
    }

.spv-sheet-feature-mark[b-9c8r15ipym] {
    flex: 0 0 3px;
    width: 3px;
    height: 18px;
    margin-top: 1px;
    background: #e5252a;
}

.spv-sheet-badges[b-9c8r15ipym] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-top: 18px;
    padding-right: 4px;
}

.spv-sheet-mrp[b-9c8r15ipym] {
    background: #e5252a;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 16px;
    line-height: 1;
    white-space: nowrap;
}

.spv-sheet-code[b-9c8r15ipym] {
    background: #111;
    color: #fff;
    border: 1px solid #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    letter-spacing: .02em;
    white-space: nowrap;
}

.spv-sheet-footer[b-9c8r15ipym] {
    flex: 0 0 auto;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #bdbdbd;
    position: relative;
}

.spv-sheet-footer-top[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.spv-sheet-footer-brandmark[b-9c8r15ipym] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    background: #e5252a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.spv-sheet-footer-title[b-9c8r15ipym] {
    font-size: 12px;
    font-weight: 700;
    color: #111;
}

.spv-sheet-footer-lines[b-9c8r15ipym] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-right: 28px;
}

.spv-sheet-footer-line[b-9c8r15ipym] {
    font-size: 9.5px;
    font-weight: 400;
    color: #222;
    line-height: 1.45;
}

.spv-sheet-page[b-9c8r15ipym] {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 20px;
    text-align: center;
    background: #e3e3e3;
    color: #666;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    line-height: 1.2;
}

.spv-overlay[b-9c8r15ipym] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    padding: 16px;
}

.spv-catalog-fields-dialog[b-9c8r15ipym] {
    width: min(860px, 100%);
    max-height: min(80vh, 640px);
    background: #fff;
    border: 1px solid var(--ptr-border);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.spv-catalog-fields-head[b-9c8r15ipym] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ptr-border);
    background: #faf8f5;
}

.spv-catalog-fields-title[b-9c8r15ipym] {
    font-size: 15px;
    font-weight: 900;
}

.spv-catalog-fields-sub[b-9c8r15ipym] {
    font-size: 11px;
    color: var(--ptr-muted);
    font-weight: 700;
}

.spv-catalog-fields-close[b-9c8r15ipym] {
    border: 0;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    color: var(--ptr-muted);
}

.spv-catalog-fields-panels[b-9c8r15ipym] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.spv-catalog-fields-panel[b-9c8r15ipym] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-right: 1px solid var(--ptr-border);
}

    .spv-catalog-fields-panel:last-child[b-9c8r15ipym] {
        border-right: 0;
    }

.spv-catalog-fields-panel-title[b-9c8r15ipym] {
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 900;
    color: var(--ptr-text);
    border-bottom: 1px solid var(--ptr-border);
    background: #faf8f5;
}

.spv-catalog-fields-list[b-9c8r15ipym] {
    padding: 10px 14px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
}

.spv-catalog-field-check[b-9c8r15ipym] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ptr-text);
    cursor: pointer;
}

.spv-catalog-fields-actions[b-9c8r15ipym] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid var(--ptr-border);
    background: #faf8f5;
}

@media (max-width: 1180px) {
    .ptr-cmdbar[b-9c8r15ipym] { flex-wrap: wrap; }
    .ptr-filter-row[b-9c8r15ipym] { order: 3; width: 100%; flex-wrap: wrap; }
    .ptr-filter-card[b-9c8r15ipym] { flex: 1 1 calc(50% - 4px); }
    .ptr-cmd-tools[b-9c8r15ipym] { width: 100%; margin-left: 0; }
    .ptr-split:not(.spv-catalog-mode)[b-9c8r15ipym] { flex-direction: column; }
    .ptr-detail-pane[b-9c8r15ipym] { flex: 0 0 auto; max-width: none; }
}

@media (max-width: 860px) {
    .spv-catalog-sheet[b-9c8r15ipym] {
        width: 100%;
        min-height: 0;
        padding: 24px;
    }

    .spv-sheet-hero[b-9c8r15ipym] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .spv-sheet-right[b-9c8r15ipym] {
        margin-left: 0;
        border-radius: 16px;
        min-height: 220px;
        padding: 24px 20px 20px 24px;
    }

    .spv-sheet-image-wrap[b-9c8r15ipym] {
        min-height: 220px;
    }
}
/* _content/IxpertPosStandalone/Pages/Stock/PendingTransferReceipts.razor.rz.scp.css */
.ptr-page[b-9m2x6jugpe] {
    --ptr-accent: #e31e24;
    --ptr-accent-dark: #c62828;
    --ptr-accent-soft: #fde8ea;
    --ptr-block: #ebe3d8;
    --ptr-border: #cfc0ae;
    --ptr-muted: #7d6b5c;
    --ptr-text: #3d342c;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 8px 10px;
    background: #fff;
    color: var(--ptr-text);
    font-family: "Segoe UI", sans-serif;
}

.ptr-cmdbar[b-9m2x6jugpe] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid var(--ptr-border);
    border-radius: 8px;
    background: #fff;
    margin-bottom: 6px;
}

.ptr-cmd-title[b-9m2x6jugpe] {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.ptr-filter-row[b-9m2x6jugpe] {
    display: flex;
    align-items: stretch;
    gap: 5px;
    flex: 1 1 auto;
    min-width: 0;
}

.ptr-filter-card[b-9m2x6jugpe] {
    border: 1px solid var(--ptr-border);
    border-radius: 7px;
    padding: 4px 10px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 1 1 0;
    min-width: 0;
    white-space: nowrap;
}

    .ptr-filter-card .v[b-9m2x6jugpe] {
        font-size: 15px;
        font-weight: 900;
        line-height: 1;
        color: var(--ptr-text);
    }

    .ptr-filter-card .t[b-9m2x6jugpe] {
        font-size: 10px;
        font-weight: 800;
        color: var(--ptr-muted);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ptr-filter-card.ready[b-9m2x6jugpe] {
        background: #ecfdf3;
    }

    .ptr-filter-card.partial[b-9m2x6jugpe] {
        background: #fff7ed;
    }

    .ptr-filter-card.purchase[b-9m2x6jugpe] {
        background: #fff3df;
    }

    .ptr-filter-card.hold[b-9m2x6jugpe] {
        background: #fde8ea;
    }

.ptr-cmd-tools[b-9m2x6jugpe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    flex: 0 1 auto;
    flex-wrap: wrap;
    margin-left: auto;
}

[b-9m2x6jugpe] .ptr-branch,
[b-9m2x6jugpe] .ptr-rowsize {
    min-height: 26px;
}

[b-9m2x6jugpe] .ptr-branch .dxbl-edit-input,
[b-9m2x6jugpe] .ptr-rowsize .dxbl-edit-input {
    font-size: 12px;
}

.ptr-cmd-btn[b-9m2x6jugpe] {
    min-height: 26px;
    padding: 3px 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    color: var(--ptr-text);
    cursor: pointer;
    white-space: nowrap;
}

    .ptr-cmd-btn.accent[b-9m2x6jugpe] {
        color: var(--ptr-accent-dark);
    }

    .ptr-cmd-btn.save[b-9m2x6jugpe] {
        color: var(--ptr-accent-dark);
    }

    .ptr-cmd-btn:hover[b-9m2x6jugpe] {
        background: var(--ptr-accent-soft);
        color: var(--ptr-accent-dark);
    }

.ptr-cmd-search[b-9m2x6jugpe] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 130px;
    padding: 3px 7px;
    border: 1px solid var(--ptr-border);
    border-radius: 6px;
}

    .ptr-cmd-search input[b-9m2x6jugpe] {
        width: 100%;
        border: 0;
        outline: 0;
        font-size: 12px;
    }

.ptr-message[b-9m2x6jugpe] {
    padding: 5px 10px;
    margin-bottom: 6px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.ptr-ok[b-9m2x6jugpe] {
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.ptr-warn[b-9m2x6jugpe] {
    border: 1px solid #fedf89;
    background: #fffaeb;
    color: #b54708;
}

.ptr-error-bar[b-9m2x6jugpe] {
    border: 1px solid #ffd0d0;
    background: #fff1f1;
    color: #b42318;
}

.ptr-split[b-9m2x6jugpe] {
    display: flex;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.ptr-grid-pane[b-9m2x6jugpe] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--ptr-border);
    border-radius: 9px;
    overflow: hidden;
}

.ptr-detail-pane[b-9m2x6jugpe] {
    flex: 0 0 620px;
    min-width: 480px;
    border: 1px solid var(--ptr-border);
    border-radius: 9px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.ptr-detail-head[b-9m2x6jugpe] {
    padding: 11px 14px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ptr-border);
    background: var(--ptr-block);
}

    .ptr-detail-head .t[b-9m2x6jugpe] {
        font-size: 14px;
        font-weight: 900;
    }

.ptr-detail-head-actions[b-9m2x6jugpe] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ptr-head-btn[b-9m2x6jugpe] {
    min-height: 28px;
    padding: 4px 12px;
    border: 1px solid var(--ptr-accent-dark);
    border-radius: 7px;
    background: #fff;
    color: var(--ptr-accent-dark);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

    .ptr-head-btn:hover:not(:disabled)[b-9m2x6jugpe] {
        background: var(--ptr-accent-soft);
    }

    .ptr-head-btn:disabled[b-9m2x6jugpe] {
        border-color: #d8d0c8;
        color: #b7aa9f;
        cursor: not-allowed;
    }

.ptr-status-dot[b-9m2x6jugpe] {
    margin-left: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
}

    .ptr-status-dot .dot[b-9m2x6jugpe] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #94a3b8;
    }

    .ptr-status-dot.ready .dot[b-9m2x6jugpe] {
        background: #16a34a;
    }

    .ptr-status-dot.partial .dot[b-9m2x6jugpe] {
        background: #ea580c;
    }

    .ptr-status-dot.hold .dot[b-9m2x6jugpe] {
        background: #e31e24;
    }

.ptr-detail-body[b-9m2x6jugpe] {
    padding: 14px;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.ptr-detail-hero[b-9m2x6jugpe] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    flex: 0 0 auto;
}

.ptr-detail-avatar[b-9m2x6jugpe] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--ptr-block);
    color: var(--ptr-accent-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.ptr-detail-title[b-9m2x6jugpe] {
    font-size: 15px;
    font-weight: 900;
}

.ptr-detail-subtitle[b-9m2x6jugpe] {
    font-size: 12px;
    color: var(--ptr-muted);
    font-weight: 700;
}

.ptr-field-grid[b-9m2x6jugpe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    margin-bottom: 10px;
    flex: 0 0 auto;
}

.ptr-field label[b-9m2x6jugpe] {
    display: block;
    font-size: 11px;
    color: var(--ptr-muted);
}

.ptr-field .v[b-9m2x6jugpe] {
    font-size: 13px;
    font-weight: 800;
}

.ptr-section-title[b-9m2x6jugpe] {
    margin: 8px 0 6px;
    padding-top: 8px;
    border-top: 1px solid #e0d5c8;
    font-size: 12px;
    font-weight: 900;
    flex: 0 0 auto;
}

.ptr-detail-error[b-9m2x6jugpe] {
    margin-bottom: 6px;
    flex: 0 0 auto;
}

.ptr-detail-grid-wrap[b-9m2x6jugpe] {
    flex: 1 1 auto;
    min-height: 260px;
    overflow: hidden;
}

.ptr-empty-hint[b-9m2x6jugpe] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--ptr-muted);
    text-align: center;
    padding: 60px 25px;
    font-size: 13px;
}

    .ptr-empty-hint .big[b-9m2x6jugpe] {
        font-size: 42px;
        opacity: .55;
    }

.ptr-action-stack[b-9m2x6jugpe] {
    display: grid;
    gap: 7px;
    margin-top: 12px;
}

    .ptr-action-stack button[b-9m2x6jugpe] {
        width: 100%;
        padding: 9px 10px;
        border: 1px solid var(--ptr-border);
        border-radius: 8px;
        background: #fff;
        color: var(--ptr-text);
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
    }

        .ptr-action-stack button:hover:not(:disabled)[b-9m2x6jugpe] {
            background: var(--ptr-accent-soft);
            color: var(--ptr-accent-dark);
        }

        .ptr-action-stack button:disabled[b-9m2x6jugpe] {
            color: #b7aa9f;
            cursor: not-allowed;
        }

.ptr-popup-body[b-9m2x6jugpe] {
    padding: 12px 14px 8px;
}

.ptr-popup-info[b-9m2x6jugpe] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}

    .ptr-popup-info div[b-9m2x6jugpe] {
        background: #faf8f5;
        border: 1px solid var(--ptr-border);
        border-radius: 10px;
        padding: 9px 10px;
    }

    .ptr-popup-info span[b-9m2x6jugpe] {
        display: block;
        font-size: 10px;
        font-weight: 800;
        color: var(--ptr-muted);
        margin-bottom: 3px;
        text-transform: uppercase;
    }

    .ptr-popup-info b[b-9m2x6jugpe] {
        color: var(--ptr-text);
        font-size: 13px;
        font-weight: 900;
    }

.ptr-popup-date-row[b-9m2x6jugpe] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid var(--ptr-border);
    border-radius: 10px;
    background: #fff;
}

    .ptr-popup-date-row label[b-9m2x6jugpe] {
        font-size: 12px;
        font-weight: 800;
        color: var(--ptr-muted);
        min-width: 90px;
    }

[b-9m2x6jugpe] .ptr-popup-date {
    width: 170px;
    min-height: 28px;
}

.ptr-help-ok[b-9m2x6jugpe] {
    background: #ecfdf3;
    color: #067647;
    border-color: #abefc6;
}

.ptr-popup-footer[b-9m2x6jugpe] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

[b-9m2x6jugpe] .ptr-popup-grid .dxbl-grid {
    min-height: 220px;
    border: 1px solid var(--ptr-border);
    border-radius: 10px;
}

[b-9m2x6jugpe] .ptr-receive-popup .dxbl-popup-content {
    padding: 0;
}

[b-9m2x6jugpe] .ptr-receive-popup .dxbl-popup-footer {
    border-top: 1px solid var(--ptr-border);
    padding: 10px 14px;
    background: #faf8f5;
}

.ptr-mode[b-9m2x6jugpe] {
    display: flex;
    gap: 24px;
    padding: 12px;
    border: 1px solid var(--ptr-border);
    background: #faf8f5;
    border-radius: 12px;
    margin-bottom: 12px;
}

    .ptr-mode label[b-9m2x6jugpe] {
        font-weight: 700;
        color: #2f3b52;
        display: flex;
        align-items: center;
        gap: 7px;
    }

.ptr-receive-dialog[b-9m2x6jugpe] {
    width: min(920px, 100%);
}

.ptr-popup-grid-wrap[b-9m2x6jugpe] {
    min-height: 240px;
}

[b-9m2x6jugpe] .ptr-popup-date {
    width: 100%;
}

[b-9m2x6jugpe] .ptr-popup-date .dxbl-edit-input {
    font-size: .88rem;
}

.ptr-help[b-9m2x6jugpe] {
    background: #fff8e6;
    color: #7a5200;
    border: 1px solid #ffe1a3;
    padding: 9px 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.ptr-error[b-9m2x6jugpe] {
    background: #fff1f1;
    color: #b42318;
    border: 1px solid #ffd0d0;
    padding: 10px 12px;
    border-radius: 10px;
    margin-top: 12px;
    font-weight: 700;
}

.ptr-cancel-btn[b-9m2x6jugpe],
.ptr-submit-btn[b-9m2x6jugpe] {
    border: 1px solid #cdd6e4;
    background: #ffffff;
    color: #344054;
    padding: 8px 16px;
    border-radius: 9px;
    font-weight: 700;
    margin-right: 8px;
    cursor: pointer;
}

.ptr-submit-btn[b-9m2x6jugpe] {
    border: none;
    background: var(--ptr-accent-dark);
    color: #fff;
    margin-right: 0;
}

[b-9m2x6jugpe] .ptr-grid {
    height: 100%;
}

    [b-9m2x6jugpe] .ptr-grid .dxbl-grid {
        height: 100%;
        border: 0;
    }

    [b-9m2x6jugpe] .ptr-grid .dxbl-grid-header-row > th {
        background: var(--ptr-block);
        color: var(--ptr-muted);
        font-size: 11px;
        font-weight: 900;
    }

    [b-9m2x6jugpe] .ptr-grid .dxbl-grid-selected-row > td {
        background: var(--ptr-accent-soft) !important;
    }

    [b-9m2x6jugpe] .ptr-grid.ptr-row-compact .dxbl-grid-table > tbody > tr > td {
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 11px;
    }

    [b-9m2x6jugpe] .ptr-grid.ptr-row-normal .dxbl-grid-table > tbody > tr > td {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12.5px;
    }

    [b-9m2x6jugpe] .ptr-grid.ptr-row-comfortable .dxbl-grid-table > tbody > tr > td {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
    }

[b-9m2x6jugpe] .ptr-detail-grid.ptr-grid {
    height: 100%;
}

[b-9m2x6jugpe] .ptr-detail-grid .dxbl-grid {
    height: 100%;
    min-height: 260px;
}

@media (max-width: 1180px) {
    .ptr-cmdbar[b-9m2x6jugpe] {
        flex-wrap: wrap;
    }

    .ptr-filter-row[b-9m2x6jugpe] {
        order: 3;
        width: 100%;
        flex-wrap: wrap;
    }

    .ptr-filter-card[b-9m2x6jugpe] {
        flex: 1 1 calc(50% - 4px);
    }

    .ptr-cmd-tools[b-9m2x6jugpe] {
        width: 100%;
        margin-left: 0;
    }

    .ptr-split[b-9m2x6jugpe] {
        flex-direction: column;
    }

    .ptr-detail-pane[b-9m2x6jugpe] {
        flex: 0 0 auto;
        max-width: none;
    }
}
/* _content/IxpertPosStandalone/Pages/UiFieldSettings.razor.rz.scp.css */
.ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: var(--ix-accent, #8b7355);
    --ufs-accent-strong: var(--ix-accent-hover, #6d5a45);
    --ufs-soft: color-mix(in srgb, var(--ufs-accent) 10%, #ffffff);
    --ufs-soft-2: color-mix(in srgb, var(--ufs-accent) 6%, #ffffff);
    --ufs-border: color-mix(in srgb, var(--ufs-accent) 22%, #d9dde3);
    --ufs-border-strong: color-mix(in srgb, var(--ufs-accent) 36%, #d9dde3);
    --ufs-text: #1f2937;
    --ufs-muted: #6b7280;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: #fff;
}

.ui-field-settings-host.embedded[b-g8m50f60rb] {
    padding: 0;
    background: #fff;
    border: 0;
    box-shadow: none;
}

.ui-field-settings-host.standalone[b-g8m50f60rb] {
    padding: 0;
    border: 1px solid var(--ufs-border);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .12);
}

.ui-field-settings-toolbar[b-g8m50f60rb] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    flex: 0 0 auto;
    padding: 10px 14px;
    background: #fff;
    border-bottom: 1px solid var(--ufs-border);
}

.ui-field-settings-loading[b-g8m50f60rb] {
    flex: 0 0 auto;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ufs-accent-strong);
}

.ui-field-settings-actions-row[b-g8m50f60rb] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    flex-wrap: wrap;
    padding: 8px 14px;
    background: #fff;
    border-bottom: 1px solid var(--ufs-border);
}

.ui-field-settings-panel-tabs[b-g8m50f60rb] {
    display: flex;
    gap: 6px;
    flex: 0 0 auto;
}

.ui-field-settings-panel-tab[b-g8m50f60rb] {
    border: 1px solid var(--ufs-border);
    background: #fff;
    color: var(--ufs-accent-strong);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ui-field-settings-panel-tab.active[b-g8m50f60rb] {
    background: var(--ufs-accent);
    border-color: var(--ufs-accent);
    color: #ffffff;
}

.ui-field-settings-actions-row[b-g8m50f60rb]  .ui-field-settings-search-input,
.ui-field-settings-actions-row[b-g8m50f60rb]  .ui-field-settings-search-input .dxbl-text-edit {
    flex: 1 1 220px;
    width: auto;
    min-width: 180px;
    max-width: 420px;
}

.ui-field-settings-actions-row[b-g8m50f60rb]  .ui-field-settings-search-input input {
    min-height: 32px !important;
    border-radius: 8px !important;
    border-color: var(--ufs-border) !important;
    font-size: 13px !important;
}

.ui-field-settings-actions-row[b-g8m50f60rb]  .ui-field-settings-search-input input:focus {
    border-color: var(--ufs-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ufs-accent) 18%, transparent) !important;
}

.ui-field-settings-workspace[b-g8m50f60rb] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 8px 12px 0;
    background: #fff;
}

.ui-field-settings-tab-hint[b-g8m50f60rb] {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--ufs-muted);
    margin-bottom: 6px;
}

.ui-field-settings-section-tabs[b-g8m50f60rb] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    flex: 0 0 auto;
    margin-bottom: 8px;
}

.ui-field-settings-section-tab[b-g8m50f60rb] {
    border: 1px solid var(--ufs-border);
    background: #fff;
    color: var(--ufs-accent-strong);
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.ui-field-settings-section-tab:hover[b-g8m50f60rb] {
    background: var(--ufs-soft-2);
    border-color: var(--ufs-border-strong);
}

.ui-field-settings-section-tab.active[b-g8m50f60rb] {
    background: var(--ufs-accent);
    border-color: var(--ufs-accent);
    color: #fff;
}

.ui-field-settings-link-btn[b-g8m50f60rb] {
    border: 0;
    background: transparent;
    color: var(--ufs-accent-strong);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 6px;
    flex: 0 0 auto;
}

.ui-field-settings-field-panel[b-g8m50f60rb] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ui-field-settings-empty-state[b-g8m50f60rb] {
    flex: 1 1 auto;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    padding: 24px 16px;
    border: 1px dashed var(--ufs-border-strong);
    border-radius: 10px;
    background: var(--ufs-soft-2);
    color: var(--ufs-muted);
}

.ui-field-settings-empty-icon[b-g8m50f60rb] {
    font-size: 28px;
    line-height: 1;
    opacity: 0.85;
}

.ui-field-settings-empty-title[b-g8m50f60rb] {
    font-size: 14px;
    font-weight: 700;
    color: var(--ufs-accent-strong);
}

.ui-field-settings-empty-text[b-g8m50f60rb] {
    font-size: 12px;
    color: var(--ufs-muted);
    max-width: 360px;
    line-height: 1.45;
}

.ui-field-settings-empty[b-g8m50f60rb] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ufs-muted);
    font-size: 13px;
    font-weight: 600;
}

.ui-field-settings-grid-wrap[b-g8m50f60rb] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--ufs-border);
    border-radius: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.ui-field-settings-tab-grid-wrap[b-g8m50f60rb] {
    max-height: none;
}

.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    border: 0 !important;
    font-size: 12px;
}

.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid .dxbl-grid {
    border: 0 !important;
}

.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid .dxbl-grid-header-row > td,
.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid .dxbl-grid-header-row > th {
    background: var(--ufs-soft) !important;
    color: var(--ufs-accent-strong) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--ufs-border-strong) !important;
    border-right: 1px solid var(--ufs-border) !important;
    padding: 3px 5px !important;
    white-space: nowrap;
    height: 26px !important;
    line-height: 1.15 !important;
}

.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid .dxbl-grid-data-row > td {
    border-bottom: 1px solid #eef1f4 !important;
    border-right: 1px solid #eef1f4 !important;
    padding: 0 4px !important;
    vertical-align: middle !important;
    background: #fff;
    height: 26px !important;
    line-height: 1.15 !important;
}

.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid .dxbl-grid-data-row:nth-child(even) > td {
    background: #fcfcfd;
}

.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid .dxbl-grid-data-row:hover > td {
    background: var(--ufs-soft-2) !important;
}

.ui-field-settings-chk-cell[b-g8m50f60rb],
.ui-field-settings-move-cell[b-g8m50f60rb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 100%;
    min-height: 22px;
}

.ui-field-settings-field-name[b-g8m50f60rb] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: var(--ufs-text);
    font-size: 12px;
}

.ui-field-settings-order[b-g8m50f60rb] {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--ufs-accent-strong);
    font-weight: 700;
}

.ui-field-settings-row-drop[b-g8m50f60rb] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    border-radius: 4px;
}

.ui-field-settings-row-drop.drag-over[b-g8m50f60rb] {
    background: var(--ufs-soft);
    outline: 1px dashed var(--ufs-accent);
}

.ui-field-settings-row-drop.dragging[b-g8m50f60rb] {
    opacity: 0.45;
}

.ui-field-settings-drag-handle[b-g8m50f60rb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--ufs-muted);
    font-weight: 700;
    font-size: 11px;
    border-radius: 4px;
    background: var(--ufs-soft);
    cursor: grab;
    user-select: none;
}

.ui-field-settings-drag-handle:active[b-g8m50f60rb] {
    cursor: grabbing;
}

.ui-field-settings-caption-input[b-g8m50f60rb] {
    width: 100%;
    min-width: 0;
    height: 22px;
    border: 1px solid var(--ufs-border);
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 12px;
    color: var(--ufs-text);
    background: #fff;
    box-sizing: border-box;
}

.ui-field-settings-caption-input:focus[b-g8m50f60rb] {
    outline: none;
    border-color: var(--ufs-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ufs-accent) 12%, transparent);
}

.ui-field-settings-grid-wrap[b-g8m50f60rb]  .ui-field-settings-dxgrid input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    accent-color: var(--ufs-accent);
}

.ui-field-settings-move-btn[b-g8m50f60rb] {
    width: 22px;
    height: 22px;
    border: 1px solid var(--ufs-border);
    border-radius: 4px;
    background: #fff;
    color: var(--ufs-accent-strong);
    font-size: 9px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    vertical-align: middle;
}

.ui-field-settings-move-btn:hover:not(:disabled)[b-g8m50f60rb] {
    background: var(--ufs-soft);
    border-color: var(--ufs-border-strong);
}

.ui-field-settings-move-btn:disabled[b-g8m50f60rb] {
    opacity: 0.35;
    cursor: not-allowed;
}

.ui-field-settings-footer[b-g8m50f60rb] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
    padding: 12px 14px;
    border-top: 1px solid var(--ufs-border);
    margin-top: 8px;
    background: #fff;
}

.ui-field-settings-footer-sticky[b-g8m50f60rb] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.08);
}

.ui-field-settings-footer[b-g8m50f60rb]  .dxbl-btn-primary {
    background: var(--ufs-accent) !important;
    border-color: var(--ufs-accent) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}

.ui-field-settings-footer[b-g8m50f60rb]  .dxbl-btn-primary:hover:not(:disabled) {
    background: var(--ufs-accent-strong) !important;
    border-color: var(--ufs-accent-strong) !important;
}

.ui-field-settings-footer[b-g8m50f60rb]  .dxbl-btn-secondary {
    background: #fff !important;
    border-color: var(--ufs-border) !important;
    color: var(--ufs-accent-strong) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

.ui-field-settings-footer[b-g8m50f60rb]  .dxbl-btn-secondary:hover:not(:disabled) {
    background: var(--ufs-soft) !important;
    border-color: var(--ufs-border-strong) !important;
}

/* Portaled DxPopup does not inherit --ix-accent from .frm-page */
body:has(.workspace-shell.ix-blue-workspace) .ui-field-settings-host[b-g8m50f60rb],
body:has(.theme-host.ix-app-theme-blue) .ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: #0d6efd;
    --ufs-accent-strong: #0a58ca;
}

body:has(.workspace-shell.ix-navy-workspace) .ui-field-settings-host[b-g8m50f60rb],
body:has(.theme-host.ix-app-theme-navy) .ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: #2F80ED;
    --ufs-accent-strong: #1c6dd0;
}

body:has(.workspace-shell.ix-graphite-workspace) .ui-field-settings-host[b-g8m50f60rb],
body:has(.theme-host.ix-app-theme-graphite) .ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: #059669;
    --ufs-accent-strong: #047857;
}

body:has(.workspace-shell.ix-glass-workspace) .ui-field-settings-host[b-g8m50f60rb],
body:has(.theme-host.ix-app-theme-glass) .ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: #4F46E5;
    --ufs-accent-strong: #4338ca;
}

body:has(.workspace-shell.ix-platinum-workspace) .ui-field-settings-host[b-g8m50f60rb],
body:has(.theme-host.ix-app-theme-platinum) .ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: #2563EB;
    --ufs-accent-strong: #1d4ed8;
}

body:has(.workspace-shell.ix-charcoal-workspace) .ui-field-settings-host[b-g8m50f60rb],
body:has(.theme-host.ix-app-theme-charcoal) .ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: #B87333;
    --ufs-accent-strong: #A65E2E;
}

body:has(.workspace-shell.ix-menu-theme) .ui-field-settings-host[b-g8m50f60rb],
body:has(.theme-host.ix-app-theme-brown) .ui-field-settings-host[b-g8m50f60rb] {
    --ufs-accent: #8b7355;
    --ufs-accent-strong: #6d5a45;
}
/* _content/IxpertPosStandalone/Pages/WorkflowDesigner.razor.rz.scp.css */
.wf-page[b-mumkxtxxri] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.wf-hub-list[b-mumkxtxxri] {
    height: calc(100dvh - 128px);
    max-height: calc(100dvh - 128px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    padding: .65rem;
    overflow: hidden;
    background: var(--dxbl-color-surface, #f5f7fb);
    box-sizing: border-box;
}

.wf-hub-list[b-mumkxtxxri],
.wf-hub-list *[b-mumkxtxxri] {
    box-sizing: border-box;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-card {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--dxbl-color-surface, #fff);
    border: 1px solid rgba(128, 128, 128, .28);
    border-radius: .8rem;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-toolbar {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    padding: .55rem .65rem;
    border-bottom: 1px solid rgba(128, 128, 128, .25);
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-toolbar-left {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-toolbar-title {
    font-size: 1.15em;
    font-weight: 600;
    white-space: nowrap;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-view-filter {
    width: 120px;
    min-width: 120px;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-toolbar-actions {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-toolbtn {
    height: 2.15em;
    min-height: 2.15em;
    padding: .35em .75em;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid rgba(128, 128, 128, .35);
    border-radius: .5rem;
    background: transparent;
    font-size: .9em;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-toolbtn:hover:not(:disabled) {
    background: rgba(128, 128, 128, .08);
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-toolbtn:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-toolbtn.primary {
    border-color: #f97316;
    color: #ea580c;
    font-weight: 600;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-ico {
    width: 1em;
    height: 1em;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-export-wrap {
    position: relative;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-export-menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 40;
    min-width: 140px;
    background: var(--dxbl-color-surface, #fff);
    border: 1px solid rgba(128, 128, 128, .35);
    border-radius: .5rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
    padding: .25rem;
}

.wf-hub-list[b-mumkxtxxri]  .ix-master-search-wrap {
    margin-left: .25rem;
    min-width: 220px;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-grid-host {
    flex: 1 1 auto;
    min-height: 0;
    padding: .35rem .5rem .5rem;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-grid,
.wf-hub-list[b-mumkxtxxri]  .approval-hub-grid .dxbl-grid {
    height: 100% !important;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-cell-primary {
    font-weight: 600;
    font-size: .92em;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-cell-secondary {
    font-size: .78em;
    opacity: .65;
    margin-top: 2px;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-status {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .88em;
    font-weight: 500;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-status.is-active .approval-hub-status-dot {
    background: #22c55e;
}

.wf-hub-list[b-mumkxtxxri]  .approval-hub-status.is-inactive .approval-hub-status-dot {
    background: #ef4444;
}

.wf-toolbar[b-mumkxtxxri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 .65rem;
}

.wf-title[b-mumkxtxxri] {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
}

.wf-actions[b-mumkxtxxri] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.wf-msg[b-mumkxtxxri] {
    padding: 8px 12px;
    margin: 0 .65rem 8px;
    border-radius: 6px;
    background: #eff6ff;
    color: #1e40af;
    font-size: 12px;
}

.wf-process-bar[b-mumkxtxxri] {
    margin: 0 .65rem .5rem;
    padding: .5rem .65rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.wf-process-bar[b-mumkxtxxri]  .dxbl-fl-item-caption {
    font-size: 11px;
}

.wf-editor[b-mumkxtxxri] {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 10px;
    flex: 1;
    min-height: 0;
    height: calc(100dvh - 168px);
    max-height: calc(100dvh - 168px);
    padding: 0 .65rem .65rem;
    overflow: hidden;
}

.wf-palette[b-mumkxtxxri] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px;
    overflow-y: auto;
}

.wf-palette-title[b-mumkxtxxri] {
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 8px;
}

.wf-palette-btn[b-mumkxtxxri] {
    display: block;
    width: 100%;
    margin-bottom: 6px;
    padding: 6px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

.wf-palette-btn:hover[b-mumkxtxxri] {
    background: #e2e8f0;
}

.wf-palette-hint[b-mumkxtxxri] {
    font-size: 10px;
    color: #64748b;
    margin-top: 6px;
    line-height: 1.3;
}

.wf-segment-screen-row[b-mumkxtxxri] {
    padding: 10px 12px;
    background: #eff6ff;
    border-bottom: 1px solid #93c5fd;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wf-segment-screen-row[b-mumkxtxxri]  .dxbl-combo-box,
.wf-segment-screen-row[b-mumkxtxxri]  .dxbl-text-edit {
    width: 100%;
    background: #fff;
}

.wf-flow-wrap[b-mumkxtxxri] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    overflow: hidden;
}

.wf-flow-hint[b-mumkxtxxri] {
    flex: 0 0 auto;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.wf-flow-scroll[b-mumkxtxxri] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 20px 24px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.wf-segment[b-mumkxtxxri] {
    width: min(100%, 420px);
    min-width: 320px;
    border: 2px solid #1e40af;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(30, 64, 175, .12);
    cursor: pointer;
    transition: box-shadow .15s, transform .15s;
}

.wf-segment.is-selected[b-mumkxtxxri] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .35);
    transform: translateY(-1px);
}

.wf-segment-header[b-mumkxtxxri] {
    background: linear-gradient(180deg, #1e4d8c 0%, #1e40af 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 10px 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wf-segment-header-input[b-mumkxtxxri] {
    width: 100%;
}

.wf-segment-header[b-mumkxtxxri]  .dxbl-text-edit,
.wf-segment-header[b-mumkxtxxri]  .dxbl-combo-box {
    --dxbl-text-edit-color: #fff;
}

.wf-segment-header[b-mumkxtxxri]  .dxbl-text-edit {
    background: rgba(255, 255, 255, .95);
    border-radius: 4px;
    width: 100%;
}

.wf-segment-header[b-mumkxtxxri]  input,
.wf-segment-header[b-mumkxtxxri]  .dxbl-text-edit-input {
    color: #0f172a !important;
    font-weight: 700;
    text-align: center;
}

.wf-segment-body[b-mumkxtxxri] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    background: #dbeafe;
    border-top: 1px solid #93c5fd;
}

.wf-segment-col[b-mumkxtxxri] {
    padding: 10px;
    border-right: 1px solid #93c5fd;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 88px;
}

.wf-segment-col:last-child[b-mumkxtxxri] {
    border-right: none;
}

.wf-segment-label[b-mumkxtxxri] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #1e3a8a;
    text-align: center;
}

.wf-segment-footer[b-mumkxtxxri] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: #eff6ff;
    border-top: 1px solid #93c5fd;
}

.wf-segment-mini[b-mumkxtxxri] {
    flex: 1;
    min-width: 0;
}

.wf-segment-terminal[b-mumkxtxxri] {
    min-width: 200px;
    width: 240px;
    border-color: #334155;
}

.wf-segment-terminal .wf-segment-header[b-mumkxtxxri] {
    background: linear-gradient(180deg, #334155 0%, #1e293b 100%);
}

.wf-segment-stage[b-mumkxtxxri] {
    border-color: #0369a1;
}

.wf-segment-stage .wf-segment-header[b-mumkxtxxri] {
    background: linear-gradient(180deg, #0369a1 0%, #0284c7 100%);
}

.wf-segment-approve[b-mumkxtxxri] {
    border-color: #1d4ed8;
}

.wf-segment-condition[b-mumkxtxxri] {
    border-color: #b45309;
}

.wf-segment-condition .wf-segment-header[b-mumkxtxxri] {
    background: linear-gradient(180deg, #b45309 0%, #d97706 100%);
}

.wf-flow-arrow[b-mumkxtxxri] {
    display: flex;
    justify-content: center;
    padding: 4px 0 8px;
    color: #1e40af;
}

.wf-flow-arrow-icon[b-mumkxtxxri] {
    width: 28px;
    height: 36px;
}

.wf-segment[b-mumkxtxxri]  .dxbl-combo-box,
.wf-segment[b-mumkxtxxri]  .dxbl-text-edit {
    font-size: 12px;
}
/* _content/IxpertPosStandalone/Pages/WorkFlowPages/DashboardWorkFlow.razor.rz.scp.css */
.ix-workflow-page[b-dtz8wyi6yk] {
    padding: 16px;
    background: #f6f8fb;
    min-height: calc(100vh - 70px);
    font-family: "Segoe UI", Arial, sans-serif;
}

.ix-workflow-header[b-dtz8wyi6yk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.ix-title[b-dtz8wyi6yk] {
    font-size: 22px;
    font-weight: 700;
    color: #1f2937;
}

.ix-subtitle[b-dtz8wyi6yk] {
    font-size: 13px;
    color: #6b7280;
    margin-top: 2px;
}

.ix-card-strip[b-dtz8wyi6yk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.ix-flow-card[b-dtz8wyi6yk] {
    border: 1px solid #dbe1ea;
    background: #ffffff;
    border-radius: 14px;
    padding: 14px 16px;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
    transition: all 0.18s ease;
}

    .ix-flow-card:hover[b-dtz8wyi6yk] {
        transform: translateY(-2px);
        border-color: #9ab6e8;
    }

    .ix-flow-card.active[b-dtz8wyi6yk] {
        background: linear-gradient(135deg, #253858, #3f5f9a);
        color: #ffffff;
        border-color: #253858;
    }

.ix-card-name[b-dtz8wyi6yk] {
    font-size: 16px;
    font-weight: 700;
}

.ix-card-caption[b-dtz8wyi6yk] {
    font-size: 12px;
    margin-top: 4px;
    opacity: 0.75;
}

.ix-grid-panel[b-dtz8wyi6yk] {
    background: #ffffff;
    border: 1px solid #dde3ec;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.ix-grid-title[b-dtz8wyi6yk] {
    height: 46px;
    padding: 0 14px;
    border-bottom: 1px solid #e5eaf1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 700;
    color: #1f2937;
    background: #fbfcfe;
}

.ix-refresh[b-dtz8wyi6yk] {
    border: 1px solid #cfd8e6;
    background: #ffffff;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
}

    .ix-refresh:hover[b-dtz8wyi6yk] {
        background: #f3f6fb;
    }

.ix-table-wrap[b-dtz8wyi6yk] {
    overflow: auto;
    max-height: calc(100vh - 240px);
}

.ix-table[b-dtz8wyi6yk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .ix-table th[b-dtz8wyi6yk] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef2f7;
        color: #374151;
        font-weight: 700;
        border-bottom: 1px solid #d7dee9;
        padding: 8px;
        white-space: nowrap;
    }

    .ix-table td[b-dtz8wyi6yk] {
        border-bottom: 1px solid #edf0f5;
        padding: 7px 8px;
        white-space: nowrap;
        color: #374151;
    }

    .ix-table tr:hover td[b-dtz8wyi6yk] {
        background: #f8fafc;
    }

.ix-empty[b-dtz8wyi6yk] {
    padding: 35px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

.ix-error[b-dtz8wyi6yk] {
    background: #fff1f2;
    color: #be123c;
    border: 1px solid #fecdd3;
    padding: 10px 12px;
    border-radius: 10px;
    margin-bottom: 12px;
    font-size: 13px;
}
/* _content/IxpertPosStandalone/Pages/Zatca/ZatcaSettings.razor.rz.scp.css */
.zatca-page[b-cfolecxg9l] {
    padding: 22px;
    background: #f7f9fc;
    min-height: calc(100vh - 70px);
    color: #24324a;
}

.zatca-header[b-cfolecxg9l] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: stretch;
    margin-bottom: 18px;
    background: linear-gradient(135deg, #ffffff, #f3f8ff);
    border: 1px solid #dfe9f7;
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 10px 30px rgba(31, 59, 102, 0.06);
}

.zatca-kicker[b-cfolecxg9l] {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    color: #1b73d1;
    background: #eaf4ff;
    border: 1px solid #cfe6ff;
    padding: 5px 10px;
    border-radius: 999px;
    margin-bottom: 10px;
}

.zatca-header h2[b-cfolecxg9l] {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    color: #24324a;
}

.zatca-header p[b-cfolecxg9l] {
    margin: 8px 0 0;
    color: #68768c;
    font-size: 14px;
}

.zatca-status-card[b-cfolecxg9l] {
    min-width: 240px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #dfe9f7;
}

.status-dot[b-cfolecxg9l] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

    .status-dot.active[b-cfolecxg9l] {
        background: #1fa971;
        box-shadow: 0 0 0 5px rgba(31, 169, 113, 0.12);
    }

    .status-dot.inactive[b-cfolecxg9l] {
        background: #c4cad4;
        box-shadow: 0 0 0 5px rgba(196, 202, 212, 0.18);
    }

.status-title[b-cfolecxg9l] {
    font-size: 12px;
    color: #718096;
}

.status-value[b-cfolecxg9l] {
    font-size: 17px;
    font-weight: 800;
    color: #24324a;
}

.zatca-grid[b-cfolecxg9l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.zatca-card[b-cfolecxg9l] {
    background: #ffffff;
    border: 1px solid #dfe9f7;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 28px rgba(31, 59, 102, 0.05);
}

    .zatca-card.wide[b-cfolecxg9l] {
        grid-column: 1 / -1;
    }

.card-title[b-cfolecxg9l] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf2f7;
}

    .card-title span[b-cfolecxg9l] {
        font-size: 16px;
        font-weight: 800;
        color: #24324a;
    }

    .card-title small[b-cfolecxg9l] {
        color: #8190a5;
        font-size: 12px;
    }

.zatca-form[b-cfolecxg9l] {
    width: 100%;
}

.alert[b-cfolecxg9l] {
    padding: 12px 16px;
    border-radius: 14px;
    margin-bottom: 16px;
    font-weight: 600;
}

.alert-success[b-cfolecxg9l] {
    background: #eafaf3;
    border: 1px solid #c8f0df;
    color: #137a50;
}

.alert-danger[b-cfolecxg9l] {
    background: #fff1f1;
    border: 1px solid #ffd0d0;
    color: #b42318;
}

.zatca-footer-bar[b-cfolecxg9l] {
    position: sticky;
    bottom: 0;
    margin-top: 18px;
    padding: 14px;
    background: rgba(247, 249, 252, 0.92);
    backdrop-filter: blur(8px);
    border: 1px solid #dfe9f7;
    border-radius: 18px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn-primary[b-cfolecxg9l],
.btn-secondary[b-cfolecxg9l] {
    border: none;
    border-radius: 12px;
    padding: 10px 18px;
    font-weight: 800;
    cursor: pointer;
}

.btn-primary[b-cfolecxg9l] {
    background: #1b73d1;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(27, 115, 209, 0.22);
}

.btn-secondary[b-cfolecxg9l] {
    background: #ffffff;
    color: #34445e;
    border: 1px solid #d5deea;
}

.btn-primary:hover[b-cfolecxg9l] {
    background: #155fad;
}

.btn-secondary:hover[b-cfolecxg9l] {
    background: #f3f6fb;
}

@media (max-width: 992px) {
    .zatca-header[b-cfolecxg9l] {
        flex-direction: column;
    }

    .zatca-grid[b-cfolecxg9l] {
        grid-template-columns: 1fr;
    }

    .zatca-status-card[b-cfolecxg9l] {
        min-width: unset;
    }
}
/* _content/IxpertPosStandalone/Shared/VoucherEmailComposer.razor.rz.scp.css */
[b-ovgjy1342d] .ix-email-popup.dxbl-popup-root {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    overflow: hidden !important;
}

[b-ovgjy1342d] .ix-email-popup .dxbl-popup {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    width: min(92vw, 880px) !important;
    max-width: min(92vw, 880px) !important;
    max-height: min(88vh, 720px) !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

[b-ovgjy1342d] .ix-email-popup .dxbl-popup-header {
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    flex: 0 0 auto;
}

[b-ovgjy1342d] .ix-email-popup .dxbl-popup-content {
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    min-height: 0;
}

[b-ovgjy1342d] .ix-email-popup .dxbl-popup-footer {
    padding: 0 !important;
    border-top: 1px solid #e5e7eb !important;
    background: #f8fafc !important;
    flex: 0 0 auto;
}

.ix-email-popup-head[b-ovgjy1342d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, #0056b3 0%, #003d80 100%);
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.ix-email-popup-title-wrap[b-ovgjy1342d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ix-email-popup-ico[b-ovgjy1342d] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ix-email-popup-title[b-ovgjy1342d] {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .01em;
}

.ix-email-form[b-ovgjy1342d] {
    padding: 12px 16px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto;
    min-height: 0;
}

.ix-email-row[b-ovgjy1342d] {
    display: grid;
    gap: 10px 12px;
}

.ix-email-row-2[b-ovgjy1342d] { grid-template-columns: 1fr 1fr; }
.ix-email-row-3[b-ovgjy1342d] { grid-template-columns: 1fr 1fr 1fr; }

.ix-email-field-grow[b-ovgjy1342d] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ix-email-setup-hint[b-ovgjy1342d] {
    font-size: 11px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-height: 28px;
}

.ix-email-setup-hint .warn[b-ovgjy1342d] { color: #b45309; }
.ix-email-setup-hint a[b-ovgjy1342d] { color: #0056b3; font-weight: 600; text-decoration: none; }
.ix-email-setup-hint a:hover[b-ovgjy1342d] { text-decoration: underline; }

.ix-email-ai-note[b-ovgjy1342d] {
    width: 100%;
    font-size: 10px;
    color: #94a3b8;
    margin-top: 2px;
}

.ix-email-field label[b-ovgjy1342d] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #374151;
    margin-bottom: 4px;
}

.ix-email-hint[b-ovgjy1342d] {
    font-size: 11px;
    color: #6b7280;
    margin-top: 4px;
}

.ix-email-attachment[b-ovgjy1342d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #f9fafb;
    min-height: 42px;
}

.ix-email-attachment.empty[b-ovgjy1342d] {
    color: #9ca3af;
    font-style: italic;
}

.ix-email-attach-name[b-ovgjy1342d] {
    font-size: 13px;
    color: #111827;
    word-break: break-all;
}

.ix-email-editor-shell[b-ovgjy1342d] {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .04);
}

.ix-email-editor-toolbar[b-ovgjy1342d] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    padding: 6px 8px;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
}

.ix-email-editor-toolbar button[b-ovgjy1342d] {
    border: 1px solid transparent;
    background: #fff;
    border-radius: 6px;
    min-width: 32px;
    height: 30px;
    padding: 0 8px;
    font-size: 12px;
    color: #1f2937;
    cursor: pointer;
}

.ix-email-editor-toolbar button:hover[b-ovgjy1342d] {
    border-color: #cbd5e1;
    background: #eef6ff;
    color: #0056b3;
}

.ix-email-toolbar-sep[b-ovgjy1342d] {
    width: 1px;
    height: 20px;
    background: #e5e7eb;
    margin: 0 4px;
}

.ix-email-message-head[b-ovgjy1342d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.ix-email-ai-actions[b-ovgjy1342d] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.ix-email-ai-label[b-ovgjy1342d] {
    font-size: 11px;
    font-weight: 700;
    color: #0056b3;
    letter-spacing: .02em;
}

.ix-email-ai-btn[b-ovgjy1342d] {
    border: 1px solid #93c5fd;
    background: linear-gradient(180deg, #f0f7ff 0%, #e7f1ff 100%);
    color: #0056b3;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.ix-email-ai-btn:hover:not(:disabled)[b-ovgjy1342d] {
    background: #0056b3;
    color: #fff;
    border-color: #0056b3;
}

.ix-email-ai-btn:disabled[b-ovgjy1342d] {
    opacity: .55;
    cursor: wait;
}

.ix-email-editor-body[b-ovgjy1342d] {
    min-height: 200px;
    max-height: min(36vh, 320px);
    overflow-y: auto;
    padding: 14px 16px;
    font-family: Calibri, "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #1f1f1f;
    outline: none;
}

.ix-email-message-field[b-ovgjy1342d] {
    flex: 1 1 auto;
    min-height: 0;
}

.ix-email-footer[b-ovgjy1342d] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 18px;
}

.ix-email-loading[b-ovgjy1342d] {
    padding: 48px 24px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

.ix-email-status[b-ovgjy1342d] {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 12px;
    flex: 0 0 auto;
}

.ix-email-status.ok[b-ovgjy1342d] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.ix-email-status.error[b-ovgjy1342d] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

[b-ovgjy1342d] .ix-email-btn-send.dxbl-btn-success {
    background: #16a34a !important;
    border-color: #16a34a !important;
    min-width: 96px;
}

[b-ovgjy1342d] .ix-email-input textarea,
[b-ovgjy1342d] .ix-email-input input {
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .ix-email-row-2[b-ovgjy1342d],
    .ix-email-row-3[b-ovgjy1342d] {
        grid-template-columns: 1fr;
    }
}
/* _content/IxpertPosStandalone/Shared/VoucherWhatsAppComposer.razor.rz.scp.css */
[b-mbm0mlaeoq] .ix-wa-popup.dxbl-popup-root {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    overflow: hidden !important;
}

[b-mbm0mlaeoq] .ix-wa-popup .dxbl-popup {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    width: min(92vw, 720px) !important;
    max-width: min(92vw, 720px) !important;
    max-height: min(88vh, 680px) !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

[b-mbm0mlaeoq] .ix-wa-popup .dxbl-popup-header {
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    flex: 0 0 auto;
}

[b-mbm0mlaeoq] .ix-wa-popup .dxbl-popup-content {
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    min-height: 0;
}

[b-mbm0mlaeoq] .ix-wa-popup .dxbl-popup-footer {
    padding: 0 !important;
    border-top: 1px solid #e5e7eb !important;
    background: #f8fafc !important;
    flex: 0 0 auto;
}

.ix-wa-popup-head[b-mbm0mlaeoq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, #128c7e 0%, #075e54 100%);
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.ix-wa-popup-title-wrap[b-mbm0mlaeoq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ix-wa-popup-ico[b-mbm0mlaeoq] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ix-wa-popup-title[b-mbm0mlaeoq] {
    font-size: 17px;
    font-weight: 700;
}

.ix-wa-loading[b-mbm0mlaeoq] {
    padding: 28px 20px;
    text-align: center;
    color: #64748b;
}

.ix-wa-form[b-mbm0mlaeoq] {
    padding: 16px 18px 10px;
    overflow-y: auto;
    max-height: min(62vh, 520px);
}

.ix-wa-field[b-mbm0mlaeoq] {
    margin-bottom: 12px;
}

.ix-wa-field label[b-mbm0mlaeoq] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 4px;
}

.ix-wa-hint[b-mbm0mlaeoq] {
    font-size: 11px;
    color: #64748b;
    margin-top: 4px;
}

.ix-wa-attachment[b-mbm0mlaeoq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #d1fae5;
    border-radius: 8px;
    background: #ecfdf5;
    color: #065f46;
    font-size: 13px;
}

.ix-wa-attachment.empty[b-mbm0mlaeoq] {
    border-color: #e2e8f0;
    background: #f8fafc;
    color: #64748b;
}

.ix-wa-setup-hint[b-mbm0mlaeoq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #475569;
    margin-top: 4px;
}

.ix-wa-setup-hint .warn[b-mbm0mlaeoq] {
    color: #b45309;
}

.ix-wa-setup-hint a[b-mbm0mlaeoq] {
    color: #128c7e;
    text-decoration: none;
    font-weight: 600;
}

.ix-wa-status[b-mbm0mlaeoq] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
}

.ix-wa-status.ok[b-mbm0mlaeoq] {
    background: #ecfdf5;
    color: #065f46;
}

.ix-wa-status.error[b-mbm0mlaeoq] {
    background: #fef2f2;
    color: #991b1b;
}

.ix-wa-footer[b-mbm0mlaeoq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
}