.mi-items { min-width: 0; color: var(--ds-ink); }
.mi-items-view-actions { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--ds-s-2); }
.mi-items-view-actions > .mi-button { flex: none; }
.mi-items-tools { display: flex; align-items: end; gap: var(--ds-s-3); padding: var(--ds-s-4) var(--ds-gutter); border-bottom: 1px solid var(--ds-line); }
.mi-items-search { flex: 1 1 240px; min-width: 180px; }
.mi-items-search .input { width: 100%; height: 36px; padding: 0 var(--ds-s-3); border: 1px solid var(--ds-field); border-radius: var(--ds-r-md); background: var(--ds-surface); color: var(--ds-ink); font: inherit; }
.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-items-group { width: 220px; flex: 0 0 220px; }
.mi-items-group select, .mi-items-to select { width: 100%; min-height: 36px; padding: 0 var(--ds-s-2); border: 1px solid var(--ds-field); border-radius: var(--ds-r-md); background: var(--ds-surface); color: var(--ds-ink); font: inherit; }
.mi .mi-items-tools .mi-field select, .mi .mi-items-list .mi-field select { min-width: 0; width: 100%; }
.mi-items-filter { display: inline-flex; min-height: 36px; align-items: center; gap: var(--ds-s-2); padding: 0 var(--ds-s-3); border: 1px solid var(--ds-field); border-radius: var(--ds-r-md); background: var(--ds-surface); color: var(--ds-ink-2); font-size: var(--ds-text-sm); white-space: nowrap; cursor: pointer; }
.mi-items-filter.is-active { background: var(--ds-sel-bg); box-shadow: inset 0 0 0 1px var(--ds-selection); color: var(--ds-ink); }
.mi-items-filter input { accent-color: var(--ds-selection); }
.mi-items-list { min-width: 0; overflow-x: auto; }
.mi-items .mi-list-header, .mi-items-row { display: grid; grid-template-columns: minmax(220px, 2.3fr) minmax(88px, .7fr) minmax(105px, .8fr) minmax(110px, .8fr) minmax(96px, .7fr) minmax(200px, 1.5fr); column-gap: var(--ds-s-3); align-items: center; padding: 0 var(--ds-gutter); }
.mi-items .mi-list-header { min-height: 40px; color: var(--ds-ink-3); font-size: var(--ds-text-caps); line-height: var(--ds-lh-caps); font-weight: var(--ds-w-semi); letter-spacing: var(--ds-track-caps); text-transform: uppercase; box-shadow: inset 0 -1px 0 var(--ds-line); }
.mi-items .mi-items-number { text-align: right; font-variant-numeric: tabular-nums; }
.mi-items-group-heading { min-height: 36px; display: flex; align-items: center; padding: 0 var(--ds-gutter); background: var(--ds-wash); color: var(--ds-ink-2); font-size: var(--ds-text-sm); font-weight: var(--ds-w-semi); box-shadow: inset 0 -1px 0 var(--ds-line); }
.mi-items-row { min-height: 60px; box-shadow: inset 0 -0.5px 0 var(--ds-rule); }
.mi-items-row > .mi-items-part { grid-column: 1; }
.mi-items-row.is-open { background: var(--ds-surface); box-shadow: inset 3px 0 0 var(--ds-selection), inset 0 -1px 0 var(--ds-line); }
.mi-items-part { min-width: 0; display: flex; flex-direction: column; padding: var(--ds-s-2) 0; }
.mi-items-name { overflow: hidden; color: var(--ds-ink); font-size: var(--ds-text-base); font-weight: var(--ds-w-semi); line-height: 20px; text-overflow: ellipsis; }
.mi-items-meta { overflow: hidden; color: var(--ds-ink-3); font-size: var(--ds-text-sm); line-height: 17px; text-overflow: ellipsis; white-space: nowrap; }
.mi-items-sep { color: var(--ds-icon); padding: 0 3px; }
.mi-items-muted { color: var(--ds-ink-3); }
.mi-items-status { min-width: 0; }
.mi-items-actions { display: flex; align-items: center; justify-content: end; gap: var(--ds-s-2); white-space: nowrap; }
.mi-items-expansion { padding: var(--ds-s-4) var(--ds-gutter) var(--ds-s-5); background: var(--ds-surface); box-shadow: inset 3px 0 0 var(--ds-selection), inset 0 -1px 0 var(--ds-line); }
.mi-items-expansion-title { margin-bottom: var(--ds-s-3); color: var(--ds-ink-2); font-size: var(--ds-text-sm); font-weight: var(--ds-w-semi); }
.mi-items-form { display: flex; align-items: end; gap: var(--ds-s-3); max-width: 760px; }
.mi-items-form .mi-field { min-width: 150px; }
.mi-items-form .mi-number-wrap input { width: 100%; min-height: 36px; padding: 0 var(--ds-s-2); border: 1px solid var(--ds-field); border-radius: var(--ds-r-md); font: inherit; font-variant-numeric: tabular-nums; }
.mi-items-to { width: 230px; }
.mi-items-submit { min-width: 112px; }
.mi-items-field-error { margin-top: var(--ds-s-2); color: var(--ds-st-late-ink); font-size: var(--ds-text-sm); }
.mi-items-write-line { margin-top: var(--ds-s-3); color: var(--ds-ink-2); font-size: var(--ds-text-sm); }
.mi-items-keyin { display: flex; flex-direction: column; gap: var(--ds-s-1); margin-top: var(--ds-s-2); font-size: var(--ds-text-sm); }
.mi-items-kicker { color: var(--ds-ink-3); font-size: var(--ds-text-sm); font-weight: var(--ds-w-semi); letter-spacing: var(--ds-track-caps); text-transform: uppercase; }
.mi-items-stale { color: var(--ds-st-route-ink); }
.mi-items-pagination { padding: var(--ds-s-3) var(--ds-gutter); }
.mi-items-phone-list { display: none; }
@media (max-width: 759px) {
  .mi-items-tools { align-items: center; flex-wrap: wrap; gap: var(--ds-s-2); padding: var(--ds-s-3) var(--ds-s-3); }
  .mi-items-search { flex: 1 1 100%; width: 100%; min-width: 0; }
  .mi-items-tools > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .mi-items-search .input, .mi-items-group select { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .mi-items-search .input { min-height: 44px; font-size: 16px; }
  .mi-items-group { flex: 1 1 100%; width: 100%; min-width: 0; }
  .mi-items-group select { min-height: 44px; }
  .mi-items-filter { min-height: 44px; padding: 0 var(--ds-s-2); }
  .mi-items .mi-list-header, .mi-items-row { display: none; }
  .mi-items-group-heading { min-height: 38px; padding: 0 var(--ds-s-3); }
  .mi-items-phone-list { display: block; }
  .mi-items-phone-row { box-shadow: inset 0 -0.5px 0 var(--ds-rule); }
  .mi-items-phone-row.is-open { background: var(--ds-surface); box-shadow: inset 3px 0 0 var(--ds-selection), inset 0 -1px 0 var(--ds-line); }
  .mi-items-phone-toggle { display: flex; width: 100%; min-height: 56px; flex-direction: column; justify-content: center; gap: 1px; padding: var(--ds-s-2) var(--ds-s-3); border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
  .mi-items-phone-main { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--ds-s-3); }
  .mi-items-phone-main .mi-items-name { font-size: var(--ds-text-p-body); line-height: var(--ds-lh-p-body); }
  .mi-items-phone-main .mi-items-name { min-width: 0; white-space: nowrap; }
  .mi-items-phone-main > .mi-items-number { flex: none; padding-top: 1px; font-size: var(--ds-text-md); }
  .mi-items-phone-meta { display: block; overflow: hidden; color: var(--ds-ink-3); font-size: var(--ds-text-p-meta); line-height: var(--ds-lh-p-meta); text-overflow: ellipsis; white-space: nowrap; }
  .mi-items-phone-meta .mi-pill { display: inline-flex; vertical-align: middle; }
  .mi-items-phone-actions { padding: 0 var(--ds-s-3); }
  .mi-items-phone-actions .mi-items-actions { justify-content: start; }
  .mi-items-phone-actions .mi-text-action { min-height: 44px; }
  .mi-items-expansion { padding: var(--ds-s-3); margin: var(--ds-s-2) 0 0; }
  .mi-items-form { align-items: stretch; flex-direction: column; flex-wrap: nowrap; gap: var(--ds-s-2); }
  .mi-items-form > * { width: 100%; flex: 0 0 auto; }
  .mi-items-form .mi-field, .mi-items-to { min-width: 0; }
  .mi-items-form .mi-number-wrap { display: flex; width: 100%; }
  .mi-items-form .mi-number-wrap input, .mi-items-to select { min-height: 44px; font-size: 16px; }
  .mi-items-form .mi-button { min-height: 44px; }
  .mi-items-form .mi-text-action { min-height: 44px; }
  .mi-items-meta { font-size: var(--ds-text-p-meta); line-height: var(--ds-lh-p-meta); }
}
@media (max-width: 480px) {
  .mi-loc-items .mi-items-tools { flex-wrap: wrap; }
  .mi-loc-items .mi-items-search { flex: 1 1 100%; width: 100%; min-width: 0; }
  .mi-loc-items .mi-items-phone-toggle { box-sizing: border-box; }
  .mi-loc-items .mi-items-phone-main { width: 100%; flex-wrap: wrap; align-items: flex-start; }
  .mi-loc-items .mi-items-phone-main .mi-items-name { flex: 1; min-width: 0; }
  .mi-loc-items .mi-items-name, .mi-loc-items .mi-items-meta, .mi-loc-items .mi-items-phone-meta { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
  .mi-loc-items .mi-items-phone-actions .mi-items-actions { flex-wrap: wrap; white-space: normal; }
  .mi-loc-items .mi-items-phone-actions .mi-text-action { min-width: var(--ds-touch-h); min-height: var(--ds-touch-h); }
}

.mi-items-list { background: var(--ds-surface); border: var(--ds-rule-hair) solid var(--ds-line); border-radius: var(--ds-r-md); }
.mi-items .mi-list-header { background: var(--ds-surface); }
.mi-items-bad-level { color: var(--ds-bad); }
.mi-items-status .mi-dot { mask: none; -webkit-mask: none; width: var(--ds-s-2); height: var(--ds-s-2); border-radius: var(--ds-r-full); }
.mi-loc .mi-items-tools { padding: 0; border: 0; align-items: center; }
.mi-loc .mi-items-search { flex: 0 1 calc(var(--ds-page-min) / 4); min-width: 0; }
.mi-loc .mi-items-group { flex: 0 1 calc(var(--ds-page-min) / 6); width: auto; }
.mi-loc .mi-items-tools input, .mi-loc .mi-items-tools select { height: var(--ds-control-h); min-height: var(--ds-control-h); }
.mi-items .mi-pill { background: transparent; padding: 0; min-height: auto; }
@media (max-width: 759px) {
  .mi-loc .mi-items-tools { flex-wrap: wrap; }
  .mi-loc .mi-items-search, .mi-loc .mi-items-group { flex: 1 1 100%; }
  .mi-loc .mi-items-tools input, .mi-loc .mi-items-tools select { min-height: var(--ds-touch-h); }
}