.mi-ir-body { max-width: 1040px; padding: var(--ds-s-4) var(--ds-gutter) var(--ds-s-8); color: var(--ds-ink); }
.mi-ir-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-s-3); padding-bottom: var(--ds-s-4); color: var(--ds-ink-2); font-size: var(--ds-text-base); }
.mi-ir-section { padding: var(--ds-s-4) 0; box-shadow: inset 0 1px 0 var(--ds-line); }
.mi-ir-section h2 { margin: 0 0 var(--ds-s-3); font-size: var(--ds-text-md); line-height: 20px; font-weight: var(--ds-w-medium); }
.mi-ir-section h3, .mi-ir-group h3, .mi-ir-notlisted h3 { margin: 0; font-size: var(--ds-text-base); line-height: 20px; font-weight: var(--ds-w-medium); }
.mi-ir-for { display: flex; align-items: center; gap: var(--ds-s-4); font-size: var(--ds-text-base); }
.mi-ir-link { color: var(--ds-ink-2); font-size: var(--ds-text-base); text-decoration: underline; }
.mi-ir-table { width: 100%; }
.mi-ir-head, .mi-ir-part { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(180px, 2fr) 154px 70px minmax(132px, 1fr) 72px; gap: var(--ds-s-2); align-items: center; }
.mi-ir-head { min-height: 36px; color: var(--ds-ink-3); box-shadow: inset 0 -1px 0 var(--ds-line); font-size: var(--ds-text-caps); font-weight: var(--ds-w-semi); }
.mi-ir-part { min-height: 64px; box-shadow: inset 0 -0.5px 0 var(--ds-rule); font-size: var(--ds-text-base); }
.mi-ir-name, .mi-ir-price { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mi-ir-name strong { font-weight: var(--ds-w-medium); }
.mi-ir-name small, .mi-ir-price small, .mi-ir-email, .mi-ir-supplier-info small { color: var(--ds-ink-2); font-size: var(--ds-text-sm); }
.mi-ir-price { align-items: flex-start; }
.mi-ir-mobile-meta { display: none; }
.mi-ir-qty .mi-stepper { max-width: 144px; }
.mi-ir-stock, .mi-ir-qty { font-variant-numeric: tabular-nums; }
.mi-ir-total { display: flex; justify-content: flex-end; gap: var(--ds-s-4); padding: var(--ds-s-3) 0; font-size: var(--ds-text-base); }
.mi-ir-total strong { font-weight: var(--ds-w-semi); }
.mi-ir-add-part { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ds-s-3); padding-top: var(--ds-s-3); }
.mi-ir-add-part label, .mi-ir-inline label, .mi-ir-email-fields label { display: flex; flex-direction: column; gap: var(--ds-s-1); color: var(--ds-ink-2); font-size: var(--ds-text-sm); }
.mi-ir-add-part input, .mi-ir-inline input, .mi-ir-email-fields input, .mi-ir-email-fields textarea, .mi-ir-contact select { min-height: var(--ds-control-h); border: 1px solid var(--ds-field); border-radius: var(--ds-r-md); padding: 0 var(--ds-s-3); background: var(--ds-surface); color: var(--ds-ink); font: inherit; font-size: var(--ds-text-base); }
.mi-ir-email-fields textarea { min-height: 104px; padding: var(--ds-s-2) var(--ds-s-3); resize: vertical; }
.mi-ir-email-fields textarea::placeholder { color: var(--ds-ink-3); opacity: 1; }
.mi-ir-supplier { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ds-s-3); min-height: 56px; padding: var(--ds-s-2) 0; box-shadow: inset 0 -0.5px 0 var(--ds-rule); }
.mi-ir-check { display: flex; align-items: center; gap: var(--ds-s-3); min-height: var(--ds-touch-h); }
.mi-ir-check input { width: 20px; height: 20px; accent-color: var(--ds-action); }
.mi-ir-supplier-name { font-size: var(--ds-text-base); font-weight: var(--ds-w-medium); }
.mi-ir-supplier-info { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--ds-s-2); text-align: right; }
.mi-ir-contact select { max-width: 260px; }
.mi-ir-supplier-info .mi-pill { flex: none; }
.mi-ir-supplier-info small { flex-basis: 100%; }
.mi-ir-inline { display: flex; align-items: end; gap: var(--ds-s-3); padding: var(--ds-s-3) 0; }
.mi-ir-inline label { flex: 1; }
.mi-ir-notlisted { margin-top: var(--ds-s-4); padding-top: var(--ds-s-3); box-shadow: inset 0 1px 0 var(--ds-line); }
.mi-ir-notlisted h3 { margin-bottom: var(--ds-s-2); }
.mi-ir-notlisted .mi-text-action { margin-right: var(--ds-s-3); }
.mi-ir-email-fields { display: grid; grid-template-columns: 1fr; gap: var(--ds-s-3); max-width: 640px; }
.mi-ir-email-fields input { width: 100%; }
.mi-ir-banner { display: flex; align-items: center; gap: var(--ds-s-3); margin-bottom: var(--ds-s-3); padding: var(--ds-s-3); border-radius: var(--ds-r-md); background: var(--ds-tint); color: var(--ds-ink-2); font-size: var(--ds-text-base); }
.mi-ir-reason { margin: calc(-1 * var(--ds-s-3)) 0 var(--ds-s-3); color: var(--ds-ink-2); font-size: var(--ds-text-sm); }
.mi-ir-group { padding: var(--ds-s-3) 0; }
.mi-ir-group h3 { margin-bottom: var(--ds-s-2); }
.mi-ir-preview { padding: var(--ds-s-4) 0; box-shadow: inset 0 -1px 0 var(--ds-line); }
.mi-ir-preview dl { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: var(--ds-s-2); margin: 0 0 var(--ds-s-4); font-size: var(--ds-text-base); }
.mi-ir-preview dt { color: var(--ds-ink-3); }
.mi-ir-preview dd { margin: 0; overflow-wrap: anywhere; }
.mi-ir-preview pre { margin: 0; white-space: pre-wrap; font-family: var(--ds-font); font-size: var(--ds-text-base); line-height: 20px; }
.mi-ir-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mi-ir-frame-actions { display: flex; justify-content: flex-end; gap: var(--ds-s-2); padding: var(--ds-s-3) var(--ds-s-4); }
.mi-ir-field-error { color: var(--ds-bad-ink); font-size: var(--ds-text-sm); }
@media (max-width: 759px) {
  .mi-ir-body { padding: var(--ds-s-3) var(--ds-s-4) calc(var(--ds-s-8) + var(--ds-phone-bar-h)); }
  .mi-ir-actions { align-items: flex-start; font-size: var(--ds-text-p-body); }
  .mi-ir-section { padding: var(--ds-s-3) 0; }
  .mi-ir-section h2 { font-size: var(--ds-text-p-meta); }
  .mi-ir-head { display: none; }
  .mi-ir-part { grid-template-columns: minmax(0, 1fr) auto; gap: var(--ds-s-1) var(--ds-s-3); padding: var(--ds-s-2) 0; }
  .mi-ir-typed, .mi-ir-stock, .mi-ir-price { display: none; }
  .mi-ir-name { grid-column: 1; grid-row: 1; }
  .mi-ir-qty { grid-column: 2; grid-row: 1; }
  .mi-ir-remove { grid-column: 2; grid-row: 2; justify-self: end; }
  .mi-ir-part > .mi-ir-remove { display: none; }
  .mi-ir-mobile-meta { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: nowrap; align-items: center; gap: 0 var(--ds-s-2); min-width: 0; color: var(--ds-ink-2); font-size: var(--ds-text-p-meta); }
  .mi-ir-mobile-meta > span { display: inline-flex; gap: var(--ds-s-1); align-items: center; white-space: nowrap; }
  .mi-ir-mobile-meta > span:first-child { display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .mi-ir-mobile-meta > span:last-child { flex: none; margin-left: auto; }
  .mi-ir-mobile-meta small { font-size: var(--ds-text-p-meta); }
  .mi-ir-body .mi-text-action, .mi-ir-body .mi-button { min-height: var(--ds-touch-h); }
  .mi-ir-qty .mi-stepper-button, .mi-ir-qty .mi-stepper input { min-height: var(--ds-touch-h); min-width: 44px; font-size: var(--ds-text-p-body); }
  .mi-ir-check, .mi-ir-check input { min-height: var(--ds-touch-h); }
  .mi-ir-check input { width: 24px; height: 24px; }
  .mi-ir-supplier { flex-direction: column; gap: 0; }
  .mi-ir-supplier-info { justify-content: flex-start; text-align: left; }
  .mi-ir-supplier-info small { flex-basis: auto; }
  .mi-ir-contact { width: 100%; }
  .mi-ir-contact select { width: 100%; min-height: var(--ds-touch-h); font-size: var(--ds-text-p-body); }
  .mi-ir-add-part { align-items: stretch; flex-direction: column; }
  .mi-ir-add-part input, .mi-ir-inline input, .mi-ir-email-fields input, .mi-ir-email-fields textarea { min-height: var(--ds-touch-h); font-size: var(--ds-text-p-body); }
  .mi-ir-email-fields textarea { min-height: 120px; }
  .mi-ir-inline { align-items: stretch; flex-direction: column; }
  .mi-ir-preview dl { grid-template-columns: 72px minmax(0, 1fr); }
  .mi-ir-frame-actions { flex-direction: column; padding: var(--ds-s-3) var(--ds-s-4); }
  .mi-ir-frame-actions .mi-button, .mi-ir-frame-actions .mi-button-primary { width: 100%; min-height: 44px; }
}