.mi-stock-ng{display:flex;flex-direction:column;gap:var(--ds-s-3);min-width:0}
.mi-ng-summary,.mi-ng-reason,.mi-ng-carry{margin:0;color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-ng-reason{color:var(--ds-ink-2)}
.mi-ng-reason-inline{align-self:center;color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-ng-grid{display:grid;grid-template-columns:minmax(220px,2fr) minmax(76px,.55fr) minmax(108px,.8fr) minmax(210px,1.65fr) minmax(120px,1fr);align-items:center;gap:var(--ds-s-2)}
.mi-ng-rows{display:flex;flex-direction:column}
.mi-ng-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(76px,.55fr) minmax(108px,.8fr) minmax(210px,1.65fr) minmax(120px,1fr);align-items:center;gap:var(--ds-s-2);padding:var(--ds-s-2) 0;border-bottom:.5px solid var(--ds-line)}
.mi-ng-part{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px}
.mi-ng-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-weight:var(--ds-w-medium)}
.mi-ng-meta{color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-ng-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mi-ng-picker{min-width:0}
.mi .mi-stock-ng .mi-list-header{grid-template-columns:minmax(220px,2fr) minmax(76px,.55fr) minmax(108px,.8fr) minmax(210px,1.65fr) minmax(120px,1fr)}
.mi-ng-row{padding:var(--ds-s-2) var(--ds-gutter)}
.mi-ng-picker{display:flex;align-items:center;gap:var(--ds-s-2);flex-wrap:wrap}
.mi-ng-picker label{flex:1 0 100%;min-width:0}
.mi .mi-ng-picker select{width:100%;min-height:var(--ds-control-h);padding:0 var(--ds-s-3);border:0;border-radius:var(--ds-r-md);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-field);font-size:var(--ds-text-base)}
.mi .mi-ng-picker select:focus-visible{outline:var(--ds-focus-w) solid var(--ds-focus);outline-offset:var(--ds-focus-off)}
.mi-ng-status{display:flex;flex-wrap:wrap;gap:var(--ds-s-1);align-items:center}
.mi-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mi-ng-heading{margin:0;font-size:var(--ds-text-md);line-height:var(--ds-lh-md);font-weight:var(--ds-w-semi)}
.mi-ng-dupe{display:flex;flex-direction:column;gap:var(--ds-s-2);padding:var(--ds-s-3);border:1px solid var(--ds-line);border-radius:var(--ds-r-md);background:var(--ds-surface)}
.mi-ng-dupe header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-s-2)}
.mi-ng-dupe h2{margin:0;font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-weight:var(--ds-w-semi)}
.mi-ng-dupe header>span,.mi-ng-dupe-item>span{color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-ng-dupe-item{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(95px,.5fr) minmax(190px,1fr) minmax(105px,.6fr) minmax(150px,.8fr);align-items:center;gap:var(--ds-s-2);padding:var(--ds-s-2) 0;border-bottom:.5px solid var(--ds-line)}
.mi-ng-dupe-flags{display:flex;align-items:center;gap:var(--ds-s-1)}
.mi-ng-dupe-flags .mi-pill{justify-self:start;align-self:center}
.mi-ng-dupe-foot{display:flex;align-items:center;gap:var(--ds-s-2)}
.mi-ng-error{margin:0;color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-ng-key-in{display:flex;flex-direction:column;gap:var(--ds-s-1);padding-top:var(--ds-s-2)}
.mi-ng-dupe .mi-segmented{align-self:flex-start}
.mi-ng-carry{padding-top:var(--ds-s-1)}
.mi-ng-merge{display:flex;align-items:center;gap:var(--ds-s-2);min-height:44px;font-size:var(--ds-text-sm)}
.mi-ng-merge input{width:20px;height:20px}
@media(max-width:759px){
  .mi-ng-grid{grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-s-1) var(--ds-s-2)}
  .mi-ng-grid.mi-list-header{display:none}
  .mi-ng-row{grid-template-columns:minmax(0,1fr);padding:var(--ds-s-3) var(--ds-gutter)}
  .mi-ng-part{grid-column:1/-1}
  .mi-ng-num{grid-column:1;text-align:left}
  .mi-ng-onhand:before{content:"On hand · ";color:var(--ds-ink-3)}
  .mi-ng-value:before{content:"Value · ";color:var(--ds-ink-3)}
  .mi-ng-picker{grid-column:1/-1;grid-row:auto;flex-wrap:wrap}
  .mi-ng-picker label{flex-basis:100%}
  .mi .mi-ng-picker select{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body)}
  .mi-ng-status{grid-column:1/-1}
  .mi-ng-dupe{padding:var(--ds-s-2)}
  .mi-ng-dupe header{align-items:flex-start;flex-direction:column}
  .mi-ng-dupe-item{grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-s-1)}
  .mi-ng-dupe-flags .mi-pill{justify-self:start}
  .mi-ng-dupe-foot{align-items:flex-start;flex-wrap:wrap}
  .mi-ng-dupe-item>span:nth-child(3){grid-column:1/-1}
  .mi-ng-dupe .mi-segmented{width:100%}
}
@media(prefers-reduced-motion:reduce){.mi-stock-ng *{scroll-behavior:auto}}

.mi-stock-ng:not(.mi-stock-ng-duplicates) { background: var(--ds-surface); border: var(--ds-rule-hair) solid var(--ds-line); border-radius: var(--ds-r-md); }
.mi-stock-ng .mi-list-header { background: var(--ds-surface); }
.mi-stock-ng .mi-pill { background: transparent; padding: 0; min-height: auto; }
.mi-ng-summary { padding: 0 var(--ds-s-3); }
