.inventory-page {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
        color: var(--theme-text, #111827);
        background: var(--theme-bg, #FCFDFD);
        font-family: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 12px;
    }

    .nav-dropdown-container {
        position: relative;
        display: inline-flex;
        align-items: stretch;
    }

    .nav-dropdown-btn {
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        align-self: stretch;
        padding: 0 8px;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        font-size: 13px;
        cursor: pointer;
    }
    
    .nav-dropdown-btn:hover {
        background: rgba(255, 255, 255, 0.06);
        color: #fff;
    }

    .nav-dropdown-btn svg {
        margin-left: 4px;
        width: 14px;
        height: 14px;
    }

    .nav-dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1070;
        min-width: 160px;
        margin-top: 4px;
        padding: 8px 0;
        background-color: var(--theme-overlay-bg);
        border: 1px solid var(--theme-overlay-border);
        border-radius: 4px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        display: flex;
        flex-direction: column;
        color: var(--theme-overlay-text);
        color-scheme: var(--theme-color-scheme, light);
    }

    .nav-dropdown-menu a {
        padding: 6px 16px;
        color: var(--theme-overlay-text);
        text-decoration: none;
        font-size: 13px;
    }

    .nav-dropdown-menu a:hover {
        background: var(--theme-overlay-hover);
        color: var(--theme-overlay-text);
    }

    .nav-dropdown-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1069;
    }

    .inventory-controlbar {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 8px;
        padding: 8px 10px;
        background: var(--theme-surface, #1e202a);
        border-bottom: 1px solid var(--theme-border, #343744);
    }

    .inventory-controlbar-left,
    .inventory-controlbar-right {
        display: flex;
        align-items: center;
        gap: 5px;
        min-width: 0;
    }

    .inventory-toolbar-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-width: 0;
    }

    .inventory-export-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
    }

    .inventory-controlbar-right {
        justify-content: flex-end;
        color: var(--theme-text-muted, #6b7280);
    }

    .inventory-controlbar-left {
        min-height: 30px;
    }

    .inventory-filter-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 696px) minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: 34px;
    }

    .inventory-search-filter-group {
        display: flex;
        grid-column: 2;
        justify-self: center;
        width: 100%;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    .inventory-search-filter-group .inventory-search {
        flex: 1 1 560px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .inventory-filter-row .inventory-controlbar-right {
        grid-column: 3;
        justify-self: end;
    }

    .inventory-new-button {
        padding: 5px 10px;
        border: 1px solid #2563eb;
        border-radius: 4px;
        background: #2563eb;
        color: #fff;
        font-weight: 600;
        cursor: pointer;
    }

    .inventory-view-title {
        margin-left: 4px;
        color: var(--theme-text, #111827);
        font-size: 14px;
    }

    .inventory-date-filters {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        white-space: nowrap;
    }

    .inventory-date-field {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--theme-text, #111827);
        font-weight: 600;
    }

    .inventory-date-field input {
        box-sizing: border-box;
        width: 142px;
        height: 30px;
        padding: 4px 7px;
        border: 1px solid var(--theme-border, #454854);
        border-radius: 4px;
        outline: none;
        background: var(--theme-surface, #292b36);
        color: var(--theme-text, #111827);
        color-scheme: dark;
        font: inherit;
    }

    .inventory-date-field input:focus {
        border-color: #02c7b5;
    }

    .inventory-apply-filters {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 30px;
        padding: 4px 10px;
        border: 1px solid var(--theme-primary, #6366f1);
        border-radius: 4px;
        background: var(--theme-primary, #6366f1);
        color: #fff;
        font: inherit;
        font-weight: 600;
        white-space: nowrap;
        cursor: pointer;
    }

    .inventory-apply-filters:hover {
        background: var(--theme-primary-hover, #4f46e5);
        border-color: var(--theme-primary-hover, #4f46e5);
    }

    .inventory-export-button {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 28px;
        padding: 4px 10px;
        border: 1px solid var(--theme-border, #d1d5db);
        border-radius: 4px;
        background: var(--theme-surface, #ffffff);
        color: var(--theme-text, #111827);
        font: inherit;
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
        cursor: pointer;
        transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }

    .inventory-export-button:hover {
        background: var(--theme-surface-muted, #f3f4f6);
        border-color: var(--theme-border-strong, #9ca3af);
        color: var(--theme-text, #111827);
    }

    .inventory-export-button.btn-export-pdf i {
        color: #ef4444;
    }

    .inventory-export-button.btn-export-excel i {
        color: #10b981;
    }

    .inventory-export-button.btn-import i {
        color: #3b82f6;
    }

    .inventory-search button {
        border: 1px solid var(--theme-border, #454854);
        border-radius: 3px;
        background: var(--theme-surface, #292b36);
        color: var(--theme-text, #111827);
        cursor: pointer;
    }

    .inventory-product-actions {
        box-sizing: border-box;
        color: var(--theme-text-muted, #6b7280);
        color-scheme: dark;
        direction: ltr;
        display: block;
        font-family: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        font-weight: 400;
        height: 17.5px;
        line-height: 14px;
        text-align: start;
        text-size-adjust: 100%;
        white-space: nowrap;
        unicode-bidi: isolate;
        width: 18px;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }

    .inventory-actions-trigger {
        display: block;
        width: 18px;
        height: 17.5px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--theme-text-muted, #6b7280);
        color-scheme: dark;
        font-family: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        white-space: nowrap;
        cursor: pointer;
    }

    .inventory-actions-trigger .fa-cog {
        box-sizing: border-box;
        display: inline-block;
        width: 18px;
        height: 14px;
        color: var(--theme-text-muted, #6b7280);
        color-scheme: dark;
        cursor: pointer;
        direction: ltr;
        font-family: system-ui, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        text-rendering: auto;
        text-shadow: none;
        text-size-adjust: 100%;
        text-transform: none;
        white-space: nowrap;
        user-select: none;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }

    .inventory-search {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        height: 28px;
        padding-left: 7px;
        border: 1px solid var(--theme-border, #454854);
        border-radius: 4px;
        color: var(--theme-text, #111827);
    }

    .inventory-search input {
        flex: 1;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--theme-text, #111827);
    }

    .inventory-search-icon {
        flex: 0 0 auto;
        color: var(--theme-text-muted, #6b7280);
        font-size: 13px;
    }

    .inventory-search button {
        align-self: stretch;
        width: 26px;
        border-width: 0 0 0 1px;
        border-radius: 0 3px 3px 0;
    }

    .inventory-controlbar-right button {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 1px solid var(--theme-border, #d1d5db);
        border-radius: 4px;
        background: var(--theme-surface, #ffffff);
        color: var(--theme-text-muted, #6b7280);
        cursor: pointer;
        font-size: 11px;
        transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }

    .inventory-controlbar-right button:hover:not(:disabled) {
        background: var(--theme-surface-muted, #f3f4f6);
        border-color: var(--theme-border-strong, #9ca3af);
        color: var(--theme-text, #111827);
    }

    .inventory-controlbar-right button:disabled {
        opacity: 0.4;
        cursor: default;
    }

    .inventory-controlbar-right .inventory-view-button.selected {
        border-color: var(--theme-primary, #2563eb);
        color: var(--theme-primary, #2563eb);
    }

    .inventory-table-wrap {
        flex: 1 1 auto;
        width: 100%;
        min-height: 0;
        overflow: auto;
    }

    .inventory-search-row td {
        padding: 0;
        border-bottom: 1px solid var(--theme-border, #343744);
        background: var(--theme-surface, #1f212c);
    }

    .inventory-search-row .o_input {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: 28px;
        padding: 2px 0;
        border: 0;
        border-radius: 0;
        outline: 0;
        background: transparent;
        color: var(--theme-text, #111827);
        font: inherit;
    }

    .inventory-search-row .o_input:focus {
        border: 0;
        outline: none;
    }

    .inventory-table {
        width: 100%;
        border-collapse: collapse;
        color: var(--theme-text-muted, #6b7280);
        table-layout: auto;
    }

    .inventory-table thead {
        background: var(--theme-surface, #22242e);
    }

    .inventory-table th,
    .inventory-table td {
        height: 29px;
        padding: 4px 10px;
        border-bottom: 1px solid var(--theme-border, #343744);
        border-right: 1px solid rgba(255, 255, 255, 0.06);
        text-align: left;
        white-space: nowrap;
    }

    .inventory-table th:last-child,
    .inventory-table td:last-child {
        border-right: none;
    }

    .inventory-table th {
        position: sticky;
        top: 0;
        z-index: 3;
        background: var(--theme-surface, #22242e);
        color: var(--theme-text, #111827);
        font-weight: 600;
    }

    .inventory-header-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 110px;
    }

    .inventory-header-filter {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        padding: 0;
        border: 0;
        border-radius: 3px;
        background: transparent;
        color: var(--theme-text-muted, #6b7280);
        cursor: pointer;
    }

    .inventory-header-filter:hover,
    .inventory-header-filter:focus-visible {
        outline: none;
        background: var(--theme-surface, #3b3d49);
        color: #02c7b5;
    }

    .inventory-header-filter .fa {
        font-size: 11px;
    }

    .inventory-search-row td {
        position: sticky;
        top: 29px;
        z-index: 2;
    }

    .inventory-table tbody tr {
        background: var(--theme-surface, #292b36);
    }

    .inventory-table tbody tr.inventory-product-row {
        cursor: pointer;
    }

    .inventory-table tbody tr.inventory-product-row:hover,
    .inventory-table tbody tr.inventory-product-row:focus-visible {
        outline: none;
        background: var(--theme-surface, #343744);
    }

    .inventory-check-column {
        width: 42px;
        text-align: center !important;
    }

    .inventory-check-column input {
        width: 14px;
        height: 14px;
        margin: 0;
        vertical-align: middle;
        cursor: pointer;
        accent-color: var(--theme-primary);
    }

    .inventory-star {
        margin-left: 8px;
        color: var(--theme-text-muted, #6b7280);
        font-size: 14px;
    }

    .inventory-number {
        text-align: right !important;
    }

    .inventory-options-column {
        width: 28px;
        text-align: center !important;
        position: relative;
    }

    .inventory-column-menu-anchor {
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

    .inventory-column-menu-trigger {
        position: relative;
        z-index: 1071;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        padding: 4px;
        border: 0;
        background: transparent;
        color: var(--theme-text, #111827);
        cursor: pointer;
    }

    .inventory-column-menu-trigger:hover,
    .inventory-column-menu-trigger[aria-expanded="true"] {
        background: var(--theme-surface, #3b3d49);
        border-radius: 4px;
    }

    .inventory-column-menu-trigger svg {
        width: 18px;
        height: 18px;
        fill: currentColor;
        stroke: currentColor;
        stroke-width: 1.5;
    }

    .inventory-column-menu-trigger circle {
        fill: #22242e;
    }

    .inventory-search-options-dismiss {
        position: fixed;
        inset: 0;
        z-index: 1068;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: default;
    }

    .inventory-search-options-menu {
        position: fixed;
        top: 87px;
        left: 50%;
        z-index: 1070;
        box-sizing: border-box;
        display: grid;
        grid-template-columns: repeat(3, 200px);
        width: 602px;
        max-width: calc(100vw - 18px);
        max-height: min(695px, calc(100dvh - 100px));
        padding: 16px 0;
        overflow: auto;
        transform: translateX(-50%);
        border: 1px solid var(--theme-overlay-border);
        border-radius: 4px;
        background: var(--theme-overlay-bg);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        color: var(--theme-overlay-text);
        color-scheme: var(--theme-color-scheme, light);
        font-size: 14px;
        scrollbar-width: thin;
    }

    .inventory-search-options-section {
        box-sizing: border-box;
        width: 200px;
        min-width: 200px;
        height: 376px;
        padding: 0 16px;
    }

    .inventory-search-options-section + .inventory-search-options-section {
        border-left: 1px solid var(--theme-overlay-border);
    }

    .inventory-search-options-title {
        box-sizing: border-box;
        display: block;
        width: 167px;
        margin: 0 0 8px;
        padding: 0 16px;
        overflow-wrap: break-word;
        color: var(--theme-overlay-text);
        color-scheme: var(--theme-color-scheme, light);
        font-size: 15.4px;
        font-weight: 400;
        line-height: 23.1px;
    }

    .inventory-search-options-title .fa {
        margin-right: 8px;
    }

    .inventory-search-options-title .fa-filter {
        display: inline-block;
        color: var(--theme-primary);
        font-family: system-ui, sans-serif;
        font-size: 15.4px;
        -webkit-font-smoothing: antialiased;
    }

    .inventory-search-options-title .fa-tasks {
        color: #02c7b5;
    }

    .inventory-search-options-title .fa-star {
        color: #ffd532;
    }

    .inventory-search-options-title h2 {
        display: inline;
        margin: 0 0 8px;
        color: var(--theme-overlay-text);
        font-size: 15.4px;
        font-weight: 500;
        line-height: 18.48px;
    }

    .inventory-search-options-section > button {
        display: block;
        width: 100%;
        min-height: 48px;
        padding: 8px 20px;
        border: 0;
        background: transparent;
        color: var(--theme-overlay-text);
        font: inherit;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }

    .inventory-search-options-section > button:hover,
    .inventory-search-options-section > button:focus-visible {
        outline: none;
        background: var(--theme-overlay-hover);
        color: var(--theme-overlay-text);
    }

    .inventory-search-options-section > button.inventory-search-options-expand {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .inventory-search-options-section .inventory-filter-shortcut {
        box-sizing: border-box;
        display: block;
        clear: both;
        width: 167px;
        height: 27px;
        margin: 0;
        padding: 3px 20px;
        overflow: hidden;
        background: transparent;
        color: var(--theme-overlay-text);
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }

    .inventory-search-options-section .inventory-filter-shortcut:hover,
    .inventory-search-options-section .inventory-filter-shortcut:focus-visible {
        outline: none;
        background: var(--theme-overlay-hover);
        color: var(--theme-overlay-text);
    }

    .inventory-search-options-section .dropdown-divider {
        box-sizing: border-box;
        display: block;
        width: 167px;
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        border-top: 1px solid var(--theme-overlay-border);
        opacity: 1;
    }

    .inventory-column-menu {
        position: fixed;
        z-index: 1070;
        top: 86.2891px;
        right: 7.39844px;
        width: 182.188px;
        min-width: 160px;
        max-width: 100%;
        max-height: calc(100vh - 100px);
        margin: 4px 0;
        padding: 8px 0;
        overflow-x: auto;
        overflow-y: auto;
        border: 1px solid var(--theme-overlay-border);
        border-radius: 4px;
        background-color: var(--theme-overlay-bg);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        color: var(--theme-overlay-text);
        color-scheme: var(--theme-color-scheme, light);
        direction: ltr;
        display: block;
        font-family: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        scrollbar-width: thin;
        text-align: start;
        text-size-adjust: 100%;
        unicode-bidi: isolate;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }

    .inventory-column-menu-dismiss {
        position: fixed;
        z-index: 1069;
        inset: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: default;
    }

    .inventory-column-option {
        display: flex;
        align-items: center;
        gap: 6px;
        min-height: 29px;
        padding: 0 16px;
        color: var(--theme-overlay-text);
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

    .inventory-column-option input {
        flex: 0 0 14px;
        width: 14px;
        height: 14px;
        margin: 0;
        cursor: pointer;
        accent-color: var(--theme-primary);
    }

    .inventory-column-option:hover {
        background: var(--theme-overlay-hover);
    }

    .inventory-add-field {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        min-height: 35px;
        margin-top: 4px;
        padding: 4px 8px;
        border: 0;
        border-top: 1px solid rgb(90, 94, 107);
        background: var(--theme-overlay-raised);
        color: var(--theme-overlay-text);
        font-size: 14px;
        cursor: pointer;
    }

    .inventory-add-field .fa-plus {
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
    }

    .inventory-add-field:hover {
        background: var(--theme-overlay-hover);
    }

    .inventory-custom-filter-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1100;
        display: flex;
        align-items: flex-start;
        padding: 4vh 16px;
        background: rgba(0, 0, 0, 0.58);
    }

    .inventory-custom-filter-dialog {
        width: min(760px, 100%);
        max-height: 92dvh;
        margin: 0 auto;
        overflow: auto;
        border: 1px solid var(--theme-overlay-border);
        border-radius: 6px;
        background: var(--theme-overlay-bg);
        box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
        color: var(--theme-overlay-text);
        font-size: 14px;
    }

    .inventory-custom-filter-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 60px;
        padding: 10px 22px;
        border-bottom: 1px solid var(--theme-overlay-border);
    }

    .inventory-custom-filter-header h2 {
        margin: 0;
        color: var(--theme-overlay-text);
        font-size: 20px;
        font-weight: 600;
    }

    .inventory-custom-filter-column {
        margin-left: 8px;
        color: var(--theme-primary);
        font-size: 15px;
        font-weight: 500;
    }

    .inventory-custom-filter-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--theme-overlay-muted);
        font-size: 20px;
        cursor: pointer;
    }

    .inventory-custom-filter-close:hover {
        color: var(--theme-overlay-text);
    }

    .inventory-custom-filter-body {
        padding: 16px 22px 18px;
    }

    .inventory-custom-filter-toolbar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 14px;
        font-size: 15px;
    }

    .inventory-filter-match-label {
        margin: 0;
    }

    .inventory-filter-match {
        min-width: 64px;
        height: 32px;
        padding: 0 7px;
        border: 1px solid var(--theme-overlay-border);
        border-radius: 5px;
        outline: none;
        background: var(--theme-overlay-raised);
        color: var(--theme-primary);
        font: inherit;
        font-weight: 600;
    }

    .inventory-archived-toggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 0 auto;
        font-size: 14px;
        white-space: nowrap;
        cursor: pointer;
    }

    .inventory-archived-toggle input {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
    }

    .inventory-toggle-track {
        position: relative;
        width: 36px;
        height: 20px;
        border: 1px solid var(--theme-overlay-border);
        border-radius: 99px;
        background: var(--theme-overlay-raised);
        transition: background 0.15s ease, border-color 0.15s ease;
    }

    .inventory-toggle-track::after {
        position: absolute;
        top: 2px;
        left: 2px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--theme-overlay-muted);
        content: "";
        transition: transform 0.15s ease, background 0.15s ease;
    }

    .inventory-archived-toggle input:checked + .inventory-toggle-track {
        border-color: var(--theme-primary);
        background: var(--theme-primary);
    }

    .inventory-archived-toggle input:checked + .inventory-toggle-track::after {
        transform: translateX(16px);
        background: var(--theme-overlay-text);
    }

    .inventory-filter-rules {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .inventory-filter-rule {
        display: grid;
        grid-template-columns: minmax(160px, 230px) minmax(140px, 1fr) 30px;
        align-items: center;
        gap: 14px;
    }

    .inventory-filter-rule select,
    .inventory-filter-value {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        height: 32px;
        padding: 3px 2px;
        border: 0;
        border-bottom: 1px solid var(--theme-overlay-border);
        border-radius: 0;
        outline: 0;
        background: transparent;
        color: var(--theme-overlay-text);
        font: inherit;
        font-size: 14px;
    }

    .inventory-filter-rule select:focus,
    .inventory-filter-value:focus {
        border-bottom-color: var(--theme-primary);
    }

    .inventory-filter-rule select option {
        background: var(--theme-overlay-bg);
        color: var(--theme-overlay-text);
    }

    .inventory-filter-value-empty {
        display: block;
    }

    .inventory-filter-remove-rule {
        width: 28px;
        height: 28px;
        border: 0;
        background: transparent;
        color: var(--theme-overlay-muted);
        font-size: 14px;
        cursor: pointer;
    }

    .inventory-filter-remove-rule:hover {
        color: var(--color-danger);
    }

    .inventory-custom-filter-footer {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 60px;
        padding: 10px 22px;
        border-top: 1px solid var(--theme-overlay-border);
    }

    .inventory-custom-filter-footer button {
        min-height: 34px;
        padding: 5px 14px;
        border: 0;
        border-radius: 5px;
        color: var(--theme-overlay-text);
        font: inherit;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

    .inventory-custom-filter-search {
        background: var(--theme-primary);
    }

    .inventory-custom-filter-search:hover {
        background: var(--theme-primary-hover);
    }

    .inventory-custom-filter-discard {
        background: var(--theme-overlay-raised);
    }

    .inventory-custom-filter-discard:hover {
        background: var(--theme-overlay-hover);
    }

    @media (max-width: 850px) {
        .inventory-toolbar-heading {
            flex-wrap: wrap;
        }

        .inventory-date-filters {
            flex-wrap: wrap;
        }

        .inventory-filter-row {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        .inventory-search-filter-group {
            flex: 1 1 100%;
            justify-content: center;
        }

        .inventory-controlbar-right {
            justify-content: flex-start;
        }

    }

    @media (max-width: 640px) {
        .inventory-custom-filter-backdrop {
            padding: 12px;
        }

        .inventory-custom-filter-header,
        .inventory-custom-filter-body,
        .inventory-custom-filter-footer {
            padding-right: 16px;
            padding-left: 16px;
        }

        .inventory-filter-rule {
            grid-template-columns: minmax(0, 1fr) 32px;
            gap: 8px 12px;
        }

        .inventory-filter-operator,
        .inventory-filter-value {
            grid-column: 1;
        }

        .inventory-filter-remove-rule {
            grid-column: 2;
            grid-row: 1 / span 3;
        }

        .inventory-archived-toggle {
            margin: 12px 0 0;
            flex-basis: 100%;
        }

        .inventory-search-options-menu {
            grid-template-columns: 1fr;
            width: min(360px, calc(100vw - 18px));
        }

        .inventory-search-options-section {
            width: 100%;
            min-width: 0;
            height: auto;
            padding-bottom: 8px;
        }

        .inventory-search-options-section + .inventory-search-options-section {
            padding-top: 8px;
            border-top: 1px solid var(--theme-border, #5a5e6b);
            border-left: 0;
        }

        .inventory-search-options-title {
            width: 100%;
        }
    }