.mi .mi-ce { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ds-s-6); align-items: start; min-width: 0; padding: var(--ds-s-4) var(--ds-gutter) var(--ds-s-8); }
.mi .mi-ce.has-side { grid-template-columns: minmax(0, 1fr) 280px; }
.mi .mi-ce-body { display: grid; gap: var(--ds-s-5); min-width: 0; }
.mi .mi-ce-head { display: grid; gap: var(--ds-s-1); }
.mi .mi-ce-head p,.mi .mi-ce-body > p { margin: 0; }
.mi .mi-ce-meta { color: var(--ds-ink-2); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.mi .mi-ce-counter { color: var(--ds-ink); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); font-weight: var(--ds-w-medium); font-variant-numeric: var(--ds-nums); }
.mi .mi-ce-message { color: var(--ds-st-late-ink); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.mi .mi-ce-message[hidden],.mi .mi-ce-field-error[hidden],.mi .mi-ce-line-error[hidden],.mi .mi-ce-search[hidden] { display: none; }
.mi .mi-ce-banner { display: flex; align-items: center; gap: var(--ds-s-2); padding: var(--ds-s-3) var(--ds-s-4); border-radius: var(--ds-r-md); background: var(--ds-st-route-bg); color: var(--ds-ink-2); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }

.mi .mi-ce-who { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ds-s-4); align-items: start; padding-bottom: var(--ds-s-4); border-bottom: 1px solid var(--ds-line); }
.mi .mi-ce-who-field { min-width: 0; }
.mi .mi-ce-who .mi-field select { min-width: 0; width: 100%; }
.mi .mi-ce-date { 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); color: var(--ds-ink); font-family: var(--ds-font); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.mi .mi-ce-date:focus-visible,.mi .mi-ce-find-input:focus-visible { outline: var(--ds-focus-w) solid var(--ds-focus); outline-offset: var(--ds-focus-off); }
.mi .mi-ce-read { display: flex; flex-direction: column; gap: var(--ds-s-1); }
.mi .mi-ce-read-label { color: var(--ds-ink-2); font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); font-weight: var(--ds-w-medium); }
.mi .mi-ce-read-value { display: flex; align-items: center; min-height: var(--ds-control-h); color: var(--ds-ink); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.mi .mi-ce-field-error,.mi .mi-ce-line-error { color: var(--ds-st-late-ink); font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); font-weight: var(--ds-w-regular); }

.mi .mi-ce-lines { display: grid; gap: var(--ds-s-5); }
.mi .mi-ce-group-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ds-s-3); padding-bottom: var(--ds-s-2); border-bottom: 1px solid var(--ds-line); }
.mi .mi-ce-group-head h2 { margin: 0; color: var(--ds-ink); font-size: var(--ds-text-md); line-height: var(--ds-lh-md); font-weight: var(--ds-w-semi); }
.mi .mi-ce-aside { color: var(--ds-ink-3); font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); }
.mi .mi-ce-table .mi-list-header,.mi .mi-ce-row { display: grid; grid-template-columns: minmax(0, 1fr) 132px 196px; column-gap: var(--ds-s-3); align-items: center; }
.mi .mi-ce-table.has-moved .mi-list-header,.mi .mi-ce-table.has-moved .mi-ce-row { grid-template-columns: minmax(0, 1fr) 132px 196px 184px; }
.mi .mi-ce-table .mi-list-header { padding: var(--ds-s-2) 0; }
.mi .mi-ce-row { min-height: var(--ds-row-h); padding: var(--ds-s-1) 0; border-bottom: var(--ds-rule-hair) solid var(--ds-line); color: var(--ds-ink-2); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.mi .mi-ce-row.is-invalid { background: var(--ds-st-late-bg); }
.mi .mi-ce-cell { min-width: 0; }
.mi .mi-ce-name { color: var(--ds-ink); font-weight: var(--ds-w-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mi .mi-ce-partno { color: var(--ds-ink-3); font-family: var(--ds-mono); font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mi .mi-ce-count { display: flex; align-items: center; justify-content: flex-end; gap: var(--ds-s-2); }
.mi .mi-ce-count .mi-field { flex-direction: row; align-items: center; gap: 0; }
.mi .mi-ce-count .mi-field-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mi .mi-ce-count .mi-number-wrap input { width: 88px; text-align: right; padding: 0 var(--ds-s-3); }
.mi .mi-ce-count .mi-ce-line-error { white-space: nowrap; }
.mi .mi-ce-row.is-invalid .mi-number-wrap { box-shadow: inset 0 0 0 1px var(--ds-st-late); }
.mi .mi-ce-moved { text-align: right; font-variant-numeric: var(--ds-nums); white-space: nowrap; color: var(--ds-ink-2); }

.mi .mi-ce-foot { display: grid; gap: var(--ds-s-3); }
.mi .mi-ce-hint { margin: 0; color: var(--ds-ink-3); font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); }
.mi .mi-ce-add { display: grid; gap: var(--ds-s-2); justify-items: start; }
.mi .mi-ce-search { display: grid; gap: var(--ds-s-2); width: 100%; max-width: 560px; }
.mi .mi-ce-find { width: 100%; }
.mi .mi-ce-find-input { 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); color: var(--ds-ink); font-family: var(--ds-font); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.mi .mi-ce-results { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ds-line); }
.mi .mi-ce-result { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-s-2); width: 100%; min-height: var(--ds-row-h); padding: var(--ds-s-2) var(--ds-s-3); border: 0; border-bottom: var(--ds-rule-hair) solid var(--ds-line); background: transparent; color: var(--ds-ink); font-family: var(--ds-font); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); text-align: left; cursor: pointer; }
.mi .mi-ce-result:hover { background: var(--ds-paper-hover); }
.mi .mi-ce-result:focus-visible { outline: var(--ds-focus-w) solid var(--ds-focus); outline-offset: calc(-1 * var(--ds-focus-w)); }
.mi .mi-ce-result-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mi .mi-ce-muted,.mi .mi-ce-notice { margin: 0; color: var(--ds-ink-2); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }

.mi .mi-ce-side { position: sticky; top: var(--ds-s-4); display: grid; gap: var(--ds-s-3); padding: var(--ds-s-4); border-radius: var(--ds-r-lg); background: var(--ds-surface); box-shadow: inset 0 0 0 1px var(--ds-line); }
.mi .mi-ce-side h2 { margin: 0; color: var(--ds-ink); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); font-weight: var(--ds-w-semi); }

.mi .mi-ce-picker .mi-ce-target select { min-width: 320px; }
.mi .mi-ce-dialog-text { margin: 0; color: var(--ds-ink); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }

@media (max-width: 759px) {
  .mi .mi-ce.has-side { grid-template-columns: minmax(0, 1fr); }
  .mi .mi-ce-side { display: none; }
  .mi .mi-ce-who { grid-template-columns: minmax(0, 1fr); }
  .mi .mi-ce .mi-ce-date,.mi .mi-ce .mi-ce-find-input { min-height: var(--ds-touch-h); font-size: var(--ds-text-p-body); line-height: var(--ds-lh-p-body); }
}
@media (prefers-reduced-motion: reduce) {
  .mi .mi-ce-result { transition: none; }
}