/* Aureus ERP — practical business UI (Odoo / ERPNext style) */
:root {
    --erp-bg: #f5f6f8;
    --erp-surface: #ffffff;
    --erp-border: #d8dde6;
    --erp-border-soft: #e9edf3;
    --erp-text: #212529;
    --erp-text-muted: #6c757d;
    --erp-primary: #017e84;
    --erp-primary-soft: #e7f5f6;
    --erp-primary-hover: #016b70;
    --erp-danger: #b02a37;
    --erp-danger-soft: #fde8ea;
    --erp-danger-hover: #912029;
    --erp-success: #0f7a3f;
    --erp-success-soft: #e8f8ef;
    --erp-success-hover: #0c6233;
    --erp-warning: #b45309;
    --erp-warning-soft: #fff7ed;
    --erp-warning-hover: #92400e;
    --erp-info: #0b5cab;
    --erp-info-soft: #e7f1ff;
    --erp-info-hover: #084b8a;
    --erp-btn-radius: 6px;
    --erp-btn-height: 2.4rem;
    --erp-btn-height-sm: 2.1rem;
    --erp-btn-pad-x: 0.9rem;
    --erp-control-radius: 6px;
    --erp-control-height: 2.55rem;
    --erp-control-border: #64748b;
    --erp-control-border-soft: #94a3b8;
    --erp-control-bg: #f1f5f9;
    --erp-control-bg-focus: #ffffff;
    --erp-control-focus-ring: rgba(1, 126, 132, 0.18);
    --erp-font-base: 18px;
    --erp-font-base-mobile: 17px;
    --erp-font-xs: 12px;
    --erp-font-sm: 14px;
    --erp-font-md: 15px;
    --erp-font-lg: 16px;
    --erp-font-xl: 17px;
    --erp-font-2xl: 18px;
    --erp-sidebar: #ffffff;
    --erp-topbar: #ffffff;
    --erp-toolbar-height: 2.5rem;
    --erp-toolbar-radius: 8px;
    --erp-toolbar-border: #cbd5e1;
    --erp-toolbar-border-hover: #94a3b8;
    --erp-toolbar-gap: 0.5rem;
    --erp-toolbar-icon: #64748b;
    --erp-toolbar-bg: #ffffff;
    --erp-toolbar-bg-muted: #f8fafc;
    --font-family: "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html.fi,
.fi-body {
    font-family: var(--font-family) !important;
    background: var(--erp-bg) !important;
    color: var(--erp-text) !important;
    font-size: var(--erp-font-base) !important;
    line-height: 1.45 !important;
}

@media (max-width: 767px) {
    html.fi,
    .fi-body {
        font-size: var(--erp-font-base-mobile) !important;
    }

    .fi-header-heading {
        font-size: 1.375rem !important;
    }
}

@media (min-width: 1280px) {
    html.fi,
    .fi-body {
        font-size: var(--erp-font-base) !important;
    }
}

/* Filament / Tailwind text utilities (+2px) */
.fi-body .text-xs,
.fi-modal .text-xs {
    font-size: 0.875rem !important;
}

.fi-body .text-sm,
.fi-modal .text-sm {
    font-size: 1rem !important;
}

.fi-body .text-base,
.fi-modal .text-base {
    font-size: 1.125rem !important;
}

.fi-body .text-lg,
.fi-modal .text-lg {
    font-size: 1.25rem !important;
}

.fi-body .text-xl,
.fi-modal .text-xl {
    font-size: 1.375rem !important;
}

/* ---------- Sidebar ---------- */
.fi-main-sidebar.fi-sidebar,
.fi-sidebar.fi-main-sidebar,
.erp-sidebar {
    background: #ffffff !important;
    border-inline-end: 1px solid var(--erp-border) !important;
    box-shadow: none !important;
}

.fi-sidebar-header-ctn {
    background: #ffffff !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
    position: sticky !important;
    top: 0 !important;
    padding-top: 0.75rem !important;
    z-index: 2 !important;
}

.fi-sidebar-header,
.erp-sidebar-header {
    background: transparent !important;
    min-height: 3rem !important;
    padding: 0.35rem 0.9rem 0.55rem !important;
}

.erp-sidebar-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
}

.fi-sidebar .fi-logo,
.fi-sidebar-header .fi-logo {
    filter: none !important;
    max-height: 1.55rem !important;
}

/* Current module chip */
.erp-sidebar-module-bar {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    margin: 0 0.75rem 0.55rem !important;
    padding: 0.55rem 0.7rem !important;
    border: 1px solid #99f6e4 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0fdfa 0%, #e7f5f6 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}

.erp-sidebar-module-bar::before {
    content: '' !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: var(--erp-primary) !important;
}

.erp-sidebar-module-bar-accent {
    display: none !important;
}

.erp-sidebar-module-bar-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #ccfbf1 !important;
    color: var(--erp-primary) !important;
    flex-shrink: 0 !important;
}

.erp-sidebar-module-bar-icon svg {
    width: 1.1rem !important;
    height: 1.1rem !important;
}

.erp-sidebar-module-bar-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.05rem !important;
    min-width: 0 !important;
}

.erp-sidebar-module-bar-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    line-height: 1.2 !important;
}

.erp-sidebar-module-bar-name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--erp-primary) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.3 !important;
}

.erp-sidebar-search {
    position: relative !important;
    padding: 0 0.75rem 0.75rem !important;
}

.erp-sidebar-search-icon {
    position: absolute !important;
    top: 50% !important;
    inset-inline-start: 1.15rem !important;
    width: 1rem !important;
    height: 1rem !important;
    transform: translateY(calc(-50% - 0.2rem)) !important;
    color: #64748b !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.erp-sidebar-search-input {
    width: 100% !important;
    height: var(--erp-toolbar-height) !important;
    padding: 0 0.75rem 0 2.2rem !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    border-radius: var(--erp-toolbar-radius) !important;
    background: var(--erp-toolbar-bg-muted) !important;
    color: var(--erp-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease !important;
}

.erp-sidebar-search-input::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.erp-sidebar-search-input:hover {
    border-color: #94a3b8 !important;
    background: #ffffff !important;
}

.erp-sidebar-search-input:focus {
    border-color: var(--erp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(1, 126, 132, 0.16) !important;
}

.erp-sidebar-search:focus-within .erp-sidebar-search-icon {
    color: var(--erp-primary) !important;
}

.fi-sidebar-nav,
.erp-sidebar-nav {
    padding: 0.45rem 0.55rem 1rem !important;
    overflow-y: auto !important;
    background: #ffffff !important;
}

.fi-sidebar-nav-groups,
.erp-sidebar-nav-groups {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.erp-sidebar-section {
    margin-bottom: 0.35rem !important;
}

.fi-sidebar-group-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Module section label */
.fi-sidebar-group-label,
.erp-sidebar-module-label {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    color: #64748b !important;
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 0.45rem 0.7rem 0.35rem !important;
    margin-bottom: 0.1rem !important;
}

.erp-sidebar-module-icon {
    width: 0.9rem !important;
    height: 0.9rem !important;
    color: var(--erp-primary) !important;
}

/* Nav items */
.fi-sidebar-item {
    list-style: none !important;
    width: 100% !important;
}

.fi-sidebar-item-btn {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    color: #334155 !important;
    font-weight: 550 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    min-height: 2.45rem !important;
    padding: 0.5rem 0.7rem !important;
    transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease !important;
}

.fi-sidebar-item-btn:hover {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: var(--erp-text) !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: var(--erp-primary-soft) !important;
    border-color: transparent !important;
    color: var(--erp-primary) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    position: relative !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before {
    content: '' !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    border-radius: 0 3px 3px 0 !important;
    background: var(--erp-primary) !important;
}

.fi-sidebar-item-icon {
    width: 1.2rem !important;
    height: 1.2rem !important;
    min-width: 1.2rem !important;
    color: #64748b !important;
}

.fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: #475569 !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--erp-primary) !important;
}

.fi-sidebar-item-label {
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    font-weight: inherit !important;
    color: inherit !important;
    visibility: visible !important;
}

.fi-sidebar-item-badge-ctn .fi-badge {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
    border: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-badge-ctn .fi-badge {
    background: #ffffff !important;
    color: var(--erp-primary) !important;
}

/* Nested / child items */
.fi-sidebar-item-grouped-child-items,
.fi-sidebar-sub-group-items {
    margin-inline-start: 0.85rem !important;
    padding-inline-start: 0.55rem !important;
    border-inline-start: 1px solid var(--erp-border-soft) !important;
    margin-top: 0.15rem !important;
    margin-bottom: 0.25rem !important;
}

.fi-sidebar-item-grouped-child-items .fi-sidebar-item-btn,
.fi-sidebar-sub-group-items .fi-sidebar-item-btn {
    min-height: 2.15rem !important;
    font-size: 13px !important;
    padding-inline: 0.6rem !important;
}

.erp-sidebar-empty {
    padding: 1.1rem 0.85rem !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--erp-text-muted) !important;
    border: 1px dashed var(--erp-border) !important;
    border-radius: 8px !important;
    margin: 0.5rem 0.35rem !important;
    background: #f8fafc !important;
}

/* Collapsed sidebar: icons only + hover tooltip */
@media (min-width: 1024px) {
    .fi-main-sidebar.fi-sidebar:not(.fi-sidebar-open),
    .fi-sidebar.fi-main-sidebar:not(.fi-sidebar-open) {
        width: var(--collapsed-sidebar-width, 4.5rem) !important;
        background: #ffffff !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-header-ctn {
        padding-top: 0.55rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav {
        padding-inline: 0.45rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .erp-sidebar-module-label,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-label,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-label,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn,
    .fi-sidebar:not(.fi-sidebar-open) .fi-logo,
    .fi-sidebar:not(.fi-sidebar-open) .erp-sidebar-logo-link,
    .fi-sidebar:not(.fi-sidebar-open) .erp-sidebar-module-bar,
    .fi-sidebar:not(.fi-sidebar-open) .erp-sidebar-search,
    .fi-sidebar:not(.fi-sidebar-open) .erp-sidebar-empty {
        display: none !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-header {
        justify-content: center !important;
        min-height: 3rem !important;
        padding-inline: 0.35rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-btn {
        justify-content: center !important;
        padding-inline: 0.45rem !important;
        gap: 0 !important;
        min-height: 2.5rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-btn::before {
        display: none !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-icon {
        width: 1.3rem !important;
        height: 1.3rem !important;
        margin: 0 !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
        background: var(--erp-primary-soft) !important;
        border-color: #99f6e4 !important;
    }
}

/* Tippy tooltip polish for collapsed nav names */
.tippy-box[data-theme~="light"],
.tippy-box[data-theme~="dark"],
.tippy-box {
    font-family: var(--font-family) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

/* ---------- Topbar / Header ---------- */
.fi-topbar-ctn,
.erp-topbar-ctn {
    background: var(--erp-topbar) !important;
    backdrop-filter: none !important;
    border-bottom: 1px solid var(--erp-border) !important;
    box-shadow: none !important;
}

.fi-topbar,
.erp-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 1rem !important;
}

.erp-topbar-left,
.erp-topbar-center,
.erp-topbar-right {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

.erp-topbar-left {
    flex: 0 1 auto !important;
    gap: 0.65rem !important;
}

.erp-topbar-center {
    flex: 1 1 auto !important;
    justify-content: center !important;
    max-width: 42rem !important;
    margin-inline: auto !important;
    padding-inline: 0.75rem !important;
}

.erp-topbar-right,
.fi-topbar-end.erp-topbar-right {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    margin-inline-start: auto !important;
    gap: 0.35rem !important;
}

.erp-topbar-brand {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding-inline-end: 0.15rem !important;
}

.erp-topbar-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 10rem !important;
}

.erp-topbar-logo-link .fi-logo {
    max-height: 1.6rem !important;
}

.erp-topbar-divider {
    width: 1px !important;
    height: 1.75rem !important;
    background: var(--erp-border) !important;
    margin-inline: 0.25rem !important;
    flex-shrink: 0 !important;
}

.erp-topbar-icon-btn {
    border-radius: 6px !important;
    width: 2.35rem !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #475569 !important;
}

.erp-topbar-icon-btn:hover {
    background: var(--erp-primary-soft) !important;
    border-color: #99f6e4 !important;
    color: var(--erp-primary) !important;
}

.erp-topbar-search {
    width: 100% !important;
}

.erp-topbar-search .fi-global-search-field,
.erp-topbar-search .fi-input-wrp {
    width: 100% !important;
    max-width: 100% !important;
}

.erp-topbar-search .fi-input-wrp {
    min-height: var(--erp-toolbar-height) !important;
    border-radius: var(--erp-toolbar-radius) !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    background: var(--erp-toolbar-bg-muted) !important;
    box-shadow: none !important;
    padding-inline: 0.25rem !important;
    transition: border-color 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease !important;
}

.erp-topbar-search .fi-input-wrp:hover {
    border-color: #94a3b8 !important;
    background: #ffffff !important;
}

.erp-topbar-search .fi-input-wrp:focus-within {
    border-color: var(--erp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(1, 126, 132, 0.16) !important;
}

.erp-topbar-search .fi-input-wrp .fi-icon,
.erp-topbar-search .fi-input-wrp-prefix .fi-icon {
    color: #64748b !important;
}

.erp-topbar-search .fi-input-wrp:focus-within .fi-icon,
.erp-topbar-search .fi-input-wrp:focus-within .fi-input-wrp-prefix .fi-icon {
    color: var(--erp-primary) !important;
}

.erp-topbar-search .fi-input,
.erp-topbar-search input {
    font-size: 15px !important;
    font-weight: 500 !important;
    padding-block: 0.4rem !important;
    color: var(--erp-text) !important;
}

.erp-topbar-search .fi-input::placeholder,
.erp-topbar-search input::placeholder {
    color: #94a3b8 !important;
}

.erp-topbar-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.erp-topbar-action {
    display: inline-flex !important;
    align-items: center !important;
}

.erp-topbar-user {
    margin-inline-start: 0.2rem !important;
    padding-inline-start: 0.6rem !important;
    border-inline-start: 1px solid var(--erp-border) !important;
}

/* Company switcher (GLOBAL_SEARCH_BEFORE hook) */
.erp-topbar-actions > div:has(.fi-dropdown),
.erp-topbar-actions > div:has(.fi-link) {
    display: inline-flex !important;
    align-items: center !important;
}

.erp-topbar-actions .fi-link,
.erp-topbar-actions .fi-link button,
.erp-topbar-actions button.fi-link,
.erp-topbar-right .fi-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    min-height: 2.4rem !important;
    width: auto !important;
    max-width: 14rem !important;
    padding: 0.35rem 0.7rem !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: var(--erp-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.erp-topbar-actions .fi-link:hover,
.erp-topbar-right .fi-link:hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.erp-topbar-actions .fi-link span,
.erp-topbar-right .fi-link span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 10rem !important;
}

.erp-topbar-actions .fi-link .fi-icon,
.erp-topbar-right .fi-link .fi-icon {
    width: 1.1rem !important;
    height: 1.1rem !important;
    color: var(--erp-primary) !important;
    flex-shrink: 0 !important;
}

/* Language switcher in topbar hooks */
.erp-topbar-actions > .flex,
.erp-topbar-right .flex.items-center {
    display: inline-flex !important;
}

.erp-topbar-actions button.flex,
.erp-topbar-actions .flex button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    min-height: 2.4rem !important;
    width: auto !important;
    padding: 0.35rem 0.7rem !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: var(--erp-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.erp-topbar-actions button.flex:hover,
.erp-topbar-actions .flex button:hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.erp-topbar-actions button.flex span,
.erp-topbar-actions .flex button span {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hide old default topbar start crowding */
.erp-topbar .fi-topbar-start {
    display: contents !important;
}

@media (max-width: 767px) {
    .erp-topbar-center {
        display: none !important;
    }

    .erp-topbar {
        gap: 0.5rem !important;
        padding-inline: 0.75rem !important;
        min-height: 52px !important;
        height: 52px !important;
    }

    .erp-topbar-left {
        gap: 0.45rem !important;
    }
}

/* Apps / plugin launcher */
.erp-apps {
    position: relative !important;
}

.erp-apps-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    padding: 0 0.7rem 0 0.4rem !important;
    border-radius: 6px !important;
    border: 1px solid var(--erp-primary) !important;
    background: var(--erp-primary) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.erp-apps-trigger:hover {
    background: var(--erp-primary-hover) !important;
    border-color: var(--erp-primary-hover) !important;
}

.erp-apps-trigger-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.45rem !important;
    height: 1.45rem !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.16) !important;
}

.erp-apps-grid-icon {
    width: 0.95rem !important;
    height: 0.95rem !important;
}

.erp-apps-trigger-text {
    display: none !important;
}

@media (min-width: 640px) {
    .erp-apps-trigger-text {
        display: inline !important;
    }
}

.erp-apps-trigger-caret-wrap {
    display: inline-flex !important;
}

.erp-apps-trigger-caret {
    width: 0.9rem !important;
    height: 0.9rem !important;
    opacity: 0.9 !important;
    transition: transform 0.15s ease !important;
}

.erp-apps-trigger[aria-expanded="true"] .erp-apps-trigger-caret {
    transform: rotate(180deg) !important;
}

.erp-apps-dropdown {
    position: absolute !important;
    top: calc(100% + 0.35rem) !important;
    inset-inline-start: 0 !important;
    z-index: 50 !important;
    width: min(18.5rem, calc(100vw - 1.25rem)) !important;
    border: 1px solid var(--erp-border) !important;
    border-radius: 6px !important;
    background: var(--erp-surface) !important;
    box-shadow: 0 10px 28px rgba(33, 37, 41, 0.14) !important;
    overflow: hidden !important;
}

.erp-apps-dropdown-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding: 0.5rem 0.7rem 0.35rem !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
}

.erp-apps-dropdown-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--erp-text) !important;
}

.erp-apps-dropdown-meta {
    margin-top: 0.05rem !important;
    font-size: 16px !important;
    color: var(--erp-text-muted) !important;
}

.erp-apps-search-wrap {
    position: relative !important;
    padding: 0.55rem 0.7rem !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
    background: #fafbfc !important;
}

.erp-apps-search-icon {
    position: absolute !important;
    top: 50% !important;
    inset-inline-start: 1.05rem !important;
    width: 1rem !important;
    height: 1rem !important;
    transform: translateY(-50%) !important;
    color: #64748b !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.erp-apps-search {
    width: 100% !important;
    height: var(--erp-toolbar-height) !important;
    padding: 0 0.75rem 0 2.15rem !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    border-radius: var(--erp-toolbar-radius) !important;
    background: var(--erp-toolbar-bg) !important;
    color: var(--erp-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.12s ease, box-shadow 0.12s ease !important;
}

.erp-apps-search::placeholder {
    color: #94a3b8 !important;
}

.erp-apps-search:hover {
    border-color: #94a3b8 !important;
}

.erp-apps-search:focus {
    border-color: var(--erp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(1, 126, 132, 0.16) !important;
}

.erp-apps-search-wrap:focus-within .erp-apps-search-icon {
    color: var(--erp-primary) !important;
}

.erp-apps-list {
    max-height: min(42vh, 16rem) !important;
    overflow: auto !important;
    padding: 0.25rem !important;
}

.erp-apps-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    min-height: 2.35rem !important;
    padding: 0.3rem 0.45rem !important;
    border-radius: 4px !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
    color: inherit !important;
}

.erp-apps-item:hover {
    background: #eef1f5 !important;
}

.erp-apps-item.is-active {
    background: var(--erp-primary-soft) !important;
    border-color: #99f6e4 !important;
    box-shadow: inset 3px 0 0 var(--erp-primary) !important;
}

.erp-apps-item-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.35rem !important;
    height: 2.35rem !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid var(--erp-border-soft) !important;
    color: #495057 !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.erp-apps-item.is-active .erp-apps-item-icon {
    background: #ffffff !important;
    border-color: #99f6e4 !important;
    color: var(--erp-primary) !important;
}

.erp-apps-item-icon svg {
    width: 1.05rem !important;
    height: 1.05rem !important;
}

.erp-apps-item-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Module SVG images belong in Apps dropdown only — never in sidebar */
.fi-sidebar .erp-apps-item-image,
.fi-sidebar .erp-sidebar-module-bar-icon,
.fi-sidebar .erp-sidebar-module-icon {
    display: none !important;
}


.erp-apps-item-body {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.4rem !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.erp-apps-item-name {
    font-size: 16px !important;
    font-weight: 650 !important;
    color: var(--erp-text) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.erp-apps-item.is-active .erp-apps-item-name {
    color: var(--erp-primary) !important;
}

.erp-apps-item-count {
    font-size: 16px !important;
    color: var(--erp-text-muted) !important;
    white-space: nowrap !important;
}

.erp-apps-item-check {
    display: inline-flex !important;
    color: var(--erp-primary) !important;
    flex-shrink: 0 !important;
}

.erp-apps-empty {
    padding: 0.85rem 0.65rem !important;
    text-align: center !important;
    font-size: 16px !important;
    color: var(--erp-text-muted) !important;
}

.erp-apps-dropdown-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding: 0.4rem 0.7rem !important;
    border-top: 1px solid var(--erp-border-soft) !important;
    background: #f8f9fa !important;
}

.erp-apps-footer-label {
    font-size: 16px !important;
    color: var(--erp-text-muted) !important;
}

.erp-apps-footer-value {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--erp-primary) !important;
}

/* Topbar icon buttons (notifications only) — do NOT force width on text buttons */
.erp-topbar-actions .fi-icon-btn,
.erp-topbar-action .fi-icon-btn,
.erp-topbar-icon-btn.fi-icon-btn {
    border-radius: 8px !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
    min-width: 2.4rem !important;
    min-height: 2.4rem !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #475569 !important;
    box-shadow: none !important;
}

.erp-topbar-actions .fi-icon-btn:hover,
.erp-topbar-action .fi-icon-btn:hover,
.erp-topbar-icon-btn.fi-icon-btn:hover {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
    border-color: #99f6e4 !important;
}

/* User menu trigger — avatar + readable area */
.erp-topbar-user .fi-user-menu,
.erp-topbar-actions .fi-user-menu {
    display: inline-flex !important;
    align-items: center !important;
}

.erp-topbar-user .fi-user-menu-trigger,
.erp-topbar-actions .fi-user-menu-trigger,
.fi-topbar .fi-user-menu-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    width: auto !important;
    min-width: 2.4rem !important;
    height: 2.4rem !important;
    min-height: 2.4rem !important;
    padding: 0.2rem 0.45rem 0.2rem 0.25rem !important;
    border-radius: 999px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: var(--erp-text) !important;
    box-shadow: none !important;
}

.erp-topbar-user .fi-user-menu-trigger:hover,
.erp-topbar-actions .fi-user-menu-trigger:hover,
.fi-topbar .fi-user-menu-trigger:hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
}

.erp-topbar-user .fi-user-avatar,
.erp-topbar-actions .fi-user-avatar,
.fi-topbar .fi-user-menu-trigger .fi-user-avatar {
    width: 1.85rem !important;
    height: 1.85rem !important;
    border-radius: 999px !important;
}

.erp-topbar-user .fi-user-menu-trigger-text,
.fi-topbar .fi-user-menu-trigger-text {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--erp-text) !important;
    max-width: 8rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.erp-topbar-user .fi-dropdown-panel,
.erp-topbar-actions .fi-dropdown-panel {
    border: 1px solid var(--erp-border) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14) !important;
    min-width: 14rem !important;
}

.erp-topbar-user .fi-dropdown-list-item-label,
.erp-topbar-actions .fi-dropdown-list-item-label,
.erp-topbar-actions .fi-dropdown-header {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--erp-text) !important;
    visibility: visible !important;
}

/* Company switcher */
.erp-company-switcher {
    display: inline-flex !important;
    align-items: center !important;
}

.erp-company-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    min-height: 2.4rem !important;
    width: auto !important;
    max-width: 15rem !important;
    padding: 0.35rem 0.7rem !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: var(--erp-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.erp-company-trigger:hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.erp-company-trigger-icon {
    width: 1.1rem !important;
    height: 1.1rem !important;
    color: var(--erp-primary) !important;
    flex-shrink: 0 !important;
}

.erp-company-trigger-label {
    display: inline-block !important;
    max-width: 9.5rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.erp-company-trigger-caret {
    width: 0.95rem !important;
    height: 0.95rem !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
}

.erp-company-trigger:hover .erp-company-trigger-caret {
    color: var(--erp-primary) !important;
}

.erp-company-menu {
    min-width: 15rem !important;
}

.erp-company-menu-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
    padding: 0.5rem !important;
    max-height: 18rem !important;
    overflow-y: auto !important;
}

.erp-company-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    padding: 0.5rem 0.6rem !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background 0.1s ease !important;
}

.erp-company-menu-item:hover {
    background: var(--erp-primary-soft) !important;
}

.erp-company-menu-name {
    flex: 1 1 auto !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--erp-text) !important;
    visibility: visible !important;
}

.erp-company-menu-name.is-active {
    font-weight: 700 !important;
    color: var(--erp-primary) !important;
}

.erp-company-menu-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.5rem !important;
    padding: 0.55rem !important;
    border-top: 1px solid var(--erp-border-soft) !important;
    background: #fafbfc !important;
}

/* ---------- Content / page ---------- */
.fi-main-ctn {
    padding: 0.85rem 1.1rem 1.25rem !important;
    gap: 0.75rem !important;
}

.fi-breadcrumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
    margin-bottom: 0.35rem !important;
}

.fi-breadcrumbs,
.fi-breadcrumbs a,
.fi-breadcrumbs span,
.fi-breadcrumbs .fi-breadcrumbs-item {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--erp-text-muted) !important;
    line-height: 1.3 !important;
}

.fi-breadcrumbs a:hover {
    color: var(--erp-primary) !important;
}

.fi-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.85rem !important;
    margin-bottom: 0.55rem !important;
    padding: 0 !important;
    min-height: 2.6rem !important;
}

.fi-header-heading {
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: var(--erp-text) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

.fi-header-subheading {
    color: var(--erp-text-muted) !important;
    font-size: 15px !important;
    margin-top: 0.2rem !important;
}

.fi-header-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    flex-wrap: wrap !important;
    margin-top: 0 !important;
}

.fi-header-actions .fi-btn.fi-color-primary,
.fi-page-header-actions .fi-btn.fi-color-primary,
.fi-ta-header-actions .fi-btn.fi-color-primary {
    background: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    color: #ffffff !important;
}

.fi-header-actions .fi-btn.fi-color-primary:hover,
.fi-page-header-actions .fi-btn.fi-color-primary:hover {
    background: var(--erp-primary-hover) !important;
    border-color: var(--erp-primary-hover) !important;
}

.fi-section,
.fi-wi-stats-overview-stat,
.fi-fo-tabs {
    border-radius: 8px !important;
    border: 1px solid var(--erp-border) !important;
    box-shadow: none !important;
    background: var(--erp-surface) !important;
}

.fi-section-header-heading,
.fi-ta-header-heading {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* ---------- Buttons (common system-wide) ---------- */
.fi-body .fi-btn,
.fi-modal .fi-btn,
.fi-body .fi-icon-btn,
.fi-modal .fi-icon-btn {
    border-radius: var(--erp-btn-radius) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    min-height: var(--erp-btn-height) !important;
    padding-inline: var(--erp-btn-pad-x) !important;
    box-shadow: none !important;
    outline: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-shadow: 0 0 #0000 !important;
}

.fi-body .fi-btn.fi-size-xs,
.fi-body .fi-btn.fi-size-sm,
.fi-modal .fi-btn.fi-size-xs,
.fi-modal .fi-btn.fi-size-sm {
    min-height: var(--erp-btn-height-sm) !important;
    font-size: 15px !important;
    padding-inline: 0.7rem !important;
}

.fi-body .fi-btn.fi-size-lg,
.fi-body .fi-btn.fi-size-xl,
.fi-modal .fi-btn.fi-size-lg,
.fi-modal .fi-btn.fi-size-xl {
    min-height: 2.65rem !important;
    font-size: 17px !important;
    padding-inline: 1.05rem !important;
}

/* Default / gray filled */
.fi-body .fi-btn:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):not(.fi-color),
.fi-modal .fi-btn:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):not(.fi-color) {
    background: #ffffff !important;
    border-color: #94a3b8 !important;
    color: var(--erp-text) !important;
}

.fi-body .fi-btn:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):not(.fi-color):hover,
.fi-modal .fi-btn:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):not(.fi-color):hover {
    background: #f1f5f9 !important;
    border-color: var(--erp-primary) !important;
    color: var(--erp-primary) !important;
}

/* Primary */
.fi-body .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost),
.fi-modal .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) {
    background: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover,
.fi-modal .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover {
    background: var(--erp-primary-hover) !important;
    border-color: var(--erp-primary-hover) !important;
    color: #ffffff !important;
    filter: none !important;
}

.fi-body .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) > .fi-icon,
.fi-modal .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) > .fi-icon {
    color: #ffffff !important;
}

/* Danger */
.fi-body .fi-btn.fi-color-danger:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost),
.fi-modal .fi-btn.fi-color-danger:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) {
    background: var(--erp-danger) !important;
    border-color: var(--erp-danger) !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-danger:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover,
.fi-modal .fi-btn.fi-color-danger:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover {
    background: var(--erp-danger-hover) !important;
    border-color: var(--erp-danger-hover) !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-danger:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) > .fi-icon,
.fi-modal .fi-btn.fi-color-danger:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) > .fi-icon {
    color: #ffffff !important;
}

/* Success */
.fi-body .fi-btn.fi-color-success:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost),
.fi-modal .fi-btn.fi-color-success:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) {
    background: var(--erp-success) !important;
    border-color: var(--erp-success) !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-success:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover,
.fi-modal .fi-btn.fi-color-success:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover {
    background: var(--erp-success-hover) !important;
    border-color: var(--erp-success-hover) !important;
    color: #ffffff !important;
}

/* Warning */
.fi-body .fi-btn.fi-color-warning:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost),
.fi-modal .fi-btn.fi-color-warning:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) {
    background: var(--erp-warning) !important;
    border-color: var(--erp-warning) !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-warning:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover,
.fi-modal .fi-btn.fi-color-warning:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover {
    background: var(--erp-warning-hover) !important;
    border-color: var(--erp-warning-hover) !important;
    color: #ffffff !important;
}

/* Info / gray color tokens */
.fi-body .fi-btn.fi-color-info:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost),
.fi-modal .fi-btn.fi-color-info:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) {
    background: var(--erp-info) !important;
    border-color: var(--erp-info) !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-info:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover,
.fi-modal .fi-btn.fi-color-info:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover {
    background: var(--erp-info-hover) !important;
    border-color: var(--erp-info-hover) !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-gray:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost),
.fi-modal .fi-btn.fi-color-gray:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost) {
    background: #475569 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}

.fi-body .fi-btn.fi-color-gray:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover,
.fi-modal .fi-btn.fi-color-gray:not(.fi-outlined):not(.fi-btn-outlined):not(.fi-btn-ghost):hover {
    background: #334155 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

/* Outlined */
.fi-body .fi-btn.fi-outlined,
.fi-body .fi-btn.fi-btn-outlined,
.fi-modal .fi-btn.fi-outlined,
.fi-modal .fi-btn.fi-btn-outlined {
    background: #ffffff !important;
    border-color: #94a3b8 !important;
    color: var(--erp-text) !important;
    box-shadow: none !important;
}

.fi-body .fi-btn.fi-outlined:hover,
.fi-body .fi-btn.fi-btn-outlined:hover,
.fi-modal .fi-btn.fi-outlined:hover,
.fi-modal .fi-btn.fi-btn-outlined:hover {
    background: #f8fafc !important;
    border-color: var(--erp-primary) !important;
    color: var(--erp-primary) !important;
}

.fi-body .fi-btn.fi-outlined.fi-color-primary,
.fi-body .fi-btn.fi-btn-outlined.fi-color-primary,
.fi-modal .fi-btn.fi-outlined.fi-color-primary,
.fi-modal .fi-btn.fi-btn-outlined.fi-color-primary {
    background: #ffffff !important;
    border-color: var(--erp-primary) !important;
    color: var(--erp-primary) !important;
}

.fi-body .fi-btn.fi-outlined.fi-color-primary:hover,
.fi-body .fi-btn.fi-btn-outlined.fi-color-primary:hover,
.fi-modal .fi-btn.fi-outlined.fi-color-primary:hover,
.fi-modal .fi-btn.fi-btn-outlined.fi-color-primary:hover {
    background: var(--erp-primary-soft) !important;
}

.fi-body .fi-btn.fi-outlined.fi-color-danger,
.fi-body .fi-btn.fi-btn-outlined.fi-color-danger,
.fi-modal .fi-btn.fi-outlined.fi-color-danger,
.fi-modal .fi-btn.fi-btn-outlined.fi-color-danger {
    background: #ffffff !important;
    border-color: #f1aeb5 !important;
    color: var(--erp-danger) !important;
}

.fi-body .fi-btn.fi-outlined.fi-color-danger:hover,
.fi-body .fi-btn.fi-btn-outlined.fi-color-danger:hover,
.fi-modal .fi-btn.fi-outlined.fi-color-danger:hover,
.fi-modal .fi-btn.fi-btn-outlined.fi-color-danger:hover {
    background: var(--erp-danger-soft) !important;
    border-color: var(--erp-danger) !important;
}

.fi-body .fi-btn.fi-outlined.fi-color-success,
.fi-body .fi-btn.fi-btn-outlined.fi-color-success {
    background: #ffffff !important;
    border-color: #86efac !important;
    color: var(--erp-success) !important;
}

.fi-body .fi-btn.fi-outlined.fi-color-success:hover,
.fi-body .fi-btn.fi-btn-outlined.fi-color-success:hover {
    background: var(--erp-success-soft) !important;
}

/* Ghost */
.fi-body .fi-btn.fi-btn-ghost,
.fi-modal .fi-btn.fi-btn-ghost {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--erp-text-muted) !important;
    box-shadow: none !important;
}

.fi-body .fi-btn.fi-btn-ghost:hover,
.fi-modal .fi-btn.fi-btn-ghost:hover {
    background: #f1f5f9 !important;
    color: var(--erp-primary) !important;
}

/* Focus */
.fi-body .fi-btn:focus-visible,
.fi-modal .fi-btn:focus-visible,
.fi-body .fi-icon-btn:focus-visible,
.fi-modal .fi-icon-btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(1, 126, 132, 0.2) !important;
    border-color: var(--erp-primary) !important;
}

/* Icon buttons */
.fi-body .fi-icon-btn,
.fi-modal .fi-icon-btn {
    width: var(--erp-btn-height) !important;
    min-width: var(--erp-btn-height) !important;
    min-height: var(--erp-btn-height) !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-color: #94a3b8 !important;
    color: #475569 !important;
}

.fi-body .fi-icon-btn:hover,
.fi-modal .fi-icon-btn:hover {
    background: #f1f5f9 !important;
    border-color: var(--erp-primary) !important;
    color: var(--erp-primary) !important;
}

.fi-body .fi-icon-btn.fi-color-primary,
.fi-modal .fi-icon-btn.fi-color-primary {
    background: var(--erp-primary-soft) !important;
    border-color: #99f6e4 !important;
    color: var(--erp-primary) !important;
}

.fi-body .fi-icon-btn.fi-color-danger,
.fi-modal .fi-icon-btn.fi-color-danger {
    background: #ffffff !important;
    border-color: #f1aeb5 !important;
    color: var(--erp-danger) !important;
}

.fi-body .fi-icon-btn.fi-color-danger:hover,
.fi-modal .fi-icon-btn.fi-color-danger:hover {
    background: var(--erp-danger-soft) !important;
    border-color: var(--erp-danger) !important;
}

/* Button groups */
.fi-body .fi-btn-group > .fi-btn,
.fi-modal .fi-btn-group > .fi-btn {
    border-radius: 0 !important;
}

.fi-body .fi-btn-group > .fi-btn:first-child,
.fi-modal .fi-btn-group > .fi-btn:first-child {
    border-start-start-radius: var(--erp-btn-radius) !important;
    border-end-start-radius: var(--erp-btn-radius) !important;
}

.fi-body .fi-btn-group > .fi-btn:last-child,
.fi-modal .fi-btn-group > .fi-btn:last-child {
    border-start-end-radius: var(--erp-btn-radius) !important;
    border-end-end-radius: var(--erp-btn-radius) !important;
}

/* Header / page actions */
.fi-body .fi-header-actions .fi-btn,
.fi-body .fi-page-header-actions .fi-btn,
.fi-body .fi-ta-header-actions .fi-btn {
    min-height: var(--erp-btn-height) !important;
}

/* Modal footer actions */
.fi-modal-footer .fi-btn {
    min-height: var(--erp-btn-height) !important;
}

/* ---------- Forms: common control system ---------- */
.fi-body .fi-input-wrp,
.fi-body .fi-textarea-wrp,
.fi-modal .fi-input-wrp,
.fi-modal .fi-textarea-wrp,
.fi-ta-filters .fi-input-wrp,
.fi-fo-field-wrp .fi-input-wrp,
.fi-fo-select .fi-input-wrp,
.fi-fo-select-wrp .fi-input-wrp,
.fi-fo-textarea-wrp .fi-textarea-wrp,
.fi-fo-component-ctn .fi-input-wrp,
.fi-fo-tags-input-wrp .fi-input-wrp,
.fi-fo-date-time-picker .fi-input-wrp {
    min-height: var(--erp-control-height) !important;
    border-style: solid !important;
    border-width: 1.5px !important;
    border-color: var(--erp-control-border) !important;
    border-radius: var(--erp-control-radius) !important;
    background-color: var(--erp-control-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease !important;
    --tw-ring-offset-width: 0px !important;
    --tw-ring-offset-color: transparent !important;
    --tw-ring-color: transparent !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
}

.fi-body .fi-textarea-wrp,
.fi-modal .fi-textarea-wrp,
.fi-fo-textarea-wrp .fi-textarea-wrp {
    min-height: 6.5rem !important;
    align-items: stretch !important;
}

.fi-body .fi-input-wrp:hover,
.fi-body .fi-textarea-wrp:hover,
.fi-modal .fi-input-wrp:hover,
.fi-modal .fi-textarea-wrp:hover {
    border-color: #475569 !important;
}

.fi-body .fi-input-wrp:focus-within,
.fi-body .fi-textarea-wrp:focus-within,
.fi-modal .fi-input-wrp:focus-within,
.fi-modal .fi-textarea-wrp:focus-within,
.fi-ta-filters .fi-input-wrp:focus-within,
.fi-fo-field-wrp .fi-input-wrp:focus-within {
    border-color: var(--erp-primary) !important;
    background-color: var(--erp-control-bg-focus) !important;
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

.fi-body .fi-input-wrp.fi-invalid,
.fi-body .fi-textarea-wrp.fi-invalid,
.fi-modal .fi-input-wrp.fi-invalid,
.fi-modal .fi-textarea-wrp.fi-invalid {
    border-color: var(--erp-danger) !important;
    background-color: #fff8f8 !important;
}

.fi-body .fi-input-wrp.fi-disabled,
.fi-body .fi-textarea-wrp.fi-disabled,
.fi-modal .fi-input-wrp.fi-disabled {
    background-color: #e2e8f0 !important;
    border-color: #cbd5e1 !important;
    opacity: 0.85 !important;
}

.fi-body .fi-input,
.fi-body .fi-select-input,
.fi-body .fi-textarea,
.fi-body .fi-fo-date-time-picker-display-text-input,
.fi-body input.fi-input,
.fi-body select.fi-select-input,
.fi-body textarea.fi-textarea,
.fi-body .fi-input-wrp input,
.fi-body .fi-input-wrp select,
.fi-body .fi-input-wrp textarea,
.fi-body .fi-textarea-wrp textarea,
.fi-modal .fi-input,
.fi-modal .fi-select-input,
.fi-modal .fi-textarea,
.fi-modal .fi-input-wrp input,
.fi-modal .fi-input-wrp select,
.fi-modal .fi-input-wrp textarea {
    font-size: 17px !important;
    line-height: 1.4 !important;
    background: transparent !important;
    color: var(--erp-text) !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.fi-body .fi-input::placeholder,
.fi-body .fi-textarea::placeholder,
.fi-body input.fi-input::placeholder,
.fi-body textarea.fi-textarea::placeholder,
.fi-modal .fi-input::placeholder,
.fi-modal .fi-textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

.fi-body .fi-textarea,
.fi-body textarea.fi-textarea,
.fi-body .fi-textarea-wrp textarea,
.fi-modal .fi-textarea,
.fi-modal .fi-textarea-wrp textarea {
    min-height: 5.75rem !important;
    padding-block: 0.65rem !important;
    resize: vertical !important;
}

/* Native / fallback selects */
.fi-body select:not([multiple]),
.fi-modal select:not([multiple]),
.fi-body .fi-select-input,
.fi-modal .fi-select-input {
    cursor: pointer !important;
}

.fi-body select[multiple],
.fi-modal select[multiple] {
    min-height: 7rem !important;
    border: 1.5px solid var(--erp-control-border) !important;
    border-radius: var(--erp-control-radius) !important;
    background: var(--erp-control-bg) !important;
    padding: 0.5rem !important;
}

/* Labels / help / errors */
.fi-body .fi-fo-field-wrp-label,
.fi-body .fi-fo-field-label,
.fi-body .fi-fo-field-wrp .fi-fo-field-label-ctn label,
.fi-modal .fi-fo-field-wrp-label,
.fi-modal .fi-fo-field-label {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #334155 !important;
    margin-bottom: 0.2rem !important;
}

.fi-body .fi-fo-field-wrp-helper-text,
.fi-body .fi-fo-field-wrp-hint,
.fi-modal .fi-fo-field-wrp-helper-text,
.fi-modal .fi-fo-field-wrp-hint {
    font-size: 15px !important;
    color: var(--erp-text-muted) !important;
    margin-top: 0.25rem !important;
}

.fi-body .fi-fo-field-wrp-error-message,
.fi-modal .fi-fo-field-wrp-error-message {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--erp-danger) !important;
}

/* Select panels / dropdown menus */
.fi-body .fi-dropdown-panel,
.fi-body .fi-select-panel,
.fi-modal .fi-dropdown-panel,
.fi-modal .fi-select-panel {
    border: 1px solid var(--erp-control-border-soft) !important;
    border-radius: var(--erp-control-radius) !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
}

.fi-body .fi-select-search,
.fi-body .fi-dropdown-search-input,
.fi-modal .fi-select-search {
    border-bottom: 1px solid var(--erp-border-soft) !important;
    background: #f8fafc !important;
}

.fi-body .fi-dropdown-list-item,
.fi-body .fi-select-option,
.fi-body .fi-fo-select-option,
.fi-modal .fi-dropdown-list-item {
    border-radius: 4px !important;
    font-size: 16px !important;
}

.fi-body .fi-dropdown-list-item:hover,
.fi-body .fi-select-option:hover,
.fi-body .fi-fo-select-option:hover {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.fi-body .fi-dropdown-list-item.fi-selected,
.fi-body .fi-select-option.fi-selected,
.fi-body .fi-fo-select-option.fi-selected {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
    font-weight: 600 !important;
}

/* Checkbox */
.fi-body input[type='checkbox'].fi-checkbox-input,
.fi-modal input[type='checkbox'].fi-checkbox-input,
.fi-body .fi-checkbox-input,
.fi-modal .fi-checkbox-input {
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    border-radius: 4px !important;
    border: 1.5px solid var(--erp-control-border) !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    accent-color: var(--erp-primary) !important;
    cursor: pointer !important;
    transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease !important;
}

.fi-body input[type='checkbox'].fi-checkbox-input:hover,
.fi-modal input[type='checkbox'].fi-checkbox-input:hover {
    border-color: var(--erp-primary) !important;
}

.fi-body input[type='checkbox'].fi-checkbox-input:checked,
.fi-modal input[type='checkbox'].fi-checkbox-input:checked {
    background-color: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") !important;
}

.fi-body input[type='checkbox'].fi-checkbox-input:focus-visible,
.fi-modal input[type='checkbox'].fi-checkbox-input:focus-visible {
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
    border-color: var(--erp-primary) !important;
}

.fi-body .fi-fo-checkbox-list-option,
.fi-modal .fi-fo-checkbox-list-option {
    padding: 0.35rem 0.45rem !important;
    border-radius: 6px !important;
}

.fi-body .fi-fo-checkbox-list-option:hover,
.fi-modal .fi-fo-checkbox-list-option:hover {
    background: #f8fafc !important;
}

.fi-body .fi-fo-checkbox-list-option-label,
.fi-modal .fi-fo-checkbox-list-option-label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--erp-text) !important;
}

/* Radio */
.fi-body input[type='radio'].fi-radio-input,
.fi-modal input[type='radio'].fi-radio-input,
.fi-body .fi-radio-input,
.fi-modal .fi-radio-input {
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    border-radius: 999px !important;
    border: 1.5px solid var(--erp-control-border) !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    accent-color: var(--erp-primary) !important;
    cursor: pointer !important;
    transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease !important;
}

.fi-body input[type='radio'].fi-radio-input:hover,
.fi-modal input[type='radio'].fi-radio-input:hover {
    border-color: var(--erp-primary) !important;
}

.fi-body input[type='radio'].fi-radio-input:checked,
.fi-modal input[type='radio'].fi-radio-input:checked {
    background-color: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") !important;
}

.fi-body input[type='radio'].fi-radio-input:focus-visible,
.fi-modal input[type='radio'].fi-radio-input:focus-visible {
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
    border-color: var(--erp-primary) !important;
}

.fi-body .fi-fo-radio-label,
.fi-modal .fi-fo-radio-label {
    padding: 0.35rem 0.45rem !important;
    border-radius: 6px !important;
}

.fi-body .fi-fo-radio-label:hover,
.fi-modal .fi-fo-radio-label:hover {
    background: #f8fafc !important;
}

.fi-body .fi-fo-radio-label-text,
.fi-modal .fi-fo-radio-label-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--erp-text) !important;
}

/* Toggle */
.fi-body .fi-toggle,
.fi-modal .fi-toggle {
    background: #cbd5e1 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fi-body .fi-toggle.fi-toggle-on,
.fi-body .fi-toggle.fi-color-primary.fi-toggle-on,
.fi-modal .fi-toggle.fi-toggle-on {
    background: var(--erp-primary) !important;
}

.fi-body .fi-toggle:focus-visible,
.fi-modal .fi-toggle:focus-visible {
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
}

/* File / image upload (FilePond) */
.fi-body .fi-fo-file-upload .filepond--root,
.fi-modal .fi-fo-file-upload .filepond--root {
    border: 1.5px dashed var(--erp-control-border) !important;
    border-radius: var(--erp-control-radius) !important;
    background: var(--erp-control-bg) !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    overflow: hidden !important;
}

.fi-body .fi-fo-file-upload .filepond--root:hover,
.fi-modal .fi-fo-file-upload .filepond--root:hover {
    border-color: var(--erp-primary) !important;
    background: #f0fdfa !important;
}

.fi-body .fi-fo-file-upload .filepond--panel-root,
.fi-modal .fi-fo-file-upload .filepond--panel-root {
    background: transparent !important;
}

.fi-body .fi-fo-file-upload .filepond--drop-label,
.fi-body .fi-fo-file-upload .filepond--drop-label label,
.fi-modal .fi-fo-file-upload .filepond--drop-label,
.fi-modal .fi-fo-file-upload .filepond--drop-label label {
    color: #475569 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.fi-body .fi-fo-file-upload .filepond--label-action,
.fi-modal .fi-fo-file-upload .filepond--label-action {
    color: var(--erp-primary) !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.fi-body .fi-fo-file-upload .filepond--item-panel,
.fi-modal .fi-fo-file-upload .filepond--item-panel {
    background: var(--erp-primary) !important;
}

.fi-body .fi-fo-file-upload-avatar .filepond--root,
.fi-modal .fi-fo-file-upload-avatar .filepond--root {
    border-radius: 999px !important;
    border-style: solid !important;
}

.fi-body .fi-fo-file-upload-error-message,
.fi-modal .fi-fo-file-upload-error-message {
    color: var(--erp-danger) !important;
    font-weight: 600 !important;
}

/* Tags input */
.fi-body .fi-fo-tags-input-tags-ctn,
.fi-modal .fi-fo-tags-input-tags-ctn {
    border-top: 1px solid var(--erp-border-soft) !important;
    background: #f8fafc !important;
}

.fi-body .fi-fo-tags-input .fi-badge,
.fi-modal .fi-fo-tags-input .fi-badge {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
    border-radius: 4px !important;
}

/* Date / color extras */
.fi-body .fi-fo-date-time-picker-display-text-input,
.fi-modal .fi-fo-date-time-picker-display-text-input {
    min-height: calc(var(--erp-control-height) - 4px) !important;
}

.fi-body .fi-fo-color-picker .fi-input-wrp,
.fi-modal .fi-fo-color-picker .fi-input-wrp {
    min-height: var(--erp-control-height) !important;
}

/* Rich editor shell */
.fi-body .fi-fo-rich-editor,
.fi-modal .fi-fo-rich-editor {
    border: 1.5px solid var(--erp-control-border) !important;
    border-radius: var(--erp-control-radius) !important;
    background: var(--erp-control-bg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.fi-body .fi-fo-rich-editor:focus-within,
.fi-modal .fi-fo-rich-editor:focus-within {
    border-color: var(--erp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
}

/* Select2 / Choices.js (third-party / legacy) */
.fi-body .select2-container--default .select2-selection--single,
.fi-body .select2-container--default .select2-selection--multiple,
.fi-body .choices__inner,
.fi-modal .select2-container--default .select2-selection--single,
.fi-modal .select2-container--default .select2-selection--multiple,
.fi-modal .choices__inner {
    min-height: var(--erp-control-height) !important;
    border: 1.5px solid var(--erp-control-border) !important;
    border-radius: var(--erp-control-radius) !important;
    background: var(--erp-control-bg) !important;
    box-shadow: none !important;
    font-size: 17px !important;
    color: var(--erp-text) !important;
}

.fi-body .select2-container--default.select2-container--focus .select2-selection--single,
.fi-body .select2-container--default.select2-container--focus .select2-selection--multiple,
.fi-body .select2-container--default.select2-container--open .select2-selection--single,
.fi-body .choices.is-focused .choices__inner,
.fi-body .choices.is-open .choices__inner {
    border-color: var(--erp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
}

.fi-body .select2-dropdown,
.fi-body .choices__list--dropdown,
.fi-modal .select2-dropdown,
.fi-modal .choices__list--dropdown {
    border: 1px solid var(--erp-control-border-soft) !important;
    border-radius: var(--erp-control-radius) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
    overflow: hidden !important;
}

.fi-body .select2-results__option--highlighted,
.fi-body .choices__item--choice.is-highlighted {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.fi-body .select2-container--default .select2-selection--single .select2-selection__rendered,
.fi-body .choices__inner .choices__item {
    line-height: calc(var(--erp-control-height) - 4px) !important;
    color: var(--erp-text) !important;
}

/* Generic HTML controls outside Filament wrappers */
.fi-body input[type='text'],
.fi-body input[type='email'],
.fi-body input[type='password'],
.fi-body input[type='number'],
.fi-body input[type='search'],
.fi-body input[type='tel'],
.fi-body input[type='url'],
.fi-body input[type='date'],
.fi-body input[type='time'],
.fi-body input[type='datetime-local'],
.fi-body textarea,
.fi-modal input[type='text'],
.fi-modal input[type='email'],
.fi-modal input[type='password'],
.fi-modal input[type='number'],
.fi-modal input[type='search'],
.fi-modal textarea {
    font-family: var(--font-family) !important;
}

.fi-body input[type='text']:not(.fi-input):not(.erp-apps-search):not(.erp-sidebar-search-input),
.fi-body input[type='email']:not(.fi-input),
.fi-body input[type='password']:not(.fi-input),
.fi-body input[type='number']:not(.fi-input),
.fi-body textarea:not(.fi-textarea) {
    border: 1.5px solid var(--erp-control-border) !important;
    border-radius: var(--erp-control-radius) !important;
    background: var(--erp-control-bg) !important;
    min-height: var(--erp-control-height) !important;
    padding: 0.45rem 0.75rem !important;
    font-size: 17px !important;
    color: var(--erp-text) !important;
    box-shadow: none !important;
}

.fi-body input[type='text']:not(.fi-input):focus,
.fi-body input[type='email']:not(.fi-input):focus,
.fi-body input[type='password']:not(.fi-input):focus,
.fi-body input[type='number']:not(.fi-input):focus,
.fi-body textarea:not(.fi-textarea):focus {
    border-color: var(--erp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
    outline: none !important;
}

/* ---------- ERP Toolbar Cluster (system-wide) ---------- */
.fi-ta-search-field .fi-input-wrp,
.fi-global-search-field .fi-input-wrp,
.erp-topbar-search .fi-input-wrp {
    min-height: var(--erp-toolbar-height) !important;
    border-radius: var(--erp-toolbar-radius) !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    background: var(--erp-toolbar-bg-muted) !important;
    box-shadow: none !important;
    transition: border-color 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease !important;
}

.fi-ta-search-field .fi-input-wrp:hover,
.fi-global-search-field .fi-input-wrp:hover,
.erp-topbar-search .fi-input-wrp:hover {
    border-color: var(--erp-toolbar-border-hover) !important;
    background: var(--erp-toolbar-bg) !important;
}

.fi-ta-search-field .fi-input-wrp:focus-within,
.fi-global-search-field .fi-input-wrp:focus-within,
.erp-topbar-search .fi-input-wrp:focus-within {
    border-color: var(--erp-primary) !important;
    background: var(--erp-toolbar-bg) !important;
    box-shadow: 0 0 0 3px rgba(1, 126, 132, 0.16) !important;
}

.fi-ta-search-field .fi-input-wrp .fi-icon,
.fi-ta-search-field .fi-input-wrp-prefix .fi-icon,
.fi-global-search-field .fi-input-wrp .fi-icon,
.erp-topbar-search .fi-input-wrp .fi-icon,
.erp-topbar-search .fi-input-wrp-prefix .fi-icon {
    color: var(--erp-toolbar-icon) !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
}

.fi-ta-search-field .fi-input-wrp:focus-within .fi-icon,
.fi-ta-search-field .fi-input-wrp:focus-within .fi-input-wrp-prefix .fi-icon,
.fi-global-search-field .fi-input-wrp:focus-within .fi-icon,
.erp-topbar-search .fi-input-wrp:focus-within .fi-icon,
.erp-topbar-search .fi-input-wrp:focus-within .fi-input-wrp-prefix .fi-icon {
    color: var(--erp-primary) !important;
}

.fi-ta-search-field .fi-input,
.fi-ta-search-field input,
.fi-global-search-field .fi-input,
.fi-global-search-field input,
.erp-topbar-search .fi-input,
.erp-topbar-search input {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--erp-text) !important;
    line-height: 1.4 !important;
}

.fi-ta-search-field .fi-input::placeholder,
.fi-ta-search-field input::placeholder,
.fi-global-search-field .fi-input::placeholder,
.fi-global-search-field input::placeholder,
.erp-topbar-search .fi-input::placeholder,
.erp-topbar-search input::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.fi-ta-filters-dropdown .fi-dropdown-trigger .fi-btn,
.fi-ta-col-manager-dropdown .fi-dropdown-trigger .fi-btn,
.fi-ta-filters-modal .fi-modal-trigger .fi-btn,
.fi-ta-col-manager-modal .fi-modal-trigger .fi-btn,
.fi-ta-filters-trigger-action-ctn .fi-btn,
.fi-ta-header-toolbar .fi-dropdown-trigger .fi-btn:not(.fi-ta-actions .fi-btn) {
    position: relative !important;
    width: var(--erp-toolbar-height) !important;
    height: var(--erp-toolbar-height) !important;
    min-width: var(--erp-toolbar-height) !important;
    min-height: var(--erp-toolbar-height) !important;
    max-height: var(--erp-toolbar-height) !important;
    padding: 0 !important;
    border-radius: var(--erp-toolbar-radius) !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    background: var(--erp-toolbar-bg) !important;
    color: var(--erp-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    display: inline-grid !important;
    place-items: center !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    overflow: visible !important;
}

.fi-ta-filters-dropdown .fi-dropdown-trigger .fi-btn:hover,
.fi-ta-col-manager-dropdown .fi-dropdown-trigger .fi-btn:hover,
.fi-ta-filters-modal .fi-modal-trigger .fi-btn:hover,
.fi-ta-col-manager-modal .fi-modal-trigger .fi-btn:hover,
.fi-ta-filters-trigger-action-ctn .fi-btn:hover,
.fi-ta-header-toolbar .fi-dropdown-trigger .fi-btn:not(.fi-ta-actions .fi-btn):hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.fi-ta-filters-dropdown .fi-dropdown-trigger .fi-btn > .fi-icon,
.fi-ta-col-manager-dropdown .fi-dropdown-trigger .fi-btn > .fi-icon,
.fi-ta-filters-modal .fi-modal-trigger .fi-btn > .fi-icon,
.fi-ta-col-manager-modal .fi-modal-trigger .fi-btn > .fi-icon,
.fi-ta-filters-trigger-action-ctn .fi-btn > .fi-icon,
.fi-ta-header-toolbar .fi-dropdown-trigger .fi-btn > .fi-icon {
    color: var(--erp-toolbar-icon) !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0 !important;
}

.fi-ta-filters-dropdown .fi-dropdown-trigger .fi-btn:hover > .fi-icon,
.fi-ta-col-manager-dropdown .fi-dropdown-trigger .fi-btn:hover > .fi-icon,
.fi-ta-filters-modal .fi-modal-trigger .fi-btn:hover > .fi-icon,
.fi-ta-col-manager-modal .fi-modal-trigger .fi-btn:hover > .fi-icon,
.fi-ta-filters-trigger-action-ctn .fi-btn:hover > .fi-icon,
.fi-ta-header-toolbar .fi-dropdown-trigger .fi-btn:hover > .fi-icon {
    color: var(--erp-primary) !important;
}

/* Filament places badges at start-full — overlaps the next toolbar button */
.fi-ta-header-toolbar .fi-btn .fi-btn-badge-ctn,
.fi-ta-filters-dropdown .fi-btn .fi-btn-badge-ctn,
.fi-ta-filters-trigger-action-ctn .fi-btn .fi-btn-badge-ctn {
    position: absolute !important;
    inset-inline-start: auto !important;
    inset-inline-end: -0.3rem !important;
    top: -0.3rem !important;
    transform: none !important;
    width: max-content !important;
    background: transparent !important;
    border-radius: 999px !important;
    z-index: 2 !important;
    padding: 0 !important;
}

.fi-ta-header-toolbar .fi-btn .fi-btn-badge-ctn .fi-badge,
.fi-ta-filters-dropdown .fi-btn .fi-btn-badge-ctn .fi-badge,
.fi-ta-filters-trigger-action-ctn .fi-btn .fi-btn-badge-ctn .fi-badge {
    min-width: 1.05rem !important;
    height: 1.05rem !important;
    padding: 0 0.2rem !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    background: var(--erp-toolbar-bg) !important;
    color: var(--erp-primary) !important;
    border: 1.5px solid var(--erp-primary) !important;
    box-shadow: 0 0 0 1px var(--erp-toolbar-bg) !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

.fi-global-search-results-ctn,
.fi-global-search-results {
    border: 1px solid var(--erp-border) !important;
    border-radius: 10px !important;
    background: var(--erp-toolbar-bg) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14) !important;
    overflow: hidden !important;
}

/* ---------- Tables (ERP list view) ---------- */
.fi-ta-ctn {
    border-radius: 8px !important;
    /* Keep visible so filter/column dropdowns are not clipped */
    overflow: visible !important;
    border: 1px solid var(--erp-border) !important;
    background: #ffffff !important;
}

.fi-ta-content-ctn {
    overflow-x: auto !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.fi-ta-header {
    background: #ffffff !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
    overflow: visible !important;
}

.fi-ta-header-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.75rem 1rem !important;
    gap: 0.75rem 1rem !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
    background: #fafbfc !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 20 !important;
}

.fi-ta-header-toolbar > :first-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
}

.fi-ta-header-toolbar > :last-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--erp-toolbar-gap) !important;
    flex-wrap: nowrap !important;
    margin-inline-start: auto !important;
}

@media (max-width: 767px) {
    .fi-ta-header-toolbar > :last-child {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .fi-ta-search-field {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
}

.fi-ta-header-toolbar > :last-child > .fi-ta-search-field,
.fi-ta-header-toolbar > :last-child > .fi-ta-filters-dropdown,
.fi-ta-header-toolbar > :last-child > .fi-ta-col-manager-dropdown,
.fi-ta-header-toolbar > :last-child > .fi-ta-filters-modal,
.fi-ta-header-toolbar > :last-child > .fi-ta-col-manager-modal,
.fi-ta-header-toolbar > :last-child > .fi-ta-filters-trigger-action-ctn {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.fi-ta-header-toolbar .fi-ta-actions,
.fi-ta-header-toolbar .fi-ac-btn-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    flex-wrap: wrap !important;
}

/* Group by / reorder (left cluster) */
.fi-ta-grouping-settings,
.fi-ta-grouping-settings-fields {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    flex-wrap: wrap !important;
}

.fi-ta-header-toolbar > :first-child > .fi-ta-actions,
.fi-ta-header-toolbar > :first-child > .fi-ac {
    margin-inline-end: 0.15rem !important;
}

.fi-ta-grouping-settings-fields .fi-input-wrp,
.fi-ta-grouping-settings .fi-input-wrp {
    min-width: 8.5rem !important;
    max-width: 11rem !important;
    min-height: var(--erp-toolbar-height) !important;
    border-radius: var(--erp-toolbar-radius) !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    background: var(--erp-toolbar-bg) !important;
    box-shadow: none !important;
}

.fi-ta-grouping-settings-fields label,
.fi-ta-grouping-settings label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--erp-text-muted) !important;
    white-space: nowrap !important;
}

.fi-ta-header-toolbar .fi-icon-btn:not(.fi-ta-actions .fi-icon-btn) {
    width: var(--erp-toolbar-height) !important;
    min-width: var(--erp-toolbar-height) !important;
    height: var(--erp-toolbar-height) !important;
    min-height: var(--erp-toolbar-height) !important;
    border-radius: var(--erp-toolbar-radius) !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    background: var(--erp-toolbar-bg) !important;
    color: var(--erp-toolbar-icon) !important;
}

.fi-ta-header-toolbar .fi-icon-btn:not(.fi-ta-actions .fi-icon-btn):hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

/* Table toolbar search width */
.fi-ta-search-field {
    width: 13.5rem !important;
    max-width: 13.5rem !important;
    flex: 0 0 auto !important;
}

.fi-ta-search-field .fi-input-wrp {
    width: 100% !important;
    background: var(--erp-toolbar-bg) !important;
    padding-inline: 0.2rem !important;
}

.fi-ta-search-field .fi-input-wrp-prefix {
    padding-inline-start: 0.55rem !important;
}

.fi-ta-filters-trigger-action-ctn,
.fi-ta-col-manager-dropdown,
.fi-ta-filters-dropdown,
.fi-ta-header-toolbar .fi-dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
}

/* Filter / Columns dropdown panels */
.fi-ta-filters-dropdown,
.fi-ta-col-manager-dropdown {
    position: relative !important;
    z-index: 30 !important;
}

.fi-ta-filters-dropdown > .fi-dropdown-panel,
.fi-ta-col-manager-dropdown > .fi-dropdown-panel {
    z-index: 60 !important;
    border: 1px solid var(--erp-border) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: min(70vh, 32rem) !important;
    padding: 0 !important;
}

.fi-ta-filters-dropdown > .fi-dropdown-panel {
    width: min(36rem, calc(100vw - 1.5rem)) !important;
    min-width: min(28rem, calc(100vw - 1.5rem)) !important;
    max-width: min(40rem, calc(100vw - 1.5rem)) !important;
}

.fi-ta-col-manager-dropdown > .fi-dropdown-panel {
    width: min(20rem, calc(100vw - 1.5rem)) !important;
    min-width: min(16rem, calc(100vw - 1.5rem)) !important;
    max-width: min(22rem, calc(100vw - 1.5rem)) !important;
}

.fi-ta-filters-dropdown .fi-dropdown-trigger .fi-btn[aria-expanded='true'],
.fi-ta-col-manager-dropdown .fi-dropdown-trigger .fi-btn[aria-expanded='true'],
.fi-ta-filters-dropdown.fi-open .fi-dropdown-trigger .fi-btn,
.fi-ta-col-manager-dropdown.fi-open .fi-dropdown-trigger .fi-btn {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary) !important;
    color: #ffffff !important;
}

.fi-ta-filters-dropdown .fi-dropdown-trigger .fi-btn[aria-expanded='true'] > .fi-icon,
.fi-ta-col-manager-dropdown .fi-dropdown-trigger .fi-btn[aria-expanded='true'] > .fi-icon,
.fi-ta-filters-dropdown.fi-open .fi-dropdown-trigger .fi-btn > .fi-icon,
.fi-ta-col-manager-dropdown.fi-open .fi-dropdown-trigger .fi-btn > .fi-icon {
    color: #ffffff !important;
}

.fi-ta-filters {
    display: grid !important;
    padding: 1rem 1.1rem 1.15rem !important;
    gap: 1rem !important;
    background: #ffffff !important;
}

.fi-ta-filters-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
}

.fi-ta-filters-heading {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--erp-text) !important;
    margin: 0 !important;
}

.fi-ta-filters-header .fi-link,
.fi-ta-filters-header a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--erp-danger) !important;
    text-decoration: none !important;
}

.fi-ta-filters .fi-sc,
.fi-ta-filters .fi-sc-has-gap,
.fi-ta-filters .fi-grid {
    gap: 1rem !important;
    row-gap: 1rem !important;
    column-gap: 1rem !important;
}

.fi-ta-filters .fi-fo-field-wrp,
.fi-ta-filters .fi-sc-component,
.fi-ta-filters .fi-grid-col {
    margin-bottom: 0 !important;
    min-width: 0 !important;
}

.fi-ta-filters .fi-fo-field-wrp-label,
.fi-ta-filters .fi-fo-field-label,
.fi-ta-filters .fi-fo-field-wrp-label .fi-fo-field-label-content {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    margin-bottom: 0.4rem !important;
}

.fi-ta-filters .fi-input-wrp {
    min-height: 2.5rem !important;
    border-radius: 6px !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    background: #ffffff !important;
}

.fi-ta-filters .fi-input-wrp:hover {
    border-color: var(--erp-toolbar-border-hover) !important;
}

.fi-ta-filters .fi-input-wrp:focus-within {
    border-color: var(--erp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px var(--erp-control-focus-ring) !important;
}

.fi-ta-filters-actions-ctn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    padding-top: 0.85rem !important;
    margin-top: 0.15rem !important;
    border-top: 1px solid var(--erp-border-soft) !important;
}

.fi-ta-filters-actions-ctn .fi-btn.fi-color-primary {
    background: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    color: #ffffff !important;
}

.fi-ta-filters-actions-ctn .fi-btn.fi-color-gray,
.fi-ta-filters-actions-ctn .fi-btn:not(.fi-color-primary) {
    background: #ffffff !important;
    border: 1.5px solid var(--erp-control-border-soft) !important;
    color: var(--erp-text) !important;
}

/* Active filter chips bar */
.fi-ta-filter-indicators {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding: 0.55rem 1rem !important;
    background: #f0fdfa !important;
    border-bottom: 1px solid #ccfbf1 !important;
}

.fi-ta-filter-indicators-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--erp-primary) !important;
    white-space: nowrap !important;
}

.fi-ta-filter-indicators-badges-ctn {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
}

.fi-ta-filter-indicators .fi-badge {
    background: #ffffff !important;
    border: 1px solid #99f6e4 !important;
    color: var(--erp-primary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
}

/* Column manager */
.fi-ta-col-manager {
    display: grid !important;
    gap: 0.35rem !important;
    padding: 0.85rem 0.9rem 1rem !important;
    min-width: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
}

.fi-ta-col-manager-heading,
.fi-ta-col-manager .fi-ta-col-manager-header {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--erp-text) !important;
    padding-bottom: 0.7rem !important;
    margin-bottom: 0.35rem !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
}

.fi-ta-col-manager-item,
.fi-ta-col-manager .fi-checkbox-list-option,
.fi-ta-col-manager label {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.45rem 0.4rem !important;
    border-radius: 6px !important;
    min-height: 2.15rem !important;
}

.fi-ta-col-manager-item:hover,
.fi-ta-col-manager .fi-checkbox-list-option:hover,
.fi-ta-col-manager label:hover {
    background: #f8fafc !important;
}

.fi-ta-col-manager-label,
.fi-ta-col-manager .fi-checkbox-list-option-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--erp-text) !important;
    line-height: 1.3 !important;
}

/* Table body */
.fi-ta-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.fi-ta-table > thead > tr {
    background: #f8fafc !important;
}

.fi-ta-header-cell {
    font-size: 12.5px !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #64748b !important;
    padding: 0.75rem 1rem !important;
    border-bottom: 1px solid var(--erp-border) !important;
    white-space: nowrap !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

.fi-ta-header-cell .fi-ta-header-cell-label,
.fi-ta-header-cell-label {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.fi-ta-header-cell .fi-icon {
    width: 0.85rem !important;
    height: 0.85rem !important;
    color: #94a3b8 !important;
}

.fi-ta-cell {
    font-size: 14.5px !important;
    color: var(--erp-text) !important;
    padding: 0.7rem 1rem !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
    vertical-align: middle !important;
    line-height: 1.35 !important;
}

.fi-ta-row:hover {
    background: #f8fafc !important;
}

.fi-ta-row:last-child .fi-ta-cell {
    border-bottom: 0 !important;
}

/* Subtle table scrollbars */
.fi-ta-content-ctn,
.fi-ta-table-loading-ctn,
.fi-ta-content {
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
}

.fi-ta-content-ctn::-webkit-scrollbar,
.fi-page-content::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important;
}

.fi-ta-content-ctn::-webkit-scrollbar-track,
.fi-page-content::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
    border-radius: 999px !important;
}

.fi-ta-content-ctn::-webkit-scrollbar-thumb,
.fi-page-content::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 999px !important;
    border: 2px solid #f1f5f9 !important;
}

.fi-ta-content-ctn::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* Empty state */
.fi-ta-empty-state,
.fi-empty-state,
.fi-ta-content .fi-empty-state {
    padding: 2.75rem 1.5rem !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.fi-empty-state-content {
    gap: 0.35rem !important;
}

.fi-empty-state-icon-bg {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0.85rem !important;
    padding: 0 !important;
}

.fi-empty-state-icon-bg .fi-icon {
    width: 1.45rem !important;
    height: 1.45rem !important;
    color: #94a3b8 !important;
    opacity: 0.9 !important;
}

.fi-empty-state-heading {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    margin: 0 !important;
}

.fi-empty-state-description {
    font-size: 13.5px !important;
    color: #94a3b8 !important;
    margin-top: 0.25rem !important;
}

/* Row actions — clean icon, not heavy teal block */
.fi-ta-actions,
.fi-ac-btn-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

.fi-ta-record .fi-dropdown-trigger .fi-icon-btn,
.fi-ta-actions .fi-icon-btn,
.fi-ta-actions-before-columns .fi-icon-btn,
.fi-ta-actions .fi-btn,
.fi-ac-btn-group .fi-btn {
    min-height: 2rem !important;
    min-width: 2rem !important;
    width: 2rem !important;
    border-radius: 6px !important;
    border: 1px solid var(--erp-border) !important;
    background: #ffffff !important;
    color: #64748b !important;
    box-shadow: none !important;
}

.fi-ta-record .fi-dropdown-trigger .fi-icon-btn:hover,
.fi-ta-actions .fi-icon-btn:hover,
.fi-ta-actions .fi-btn:hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.fi-ta-actions .fi-btn.fi-color-primary,
.fi-ac-btn-group .fi-btn.fi-color-primary {
    background: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    color: #ffffff !important;
    width: auto !important;
    padding-inline: 0.65rem !important;
}

/* Checkbox column */
.fi-ta-selection-cell .fi-checkbox-input,
.fi-ta-group-selection-cell .fi-checkbox-input {
    width: 1rem !important;
    height: 1rem !important;
}

@media (max-width: 767px) {
    .fi-ta-header-toolbar {
        padding: 0.65rem 0.75rem !important;
    }

    .fi-ta-search-field {
        width: 100% !important;
        order: 10 !important;
    }

    .fi-ta-header-toolbar > :last-child {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}

/* ---------- Pagination ---------- */
.fi-ta-ctn .fi-pagination,
.fi-pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
    padding: 0.75rem 1rem !important;
    background: #fafbfc !important;
    border-top: 1px solid var(--erp-border-soft) !important;
}

.fi-pagination-overview {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--erp-text-muted) !important;
    order: 1 !important;
}

.fi-pagination-records-per-page-select-ctn {
    order: 2 !important;
}

.fi-pagination-records-per-page-select label,
.fi-pagination-records-per-page-select-ctn label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--erp-text-muted) !important;
    gap: 0.45rem !important;
}

.fi-pagination-items {
    order: 3 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    border: 1.5px solid var(--erp-control-border-soft) !important;
    overflow: hidden !important;
}

.fi-pagination-item {
    border-color: var(--erp-border-soft) !important;
}

.fi-pagination-item-btn {
    border-radius: 0 !important;
    min-height: 2.25rem !important;
    min-width: 2.25rem !important;
    padding: 0.35rem 0.55rem !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--erp-text) !important;
    background: #ffffff !important;
}

.fi-pagination-item-btn:hover {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.fi-pagination-item.fi-active .fi-pagination-item-btn {
    background: var(--erp-primary) !important;
    color: #ffffff !important;
}

.fi-pagination-item.fi-active .fi-pagination-item-label {
    color: #ffffff !important;
}

.fi-pagination-previous-btn,
.fi-pagination-next-btn {
    min-height: 2.25rem !important;
    padding-inline: 0.75rem !important;
    border-radius: 6px !important;
    border: 1.5px solid var(--erp-control-border-soft) !important;
    background: #ffffff !important;
    color: var(--erp-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.fi-pagination-previous-btn:hover,
.fi-pagination-next-btn:hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.fi-pagination-records-per-page-select .fi-input-wrp,
.fi-pagination-records-per-page-select-ctn .fi-input-wrp {
    min-height: 2.25rem !important;
    min-width: 4.5rem !important;
    border-radius: 6px !important;
    border: 1.5px solid var(--erp-control-border-soft) !important;
    background: #ffffff !important;
}

/* ---------- Page sub-navigation ---------- */
.fi-page-has-sub-navigation .fi-page-main,
.fi-page-main:has(.fi-page-sub-navigation-sidebar-ctn) {
    gap: 0.85rem !important;
    align-items: flex-start !important;
}

.fi-page-sub-navigation-sidebar-ctn {
    background: #ffffff !important;
    border: 1px solid var(--erp-border) !important;
    border-radius: 8px !important;
    padding: 0.45rem 0 !important;
    min-width: 13.5rem !important;
    max-width: 15.5rem !important;
    overflow: hidden !important;
}

.fi-page-sub-navigation-sidebar {
    background: #ffffff !important;
    gap: 0.1rem !important;
    width: 100% !important;
    padding: 0 !important;
}

.fi-page-sub-navigation-sidebar .fi-sidebar-item,
.fi-page-sub-navigation-sidebar li {
    width: 100% !important;
    margin: 0 !important;
}

.fi-page-sub-navigation-sidebar .fi-sidebar-item-btn,
.fi-page-sub-navigation-sidebar a {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    width: 100% !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-inline-start: 3px solid transparent !important;
    padding: 0.6rem 0.9rem !important;
    min-height: 2.45rem !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    background: transparent !important;
}

.fi-page-sub-navigation-sidebar .fi-sidebar-item-btn:hover,
.fi-page-sub-navigation-sidebar a:hover {
    background: #f8fafc !important;
    color: var(--erp-text) !important;
}

.fi-page-sub-navigation-sidebar .fi-active > .fi-sidebar-item-btn,
.fi-page-sub-navigation-sidebar .fi-active > a,
.fi-page-sub-navigation-sidebar a[aria-current='page'],
.fi-page-sub-navigation-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
    border-inline-start-color: var(--erp-primary) !important;
    font-weight: 700 !important;
}

.fi-page-sub-navigation-sidebar .fi-active > .fi-sidebar-item-btn::before,
.fi-page-sub-navigation-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before {
    display: none !important;
}

.fi-page-sub-navigation-sidebar .fi-sidebar-item-icon,
.fi-page-sub-navigation-sidebar .fi-icon {
    width: 1.15rem !important;
    height: 1.15rem !important;
    color: #64748b !important;
}

.fi-page-sub-navigation-sidebar .fi-active .fi-sidebar-item-icon,
.fi-page-sub-navigation-sidebar .fi-active .fi-icon,
.fi-page-sub-navigation-sidebar a[aria-current='page'] .fi-icon {
    color: var(--erp-primary) !important;
}

.fi-page-header-main-ctn {
    gap: 0.65rem !important;
    padding-block: 0.55rem 0.35rem !important;
}

.fi-page-content {
    min-width: 0 !important;
}

/* ---------- Modals / dropdowns ---------- */
.fi-modal-window {
    border-radius: 6px !important;
    border: 1px solid var(--erp-border) !important;
    box-shadow: 0 8px 24px rgba(33, 37, 41, 0.12) !important;
    overflow: hidden;
}

.fi-modal-header {
    border-bottom: 1px solid var(--erp-border) !important;
    background: #f8f9fa !important;
    padding: 0.75rem 1rem !important;
}

.fi-modal-heading {
    font-size: 1.175rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.fi-modal-description {
    font-size: 15px !important;
    color: var(--erp-text-muted) !important;
}

.fi-modal-content {
    padding: 0.85rem 1rem !important;
}

.fi-modal-footer {
    border-top: 1px solid var(--erp-border) !important;
    background: #f8f9fa !important;
    padding: 0.65rem 1rem !important;
}

.fi-dropdown-panel {
    border-radius: 4px !important;
    border: 1px solid var(--erp-border) !important;
    box-shadow: 0 6px 16px rgba(33, 37, 41, 0.1) !important;
}

.fi-dropdown-list-item {
    border-radius: 3px !important;
    font-size: 15.5px !important;
}

/* ---------- Auth ---------- */
.fi-simple-layout,
.fi-simple-main {
    background: var(--erp-bg) !important;
}

.fi-simple-main-ctn {
    border-radius: 6px !important;
    border: 1px solid var(--erp-border) !important;
    background: var(--erp-surface) !important;
    box-shadow: 0 2px 8px rgba(33, 37, 41, 0.06) !important;
    backdrop-filter: none !important;
}

/* ---------- Tabs / badges / notifications ---------- */
.fi-badge {
    border-radius: 3px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* Standalone pill tabs (forms / settings) */
.fi-tabs:not(.fi-contained):not(.fi-vertical):not(.erp-list-view-tabs) {
    background: #eef1f5 !important;
    border-radius: 8px !important;
    padding: 0.25rem !important;
    gap: 0.2rem !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fi-tabs:not(.fi-contained):not(.fi-vertical):not(.erp-list-view-tabs) .fi-tabs-item {
    border-radius: 6px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    min-height: 2.15rem !important;
    padding: 0.4rem 0.75rem !important;
    color: #64748b !important;
}

.fi-tabs:not(.fi-contained):not(.fi-vertical):not(.erp-list-view-tabs) .fi-tabs-item.fi-active {
    background: #ffffff !important;
    color: var(--erp-primary) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

/* Contained form tabs */
.fi-tabs.fi-contained:not(.erp-list-view-tabs) {
    display: flex !important;
    align-items: stretch !important;
    gap: 0.15rem !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0.75rem !important;
    margin: 0 !important;
    max-width: none !important;
    overflow-x: auto !important;
}

.fi-tabs.fi-contained:not(.erp-list-view-tabs) .fi-tabs-item {
    position: relative !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 2.65rem !important;
    padding: 0.65rem 0.85rem !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
}

.fi-tabs.fi-contained:not(.erp-list-view-tabs) .fi-tabs-item:hover {
    background: #f8fafc !important;
    color: var(--erp-text) !important;
}

.fi-tabs.fi-contained:not(.erp-list-view-tabs) .fi-tabs-item.fi-active {
    background: transparent !important;
    color: var(--erp-primary) !important;
    border-bottom-color: var(--erp-primary) !important;
    font-weight: 700 !important;
}

.fi-tabs.fi-contained:not(.erp-list-view-tabs) .fi-tabs-item.fi-active .fi-tabs-item-label,
.fi-tabs.fi-contained:not(.erp-list-view-tabs) .fi-tabs-item.fi-active > .fi-icon {
    color: var(--erp-primary) !important;
}

.fi-no-notification {
    border-radius: 4px !important;
    border: 1px solid var(--erp-border) !important;
    box-shadow: 0 4px 12px rgba(33, 37, 41, 0.08) !important;
}

/* Dark mode: keep practical, not flashy */
.dark .fi-body {
    background: #111827 !important;
}

.dark .fi-main-sidebar.fi-sidebar,
.dark .fi-sidebar.fi-main-sidebar,
.dark .fi-topbar-ctn,
.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-wi-stats-overview-stat,
.dark .fi-simple-main-ctn {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

.dark .fi-sidebar-item-btn {
    color: #e5e7eb !important;
}

.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgba(1, 126, 132, 0.2) !important;
    color: #5eead4 !important;
}

/* ---------- Plugin list view ---------- */
.fi-ta-image,
.fi-ta-image img,
.erp-plugin-list-image {
    padding: 0 !important;
}

.erp-plugin-list-image {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 1px solid #ccfbf1 !important;
    background: #f0fdfa !important;
}

/* ---------- View Plugin modal ---------- */
.erp-plugin-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.erp-plugin-view-hero {
    display: flex !important;
    gap: 1rem !important;
    align-items: flex-start !important;
    padding: 1rem !important;
    border: 1px solid var(--erp-border) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 70%) !important;
}

.erp-plugin-view-media {
    width: 5.5rem !important;
    height: 5.5rem !important;
    border-radius: 10px !important;
    border: 1px solid #ccfbf1 !important;
    background: #ffffff !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.erp-plugin-view-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.erp-plugin-view-hero-body {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.erp-plugin-view-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

.erp-plugin-view-title {
    margin: 0 !important;
    font-size: 1.375rem !important;
    font-weight: 700 !important;
    color: var(--erp-text) !important;
    line-height: 1.3 !important;
}

.erp-plugin-view-status {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.2rem 0.55rem !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.erp-plugin-view-status.is-installed {
    background: #e8f8ef !important;
    color: #0f7a3f !important;
}

.erp-plugin-view-status.is-available {
    background: #f1f3f5 !important;
    color: #495057 !important;
}

.erp-plugin-view-summary {
    margin: 0.45rem 0 0 !important;
    color: var(--erp-text-muted) !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}

.erp-plugin-view-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.45rem !important;
    margin-top: 0.85rem !important;
}

.erp-plugin-view-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    padding: 0.3rem 0.55rem !important;
    border-radius: 6px !important;
    border: 1px solid var(--erp-border-soft) !important;
    background: #ffffff !important;
}

.erp-plugin-view-chip-label {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    color: var(--erp-text-muted) !important;
}

.erp-plugin-view-chip-value {
    font-size: 15px !important;
    font-weight: 650 !important;
    color: var(--erp-text) !important;
}

.erp-plugin-view-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

.erp-plugin-view-card {
    border: 1px solid var(--erp-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    padding: 0.85rem !important;
    min-height: 8rem !important;
}

.erp-plugin-view-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    margin-bottom: 0.65rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 1px solid var(--erp-border-soft) !important;
}

.erp-plugin-view-card-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--erp-text) !important;
}

.erp-plugin-view-card-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 1.4rem !important;
    height: 1.4rem !important;
    padding: 0 0.35rem !important;
    border-radius: 999px !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.erp-plugin-view-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    padding: 0.45rem 0.35rem !important;
    border-radius: 6px !important;
}

.erp-plugin-view-row + .erp-plugin-view-row {
    border-top: 1px solid var(--erp-border-soft) !important;
}

.erp-plugin-view-row-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--erp-text) !important;
}

.erp-plugin-view-row-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.15rem 0.45rem !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.erp-plugin-view-row-badge.is-installed {
    background: #e8f8ef !important;
    color: #0f7a3f !important;
}

.erp-plugin-view-row-badge.is-available {
    background: #f1f3f5 !important;
    color: #495057 !important;
}

.erp-plugin-view-empty {
    margin: 0.35rem 0 0 !important;
    font-size: 15px !important;
    color: var(--erp-text-muted) !important;
}

@media (max-width: 640px) {
    .erp-plugin-view-hero {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .erp-plugin-view-media {
        width: 4.5rem !important;
        height: 4.5rem !important;
    }

    .erp-plugin-view-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ---------- Final system polish (list pages) ---------- */
.fi-page-main {
    align-items: stretch !important;
}

.fi-page-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
    min-width: 0 !important;
}

.fi-page-content:has(> .erp-list-view-tabs) {
    gap: 0 !important;
}

.fi-page-content:has(> .erp-list-view-tabs) > .fi-wi-widget,
.fi-page-content:has(> .erp-list-view-tabs) > .fi-section {
    margin-bottom: 0.85rem !important;
}

.fi-page-content > .fi-wi-widget,
.fi-page-content > .fi-section {
    margin-bottom: 0 !important;
}

/* Unified list card: preset tabs + table */
.fi-page-content > .erp-list-view-tabs {
    display: flex !important;
    align-items: stretch !important;
    gap: 0.1rem !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0.65rem 0 0.35rem !important;
    background: #ffffff !important;
    border: 1px solid var(--erp-border) !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.fi-page-content > .erp-list-view-tabs + .fi-ta-ctn {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: 0 !important;
}

.fi-page-content > .fi-ta-ctn {
    margin-top: 0 !important;
}

.erp-list-view-tabs .fi-tabs-item {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    min-height: 2.75rem !important;
    padding: 0.7rem 0.85rem !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

.erp-list-view-tabs .fi-tabs-item:hover {
    background: #f8fafc !important;
    color: var(--erp-text) !important;
}

.erp-list-view-tabs .fi-tabs-item.fi-active,
.erp-list-view-tabs .fi-tabs-item[aria-selected='true'] {
    background: transparent !important;
    color: var(--erp-primary) !important;
    border-bottom-color: var(--erp-primary) !important;
    font-weight: 700 !important;
}

.erp-list-view-tabs .fi-tabs-item.fi-active .fi-tabs-item-label,
.erp-list-view-tabs .fi-tabs-item.fi-active > .fi-icon,
.erp-list-view-tabs .fi-tabs-item[aria-selected='true'] .fi-tabs-item-label,
.erp-list-view-tabs .fi-tabs-item[aria-selected='true'] > .fi-icon {
    color: var(--erp-primary) !important;
}

.erp-list-view-tabs .fi-tabs-item > .fi-icon {
    width: 1rem !important;
    height: 1rem !important;
    color: #94a3b8 !important;
}

.erp-list-view-tabs .fi-tabs-item-label {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.erp-list-view-tabs-actions {
    display: inline-flex !important;
    align-items: center !important;
    margin-inline-start: auto !important;
    padding-inline: 0.35rem !important;
    flex-shrink: 0 !important;
}

.erp-list-view-tabs-actions .fi-icon-btn,
.erp-list-view-tabs-actions .fi-btn {
    width: 2.15rem !important;
    min-width: 2.15rem !important;
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
    box-shadow: none !important;
}

.erp-list-view-tabs-actions .fi-icon-btn:hover,
.erp-list-view-tabs-actions .fi-btn:hover {
    border-color: #99f6e4 !important;
    background: #ccfbf1 !important;
    color: var(--erp-primary-hover) !important;
}

.fi-ta-header-toolbar .fi-btn:not(.fi-color-primary):not(.fi-ta-actions .fi-btn),
.fi-ta-header-toolbar > :first-child .fi-icon-btn {
    min-height: var(--erp-toolbar-height) !important;
    height: var(--erp-toolbar-height) !important;
    border-radius: var(--erp-toolbar-radius) !important;
    border: 1.5px solid var(--erp-toolbar-border) !important;
    background: var(--erp-toolbar-bg) !important;
    color: var(--erp-toolbar-icon) !important;
}

.fi-ta-header-toolbar .fi-btn:not(.fi-color-primary):not(.fi-ta-actions .fi-btn):hover,
.fi-ta-header-toolbar > :first-child .fi-icon-btn:hover {
    border-color: var(--erp-primary) !important;
    background: var(--erp-primary-soft) !important;
    color: var(--erp-primary) !important;
}

.fi-ta-header-toolbar > :first-child .fi-btn.fi-color-primary {
    min-height: var(--erp-toolbar-height) !important;
    height: var(--erp-toolbar-height) !important;
    border-radius: var(--erp-toolbar-radius) !important;
}

.fi-page-sub-navigation-sidebar-ctn,
.fi-ta-ctn,
.fi-section {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

/* Align module sub-nav with list card top */
@media (min-width: 1024px) {
    .fi-page-has-sub-navigation-start .fi-page-main,
    .fi-page-has-sub-navigation-end .fi-page-main {
        display: grid !important;
        grid-template-columns: 14.5rem minmax(0, 1fr) !important;
        gap: 0.85rem !important;
        align-items: start !important;
    }

    .fi-page-has-sub-navigation-end .fi-page-main {
        grid-template-columns: minmax(0, 1fr) 14.5rem !important;
    }

    .fi-page-has-sub-navigation-start .fi-page-sub-navigation-sidebar-ctn,
    .fi-page-has-sub-navigation-end .fi-page-sub-navigation-sidebar-ctn {
        position: sticky !important;
        top: 0.75rem !important;
        align-self: start !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .fi-page-has-sub-navigation-start .fi-page-content,
    .fi-page-has-sub-navigation-end .fi-page-content {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* List toolbar row: keep left/right clusters on one baseline */
.fi-ta-header-toolbar {
    align-items: center !important;
}

.fi-ta-header-toolbar > :first-child,
.fi-ta-header-toolbar > :last-child {
    align-items: center !important;
}

.fi-ta-search-field {
    width: 13.5rem !important;
    max-width: 13.5rem !important;
    flex: 0 0 auto !important;
}

@media (min-width: 1280px) {
    .fi-ta-search-field {
        width: 15rem !important;
        max-width: 15rem !important;
    }
}

/* Table content should not fight card rounding when tabs are above */
.fi-page-content > .erp-list-view-tabs + .fi-ta-ctn .fi-ta-header-toolbar {
    border-top: 1px solid var(--erp-border-soft) !important;
}

.fi-page-content > .erp-list-view-tabs + .fi-ta-ctn {
    border-top: 1px solid var(--erp-border-soft) !important;
}