/* Inventory and product editing share the established clear/dark operational tokens. */
.app-shell .mh-inventory-tools, .app-shell .mh-inventory-product-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.app-shell .mh-inventory-tools { margin-bottom: 24px; }
.app-shell .mh-inventory-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 260px); gap: 16px; }
.app-shell .mh-inventory-toolbar label { display: grid; gap: 7px; font-size: .82rem; font-weight: 750; }
.app-shell .mh-inventory-toolbar :is(input, select) { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid var(--core-line); border-radius: 10px; color: var(--core-ink); background: var(--core-surface); font: inherit; font-weight: 500; caret-color: var(--core-accent); }
.app-shell .mh-inventory-toolbar input::placeholder { color: var(--core-muted); opacity: 1; }
.app-shell #mhInventoryCount { margin: 12px 0; min-height: 1.5em; font-size: .8rem; }
.app-shell .mh-inventory-list { display: grid; gap: 14px; }
.app-shell .mh-inventory-product { padding: 22px; border: 1px solid var(--core-line); border-radius: 14px; background: var(--core-surface); color: var(--core-ink); }
.app-shell .mh-inventory-product-main { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, 1fr) auto; align-items: start; gap: 24px; }
.app-shell .mh-inventory-identify { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 16px; min-width: 0; }
.app-shell .mh-inventory-photo { display: grid; place-items: center; width: 76px; height: 76px; background: var(--core-surface-soft); border-radius: 8px; overflow: hidden; }
.app-shell .mh-inventory-photo img { width: 100%; height: 100%; object-fit: contain; }
.app-shell .mh-inventory-photo span { color: var(--core-muted); font-size: .72rem; }
.app-shell .mh-inventory-product h2 { margin: 0 0 5px; font-size: 1.05rem; letter-spacing: -.015em; line-height: 1.4; overflow-wrap: anywhere; }
.app-shell .mh-inventory-identify p { margin: 4px 0; color: var(--core-muted); font-size: .8rem; line-height: 1.5; overflow-wrap: anywhere; }
.app-shell .mh-inventory-identify .mh-inventory-sku { color: var(--core-ink); font-weight: 750; font-size: .76rem; }
.app-shell .mh-inventory-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 24px; margin: 0; }
.app-shell .mh-inventory-values dt { color: var(--core-muted); font-size: .76rem; line-height: 1.5; }
.app-shell .mh-inventory-values dd { margin: 3px 0 0; font-size: .9rem; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.app-shell .mh-inventory-values > div:first-child dd { font-size: 1.12rem; }
.app-shell .mh-inventory-state { padding: 5px 8px; border: 1px solid var(--core-line); border-radius: 6px; font-size: .72rem; font-weight: 750; }
.app-shell .mh-inventory-state[data-active="false"] { color: var(--core-muted); }
.app-shell .mh-inventory-product-actions { margin-top: 20px; }
.app-shell .mh-inventory-workspace .btn { min-height: 44px !important; }
.app-shell .mh-inventory-movements { border-top: 1px solid var(--core-line); margin-top: 18px; font-size: .82rem; }
.app-shell .mh-inventory-movements summary { padding: 14px 0 2px; color: var(--core-accent); font-weight: 750; cursor: pointer; }
.app-shell .mh-inventory-movements summary:active { color: var(--core-ink); }
.app-shell .mh-inventory-movements ol { max-height: 360px; overflow: auto; list-style: none; padding: 0 8px 0 0; margin: 12px 0 0; }
.app-shell .mh-inventory-movements li { display: flex; justify-content: space-between; gap: 24px; padding: 14px 0; border-bottom: 1px solid var(--core-line); }
.app-shell .mh-inventory-movements li > div { min-width: 0; }
.app-shell .mh-inventory-movements span { display: block; color: var(--core-muted); margin: 3px 0; font-size: .76rem; }
.app-shell .mh-inventory-movements p { margin: 6px 0; }
.app-shell .mh-inventory-movements small { color: var(--core-muted); font-size: .75rem; }
.app-shell .mh-inventory-movements :is(p, small) { overflow-wrap: anywhere; }
.app-shell .mh-inventory-movements b { font-size: 1rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.app-shell .mh-inventory-empty { padding: 28px 0; }
.app-shell .mh-inventory-empty h2 { font-size: 1.1rem; margin: 0 0 8px; }
.app-shell .mh-inventory-empty p { color: var(--core-muted); font-size: .9rem; }
.mh-modal:has(.mh-product-editor) { width: min(920px, calc(100vw - 32px)); max-width: 920px; }
.mh-product-editor fieldset { border: 0; padding: 0 0 24px; margin: 0 0 24px; border-bottom: 1px solid var(--core-line); min-width: 0; }
.mh-product-editor fieldset:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.mh-product-editor legend { font-size: 1rem; font-weight: 850; margin-bottom: 14px; padding: 0; color: var(--core-ink); }
.mh-product-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mh-product-fields .mh-product-full { grid-column: 1 / -1; }
.mh-modal .mh-product-editor label { min-width: 0; font-size: .84rem; color: var(--core-ink); }
.mh-modal .mh-product-editor :is(input, textarea, select) { width: 100%; box-sizing: border-box; }
.mh-product-editor textarea { resize: vertical; min-height: 76px; }
.mh-product-editor .mh-help { font-size: .8rem; line-height: 1.6; margin: 12px 0 0; }
@media (hover: hover) and (pointer: fine) {
  .app-shell .mh-inventory-movements summary:hover { text-decoration: underline; text-underline-offset: 4px; }
}
@media (max-width: 1200px) {
  .app-shell .mh-inventory-product-main { grid-template-columns: minmax(0, 1fr) auto; }
  .app-shell .mh-inventory-values { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .app-shell .mh-inventory-state { grid-column: 2; grid-row: 1; }
}
@media (max-width: 700px) {
  .app-shell .mh-inventory-product { padding: 18px 14px; }
  .app-shell .mh-inventory-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-shell .mh-inventory-identify { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; }
  .app-shell .mh-inventory-photo { width: 56px; height: 56px; }
  .app-shell .mh-inventory-toolbar, .mh-product-fields { grid-template-columns: minmax(0, 1fr); }
}