.mi .mi-sq-rail{display:flex;flex-direction:column;min-height:100%;background:var(--ds-surface)}
.mi .mi-sq-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-s-2);padding:var(--ds-s-3) var(--ds-s-4);border-bottom:1px solid var(--ds-line)}
.mi .mi-sq-filters .mi-segmented{flex-wrap:wrap}
.mi .mi-sq-scope{color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
.mi .mi-sq-groups{min-height:0;flex:1;overflow:auto}
.mi .mi-sq-day h2{margin:var(--ds-s-4) var(--ds-s-4) var(--ds-s-2);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}
.mi .mi-sq-rail-row{position:relative}
.mi .mi-sq-rail-row .mi-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding-right:var(--ds-s-4)}
.mi .mi-sq-rail-row .mi-row-main{grid-column:1;grid-row:1 / span 2}
.mi .mi-sq-rail-row .mi-row-quantity{grid-column:2;grid-row:1;align-self:start;padding-top:var(--ds-s-1);font-size:var(--ds-text-base);white-space:nowrap}
.mi .mi-sq-rail-row .mi-row-status{grid-column:2;grid-row:2;align-self:end;white-space:nowrap}
.mi .mi-sq-rail-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-s-2);padding:var(--ds-s-3) var(--ds-s-4);border-top:1px solid var(--ds-line);color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
.mi.mi-shell:has([data-mi-screen="quotes/supplier"]) .mi-main-head{display:none}
.mi.mi-shell:has(.mi-sq-rail) .mi-rail-actions{display:none}
.mi .mi-sq-detail{margin:0 auto}
.mi .mi-sq-byline h2{margin:0 0 var(--ds-s-1);font-family:var(--ds-display);font-size:var(--ds-text-d2);line-height:var(--ds-lh-d2);font-weight:var(--ds-w-semi)}
.mi .mi-sq-review-actions{display:flex;align-items:center;gap:var(--ds-s-2);flex:none}
.mi .mi-sq-byline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-s-4);padding:var(--ds-s-2) 0 var(--ds-s-4)}
.mi .mi-sq-byline p{margin:0;color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi .mi-sq-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-s-3);margin-bottom:var(--ds-s-3)}
.mi .mi-sq-card{margin-top:0;overflow:auto;border-radius:var(--ds-r-lg);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-line)}
.mi .mi-sq-card>h2{margin:0;padding:var(--ds-s-4) var(--ds-s-5);border-bottom:1px solid var(--ds-line);font-size:var(--ds-text-md);line-height:var(--ds-lh-md);font-weight:var(--ds-w-semi)}
.mi .mi-sq-table{min-width:calc(var(--ds-s-12) * 17)}
.mi .mi-sq-table .mi-list-header,.mi .mi-sq-line-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) repeat(4,minmax(0,.8fr)) minmax(0,1fr) minmax(0,1.2fr);column-gap:var(--ds-s-3);align-items:center}
.mi .mi-sq-table.has-compare{min-width:calc(var(--ds-s-12) * 20)}
.mi .mi-sq-table.has-compare .mi-list-header,.mi .mi-sq-table.has-compare .mi-sq-line-content{grid-template-columns:minmax(0,1fr) minmax(0,2fr) repeat(4,minmax(0,.8fr)) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr)}
.mi .mi-sq-table:not(.has-compare) .mi-sq-compare{display:none}
.mi .mi-sq-table .mi-list-header{padding:0 var(--ds-s-5)}
.mi .mi-sq-table .mi-list-header .mi-col-num{text-align:right}
.mi .mi-sq-line{padding:var(--ds-s-4) var(--ds-s-5);border-bottom:1px solid var(--ds-hair)}
.mi .mi-sq-line:last-child{border-bottom:0}
.mi .mi-sq-line-item{display:flex;flex-direction:column;gap:var(--ds-s-1);min-width:0;color:var(--ds-ink);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi .mi-sq-line-item>span{overflow-wrap:anywhere}
.mi .mi-sq-line-item code{font-family:var(--ds-mono);font-size:var(--ds-text-sm);overflow-wrap:anywhere}
.mi .mi-sq-line-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-s-2)}
.mi .mi-sq-line-item small,.mi .mi-sq-search-row small{color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi .mi-sq-qty,.mi .mi-sq-price,.mi .mi-sq-last-cost,.mi .mi-sq-total,.mi .mi-sq-availability,.mi .mi-sq-compare{color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi .mi-sq-qty,.mi .mi-sq-price,.mi .mi-sq-last-cost,.mi .mi-sq-total{text-align:right;white-space:nowrap}
.mi .mi-sq-price,.mi .mi-sq-total{color:var(--ds-ink)}
.mi .mi-sq-price.is-above-cost{color:var(--ds-warn-ink)}
.mi .mi-sq-catalog{min-width:0}
.mi .mi-sq-part{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-s-2);color:var(--ds-ink);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi .mi-sq-part>span:first-child{overflow-wrap:anywhere}
.mi .mi-sq-actions{display:flex;align-items:center;gap:var(--ds-s-2)}
.mi .mi-sq-search{display:block;margin-bottom:var(--ds-s-4)}
.mi .mi-sq-search input{width:100%;min-height:var(--ds-control-h);margin-top:var(--ds-s-1);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:inherit}
.mi .mi-sq-search-results{display:flex;flex-direction:column}
.mi .mi-sq-search-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-s-3);padding:var(--ds-s-3) 0;border-bottom:1px solid var(--ds-hair)}
.mi .mi-sq-search-row>div{display:flex;flex-direction:column;gap:var(--ds-s-1);min-width:0}
.mi .mi-sq-search-row strong{font-size:var(--ds-text-base);font-weight:var(--ds-w-medium);overflow-wrap:anywhere}
.mi .mi-sq-confirm-copy{margin:0;padding:var(--ds-s-3) 0;color:var(--ds-ink);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
@media(max-width:759px){
  .mi .mi-sq-filters{padding:var(--ds-s-2) var(--ds-s-3)}
  .mi .mi-sq-groups{overflow:visible}
  .mi .mi-sq-day h2{margin:var(--ds-s-4) var(--ds-s-3) var(--ds-s-2)}
  .mi .mi-sq-rail-row .mi-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:var(--ds-touch-h);padding:var(--ds-s-2) var(--ds-s-3)}
  .mi .mi-sq-rail-row .mi-row-quantity{padding-top:0;font-size:var(--ds-text-p-body)}
  .mi .mi-sq-rail-footer{align-items:flex-start;flex-direction:column;padding:var(--ds-s-3)}
  .mi .mi-sq-byline{flex-direction:column;gap:var(--ds-s-2);padding:var(--ds-s-2) 0 var(--ds-s-3)}
  .mi .mi-sq-byline p{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi .mi-sq-review-actions{flex-wrap:wrap}
  .mi .mi-sq-review-actions button{min-height:var(--ds-touch-h)}
  .mi .mi-sq-secondary{justify-content:flex-start;min-height:var(--ds-touch-h);align-items:center}
  .mi .mi-sq-card{margin-top:var(--ds-s-3);overflow:visible;background:transparent;box-shadow:none}
  .mi .mi-sq-card>h2{padding:var(--ds-s-3) 0;border-bottom:1px solid var(--ds-line)}
  .mi .mi-sq-table,.mi .mi-sq-table.has-compare{min-width:0}
  .mi .mi-sq-table .mi-list-header{display:none}
  .mi .mi-sq-line{margin:var(--ds-s-3) 0;padding:var(--ds-s-3);border:0;border-radius:var(--ds-r-lg);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-line)}
  .mi .mi-sq-table .mi-sq-line-content,.mi .mi-sq-table.has-compare .mi-sq-line-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-s-2) var(--ds-s-3);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi .mi-sq-line-item{grid-column:1/-1;font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi .mi-sq-qty,.mi .mi-sq-price,.mi .mi-sq-last-cost,.mi .mi-sq-total,.mi .mi-sq-availability,.mi .mi-sq-compare{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi .mi-sq-qty{grid-column:1;text-align:left}
  .mi .mi-sq-qty::after{content:" ×"}
  .mi .mi-sq-price{grid-column:2;text-align:right}
  .mi .mi-sq-last-cost{grid-column:1/-1;text-align:right}
  .mi .mi-sq-last-cost::before{content:"Our last cost: "}
  .mi .mi-sq-total{grid-column:1/-1;text-align:right}
  .mi .mi-sq-total::before{content:"Total: "}
  .mi .mi-sq-availability,.mi .mi-sq-compare{grid-column:1/-1}
  .mi .mi-sq-catalog{grid-column:1/-1;padding-top:var(--ds-s-2);border-top:1px solid var(--ds-hair)}
  .mi .mi-sq-part{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi .mi-sq-line-actions{grid-column:1/-1}
  .mi .mi-sq-part button,.mi .mi-sq-line-actions button,.mi .mi-sq-actions button,.mi .mi-sq-search-row button{min-height:var(--ds-touch-h)}
  .mi .mi-sq-search input{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body)}
  .mi .mi-sq-search-row{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.mi .mi-sq-rail-row,.mi .mi-sq-line{scroll-behavior:auto}}
