/* Panda Glass design system: shared tokens, shell polish, theme motion, and SaaS UI. */
:root,
body.erpgo-identity-shell,
body.auth-enterprise,
body.sp-home {
    --panda-bg: #0a0a0a;
    --panda-bg-soft: #111114;
    --panda-surface: rgba(22, 20, 28, 0.58);
    --panda-surface-strong: rgba(24, 22, 30, 0.82);
    --panda-card: rgba(255, 252, 248, 0.72);
    --panda-card-dark: rgba(22, 20, 28, 0.64);
    --panda-glass: rgba(22, 20, 28, 0.48);
    --panda-glass-light: rgba(255, 252, 248, 0.68);
    --panda-glass-border: rgba(255, 255, 255, 0.18);
    --panda-glass-border-light: rgba(20, 17, 14, 0.14);
    --panda-glass-highlight: rgba(255, 255, 255, 0.22);
    --panda-glass-blur: 22px;
    --panda-glass-blur-lg: 32px;
    --panda-orange: #ff4500;
    --panda-orange-2: #ff6b35;
    --panda-red: #e63946;
    --panda-ink: #14110e;
    --panda-ink-soft: #3d3732;
    --panda-muted: #6b7280;
    --panda-muted-dark: #9ca3af;
    --panda-page-light: #f6f1eb;
    --panda-page-dark: #0a0a0a;
    --panda-radius: 16px;
    --panda-radius-lg: 22px;
    --panda-shadow: 0 12px 36px rgba(26, 20, 16, 0.12), 0 0 0 1px rgba(255, 69, 0, 0.1);
    --panda-shadow-dark: 0 14px 44px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 69, 0, 0.12);
    --panda-focus: 0 0 0 3px rgba(255, 107, 53, 0.28);

    /* Legacy aliases used by the existing theme files. */
    --brand-accent: var(--panda-orange);
    --brand-accent-light: var(--panda-orange-2);
    --brand-accent-deep: var(--panda-red);
    --brand-lime: var(--panda-orange);
    --brand-lime-bright: var(--panda-orange-2);
    --brand-lime-deep: var(--panda-red);
    --brand-page: var(--panda-page-light);
    --brand-ink: #111827;
    --brand-text: #1f2937;
    --brand-muted: var(--panda-muted);
    --brand-border: rgba(20, 17, 14, 0.12);
    --brand-card: var(--panda-card);
    --shell-page-bg: var(--panda-page-light);
    --shell-card: var(--panda-card);
    --shell-ink: #111827;
    --shell-muted: var(--panda-muted);
    --shell-accent: var(--panda-orange);
    --shell-accent-deep: var(--panda-red);
    --mh-accent: var(--panda-orange);
    --color-customColor: var(--panda-orange);
}

body.erpgo-identity-shell.light-mode,
body.erpgo-identity-shell.theme-light {
    color-scheme: light;
    --panda-page: var(--panda-page-light);
    --panda-foreground: var(--panda-ink);
    --panda-foreground-muted: var(--panda-ink-soft);
    --panda-current-card: var(--panda-card);
    --panda-current-glass: var(--panda-glass-light);
    --panda-current-border: var(--panda-glass-border-light);
    --panda-current-shadow: var(--panda-shadow);
    --brand-page: var(--panda-page-light);
    --brand-card: var(--panda-card);
    --brand-text: var(--panda-ink);
    --brand-muted: var(--panda-ink-soft);
    --shell-page-bg: var(--panda-page-light);
    --shell-card: var(--panda-card);
    --shell-ink: var(--panda-ink);
    --shell-muted: var(--panda-ink-soft);
}

body.erpgo-identity-shell.dark-mode,
body.erpgo-identity-shell.theme-dark {
    color-scheme: dark;
    --panda-page: var(--panda-page-dark);
    --panda-foreground: #ffffff;
    --panda-foreground-muted: var(--panda-muted-dark);
    --panda-current-card: var(--panda-card-dark);
    --panda-current-glass: var(--panda-glass);
    --panda-current-border: var(--panda-glass-border);
    --panda-current-shadow: var(--panda-shadow-dark);
    --brand-page: var(--panda-page-dark);
    --brand-card: var(--panda-card-dark);
    --brand-text: #f9fafb;
    --brand-muted: var(--panda-muted-dark);
    --shell-page-bg: var(--panda-page-dark);
    --shell-card: var(--panda-card-dark);
    --shell-ink: #ffffff;
    --shell-muted: var(--panda-muted-dark);
}

body.erpgo-identity-shell {
    background:
        radial-gradient(circle at 14% 10%, rgba(255, 69, 0, 0.12), transparent 34%),
        radial-gradient(circle at 82% 0%, rgba(230, 57, 70, 0.1), transparent 30%),
        var(--panda-page, var(--panda-page-light)) !important;
    color: var(--panda-foreground, var(--panda-ink)) !important;
    transition: background-color 240ms ease, color 240ms ease;
}

body.erpgo-identity-shell.dark-mode,
body.erpgo-identity-shell.theme-dark {
    --panda-page: #15171c;
    --panda-page-dark: #15171c;
    --brand-page: #15171c;
    --shell-page-bg: #15171c;
    background:
        radial-gradient(circle at 12% 0%, rgba(148, 163, 184, 0.14), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(255, 196, 140, 0.07), transparent 28%),
        #15171c !important;
}

body.erpgo-identity-shell.dark-mode .dash-container,
body.erpgo-identity-shell.theme-dark .dash-container,
body.erpgo-identity-shell.dark-mode .dash-content,
body.erpgo-identity-shell.theme-dark .dash-content,
body.erpgo-identity-shell.dark-mode .page-wrapper,
body.erpgo-identity-shell.theme-dark .page-wrapper {
    background: #15171c !important;
}

body.erpgo-identity-shell.light-mode,
body.erpgo-identity-shell.theme-light {
    --panda-page: #ffffff;
    --panda-page-light: #ffffff;
    --brand-page: #ffffff;
    --shell-page-bg: #ffffff;
    background: #ffffff !important;
}

body.erpgo-identity-shell.light-mode .dash-container,
body.erpgo-identity-shell.theme-light .dash-container,
body.erpgo-identity-shell.light-mode .dash-content,
body.erpgo-identity-shell.theme-light .dash-content,
body.erpgo-identity-shell.light-mode .page-wrapper,
body.erpgo-identity-shell.theme-light .page-wrapper {
    background: #ffffff !important;
}

body.erpgo-identity-shell .dash-header.modern-header,
body.erpgo-identity-shell header.dash-header.erpgo-identity-header.modern-header {
    background: color-mix(in srgb, var(--panda-current-glass, var(--panda-glass-light)) 86%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--panda-orange) 20%, var(--panda-current-border)) !important;
    -webkit-backdrop-filter: blur(var(--panda-glass-blur-lg)) saturate(1.55);
    backdrop-filter: blur(var(--panda-glass-blur-lg)) saturate(1.55);
    box-shadow: var(--panda-current-shadow) !important;
}

body.erpgo-identity-shell .dash-sidebar,
body.erpgo-identity-shell nav.dash-sidebar {
    background:
        linear-gradient(180deg, rgba(15, 15, 18, 0.94), rgba(10, 10, 10, 0.98)),
        var(--panda-bg) !important;
    border-inline-end: 1px solid rgba(255, 69, 0, 0.18) !important;
    box-shadow: 10px 0 36px rgba(0, 0, 0, 0.32) !important;
}

html[dir="rtl"] body.erpgo-identity-shell .dash-sidebar {
    border-inline-end: 0 !important;
    border-inline-start: 1px solid rgba(255, 69, 0, 0.18) !important;
    box-shadow: -10px 0 36px rgba(0, 0, 0, 0.32) !important;
}

body.erpgo-identity-shell .dash-content .card,
body.erpgo-identity-shell .dash-content .accordion,
body.erpgo-identity-shell .dash-content .list-group,
body.erpgo-identity-shell .modal-content,
body.erpgo-identity-shell .dropdown-menu,
body.erpgo-identity-shell .frame-kpi-card,
body.erpgo-identity-shell .premium-stats-card,
body.erpgo-identity-shell .panda-ai-workspace .panda-ai-rail,
body.erpgo-identity-shell .panda-ai-workspace .panda-ai-stage {
    background: var(--panda-current-card, var(--panda-card)) !important;
    border: 1px solid var(--panda-current-border, var(--panda-glass-border-light)) !important;
    color: var(--panda-foreground, var(--panda-ink)) !important;
    -webkit-backdrop-filter: blur(var(--panda-glass-blur)) saturate(1.5);
    backdrop-filter: blur(var(--panda-glass-blur)) saturate(1.5);
    box-shadow: var(--panda-current-shadow) !important;
}

body.erpgo-identity-shell .dash-content .card,
body.erpgo-identity-shell .modal-content,
body.erpgo-identity-shell .dropdown-menu {
    border-radius: var(--panda-radius-lg) !important;
}

body.erpgo-identity-shell .dash-content .card-header,
body.erpgo-identity-shell .dash-content .card-footer,
body.erpgo-identity-shell .modal-header,
body.erpgo-identity-shell .modal-footer {
    background: transparent !important;
    border-color: color-mix(in srgb, var(--panda-orange) 18%, var(--panda-current-border, transparent)) !important;
}

body.erpgo-identity-shell .page-header .page-header-title h4,
body.erpgo-identity-shell .dash-content h1,
body.erpgo-identity-shell .dash-content h2,
body.erpgo-identity-shell .dash-content h3,
body.erpgo-identity-shell .dash-content h4,
body.erpgo-identity-shell .dash-content h5,
body.erpgo-identity-shell .dash-content h6 {
    color: var(--panda-foreground, var(--panda-ink)) !important;
}

body.erpgo-identity-shell .text-muted,
body.erpgo-identity-shell .breadcrumb,
body.erpgo-identity-shell .breadcrumb a {
    color: var(--panda-foreground-muted, var(--panda-muted)) !important;
}

body.erpgo-identity-shell .btn-primary,
body.erpgo-identity-shell .modern-header-cta,
body.erpgo-identity-shell .modern-quick-actions-btn {
    background: linear-gradient(135deg, var(--panda-orange), var(--panda-red)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(255, 69, 0, 0.28) !important;
}

body.erpgo-identity-shell .btn-primary:hover,
body.erpgo-identity-shell .modern-header-cta:hover,
body.erpgo-identity-shell .modern-quick-actions-btn:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

body.erpgo-identity-shell .btn-outline-primary,
body.erpgo-identity-shell .btn-light,
body.erpgo-identity-shell .btn-secondary {
    border-color: color-mix(in srgb, var(--panda-orange) 30%, var(--panda-current-border)) !important;
}

body.erpgo-identity-shell .form-control,
body.erpgo-identity-shell .form-select,
body.erpgo-identity-shell textarea,
body.erpgo-identity-shell select,
body.erpgo-identity-shell input[type="text"],
body.erpgo-identity-shell input[type="email"],
body.erpgo-identity-shell input[type="password"],
body.erpgo-identity-shell input[type="number"],
body.erpgo-identity-shell input[type="date"] {
    background: color-mix(in srgb, var(--panda-current-card, #fff) 72%, transparent) !important;
    border: 1px solid var(--panda-current-border, rgba(20, 17, 14, 0.14)) !important;
    color: var(--panda-foreground, var(--panda-ink)) !important;
    border-radius: 12px !important;
}

body.erpgo-identity-shell .form-control:focus,
body.erpgo-identity-shell .form-select:focus,
body.erpgo-identity-shell textarea:focus,
body.erpgo-identity-shell select:focus,
body.erpgo-identity-shell input:focus {
    border-color: var(--panda-orange) !important;
    box-shadow: var(--panda-focus) !important;
}

body.erpgo-identity-shell .dash-content .card h1,
body.erpgo-identity-shell .dash-content .card h2,
body.erpgo-identity-shell .dash-content .card h3,
body.erpgo-identity-shell .dash-content .card h4,
body.erpgo-identity-shell .dash-content .card h5,
body.erpgo-identity-shell .dash-content .card h6,
body.erpgo-identity-shell table.table,
body.erpgo-identity-shell table.datatable,
body.erpgo-identity-shell table.dataTable,
body.erpgo-identity-shell table.dataTable-table {
    color: var(--panda-foreground, #14110e) !important;
}

body.erpgo-identity-shell table.table thead th,
body.erpgo-identity-shell table.datatable thead th,
body.erpgo-identity-shell table.dataTable thead th,
body.erpgo-identity-shell table.dataTable-table thead th,
body.erpgo-identity-shell .dataTable-table > thead > tr > th,
body.erpgo-identity-shell table.table thead th a,
body.erpgo-identity-shell a.dataTable-sorter {
    background: color-mix(in srgb, var(--panda-foreground, #14110e) 6%, var(--panda-current-card, #fff)) !important;
    color: var(--panda-foreground, #14110e) !important;
    border-color: var(--panda-current-border, rgba(20, 17, 14, 0.12)) !important;
}

body.erpgo-identity-shell table.table tbody td,
body.erpgo-identity-shell table.datatable tbody td,
body.erpgo-identity-shell table.dataTable tbody td,
body.erpgo-identity-shell table.dataTable-table tbody td,
body.erpgo-identity-shell table.table tbody td a,
body.erpgo-identity-shell table.table tbody th,
body.erpgo-identity-shell td.dataTables_empty,
body.erpgo-identity-shell td.dataTables-empty {
    background: transparent !important;
    color: var(--panda-foreground, #14110e) !important;
    border-color: color-mix(in srgb, var(--panda-current-border, rgba(20, 17, 14, 0.12)) 74%, transparent) !important;
}

body.erpgo-identity-shell .dataTable-wrapper .dataTable-top,
body.erpgo-identity-shell .dataTable-wrapper .dataTable-bottom,
body.erpgo-identity-shell .dataTable-dropdown label,
body.erpgo-identity-shell .dataTable-search,
body.erpgo-identity-shell .dataTable-info,
body.erpgo-identity-shell .dataTables_wrapper .dataTables_length,
body.erpgo-identity-shell .dataTables_wrapper .dataTables_filter,
body.erpgo-identity-shell .dataTables_wrapper .dataTables_info {
    color: var(--panda-foreground, #14110e) !important;
    background: transparent !important;
}

body.erpgo-identity-shell .dataTable-wrapper .dataTable-input,
body.erpgo-identity-shell .dataTable-wrapper .dataTable-selector,
body.erpgo-identity-shell .dataTables_wrapper .dataTables_filter input,
body.erpgo-identity-shell .dataTables_wrapper .dataTables_length select {
    color: var(--panda-foreground, #14110e) !important;
    background: color-mix(in srgb, var(--panda-current-card, #fff) 88%, transparent) !important;
    border-color: var(--panda-current-border, rgba(20, 17, 14, 0.14)) !important;
}

body.erpgo-identity-shell .dataTable-pagination .dataTable-pagination-list a,
body.erpgo-identity-shell .dataTable-pagination .dataTable-pagination-list button,
body.erpgo-identity-shell .dataTables_paginate .page-link {
    color: var(--panda-foreground, #14110e) !important;
    background: color-mix(in srgb, var(--panda-current-card, #fff) 88%, transparent) !important;
    border-color: var(--panda-current-border, rgba(20, 17, 14, 0.14)) !important;
}

body.erpgo-identity-shell .badge.bg-primary,
body.erpgo-identity-shell .nav-pills .nav-link.active,
body.erpgo-identity-shell .page-item.active .page-link {
    background: linear-gradient(135deg, var(--panda-orange), var(--panda-red)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

.panda-theme-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: inherit;
}

.panda-theme-toggle i {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: inherit;
}

.panda-theme-toggle .panda-theme-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.erpgo-identity-shell.light-mode .dash-header .dash-head-link,
body.erpgo-identity-shell.theme-light .dash-header .dash-head-link,
body.erpgo-identity-shell.light-mode .dash-header .modern-sidebar-toggle,
body.erpgo-identity-shell.theme-light .dash-header .modern-sidebar-toggle,
body.erpgo-identity-shell.light-mode .dash-header .panda-theme-toggle,
body.erpgo-identity-shell.theme-light .dash-header .panda-theme-toggle {
    background: #ffffff !important;
    color: #14110e !important;
    border: 1px solid rgba(20, 17, 14, 0.14) !important;
}

body.erpgo-identity-shell.light-mode .dash-header .dash-head-link i,
body.erpgo-identity-shell.theme-light .dash-header .dash-head-link i,
body.erpgo-identity-shell.light-mode .dash-header .modern-sidebar-toggle i,
body.erpgo-identity-shell.theme-light .dash-header .modern-sidebar-toggle i,
body.erpgo-identity-shell.light-mode .dash-header .panda-theme-toggle i,
body.erpgo-identity-shell.theme-light .dash-header .panda-theme-toggle i {
    color: #14110e !important;
}

.panda-theme-toggle.is-busy {
    pointer-events: none;
}

.panda-theme-wipe {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: none;
    transform: translateX(var(--panda-wipe-start, 100%));
    background:
        radial-gradient(circle at var(--panda-wipe-x, 50%) var(--panda-wipe-y, 50%), rgba(255, 107, 53, 0.32), transparent 32%),
        linear-gradient(135deg, rgba(255, 69, 0, 0.98), rgba(230, 57, 70, 0.96));
    animation: panda-theme-wipe 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

html[dir="rtl"] .panda-theme-wipe {
    --panda-wipe-start: -100%;
}

@keyframes panda-theme-wipe {
    0% { transform: translateX(var(--panda-wipe-start, 100%)); opacity: 0.96; }
    45% { transform: translateX(0); opacity: 0.96; }
    100% { transform: translateX(calc(var(--panda-wipe-start, 100%) * -1)); opacity: 0; }
}

.setting-sidebar .list-group-item {
    background: color-mix(in srgb, var(--panda-current-card, var(--panda-card)) 92%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--panda-orange) 10%, var(--panda-current-border)) !important;
    color: var(--panda-foreground, var(--panda-ink)) !important;
    border-radius: 14px !important;
    margin: 3px 8px !important;
}

.setting-sidebar .list-group-item:hover,
.setting-sidebar .list-group-item.active {
    background: color-mix(in srgb, var(--panda-orange) 14%, transparent) !important;
    color: var(--panda-foreground, var(--panda-ink)) !important;
}

.panda-saas-hidden {
    display: none !important;
}

body.auth-enterprise,
body.sp-home {
    --background: var(--panda-bg);
    --foreground: #ffffff;
    --primary-orange: var(--panda-orange);
    --primary-orange-light: var(--panda-orange-2);
    --accent-red: var(--panda-red);
    --card: var(--panda-card-dark);
    --glass: var(--panda-glass);
    --glass-border: var(--panda-glass-border);
    --glass-highlight: var(--panda-glass-highlight);
    --glass-blur: var(--panda-glass-blur);
    --glass-blur-lg: var(--panda-glass-blur-lg);
    --shadow-card: var(--panda-shadow-dark);
}

body.auth-enterprise .custom-row,
body.auth-enterprise .auth-hero-panel,
body.auth-enterprise .card,
body.sp-home .sp-card,
body.sp-home .sp-flow,
body.sp-home .sp-ind,
body.sp-home .sp-price,
body.sp-home .sp-step,
body.sp-home .sp-feat,
body.sp-home .sp-faq details,
body.sp-home .sp-cta,
body.sp-home .sp-glass {
    -webkit-backdrop-filter: blur(var(--panda-glass-blur-lg)) saturate(1.55);
    backdrop-filter: blur(var(--panda-glass-blur-lg)) saturate(1.55);
}

.erp-ai-capabilities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid var(--panda-current-border, rgba(255, 255, 255, 0.12));
}

.erp-ai-capability {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--panda-orange) 28%, var(--panda-current-border));
    border-radius: 14px;
    background: color-mix(in srgb, var(--panda-current-glass, var(--panda-glass)) 82%, transparent);
    color: var(--panda-foreground, #111827);
    text-align: start;
    cursor: pointer;
}

.erp-ai-capability:hover {
    border-color: color-mix(in srgb, var(--panda-orange) 72%, var(--panda-current-border));
    background: color-mix(in srgb, var(--panda-orange) 10%, var(--panda-current-glass, transparent));
}

.erp-ai-capability i {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 30px;
    border-radius: 10px;
    color: var(--panda-orange);
    background: rgba(255, 69, 0, 0.14);
}

.erp-ai-capability span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.erp-ai-capability strong,
.erp-ai-capability em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-ai-capability strong {
    font-size: 12px;
    font-weight: 800;
    color: inherit;
}

.erp-ai-capability em {
    font-size: 10px;
    font-style: normal;
    color: var(--panda-foreground-muted, var(--panda-muted));
}

body.erpgo-identity-shell.construction-workspace,
body.erpgo-identity-shell.cr-rental-workspace,
body.erpgo-identity-shell.ie-workspace,
body.erpgo-identity-shell.real-estate-workspace {
    --brand-page: var(--panda-page, var(--panda-page-light));
    --shell-page-bg: var(--panda-page, var(--panda-page-light));
    --brand-accent: var(--panda-orange);
}

body.erpgo-identity-shell :where(.apexcharts-canvas, .apexcharts-svg, canvas, svg) {
    max-width: 100%;
}

body.erpgo-identity-shell :where(.apexcharts-tooltip, .apexcharts-menu) {
    color: #111827 !important;
}

body.erpgo-identity-shell :where(.premium-table-responsive, .table-responsive, .dataTables_wrapper) {
    max-width: 100%;
}

body.erpgo-identity-shell :where(.construction-kanban-col, .construction-kanban-card, .cr-fin-card__chart, .real-estate-workspace .user-card) {
    min-width: 0;
}

body.erpgo-identity-shell :where(.construction-assistant-panel, .erp-ai-panel, .quick-actions-panel) {
    color: var(--panda-foreground, inherit);
}

@media (max-width: 992px) {
    html[dir="rtl"] body.erpgo-identity-shell .dash-content,
    html[dir="rtl"] body.erpgo-identity-shell .dash-container .dash-content,
    html[dir="ltr"] body.erpgo-identity-shell .dash-content,
    html[dir="ltr"] body.erpgo-identity-shell .dash-container .dash-content,
    html:not([dir]) body.erpgo-identity-shell .dash-content,
    html:not([dir]) body.erpgo-identity-shell .dash-container .dash-content {
        padding: 16px 14px calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    }

    html[dir="rtl"] body.erpgo-identity-shell:has(#erp-ai-root) .dash-content,
    html[dir="rtl"] body.erpgo-identity-shell:has(#erp-ai-root) .dash-container .dash-content,
    html[dir="ltr"] body.erpgo-identity-shell:has(#erp-ai-root) .dash-content,
    html[dir="ltr"] body.erpgo-identity-shell:has(#erp-ai-root) .dash-container .dash-content {
        padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.erpgo-identity-shell .dash-header .modern-header-wrapper {
        gap: 6px !important;
    }

    body.erpgo-identity-shell .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.erpgo-identity-shell .dash-content > *,
    body.erpgo-identity-shell .frame-dashboard,
    body.erpgo-identity-shell .frame-dashboard > .row {
        min-width: 0;
        max-width: 100%;
    }

    body.erpgo-identity-shell .sidebar-drawer-backdrop[hidden] {
        display: none !important;
    }

    body.erpgo-identity-shell .sidebar-drawer-backdrop:not([hidden]) {
        display: block;
        top: var(--shell-header-h, 56px);
        background: rgba(8, 8, 10, 0.64);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    body.erpgo-identity-shell .frame-dashboard > .row > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }
}

@media (max-width: 640px) {
    body.erpgo-identity-shell .page-header .d-flex {
        align-items: stretch !important;
    }

    body.erpgo-identity-shell .page-header .action-btn-col,
    body.erpgo-identity-shell .page-header .action-btn-col .btn,
    body.erpgo-identity-shell .page-header .action-btn-col .dropdown {
        width: 100% !important;
    }

    body.sp-home .sp-wrap,
    body.sp-home .sp-foot {
        width: min(100% - 24px, 80rem);
    }

    .erp-ai-capabilities {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    body.erpgo-identity-shell .frame-dashboard > .row > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body.erpgo-identity-shell .sp-header-brand-mark {
        width: 76px;
        height: 30px;
    }
}

body.erpgo-identity-shell header.dash-header.erpgo-identity-header.modern-header,
body.erpgo-identity-shell .dash-header.erpgo-identity-header.modern-header,
body.erpgo-identity-shell .dash-header .modern-header-wrapper,
body.erpgo-identity-shell .dash-header .modern-header-right,
body.erpgo-identity-shell .dash-header .modern-header-left,
body.erpgo-identity-shell .dash-header .modern-header-actions,
body.erpgo-identity-shell .dash-header .dash-h-item {
    overflow: visible !important;
}

body.erpgo-identity-shell .dash-header .modern-header-wrapper,
body.erpgo-identity-shell .dash-header .modern-header-right,
body.erpgo-identity-shell .dash-header .modern-header-actions {
    align-items: center !important;
}

body.erpgo-identity-shell .dash-header .modern-header-actions {
    height: auto !important;
    flex-wrap: nowrap !important;
}

body.erpgo-identity-shell .dash-header .dash-h-item {
    flex: 0 0 auto !important;
}

body.erpgo-identity-shell .dash-header .dropdown-menu {
    position: absolute !important;
    z-index: 2000 !important;
    min-width: 190px !important;
    overflow: visible !important;
}

body.erpgo-identity-shell .dash-header .modern-language .dash-head-link {
    width: auto !important;
    min-width: 64px !important;
    max-width: none !important;
    padding: 0 10px !important;
    gap: 4px !important;
}

body.erpgo-identity-shell .dash-header .modern-language .dash-head-link i,
body.erpgo-identity-shell .dash-header .modern-language .drp-text {
    display: inline-block !important;
    opacity: 1 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

body.erpgo-identity-shell .dash-header .modern-language .dash-head-link i {
    font-size: 16px !important;
}

body.erpgo-identity-shell .page-header .d-flex {
    align-items: flex-start !important;
    gap: 12px !important;
}

body.erpgo-identity-shell .page-header .action-btn-col,
body.erpgo-identity-shell .page-header .action-btn-col .float-end {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    float: none !important;
    width: auto !important;
    max-width: 100%;
}

body.erpgo-identity-shell .page-header .action-btn-col form,
body.erpgo-identity-shell .page-header .action-btn-col .form-control,
body.erpgo-identity-shell .page-header .action-btn-col .form-select {
    width: auto !important;
    min-width: 148px;
    max-width: 220px;
    margin: 0 !important;
}

body.erpgo-identity-shell .kanban-wrapper.horizontal-scroll-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin: 0 !important;
    padding: 2px 2px 14px !important;
}

body.erpgo-identity-shell .kanban-wrapper.horizontal-scroll-cards > .col {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
    padding: 0 !important;
}

body.erpgo-identity-shell .dash-content .crm-sales-card,
body.erpgo-identity-shell .dash-content .crm-sales-card .sales-item {
    background: var(--panda-current-card, #fff) !important;
    border: 1px solid var(--panda-current-border, rgba(20, 17, 14, 0.12)) !important;
    border-radius: 16px !important;
    color: var(--panda-foreground, #14110e) !important;
    box-shadow: var(--panda-current-shadow) !important;
}

body.erpgo-identity-shell .dash-content .crm-sales-card .card-header,
body.erpgo-identity-shell .dash-content .crm-sales-card .sales-item-wrp,
body.erpgo-identity-shell .dash-content .crm-sales-card .sales-item-top,
body.erpgo-identity-shell .dash-content .crm-sales-card .sales-item-bottom {
    background: transparent !important;
    color: inherit !important;
}

body.erpgo-identity-shell .dash-content .crm-sales-card h4,
body.erpgo-identity-shell .dash-content .crm-sales-card h5,
body.erpgo-identity-shell .dash-content .crm-sales-card a {
    color: var(--panda-foreground, #14110e) !important;
}

body.erpgo-identity-shell .dash-content .crm-sales-card .sales-item {
    margin: 10px !important;
}

@media (max-width: 760px) {
    body.erpgo-identity-shell .dash-header .modern-language .drp-text {
        display: none !important;
    }

    body.erpgo-identity-shell .dash-header .modern-language .dash-head-link {
        width: 36px !important;
        min-width: 36px !important;
        padding: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .panda-theme-wipe {
        animation: none !important;
        opacity: 0 !important;
    }
}

/* Sidebar brand + open submenus. Later sheets must not reopen the 91px logo or the RTL submenu padding. */
body.erpgo-identity-shell nav.dash-sidebar .m-header.main-logo.modern-sidebar-brand {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
}

body.erpgo-identity-shell nav.dash-sidebar.mob-open .m-header.main-logo.modern-sidebar-brand {
    padding-inline-end: 46px !important;
}

body.erpgo-identity-shell nav.dash-sidebar .main-logo > a.sp-sidebar-brand.modern-sidebar-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.erpgo-identity-shell nav.dash-sidebar .sp-sidebar-brand-plate {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    max-height: 40px !important;
    max-width: 100% !important;
    padding: 2px 8px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    background: #050505 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    overflow: hidden !important;
}

body.erpgo-identity-shell nav.dash-sidebar .sp-sidebar-brand-mark {
    display: block !important;
    width: 96px !important;
    height: 36px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    flex: 0 0 auto !important;
    border-radius: 6px !important;
    background: #050505 !important;
}

body.erpgo-identity-shell nav.dash-sidebar .sp-sidebar-brand-text,
body.erpgo-identity-shell nav.dash-sidebar .sp-sidebar-brand-logo {
    display: none !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-navbar > .dash-item > .dash-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-mtext {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-submenu,
body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu,
body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-submenu {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;
    display: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-hasmenu.dash-trigger > .dash-submenu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    margin-block: 2px 4px !important;
    padding-block: 0 !important;
    padding-inline-start: 12px !important;
    border-inline-start: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item,
body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item::before,
body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item:before {
    position: static !important;
    content: none !important;
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item::before,
body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item:before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-submenu .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-submenu .dash-link {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #e7e5e4 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link > i.ti {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ff6b35 !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link > .dash-submenu-label,
body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link > .dash-mtext {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-submenu .dash-link {
    padding: 0 10px 0 26px !important;
    text-align: right !important;
}

html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-submenu .dash-link {
    padding: 0 26px 0 10px !important;
    text-align: left !important;
}

body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link > .dash-arrow {
    position: absolute !important;
    inset-inline-end: 8px !important;
    top: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    float: none !important;
    transform: translateY(-50%) !important;
}

html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item.active > .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item.dash-trigger > .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-item.active > .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-item.dash-trigger > .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item.active > .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-item.dash-trigger > .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-item.active > .dash-link,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-item.dash-trigger > .dash-link,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link:hover,
html[dir="rtl"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-link:hover,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-link:hover,
html[dir="ltr"] body.erpgo-identity-shell nav.dash-sidebar .dash-submenu .dash-submenu .dash-link:hover {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(255, 69, 0, 0.22), rgba(255, 69, 0, 0.1)) !important;
    border-color: rgba(255, 69, 0, 0.38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-weight: 600 !important;
}

body.erpgo-identity-shell.light-mode nav.dash-sidebar .dash-link,
body.erpgo-identity-shell.theme-light nav.dash-sidebar .dash-link,
body.erpgo-identity-shell.light-mode nav.dash-sidebar .dash-mtext,
body.erpgo-identity-shell.theme-light nav.dash-sidebar .dash-mtext,
body.erpgo-identity-shell.dark-mode nav.dash-sidebar .dash-link,
body.erpgo-identity-shell.theme-dark nav.dash-sidebar .dash-link,
body.erpgo-identity-shell.dark-mode nav.dash-sidebar .dash-mtext,
body.erpgo-identity-shell.theme-dark nav.dash-sidebar .dash-mtext {
    color: #e7e5e4 !important;
}

body.erpgo-identity-shell.light-mode nav.dash-sidebar .dash-submenu .dash-item.active > .dash-link,
body.erpgo-identity-shell.theme-light nav.dash-sidebar .dash-submenu .dash-item.active > .dash-link,
body.erpgo-identity-shell.dark-mode nav.dash-sidebar .dash-submenu .dash-item.active > .dash-link,
body.erpgo-identity-shell.theme-dark nav.dash-sidebar .dash-submenu .dash-item.active > .dash-link,
body.erpgo-identity-shell.light-mode nav.dash-sidebar .dash-submenu .dash-link:hover,
body.erpgo-identity-shell.theme-light nav.dash-sidebar .dash-submenu .dash-link:hover,
body.erpgo-identity-shell.dark-mode nav.dash-sidebar .dash-submenu .dash-link:hover,
body.erpgo-identity-shell.theme-dark nav.dash-sidebar .dash-submenu .dash-link:hover {
    color: #fff !important;
}

@media (max-width: 992px) {
    body.erpgo-identity-shell nav.dash-sidebar.light-sidebar.erpgo-identity-sidebar.modern-sidebar.panda-brand-sidebar.mob-open {
        width: min(230px, calc(100vw - 16px)) !important;
        min-width: 0 !important;
        max-width: min(230px, calc(100vw - 16px)) !important;
    }
}