/* Availability sits beside the circular image; its tooltip remains outside the crop. */
@media screen {
  html[data-theme] #content .inventory-page .inventory-availability {--inventory-stock-color:#45c98b;position:relative;z-index:8;grid-column:1;grid-row:1;align-self:start;display:block;width:42px;height:42px;min-width:0;pointer-events:none}
  html[data-theme] #content .inventory-page .inventory-availability[data-availability="low"] {--inventory-stock-color:#efbd45}
  html[data-theme] #content .inventory-page .inventory-availability[data-availability="empty"] {--inventory-stock-color:#ee786e}
  html[data-theme] #content .inventory-page .inventory-availability::after {content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid var(--inventory-panel);border-radius:50%;background:var(--inventory-stock-color);pointer-events:none}
  html[data-theme] #content .inventory-page .inventory-availability[data-availability="ok"]::after {animation:inventory-stock-pulse 2.8s ease-in-out infinite}
  html[data-theme] #content .inventory-page .inventory-availability>.mo-status {position:relative;display:block;width:100%;height:100%;color:var(--erp-warning)}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-trigger {position:absolute;inset:-1px;display:block;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;pointer-events:auto;cursor:help}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-trigger>svg {position:absolute;top:-4px;right:-4px;width:18px;height:18px;filter:drop-shadow(0 1px 1px #0004)}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-trigger>svg>path:first-child {fill:var(--erp-warning-surface)}
  html[data-theme] #content .inventory-page .inventory-availability[data-has-warning="false"] .mo-status-trigger>svg {display:none}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-trigger:focus-visible {outline:2px solid var(--erp-focus);outline-offset:3px}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-tooltip {position:absolute;z-index:15;left:var(--inventory-tooltip-left,0px);right:auto;top:var(--inventory-tooltip-top,calc(100% + 6px));display:block;width:min(240px,calc(100vw - 32px));max-width:none;max-height:var(--inventory-tooltip-max-height,none);padding:11px 13px;border:1px solid var(--erp-control-line);border-radius:16px;background:var(--erp-raised);color:var(--erp-ink);box-shadow:var(--erp-shadow);font-family:var(--erp-font);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;white-space:normal;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain;text-align:left;pointer-events:auto}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-tooltip[hidden] {display:none}
  html[data-theme] #content .inventory-page [data-inventory-item]:has(.inventory-availability [aria-expanded="true"]) {z-index:12}
  html[data-theme] #content .inventory-page .inventory-list .inventory-list-availability {position:absolute;top:16px;left:12px;width:44px;height:44px}
  html[data-theme] #content .inventory-page .inventory-list [data-inventory-item]>.inventory-item-select {z-index:9}
}
@keyframes inventory-stock-pulse {0%,100% {box-shadow:0 0 0 0 #45c98b00} 50% {box-shadow:0 0 0 4px #45c98b30}}
@media screen and (max-width:700px) {
  html[data-theme] #content .inventory-page .inventory-availability {width:32px;height:32px}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-trigger {inset:-6px}
  html[data-theme] #content .inventory-page .inventory-list .inventory-list-availability {top:14px;left:10px;width:36px;height:36px}
  html[data-theme] #content .inventory-page .inventory-list .inventory-list-availability .mo-status-trigger {inset:-4px}
  html[data-theme] #content .inventory-page .inventory-list .inventory-list-availability .mo-status-trigger>svg {top:4px;right:4px}
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] #content .inventory-page .inventory-availability[data-availability="ok"]::after {animation:none}
}
@media (forced-colors:active) {
  html[data-theme] #content .inventory-page .inventory-availability::after {background:Highlight;border-color:Canvas;animation:none}
  html[data-theme] #content .inventory-page .inventory-availability .mo-status-tooltip {background:Canvas;color:CanvasText;border-color:CanvasText}
}

/* Inventory keeps the shared ERP palette and joins the catalogue to its history. */
@media screen {
  html[data-theme] body:has(#content .inventory-page) {
    background:var(--erp-page-paint);
  }
  /* The public loading shell uses the same route geometry before authentication
     reveals navigation; no account data or controls are needed to reserve it. */
  html body:not(.camera-mode):has(#content .inventory-page)>.shell {width:auto;max-width:none;margin-inline:var(--workspace-inset);padding-inline:var(--workspace-page-gutter)}
  html body:not(.camera-mode):has(#content .inventory-page)>.site-header {width:auto;max-width:none;margin-inline:calc(var(--workspace-inset) + var(--workspace-page-gutter))}
  html body:not(.camera-mode):has(#content .inventory-page)>.shell>#content {min-width:0;padding-inline:0}
  html[data-theme] #content[data-route="inventory"],
  html[data-theme] #content .inventory-page .catalog-grid>.catalog-card {animation:none}
  html[data-theme] #content .inventory-page {
    --inventory-lilac:#dfcbed;
    --inventory-rose:#efd5e1;
    --inventory-peach:#f0d4bf;
    --inventory-ice:#d3e2ed;
    --inventory-category-ink:#302b34;
    --inventory-panel:#e9edf2;
    --inventory-panel-line:color-mix(in srgb,var(--erp-line) 48%,transparent);
    --inventory-tab-surface:color-mix(in srgb,var(--erp-soft) 64%,transparent);
  }
  html[data-theme="dark"] #content .inventory-page {
    --inventory-panel:#25262e;
    --inventory-tab-surface:rgba(229,229,255,.09);
  }

  html[data-theme] #content .inventory-page .inventory-hero {display:flex;flex-direction:column;gap:14px;margin:8px 0 28px}
  html[data-theme] #content .inventory-page .catalog-hero.heading {position:static;order:0;max-width:none;min-height:0;margin:0;padding:0}
  html[data-theme] #content .inventory-page .catalog-hero.heading:not(:has(.inventory-primary-actions:not(:empty))) {display:none}
  html[data-theme] #content .inventory-page .inventory-primary-actions {justify-content:flex-end;gap:6px}
  html[data-theme] #content .inventory-page .inventory-hero-body {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:30px;min-height:166px}
  html[data-theme] #content .inventory-page .inventory-summary {min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none}
  html[data-theme] #content .inventory-page .inventory-hero-context {min-width:0}
  html[data-theme] #content .inventory-page .inventory-hero-context:empty {display:none}
  html[data-theme] #content .inventory-page .inventory-hero-body:not(:has(.inventory-hero-context:not(:empty))) {grid-template-columns:minmax(0,1fr)}
  html[data-theme] #content .inventory-page .inventory-hero-body:has(.inventory-hero-context:not(:empty)) [data-inventory-context] {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html[data-theme] #content .inventory-page .inventory-value-overview {min-width:0;padding:0}
  html[data-theme] #content .inventory-page .inventory-value-loading>.visually-hidden {position:absolute;width:1px;height:1px;min-width:0;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html[data-theme] #content .inventory-page [data-inventory-context] {display:block;margin:0 0 5px;color:var(--erp-muted);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
  html[data-theme] #content .inventory-page .inventory-value-caption {display:flex;align-items:center;gap:6px;min-height:28px;margin:0 0 3px;color:var(--erp-muted);font-size:12px;line-height:1.4}
  html[data-theme] #content .inventory-page .inventory-value-status {position:relative;margin:-8px 0}
  html[data-theme] #content .inventory-page .inventory-value-status .mo-status-tooltip {left:var(--inventory-tooltip-left,0px);right:auto;top:var(--inventory-tooltip-top,calc(100% + 4px));width:min(240px,calc(100vw - 32px));max-width:none;max-height:var(--inventory-tooltip-max-height,none);overflow:auto;overscroll-behavior:contain}
  html[data-theme] #content .inventory-page .inventory-value-amount {display:flex;align-items:baseline;min-width:0;max-width:100%;color:var(--erp-ink);font-variant-numeric:tabular-nums;line-height:1.05}
  html[data-theme] #content .inventory-page .inventory-value-emblem {position:relative;display:block;align-self:baseline;flex:none;width:56px;height:56px;margin-right:16px;border:1px solid var(--erp-line);border-radius:50%;color:var(--erp-muted)}
  html[data-theme] #content .inventory-page .inventory-value-emblem>svg {position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}
  html[data-theme] #content .inventory-page .inventory-value-amount>strong {min-width:0;font-size:80px;font-weight:400;letter-spacing:-4px;line-height:1.06;overflow-wrap:anywhere}
  html[data-theme] #content .inventory-page .inventory-value-currency {flex:none;margin-right:8px;font-size:30px;font-weight:400;color:var(--erp-muted)}
  html[data-theme] #content .inventory-page .inventory-value-fraction {flex:none;font-size:42px;font-weight:400;letter-spacing:-2px;color:var(--erp-muted)}
  html[data-theme] #content .inventory-page .inventory-value-overview>p {margin:7px 0 0;color:var(--erp-muted);font-size:12px;line-height:1.4}
  html[data-theme] #content .inventory-page .inventory-operational-title {max-width:650px;font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-1.4px;overflow-wrap:anywhere}

  html[data-theme] #content .inventory-page [data-inventory-category-values-host] {order:2;min-width:0}
  html[data-theme] #content .inventory-page [data-inventory-category-values-host]:empty {display:none}
  html[data-theme] #content .inventory-page .inventory-category-values {min-width:0;margin:0;padding:0;border:0;background:none}
  html[data-theme] #content .inventory-page .inventory-value-row {display:flex;align-items:end;gap:4px;min-width:0}
  html[data-theme] #content .inventory-page .inventory-value-segments {display:flex;align-items:end;flex:1;gap:2px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  html[data-theme] #content .inventory-page .inventory-value-segments::-webkit-scrollbar {display:none}
  html[data-theme] #content .inventory-page .inventory-value-segment {--inventory-value-surface:var(--inventory-lilac);display:flex;flex:1 0 24%;flex-direction:column;gap:7px;min-width:170px;max-width:28%}
  html[data-theme] #content .inventory-page .inventory-value-segment[data-tone="1"] {--inventory-value-surface:var(--inventory-peach);flex-basis:20%;max-width:24%}
  html[data-theme] #content .inventory-page .inventory-value-segment[data-tone="2"] {flex:1 0 30%;min-width:230px;max-width:none}
  html[data-theme] #content .inventory-page .inventory-value-segment-label {display:block;min-width:0;padding-inline:4px;overflow:hidden;color:var(--erp-muted);font-size:11px;font-weight:400;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
  html[data-theme] #content .inventory-page .inventory-value-segment-fill {display:flex;align-items:center;gap:6px;min-width:0;height:44px;min-height:44px;padding:4px;border:0;border-radius:15px;background:var(--inventory-value-surface);color:var(--inventory-category-ink)}
  html[data-theme] #content .inventory-page .inventory-value-segment-capsule {display:inline-flex;align-items:center;gap:7px;flex:none;max-width:100%;min-height:36px;padding:3px 10px 3px 3px;border:0;border-radius:11px;background:color-mix(in srgb,currentColor 8%,transparent)}
  html[data-theme] #content .inventory-page .inventory-value-segment-capsule>span {display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:50%}
  html[data-theme] #content .inventory-page .inventory-value-segment-capsule svg {width:14px;height:14px}
  html[data-theme] #content .inventory-page .inventory-value-segment-capsule>strong {min-width:0;font-size:14px;font-weight:450;line-height:20px;letter-spacing:-.2px;font-variant-numeric:tabular-nums;white-space:nowrap}
  html[data-theme] #content .inventory-page .inventory-value-segment-capsule>small {flex:none;color:inherit;font-size:10px;line-height:1.3}
  html[data-theme] #content .inventory-page :is(.inventory-value-tail,.inventory-value-segment[data-tone="2"] .inventory-value-segment-fill,.inventory-value-segment[data-cost-state="unknown"] .inventory-value-segment-fill) {background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--erp-chart-lilac) 32%,transparent) 0 2px,transparent 2px 5px);color:var(--erp-ink)}
  html[data-theme] #content .inventory-page .inventory-value-tail {align-self:end;flex:1.6 0 24%;min-width:100px;height:44px;border-radius:15px}
  html[data-theme] #content .inventory-page :is(.inventory-value-segment[data-tone="2"],.inventory-value-segment[data-cost-state="unknown"]) .inventory-value-segment-capsule {background:color-mix(in srgb,var(--erp-soft) 92%,var(--erp-chart-lilac))}
  html[data-theme] #content .inventory-page .inventory-value-assessment {margin-left:auto;padding:10px 12px;border-radius:11px;background:color-mix(in srgb,var(--erp-soft) 92%,var(--erp-chart-lilac));color:var(--erp-muted);font-size:10px;line-height:16px;white-space:nowrap}
  html[data-theme] #content .inventory-page .inventory-value-segment[data-cost-state="unknown"] .inventory-value-segment-capsule>strong {font-size:13px;letter-spacing:0}
  html[data-theme] #content .inventory-page .inventory-value-segments:has(.inventory-value-segment:nth-child(4)) .inventory-value-segment {flex-basis:180px;max-width:none}
  @media(max-width:900px) {
    html[data-theme] #content .inventory-page .inventory-value-assessment {display:none}
    html[data-theme] #content .inventory-page .inventory-value-segment[data-tone="2"] {min-width:170px}
  }

  html[data-theme] #content .inventory-page .inventory-workspace {display:grid;grid-template-columns:minmax(0,2.08fr) minmax(0,1fr);align-items:stretch;gap:2px;min-width:0}
  html[data-theme] #content .inventory-page .inventory-workspace:not(:has(.inventory-support)) {grid-template-columns:minmax(0,1fr)}
  html[data-theme] #content .inventory-page .inventory-catalog {position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0}
  html[data-theme] #content .inventory-page .inventory-support {display:flex;min-width:0;margin:0;padding:0}
  html[data-theme] #content .inventory-page :is(.inventory-catalog-heading,.inventory-activity-heading) {display:flex;align-items:end;gap:0;min-width:0;min-height:44px;margin:0}
  html[data-theme] #content .inventory-page .inventory-catalog-tab {flex:none;min-height:45px;margin-bottom:-1px;padding:11px 20px;border:0;border-radius:24px 24px 0 0;background:transparent}
  html[data-theme] #content .inventory-page .inventory-panel-heading h2 {margin:0;font-size:17px;font-weight:450;line-height:1.35;letter-spacing:-.3px}
  html[data-theme] #content .inventory-page #inventory-catalog-title.visually-hidden {position:absolute;width:1px;height:1px;min-width:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html[data-theme] #content .inventory-page .inventory-catalog-body {position:relative;flex:1;min-width:0;padding:20px;border:0;border-radius:0 22px 0 22px;background:transparent}
  /* One clipped decorative canvas paints the folder tab and body continuously.
     The controls themselves remain unclipped, including focus rings and menus. */
  html[data-theme] #content .inventory-page :is(.inventory-catalog-mesh,.inventory-activity-mesh) {position:absolute;z-index:-1;inset:0;display:block;overflow:hidden;contain:paint;background:var(--inventory-panel);clip-path:var(--inventory-folder-clip,polygon(0 0,82px 0,114px 48px,100% 48px,100% 100%,0 100%));pointer-events:none}
  html[data-theme] #content .inventory-page .inventory-catalog-mesh {
    -webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
    -webkit-mask-size:100% calc(100% - var(--inventory-folder-body-top,48px)),var(--inventory-folder-header-width,100%) var(--inventory-folder-body-top,48px);mask-size:100% calc(100% - var(--inventory-folder-body-top,48px)),var(--inventory-folder-header-width,100%) var(--inventory-folder-body-top,48px);
    -webkit-mask-position:left bottom,var(--inventory-folder-header-left,0px) top;mask-position:left bottom,var(--inventory-folder-header-left,0px) top;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  }
  html[data-theme] #content .inventory-page :is(.inventory-catalog-mesh,.inventory-activity-mesh)::before {content:"";position:absolute;inset:-12%;right:auto;left:calc(0px - var(--inventory-board-offset,0px) - var(--inventory-board-width,100%) * .12);width:calc(var(--inventory-board-width,100%) * 1.24);max-height:1600px;background:radial-gradient(ellipse at 12% 18%,#cfb4df99,transparent 58%),radial-gradient(ellipse at 88% 52%,#a9cee182,transparent 60%),radial-gradient(ellipse at 38% 95%,#e8bba25c,transparent 60%);opacity:.48;transform-origin:50% 50%;animation:inventory-board-drift 22s ease-in-out -11s infinite alternate;will-change:transform}
  html[data-theme="dark"] #content .inventory-page :is(.inventory-catalog-mesh,.inventory-activity-mesh)::before {opacity:.36}
  html[data-theme] #content .inventory-page .inventory-activity-mesh {clip-path:var(--inventory-folder-clip,polygon(0 48px,calc(100% - 174px) 48px,calc(100% - 142px) 0,100% 0,100% 100%,0 100%))}
  html[data-theme] #content .inventory-page .inventory-catalog-body .product-card.catalog-card.inventory-reference-card {background:rgba(255,255,255,.25);background-image:none}
  html[data-theme="dark"] #content .inventory-page .inventory-catalog-body .product-card.catalog-card.inventory-reference-card {--erp-muted:#e1e3eb}
  html[data-theme="dark"] #content .inventory-page .inventory-activity-card {--erp-muted:#c7cada}
  html[data-theme] #content .inventory-page .inventory-catalog-body .product-card.catalog-card.inventory-reference-card :is(.catalog-media,.asset-card-visual),
  html[data-theme] #content .inventory-page .inventory-catalog-body .inventory-list .inventory-reference-row .catalog-mobile-image {border-radius:50%;overflow:hidden}
  html[data-theme] #content .inventory-page .inventory-catalog-body .product-card.catalog-card.inventory-reference-card :is(.catalog-media,.asset-card-visual)>img,
  html[data-theme] #content .inventory-page .inventory-catalog-body .inventory-list .inventory-reference-row .catalog-mobile-image>img {width:100%;height:100%;padding:0;border-radius:50%;clip-path:circle(50%);object-fit:contain}
  html[data-theme] #content .inventory-page .inventory-category-host {flex:1;min-width:0;width:100%;max-width:100%;margin:0;overflow:visible}
  html[data-theme] #content .inventory-page .inventory-category-loading {min-height:44px;margin:0;padding:12px 6px;border:0;border-radius:0;color:var(--erp-muted);font-size:12px}
  html[data-theme] #content .inventory-page .inventory-category-strip {display:flex;align-items:end;gap:3px;min-width:0;overflow:visible}
  html[data-theme] #content .inventory-page .inventory-category-track {--inventory-category-padding:15px;--inventory-category-slope:32px;display:flex;align-items:end;flex:1;gap:3px;min-width:0;min-height:48px;margin:0;padding:0 32px 0 0;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:10px}
  html[data-theme] #content .inventory-page .inventory-category-track::-webkit-scrollbar {display:none}
  html[data-theme] #content .inventory-page :is(.inventory-category-tab,.inventory-category-manage) {position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-width:0;min-height:44px;max-width:260px;margin:0 0 2px;padding:10px 15px;border:0;border-radius:15px;background:none;color:var(--erp-muted);box-shadow:none;text-decoration:none;transform:none}
  html[data-theme] #content .inventory-page :is(.inventory-category-tab[aria-pressed="false"],.inventory-category-manage)::before {content:"";position:absolute;z-index:-1;inset:0;border-radius:15px;background:var(--inventory-tab-surface);pointer-events:none}
  html[data-theme] #content .inventory-page .inventory-category-tab[aria-pressed="true"] {z-index:1;min-height:48px;margin:0;padding:10px calc(var(--inventory-category-padding) + var(--inventory-category-slope));border-radius:22px 0 0 0;background:transparent;color:var(--erp-ink);box-shadow:none}
  html[data-theme] #content .inventory-page .inventory-category-tab[aria-pressed="true"]:first-child {padding-left:var(--inventory-category-padding)}
  html[data-theme] #content .inventory-page .inventory-category-tab[aria-pressed="true"]::after,
  html[data-theme] #content .inventory-page .inventory-category-tab[aria-pressed="true"]::before {content:none}
  html[data-theme] #content .inventory-page .inventory-category-name {min-width:0;overflow:hidden;font-size:12px;font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  html[data-theme] #content .inventory-page .inventory-category-icon {display:grid;place-items:center;flex:none;width:16px;height:16px;color:inherit}
  html[data-theme] #content .inventory-page .inventory-category-icon>svg {width:15px;height:15px}
  html[data-theme] #content .inventory-page .inventory-category-manage {font-size:12px;font-weight:400}
  html[data-theme] #content .inventory-page .inventory-category-scroll {display:grid;place-items:center;flex:none;width:36px;min-width:36px;height:44px;margin:0 0 3px;padding:0;border:0;border-radius:14px;background:var(--inventory-tab-surface);color:var(--erp-ink)}
  html[data-theme] #content .inventory-page .inventory-category-scroll>svg {width:17px;height:17px}
  html[data-theme] #content .inventory-page .inventory-category-scroll:disabled {opacity:.35;cursor:default}
  html[data-theme] #content .inventory-page .inventory-category-scroll:not(:disabled):hover {background:var(--erp-soft)}
  html[data-theme] #content .inventory-page .inventory-category-scroll:focus-visible {outline:2px solid var(--erp-focus);outline-offset:-3px}
  html[data-theme] #content .inventory-page :is(.inventory-category-tab,.inventory-category-manage):focus-visible {outline:2px solid var(--erp-focus);outline-offset:-3px}

  html[data-theme] #content .inventory-page .catalog-toolbar {display:grid;grid-template-columns:minmax(64px,96px) minmax(120px,43%) minmax(0,1fr);align-items:center;gap:18px;min-height:44px;margin:0 0 18px;padding:0;background:none}
  html[data-theme] #content .inventory-page .catalog-toolbar>.inventory-panel-count {grid-column:1;grid-row:1;display:flex;align-items:baseline;gap:6px;flex:none;max-width:none;min-width:0;margin:0;padding:0;border-radius:0;background:none;color:var(--erp-muted);text-align:left;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums}
  html[data-theme] #content .inventory-page .inventory-panel-count>strong {color:var(--erp-ink);font-size:24px;font-weight:400;letter-spacing:-.6px}
  html[data-theme] #content .inventory-page .inventory-panel-count>span {max-width:100px;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
  html[data-theme] #content .inventory-page .catalog-toolbar .catalog-search-panel {grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:0;min-width:0;border:0;border-bottom:1px solid var(--erp-line);border-radius:0;background:none;box-shadow:none}
  html[data-theme] #content .inventory-page .catalog-search-panel .search-wrap>svg {left:0;width:14px;height:14px}
  html[data-theme] #content .inventory-page .catalog-search-panel .search-wrap input {min-height:44px;padding:8px 3px 8px 22px;border:0;border-radius:0;background:none;font-size:12px;line-height:1.4;box-shadow:none}
  html[data-theme] #content .inventory-page .catalog-search-clear {width:32px;height:44px;min-width:32px;min-height:44px}
  html[data-theme] #content .inventory-page .catalog-search-panel:focus-within {outline:0;border-bottom-color:var(--erp-focus);box-shadow:0 1px 0 var(--erp-focus)}
  html[data-theme] #content .inventory-page .inventory-catalog-controls {grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0}
  html[data-theme] #content .inventory-page .catalog-toolbar .catalog-filter-controls {grid-column:auto;grid-row:auto;flex:none;width:44px;margin:0}
  html[data-theme] #content .inventory-page .catalog-toolbar .catalog-sort-tool .unit-trigger {display:flex;justify-content:center;width:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none}
  html[data-theme] #content .inventory-page .catalog-toolbar .catalog-sort-tool :is(.unit-value,.unit-chevron) {display:none}
  html[data-theme] #content .inventory-page .catalog-toolbar .catalog-filter-toggle {position:relative;grid-column:auto;grid-row:auto;flex:none;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
  html[data-theme] #content .inventory-page .catalog-toolbar .catalog-filter-toggle>span {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html[data-theme] #content .inventory-page .catalog-filter-count {position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;font-size:10px}
  html[data-theme] #content .inventory-page .inventory-catalog-actions {grid-column:auto;grid-row:auto;display:flex;align-items:center;flex:none;gap:3px}
  html[data-theme] #content .inventory-page .inventory-selection-toggle {flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none}
  html[data-theme] #content .inventory-page .inventory-selection-toggle>span {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html[data-theme] #content .inventory-page .catalog-view-switch {display:inline-flex;flex:none;order:-1;gap:0;min-width:88px;min-height:44px;margin:0;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--erp-ink) 8%,transparent)}
  html[data-theme] #content .inventory-page .catalog-view-switch>button {width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent}
  html[data-theme] #content .inventory-page .catalog-view-switch>button[aria-pressed="true"] {background:color-mix(in srgb,var(--erp-ink) 14%,transparent);color:var(--erp-ink)}
  html[data-theme] #content .inventory-page .product-grid.catalog-grid {gap:2px}

  html[data-theme] #content .inventory-page .inventory-activity-card {position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1;min-width:0;padding:0;border:0;border-radius:0;background:none}
  html[data-theme] #content .inventory-page .inventory-support .inventory-activity-heading {flex-direction:row-reverse;align-items:end;justify-content:space-between;min-height:44px;margin:0}
  html[data-theme] #content .inventory-page .inventory-activity-heading>a {width:44px;height:44px;border:0;border-radius:50%;background:transparent}
  html[data-theme] #content .inventory-page .inventory-activity-heading .inventory-catalog-tab {border-radius:0 22px 0 0}
  html[data-theme] #content .inventory-page .inventory-history-tab {position:relative;display:flex;align-items:center;gap:8px;min-height:48px;margin:0;padding:2px 10px 2px 18px}
  html[data-theme] #content .inventory-page .inventory-history-tab::before {content:none}
  html[data-theme] #content .inventory-page .inventory-history-open {display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--erp-muted);text-decoration:none}
  html[data-theme] #content .inventory-page .inventory-history-open:hover {background:var(--erp-soft);color:var(--erp-ink)}
  html[data-theme] #content .inventory-page .inventory-history-open>svg {width:18px;height:18px}
  html[data-theme] #content .inventory-page .inventory-history-open:focus-visible {outline:2px solid var(--erp-focus);outline-offset:-3px}
  html[data-theme] #content .inventory-page .inventory-activity-body {flex:1;min-width:0;padding:20px 16px;border:0;border-radius:22px 0 22px 0;background:transparent}
  html[data-theme] #content .inventory-page .inventory-activity-tools {display:flex;align-items:center;gap:4px;min-width:0;margin:0 0 12px;padding:0;overflow-x:auto;scrollbar-width:none}
  html[data-theme] #content .inventory-page .inventory-activity-tools::-webkit-scrollbar {display:none}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button {display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:8px;border:0;border-radius:15px;background:var(--inventory-tab-surface);color:var(--erp-muted);box-shadow:none}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button>svg {width:28px;height:28px;padding:6px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:50%}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button[aria-pressed="true"] {background:var(--inventory-lilac);color:var(--inventory-category-ink)}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button>span {display:none}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button[aria-pressed="true"]:not([data-inventory-activity-kind="all"]) {display:flex;align-items:center;gap:7px;width:auto;padding-right:12px}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button[aria-pressed="true"]:not([data-inventory-activity-kind="all"])>span {display:block;font-size:12px;line-height:1.3;white-space:nowrap}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button:not([aria-pressed="true"]):hover {color:var(--erp-ink)}
  html[data-theme] #content .inventory-page .inventory-activity-tools>button:focus-visible {outline:2px solid var(--erp-focus);outline-offset:-3px}
  html[data-theme] #content .inventory-page .inventory-activity-summary {position:relative;display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0;min-height:32px;margin:0;color:var(--erp-ink);font-size:12px;line-height:1.4}
  html[data-theme] #content .inventory-page .inventory-activity-total {position:absolute;right:4px;top:24px;z-index:1;display:inline-flex;align-items:baseline;gap:5px;min-width:0;font-variant-numeric:tabular-nums}
  html[data-theme] #content .inventory-page .inventory-activity-summary:has(+ .inventory-support-empty) .inventory-activity-total {position:static}
  html[data-theme] #content .inventory-page .inventory-activity-total>strong {font-size:26px;font-weight:400;line-height:1.1;letter-spacing:-.6px}
  html[data-theme] #content .inventory-page .inventory-activity-total>small {color:var(--erp-muted);font-size:11px;line-height:1.3}
  html[data-theme] #content .inventory-page .inventory-activity-list {display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;margin:0;padding:0}
  html[data-theme] #content .inventory-page .inventory-activity-list>li {--inventory-event-surface:var(--inventory-lilac);position:relative;isolation:isolate;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:stretch;gap:0;min-width:0;margin:0;padding:0;filter:none;pointer-events:none}
  html[data-theme] #content .inventory-page .inventory-activity-list>li[data-kind="receipt"] {--inventory-event-surface:var(--inventory-peach)}
  html[data-theme] #content .inventory-page .inventory-activity-list>li[data-kind="reversal"] {--inventory-event-surface:var(--inventory-rose)}
  html[data-theme] #content .inventory-page .inventory-activity-list>li:is([data-kind="transfer_in"],[data-kind="transfer_out"]) {--inventory-event-surface:var(--inventory-ice)}
  html[data-theme] #content .inventory-page .inventory-activity-list>li+li {margin-top:-30px;border:0}
  /* A fixed-size curved shoulder joins a responsive rounded body. Only this
     decorative layer is masked: the date, link and keyboard focus stay intact. */
  html[data-theme] #content .inventory-page .inventory-activity-list>li::before {
    --inventory-ticket-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32'%3E%3Cpath fill='white' d='M0 32V20C0 8 8 0 20 0H24C34 0 38 5 41 14L45 24C47 29 51 32 57 32H64Z'/%3E%3C/svg%3E"),linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='16' fill='white'/%3E%3C/svg%3E");
    content:"";position:absolute;z-index:-1;inset:0;background:var(--inventory-event-surface);pointer-events:none;
    -webkit-mask-image:var(--inventory-ticket-mask);mask-image:var(--inventory-ticket-mask);
    -webkit-mask-size:64px 32px,48px calc(100% - 48px),100% calc(100% - 32px);mask-size:64px 32px,48px calc(100% - 48px),100% calc(100% - 32px);
    -webkit-mask-position:left top,left 32px,left bottom;mask-position:left top,left 32px,left bottom;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  }
  /* The next tab overlaps by 30px. Remove its contour, expanded by 2px, from
     this decorative layer so the panel itself shows through the entire seam. */
  html[data-theme] #content .inventory-page .inventory-activity-list>li:not(:last-child)::before {
    --inventory-ticket-seam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cmask id='seam' maskUnits='userSpaceOnUse' x='0' y='0' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' fill='white'/%3E%3Csvg y='100%25' width='66' height='34' overflow='visible'%3E%3Cpath transform='translate(0,-30)' d='M0 32V20C0 8 8 0 20 0H24C34 0 38 5 41 14L45 24C47 29 51 32 57 32H64Z' fill='black' stroke='black' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='white' mask='url(%23seam)'/%3E%3C/svg%3E");
    -webkit-mask-image:var(--inventory-ticket-seam),var(--inventory-ticket-mask);mask-image:var(--inventory-ticket-seam),var(--inventory-ticket-mask);
    -webkit-mask-size:100% 100%,64px 32px,48px calc(100% - 48px),100% calc(100% - 32px);mask-size:100% 100%,64px 32px,48px calc(100% - 48px),100% calc(100% - 32px);
    -webkit-mask-position:left top,left top,left 32px,left bottom;mask-position:left top,left top,left 32px,left bottom;
    -webkit-mask-composite:source-in,source-over,source-over,source-over;mask-composite:intersect,add,add,add;
  }
  html[data-theme] #content .inventory-page .inventory-activity-date {position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;margin:0;padding:7px 2px 10px;border-radius:0;background:transparent;color:var(--inventory-category-ink);font-size:9.5px;line-height:1.4;text-align:center;pointer-events:auto}
  html[data-theme] #content .inventory-page .inventory-activity-date::after {content:none}
  html[data-theme] #content .inventory-page .inventory-activity-date>small {color:inherit;font-size:9px;line-height:1.35;opacity:.8}
  html[data-theme] #content .inventory-page .inventory-activity-symbol {display:grid;place-items:center;width:24px;height:24px;margin-bottom:9px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:50%;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit}
  html[data-theme] #content .inventory-page .inventory-activity-symbol>svg {width:12px;height:12px}
  html[data-theme] #content .inventory-page .inventory-activity-list a {display:flex;flex-direction:column;align-self:stretch;gap:8px;min-width:0;min-height:84px;margin:32px 0 0;padding:10px 12px;border:0;border-radius:0 16px 16px 0;background:transparent;color:var(--inventory-category-ink);text-decoration:none;pointer-events:auto}
  html[data-theme] #content .inventory-page .inventory-activity-event {display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:6px;min-width:0;width:100%;font-size:13px;font-weight:500;line-height:1.35}
  html[data-theme] #content .inventory-page .inventory-activity-event>span {min-width:0;overflow-wrap:anywhere}
  html[data-theme] #content .inventory-page .inventory-activity-event small {display:block;margin-top:2px;color:inherit;font-size:10px;opacity:.8}
  html[data-theme] #content .inventory-page .inventory-activity-event>svg {width:24px;height:24px;padding:6px;border-radius:50%;background:color-mix(in srgb,currentColor 8%,transparent)}
  html[data-theme] #content .inventory-page .inventory-activity-product {display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px;font-weight:400;line-height:1.3;overflow-wrap:anywhere}
  html[data-theme] #content .inventory-page .inventory-activity-footer {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;margin-top:auto;padding:0}
  html[data-theme] #content .inventory-page .inventory-activity-actor {display:flex;align-items:center;flex:1;gap:6px;min-width:0;font-size:10px;line-height:1.3}
  html[data-theme] #content .inventory-page .inventory-activity-actor>img {flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover}
  html[data-theme] #content .inventory-page .inventory-activity-actor>svg {flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:color-mix(in srgb,var(--erp-surface) 24%,transparent)}
  html[data-theme] #content .inventory-page .inventory-activity-person {display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
  html[data-theme] #content .inventory-page .inventory-activity-person>small {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:9px;line-height:1.3;opacity:.7}
  html[data-theme] #content .inventory-page .inventory-activity-meta {display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:2px;max-width:55%;min-width:0;text-align:right}
  html[data-theme] #content .inventory-page .inventory-activity-meta>span {font-size:10px;line-height:1.3;overflow-wrap:anywhere}
  html[data-theme] #content .inventory-page .inventory-activity-amount {min-width:0;font-size:13px;font-weight:500;line-height:1.2;letter-spacing:-.2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  html[data-theme] #content .inventory-page .inventory-activity-amount[data-cost-state="unknown"] {font-size:12px;letter-spacing:0}
  html[data-theme] #content .inventory-page .inventory-document-history {margin-top:14px;padding:8px 0 0;border-color:var(--erp-line);font-size:11px}
  html[data-theme] #content .inventory-page .inventory-activity-list a:focus-visible {outline:2px solid var(--erp-focus);outline-offset:2px}

  /* Loading reserves the real layout; it does not add banners above the grid. */
  html[data-theme] #content .inventory-page .inventory-boot-line {display:block;flex:1;min-width:0;min-height:12px;border-radius:999px;background:color-mix(in srgb,var(--erp-ink) 10%,transparent)}
  html[data-theme] #content .inventory-page .inventory-boot-circle {display:block;flex:none;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--erp-ink) 10%,transparent)}
  html[data-theme] #content .inventory-page .inventory-boot-context {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:last baseline;gap:18px;min-height:65px}
  html[data-theme] #content .inventory-page .inventory-boot-context-field {display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:20px 28px;align-items:center;gap:0 12px;min-width:0;min-height:65px;padding:8px 0 9px;font-size:16px;line-height:1.4}
  html[data-theme] #content .inventory-page .inventory-boot-context-field>.inventory-boot-circle {grid-column:1;grid-row:1/3;width:40px;height:40px}
  html[data-theme] #content .inventory-page .inventory-boot-context-field>.inventory-boot-line {grid-column:2;max-width:150px}
  html[data-theme] #content .inventory-page .inventory-boot-context-field>.inventory-boot-line:last-child {max-width:95px;min-height:0;background:linear-gradient(color-mix(in srgb,var(--erp-ink) 10%,transparent),color-mix(in srgb,var(--erp-ink) 10%,transparent)) center / 100% 12px no-repeat}
  html[data-theme] #content .inventory-page .inventory-boot-context-field>.inventory-boot-line:last-child::before {content:"\00a0"}
  html[data-theme] #content .inventory-page .inventory-boot-category-values {display:grid;grid-template-columns:28fr 24fr 48fr;gap:3px;min-height:66.4px;padding-top:22.4px}
  html[data-theme] #content .inventory-page .inventory-boot-category-values>.inventory-boot-line {height:44px;border-radius:15px}
  html[data-theme] #content .inventory-page .inventory-boot-categories {min-width:0;overflow:hidden}
  html[data-theme] #content .inventory-page .inventory-boot-categories .inventory-boot-line {flex:0 0 142px;height:44px;margin-bottom:2px;border-radius:15px}
  html[data-theme] #content .inventory-page .inventory-boot-toolbar {display:grid;grid-template-columns:80px minmax(120px,43%) minmax(0,1fr);align-items:center;gap:18px;min-height:44px;margin-bottom:18px}
  html[data-theme] #content .inventory-page .inventory-boot-toolbar>.inventory-boot-line {height:18px}
  html[data-theme] #content .inventory-page .inventory-boot-toolbar>.inventory-boot-line:last-child {justify-self:end;width:min(100%,180px);height:44px}
  html[data-theme] #content .inventory-page .inventory-boot-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;min-width:0}
  html[data-theme] #content .inventory-page .inventory-boot-tile {display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;align-items:center;gap:8px;min-width:0;min-height:150px;padding:12px;border-radius:20px;background:rgba(255,255,255,.25)}
  html[data-theme] #content .inventory-page .inventory-boot-tile>.inventory-boot-circle {grid-column:1;grid-row:1/3}
  html[data-theme] #content .inventory-page .inventory-boot-tile>.inventory-boot-line {grid-column:2}
  html[data-theme] #content .inventory-page .inventory-boot-tile>.inventory-boot-line:last-child {grid-column:1/-1;align-self:end;max-width:72px;height:24px;margin-top:32px}
  html[data-theme] #content .inventory-page .inventory-boot-activity {display:grid;gap:3px;min-height:360px;padding-top:72px}
  html[data-theme] #content .inventory-page .inventory-boot-event {display:grid;align-content:center;gap:10px;min-height:72px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--inventory-lilac) 35%,transparent)}
  html[data-theme] #content .inventory-page .inventory-boot-event:nth-child(even) {background:color-mix(in srgb,var(--inventory-ice) 35%,transparent)}
  html[data-theme] #content .inventory-page .inventory-boot-event>.inventory-boot-line {max-width:70%}
  html[data-theme] body:has(#content .inventory-page) .inventory-boot-primary-actions {display:flex;align-items:center;gap:6px}
  html[data-theme] body:has(#content .inventory-page) .inventory-boot-primary-actions>span {display:block;flex:none;width:108px;height:44px;border-radius:16px;background:var(--inventory-tab-surface,var(--erp-soft))}
  html[data-theme] body:has(#content .inventory-page) .inventory-boot-primary-actions>span:first-child {width:140px}
  html[data-theme] body:has(#content .inventory-page) .inventory-boot-primary-actions>span:last-child {width:44px}
}
html[data-theme] dialog.inventory-warehouse-choice {box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:22px;border:1px solid var(--erp-line);border-radius:26px;background:var(--erp-surface);color:var(--erp-ink);box-shadow:0 24px 80px #0004;overflow:auto}
html[data-theme] dialog.inventory-warehouse-choice::backdrop {background:#0006;backdrop-filter:blur(6px)}
html[data-theme] .inventory-warehouse-choice-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
html[data-theme] .inventory-warehouse-choice-heading h2 {margin:4px 0 0;font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.5px}
html[data-theme] .inventory-warehouse-choice-heading .eyebrow {color:var(--erp-muted);font-size:12px}
html[data-theme] .inventory-warehouse-choice-heading button {display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:12px;border:0;border-radius:50%;background:var(--erp-soft);color:var(--erp-ink)}
html[data-theme] .inventory-warehouse-choice-list {display:grid;gap:6px}
html[data-theme] .inventory-warehouse-choice-item {display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin:0;padding:12px 14px;border:0;border-radius:16px;background:var(--erp-soft);color:var(--erp-ink);font:inherit;text-align:left;cursor:pointer}
html[data-theme] .inventory-warehouse-choice-item>span {flex:1;min-width:0;overflow-wrap:anywhere}
html[data-theme] .inventory-warehouse-choice-item>svg {flex:none;width:20px;height:20px;color:var(--erp-muted)}
html[data-theme] .inventory-warehouse-choice-item:hover {background:color-mix(in srgb,var(--erp-ink) 12%,var(--erp-surface))}
html[data-theme] .inventory-warehouse-choice button:focus-visible {outline:2px solid var(--erp-focus);outline-offset:2px}
@container inventory-workspace (min-width:1000.01px) {
  /* Both clipped panels sample one moving paint plane across the 2.08:1 grid
     and its 2px gutter, so the glow continues through their adjoining edges. */
  html[data-theme] #content .inventory-page .inventory-workspace:has(.inventory-support) .inventory-catalog-mesh {--inventory-board-width:calc(100% * 3.08 / 2.08 + 2px)}
  html[data-theme] #content .inventory-page .inventory-workspace:has(.inventory-support) .inventory-activity-mesh {--inventory-board-width:calc(100% * 3.08 + 2px);--inventory-board-offset:calc(100% * 2.08 + 2px)}
}
@container inventory-workspace (max-width:1000px) {
  html[data-theme] #content .inventory-page .inventory-workspace {grid-template-columns:minmax(0,1fr);gap:18px}
  html[data-theme] #content .inventory-page .inventory-catalog-body {border-radius:0 22px 22px 22px}
  html[data-theme] #content .inventory-page .inventory-activity-body {border-radius:22px 0 22px 22px}
  html[data-theme] #content .inventory-page .inventory-activity-list {grid-template-columns:minmax(0,1fr)}
}
@container inventory-catalog (max-width:720px) {
  html[data-theme] #content .inventory-page .catalog-toolbar {grid-template-columns:auto minmax(0,1fr);gap:10px 16px}
  html[data-theme] #content .inventory-page .catalog-toolbar>.inventory-panel-count {grid-column:1;grid-row:1}
  html[data-theme] #content .inventory-page .catalog-toolbar .catalog-search-panel {grid-column:2;grid-row:1}
  html[data-theme] #content .inventory-page .inventory-catalog-controls {grid-column:1/-1;grid-row:2}
  html[data-theme] #content .inventory-page .inventory-boot-toolbar {grid-template-columns:64px minmax(0,1fr);gap:10px 16px;min-height:98px}
  html[data-theme] #content .inventory-page .inventory-boot-toolbar>.inventory-boot-line:last-child {grid-column:1/-1;grid-row:2;width:180px}
}
@container inventory-catalog (max-width:680px) {
  html[data-theme] #content .inventory-page .inventory-boot-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container inventory-catalog (min-width:1150px) {
  html[data-theme] #content .inventory-page .inventory-boot-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media screen and (min-width:1180px) {
  html body:not(.camera-mode):has(#content .inventory-page)>.shell {margin-left:calc(var(--workspace-inset) + var(--desktop-rail-width) + var(--workspace-directory-space));margin-right:var(--workspace-inset);padding-inline:var(--desktop-page-gutter);padding-block:30px 58px}
  html body:not(.camera-mode):has(#content .inventory-page)>.site-header {margin-top:16px;margin-left:calc(var(--workspace-inset) + var(--desktop-rail-width) + var(--workspace-directory-space) + var(--desktop-page-gutter));margin-right:calc(var(--workspace-inset) + var(--desktop-page-gutter))}
  html[data-theme] #content .inventory-page .inventory-hero-body {align-items:last baseline}
  html[data-theme] #content .inventory-page .inventory-summary {align-self:last baseline}
  html[data-theme] #content .inventory-page .inventory-value-emblem {width:64px;height:64px;margin-right:18px}
  html[data-theme] #content .inventory-page .inventory-value-emblem>svg {width:27px;height:27px}
  html[data-theme] #content .inventory-page .inventory-value-amount>strong {font-size:clamp(80px,7.25vw,104px);letter-spacing:-5px}
  html[data-theme] #content .inventory-page .inventory-value-fraction {font-size:48px}
}
@media screen and (min-width:721px) and (max-width:1179px) {
  html[data-theme] body:has(#content .inventory-page) .inventory-boot-primary-actions>span {height:50px}
  html[data-theme] #header .warehouse-context.inventory-boot-context>.inventory-boot-context-field {display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:10px 10px;align-content:center;align-items:center;gap:4px 8px;min-width:0;min-height:44px;padding:6px 12px;border:1px solid var(--erp-line);border-radius:999px;background:var(--erp-surface)}
  html[data-theme] #header .warehouse-context.inventory-boot-context .inventory-boot-circle {display:block;grid-column:1;grid-row:1/3;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--erp-ink) 10%,transparent)}
  html[data-theme] #header .warehouse-context.inventory-boot-context .inventory-boot-line {display:block;grid-column:2;width:min(100%,120px);height:8px;border-radius:999px;background:color-mix(in srgb,var(--erp-ink) 10%,transparent)}
}
@media screen and (max-width:1179px) {
  html[data-theme] #content .inventory-page .inventory-hero {gap:12px}
  html[data-theme] #content .inventory-page .inventory-hero-body {order:0;min-height:0}
  html[data-theme] #content .inventory-page .inventory-hero-context:has(.inventory-boot-context) {display:none}
  html[data-theme] #content .inventory-page .inventory-hero-body:has(.inventory-boot-context) {grid-template-columns:minmax(0,1fr)}
  html[data-theme] #content .inventory-page .catalog-hero.heading {order:1}
  html[data-theme] #content .inventory-page .inventory-primary-actions {justify-content:flex-start}
}
@media screen and (max-width:720px) {
  html[data-theme] body:has(#content [data-inventory-boot])>#header {display:none!important}
}
@media screen and (max-width:700px) {
  html[data-theme] #content .inventory-page .inventory-hero {margin:0 0 18px;gap:12px}
  html[data-theme] #content .inventory-page .inventory-hero-body {display:block}
  html[data-theme] #content .inventory-page .inventory-value-emblem {width:40px;height:40px;margin-right:10px}
  html[data-theme] #content .inventory-page .inventory-value-emblem>svg {width:19px;height:19px}
  html[data-theme] #content .inventory-page .inventory-value-amount>strong {font-size:clamp(48px,16vw,62px);letter-spacing:-3px}
  html[data-theme] #content .inventory-page .inventory-value-currency {font-size:24px;margin-right:5px}
  html[data-theme] #content .inventory-page .inventory-value-fraction {font-size:34px;letter-spacing:-1.4px}
  html[data-theme] #content .inventory-page .inventory-operational-title {font-size:30px;letter-spacing:-1px}
  html[data-theme] #content .inventory-page .inventory-primary-actions {flex-wrap:wrap;gap:6px}
  html[data-theme] #content .inventory-page .inventory-panel-heading h2 {font-size:15px}
  html[data-theme] #content .inventory-page .inventory-category-host {margin-right:0}
  html[data-theme] #content .inventory-page .inventory-category-track {--inventory-category-padding:10px}
  html[data-theme] #content .inventory-page .inventory-category-tab {max-width:210px;padding-inline:10px}
  html[data-theme] #content .inventory-page .inventory-category-scroll {width:32px;min-width:32px}
  html[data-theme] #content .inventory-page .inventory-catalog-body {padding:14px 10px;border-radius:0 20px 20px 20px}
  html[data-theme] #content .inventory-page .catalog-toolbar {margin-bottom:12px}
  html[data-theme] #content .inventory-page .catalog-search-panel .search-wrap input {font-size:16px}
  html[data-theme] #content .inventory-page .inventory-panel-count>strong {font-size:22px}
  html[data-theme] #content .inventory-page .inventory-activity-body {padding:14px 10px;border-radius:20px 0 20px 20px}
  html[data-theme] #content .inventory-page .inventory-activity-list {grid-template-columns:minmax(0,1fr)}
  html[data-theme] #content .inventory-page .inventory-boot-category-values {grid-template-columns:1fr 1fr}
  html[data-theme] #content .inventory-page .inventory-boot-category-values>.inventory-boot-line:last-child {display:none}
  html[data-theme] #content .inventory-page .inventory-boot-toolbar {margin-bottom:12px}
  html[data-theme] #content .inventory-page .inventory-boot-tile {grid-template-columns:32px minmax(0,1fr);min-height:170px;border-radius:18px}
  html[data-theme] #content .inventory-page .inventory-boot-tile>.inventory-boot-circle {width:32px;height:32px}
  html[data-theme] #content .inventory-page .inventory-boot-tile>.inventory-boot-line:last-child {margin-top:52px}
}

@keyframes inventory-board-drift {
  from {transform:translate3d(-3%,-2%,0) rotate(-3deg) scale(1.04)}
  to {transform:translate3d(3%,2%,0) rotate(3deg) scale(1.1)}
}
@media screen and (prefers-reduced-motion:reduce) {
  html[data-theme] #content .inventory-page :is(.inventory-catalog-mesh,.inventory-activity-mesh)::before {animation:none;transform:none;will-change:auto}
}