.mir-rail{display:flex;flex-direction:column;min-width:0;max-height:100%;overflow:auto;background:var(--ds-canvas)}
.mir-scope-control{position:sticky;top:0;z-index:1;padding:var(--ds-s-3) var(--ds-s-4);background:var(--ds-canvas);border-bottom:1px solid var(--ds-line)}
.mir-scope-control .mi-segmented{width:100%}
.mir-list-groups{padding:0 var(--ds-s-4) var(--ds-s-8)}
.mir-list-groups section+section{margin-top:var(--ds-s-5)}
.mir-group-title{margin:var(--ds-s-4) 0 var(--ds-s-2);font:600 var(--ds-text-caps)/var(--ds-lh-caps) var(--ds-font);letter-spacing:var(--ds-track-caps);text-transform:uppercase;color:var(--ds-ink-3)}
.mir-list-entry{border-bottom:1px solid var(--ds-rule)}
.mir-list-entry .mi-row{width:100%;min-height:64px}
.mi-shell .mi-rail-list .mir-list-entry .mi-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--ds-s-3);row-gap:var(--ds-s-1);align-items:center;padding:var(--ds-s-2) var(--ds-s-3)}
.mi-shell .mi-rail-list .mir-list-entry .mi-row-main{display:flex;grid-column:1;grid-row:1 / span 2;min-width:0}
.mi-shell .mi-rail-list .mir-list-entry .mi-row-primary{min-width:0}
.mi-shell .mi-rail-list .mir-list-entry .mi-row-title{overflow:visible;text-overflow:clip;white-space:normal}
.mi-shell .mi-rail-list .mir-list-entry .mi-row-meta{overflow:visible;text-overflow:clip;white-space:normal}
.mi-shell .mi-rail-list .mir-list-entry .mi-row-quantity{grid-column:2;grid-row:1;min-width:0}
.mi-shell .mi-rail-list .mir-list-entry .mi-row-status{grid-column:2;grid-row:2;justify-self:end}
.mir-list-entry .mi-row-quantity{font-variant-numeric:tabular-nums}
.mir-list-entry>.mi-text-action{margin:0 0 var(--ds-s-2) var(--ds-s-3)}
.mir-detail{max-width:1440px;margin:0 auto;padding:var(--ds-s-4) var(--ds-gutter) var(--ds-s-8);color:var(--ds-ink)}
.mir-record-title h1{margin:0 0 var(--ds-s-3);font:600 var(--ds-text-d1)/var(--ds-lh-d1,32px) var(--ds-display)}
.mir-detail-head{padding-bottom:var(--ds-s-4);border-bottom:1px solid var(--ds-line)}
.mir-count{font-size:var(--ds-text-md);font-weight:600}
.mir-byline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-s-2);margin:var(--ds-s-1) 0 var(--ds-s-3);color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
.mir-head-actions{display:flex;flex-wrap:wrap;gap:var(--ds-s-3);margin-bottom:var(--ds-s-2)}
.mir-danger{color:var(--ds-st-late-ink)}
.mir-send-state{display:flex;align-items:center;gap:var(--ds-s-2);min-height:36px;color:var(--ds-ink-2);border-top:1px solid var(--ds-hair)}
.mir-close-confirm{display:flex;align-items:end;gap:var(--ds-s-2);padding:var(--ds-s-3);background:var(--ds-wash);margin-bottom:var(--ds-s-3)}
.mir-ordered-banner{display:flex;align-items:center;gap:var(--ds-s-2);padding:var(--ds-s-3) 0;border-bottom:1px solid var(--ds-line)}
.mir-quotes{margin-top:var(--ds-s-5)}
.mir-quotes>h2,.mir-pick-summary>h2{margin:0 0 var(--ds-s-3);font-size:var(--ds-text-md);font-weight:600}
.mir-comparison-wrap{overflow:auto}
.mir-comparison,.mir-pick-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-base)}
.mir-comparison th,.mir-comparison td,.mir-pick-table th,.mir-pick-table td{padding:var(--ds-s-2);border-bottom:1px solid var(--ds-rule);vertical-align:top;text-align:left}
.mir-comparison thead th,.mir-pick-table thead th{font-size:var(--ds-text-caps);font-weight:600;color:var(--ds-ink-3)}
.mir-comparison tbody th{min-width:250px;max-width:350px;font-weight:500}
.mir-supplier-head,.mir-quote-no{display:block}
.mir-supplier-head{color:var(--ds-ink);font-size:var(--ds-text-base);font-weight:600}
.mir-quote-no{margin-top:2px;font-weight:400;color:var(--ds-ink-2)}
.mir-comparison .mir-supplier-subhead{min-width:120px;text-align:right}
.mir-part-name,.mir-part-nos{display:block}
.mir-part-nos{margin-top:3px;color:var(--ds-ink-2);font-size:var(--ds-text-sm);font-weight:400}
.mir-line-actions{display:flex;gap:var(--ds-s-2);margin-top:3px}
.mir-line-actions .mi-text-action{font-size:var(--ds-text-sm)}
.mir-comparison td.mir-qty,.mir-comparison td.mir-cell-price,.mir-pick-table td.mir-qty,.mir-pick-table td.mir-cell-price{ text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mir-cell-price span,.mir-cell-price strong{display:block}
.mir-cell-price span{font-weight:400;color:var(--ds-ink-2)}
.mir-cell-price strong{font-weight:500}
.mir-cell-note{max-width:190px;margin-top:4px;color:var(--ds-ink-2);font-size:var(--ds-text-sm);white-space:normal}
.mir-price-empty{text-align:center;color:var(--ds-ink-3)}
.mir-pick-cell{min-width:220px}
.mir-pick-control .mi-segmented{flex-wrap:wrap}
.mir-all-suppliers{display:grid;grid-template-columns:minmax(160px,1fr) repeat(2,minmax(160px,1fr));gap:var(--ds-s-2);align-items:center;padding:var(--ds-s-3) 0;border-bottom:1px solid var(--ds-line)}
.mir-all-supplier{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-s-2);font-variant-numeric:tabular-nums}
.mir-phone-lines{display:grid;gap:var(--ds-s-3)}
.mir-pick-summary{margin-top:var(--ds-s-5)}
.mir-destination{max-width:240px;margin:0 0 var(--ds-s-3)}
.mir-pick-table td:nth-child(2),.mir-pick-table td:nth-child(3){font-variant-numeric:tabular-nums}
.mir-po-label,.mir-no-po-reason{display:grid;gap:4px;font-size:var(--ds-text-sm);color:var(--ds-ink-2)}
.mir-po-label input,.mir-no-po-reason input{width:130px;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);color:var(--ds-ink)}
.mir-no-po{display:flex;align-items:center;gap:var(--ds-s-1);margin-top:var(--ds-s-2);white-space:nowrap}
.mir-no-po input{width:16px;height:16px}
.mir-po-error{max-width:220px;margin-top:var(--ds-s-1);color:var(--ds-st-late-ink);font-size:var(--ds-text-sm)}
.mir-total-row th,.mir-total-row td{border-top:1px solid var(--ds-field);font-weight:600}
.mir-primary-hint{margin-top:var(--ds-s-2);color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
.mir-primary-hint:empty{display:none}
.mir-sent-email section{padding:var(--ds-s-3) 0;border-bottom:1px solid var(--ds-line)}
.mir-sent-email h3{font-size:var(--ds-text-md)}
.mir-sent-email dl{display:grid;grid-template-columns:90px 1fr;gap:var(--ds-s-1) var(--ds-s-3);font-size:var(--ds-text-sm)}
.mir-sent-email dt{color:var(--ds-ink-3)}
.mir-sent-email dd{margin:0;overflow-wrap:anywhere}
.mir-sent-email pre{white-space:pre-wrap;font:400 var(--ds-text-base)/1.5 var(--ds-font);overflow-wrap:anywhere}
@media(max-width:759px){
  .mir-rail{height:100%;max-height:none}
  .mir-scope-control{padding:var(--ds-s-2) var(--ds-s-3)}
  .mir-list-groups{padding:0 var(--ds-s-3) var(--ds-s-4)}
  .mir-detail{width:auto;max-width:390px;padding:var(--ds-s-3) var(--ds-s-3) 88px}
  .mir-record-title h1{font-size:var(--ds-text-p-d1);line-height:var(--ds-lh-p-d1,36px)}
  .mir-byline{align-items:flex-start;font-size:var(--ds-text-p-meta)}
  .mir-head-actions{display:flex;flex-wrap:wrap;gap:var(--ds-s-1) var(--ds-s-4)}
  .mir-head-actions .mi-text-action{min-width:0;text-align:left;overflow-wrap:anywhere}
  .mir-close-confirm{align-items:stretch;flex-direction:column}
  .mir-comparison-wrap{overflow:auto}
  .mir-line-card{padding:var(--ds-s-3);background:var(--ds-surface);border-bottom:1px solid var(--ds-line);border-radius:var(--ds-r-lg)}
  .mir-line-card h3{margin:0;font-size:var(--ds-text-md)}
  .mir-qty-label{margin:var(--ds-s-2) 0;color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
  .mir-phone-supplier{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,1fr);gap:var(--ds-s-2);align-items:center;padding:var(--ds-s-2) 0;border-top:1px solid var(--ds-hair)}
  .mir-phone-supplier-name{font-weight:500}
  .mir-line-card .mir-cell-price{text-align:right}
  .mir-cell-note{margin-left:auto}
  .mir-line-card .mir-line-actions{margin:var(--ds-s-2) 0}
  .mir-all-suppliers{grid-template-columns:1fr;align-items:start}
  .mir-pick-table-wrap{overflow:auto}
  .mir-pick-table{min-width:620px}
  .mir-pick-summary>.mi-text-action{min-height:48px}
  .mir-detail .mi-button,.mir-detail .mi-text-action,.mir-detail button,.mir-detail input,.mir-detail select,.mir-rail button,.mir-rail input{min-height:44px}
  .mir-detail .mir-no-po input{min-height:20px;min-width:20px}
  .mir-detail .mir-no-po{min-height:44px}
  .mir-detail .mir-po-label input,.mir-detail .mir-no-po-reason input,.mir-detail select{font-size:var(--ds-text-p-body)}
}
@media (min-width:760px){.mi-shell .mi-main:has(.mir-detail)>.mi-main-head{position:sticky;top:0;z-index:2;background:var(--ds-canvas)}}