.mi-levels{min-width:0;color:var(--ds-ink)}
.mi-level-tools{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(180px,1fr) auto auto auto;align-items:end;gap:var(--ds-s-3);padding:var(--ds-s-4) var(--ds-gutter);border-bottom:1px solid var(--ds-line)}
.mi-level-tools .mi-field{min-width:0;margin:0}
.mi-level-tools input,.mi-level-tools select,.mi-level-section select{width:100%;min-width:0;min-height:var(--ds-control-h);padding:0 var(--ds-s-2);border:1px solid var(--ds-field);border-radius:var(--ds-r-md);background:var(--ds-surface);font-size:var(--ds-text-base)}
.mi-level-tools .mi-field-label,.mi-level-section .mi-field-label{display:block;margin-bottom:var(--ds-s-1);color:var(--ds-ink-3);font-size:var(--ds-text-sm)}
.mi-level-check{display:flex;align-items:center;gap:var(--ds-s-2);min-height:var(--ds-control-h);white-space:nowrap;color:var(--ds-ink-2);font-size:var(--ds-text-base)}
.mi-level-check input{width:16px;height:16px;accent-color:var(--ds-action)}
.mi-level-approved,.mi-level-summary{padding:var(--ds-s-3) var(--ds-gutter);border-bottom:var(--ds-rule-hair) solid var(--ds-rule);color:var(--ds-ink-2);font-size:var(--ds-text-base)}
.mi-level-summary{color:var(--ds-ink);font-weight:var(--ds-w-medium)}
.mi-level-columns .mi-list-header,.mi-level-row{grid-template-columns:minmax(380px,3fr) minmax(90px,.75fr) minmax(60px,.5fr) minmax(90px,.7fr) minmax(100px,.8fr) minmax(110px,.9fr) minmax(60px,.5fr);column-gap:var(--ds-s-3)}
.mi-level-columns .mi-list-header{padding-right:var(--ds-gutter);padding-left:var(--ds-gutter)}
.mi-level-list-frame{min-width:0}
.mi-level-group h3,.mi-level-subgroup h4{margin:0;padding:var(--ds-s-2) var(--ds-gutter);color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);font-weight:var(--ds-w-medium)}
.mi-level-group h3{border-bottom:1px solid var(--ds-line);color:var(--ds-ink-2)}
.mi-level-subgroup h4{padding-top:var(--ds-s-3);padding-bottom:var(--ds-s-1)}
.mi-level-row{display:grid;align-items:center;min-height:calc(var(--ds-row-h) + 1px);padding:var(--ds-s-2) var(--ds-gutter);border-bottom:var(--ds-rule-hair) solid var(--ds-rule)}
.mi-level-part{display:flex;min-width:0;flex-direction:column;gap:var(--ds-s-1)}
.mi-level-name{overflow:hidden;color:var(--ds-ink);font-size:var(--ds-text-md);line-height:var(--ds-lh-md);font-weight:var(--ds-w-medium);text-overflow:ellipsis;white-space:nowrap}
.mi-level-note,.mi-level-partno,.mi-level-onhand{color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-level-note{white-space:normal;overflow-wrap:anywhere}
.mi-level-onhand{text-align:right;font-variant-numeric:var(--ds-nums)}
.mi-level-field{min-width:0}
.mi-level-field .mi-field{display:block;margin:0}
.mi-level-field .mi-field-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mi-level-caption{display:none}
.mi-level-field .mi-number-wrap{display:flex;align-items:center;min-width:0}
.mi-level-field input{width:100%;min-width:0;min-height:var(--ds-control-h);padding:0 var(--ds-s-2);border:1px solid var(--ds-field);border-radius:var(--ds-r-md);background:var(--ds-surface);font-size:var(--ds-text-base);text-align:right}
.mi-level-field input[aria-invalid="true"]{border:1px solid var(--ds-st-late)}
.mi-level-field .mi-unit{flex:none;margin-left:var(--ds-s-1);color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
.mi-level-status{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--ds-s-1)}
.mi-level-gm-note,.mi-field-error{color:var(--ds-st-late-ink);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-level-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-s-1)}
.mi-level-row-result{grid-column:1/-1;padding-top:var(--ds-s-1)}
.mi-level-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-s-2)}
.mi-level-section{min-width:220px;margin:0}
.mi-level-section select{display:block}
.mi-level-row.is-changed{background:var(--ds-wash)}
.mi-level-failure{padding:var(--ds-s-3) var(--ds-gutter);color:var(--ds-st-late-ink)}
.mi-level-failure.is-warn{color:var(--ds-st-route-ink)}
.mi-key-in-title{color:var(--ds-ink-3);font-size:var(--ds-text-p-meta);font-weight:var(--ds-w-medium);text-transform:uppercase}
.mi-key-in-lines{display:grid;gap:var(--ds-s-1);padding-top:var(--ds-s-1)}
@media(max-width:759px){
  .mi-level-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:var(--ds-s-2);padding:var(--ds-s-3) var(--ds-s-3)}
  .mi-level-search,.mi-level-group{grid-column:1/-1}
  .mi-level-tools .mi-field-label{font-size:var(--ds-text-p-meta)}
  .mi-level-tools input,.mi-level-tools select,.mi-level-section select{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body)}
  .mi-level-check{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body)}
  .mi-level-check input{width:20px;height:20px}
  .mi-level-columns .mi-list-header{display:none}
  .mi-level-group h3,.mi-level-subgroup h4{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-level-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ds-s-2);padding:var(--ds-s-3)}
  .mi-level-part{grid-column:1/-1}
  .mi-level-name{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi-level-note,.mi-level-partno,.mi-level-onhand{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-level-partno{text-align:left}
  .mi-level-onhand{text-align:right}
  .mi-level-field input{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi-level-caption{display:block;margin-bottom:var(--ds-s-1);color:var(--ds-ink-2);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-level-field .mi-unit{font-size:var(--ds-text-p-meta)}
  .mi-level-status,.mi-level-row-actions{min-height:var(--ds-touch-h);justify-content:center}
  .mi-level-gm-note,.mi-field-error{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-level-row-result{grid-column:1/-1}
  .mi-level-actions{gap:var(--ds-s-2)}
  .mi-level-actions .mi-button{min-height:var(--ds-touch-h)}
  .mi-level-section{width:100%;min-width:0}
  .mi-level-approved,.mi-level-summary{padding:var(--ds-s-3);font-size:var(--ds-text-p-body)}
}
/* Search hides rows with the hidden attribute; the display:grid/flex rules above must not show them again. */
.mi-level-row[hidden],.mi-level-subgroup[hidden],.mi-level-group[hidden]{display:none}

.mi-level-list-frame { background: var(--ds-surface); border: var(--ds-rule-hair) solid var(--ds-line); border-radius: var(--ds-r-md); }
.mi-level-columns .mi-list-header { background: var(--ds-surface); }
