.mi-job-detail{display:flex;flex-direction:column;gap:var(--ds-s-4);min-width:0}
.mi-job-head{display:grid;gap:var(--ds-s-2);padding:var(--ds-s-3) 0 var(--ds-s-4);border-bottom:1px solid var(--ds-line)}
.mi-job-subtitle{margin:0;color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-weight:var(--ds-w-medium)}
.mi-job-byline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-s-2);color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-job-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--ds-chrome);color:var(--ds-chrome-fg);font-size:var(--ds-text-sm);font-weight:var(--ds-w-semi)}
.mi-job-tech{color:var(--ds-ink);font-weight:var(--ds-w-medium)}
.mi-job-links{display:flex;flex-wrap:wrap;gap:var(--ds-s-4);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-job-links a,.mi-job-keyed a{color:var(--ds-action);font-weight:var(--ds-w-medium);text-decoration:none}.mi-job-links a:hover,.mi-job-keyed a:hover{text-decoration:underline}
.mi-job-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-s-2);margin-left:auto}
.mi-job-section-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-s-2);min-height:var(--ds-row-h)}
.mi-job-section-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-job-section-head .mi-text-action{margin-left:auto}
.mi-job-freshness{display:flex;align-items:center;gap:var(--ds-s-2);color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-job-table{min-width:0;overflow-x:auto;border-radius:var(--ds-r-md);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-line)}
.mi-job-table .mi-list-header{display:grid;grid-template-columns:minmax(220px,2fr) 76px 84px minmax(205px,1.2fr) minmax(115px,.8fr) minmax(120px,.9fr);gap:var(--ds-s-2);align-items:center;padding:var(--ds-s-2) var(--ds-s-3);border-bottom:1px solid var(--ds-line);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-job-row{display:grid;grid-template-columns:minmax(220px,2fr) 76px 84px minmax(205px,1.2fr) minmax(115px,.8fr) minmax(120px,.9fr);gap:var(--ds-s-2);align-items:center;min-height:var(--ds-row-h);padding:var(--ds-s-2) var(--ds-s-3);border-bottom:var(--ds-rule-hair) solid var(--ds-rule);color:var(--ds-ink);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-job-row:last-child{border-bottom:0}
.mi-job-part{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.mi-job-part-name{color:var(--ds-ink);font-weight:var(--ds-w-medium)}.mi-job-part-no,.mi-job-van,.mi-job-min{color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-job-number{text-align:right;font-variant-numeric:var(--ds-nums)}
.mi-job-one-off .mi-job-part>.mi-pill{justify-self:start}
.mi-job-table .mi-list-header span:nth-child(2),.mi-job-table .mi-list-header span:nth-child(3){text-align:right}
.mi-job-mobile-summary{display:none}
.mi-job-from,.mi-job-left,.mi-job-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-s-1);min-width:0}.mi-job-left{font-variant-numeric:var(--ds-nums)}
.mi-job-source{width:100%;max-width:100%;min-width:0;min-height:var(--ds-control-h);padding:0 var(--ds-s-2);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-job-not-stocked{color:var(--ds-ink-3)}
.mi-job-status{flex-wrap:wrap}.mi-job-status .mi-text-action{margin-left:auto}
.mi-job-result{display:flex;align-items:center;gap:var(--ds-s-3);padding:var(--ds-s-3) 0;color:var(--ds-ink);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-job-keyed{display:grid;gap:var(--ds-s-2);padding:var(--ds-s-3) 0}.mi-job-keyed h3,.mi-job-cost-centre h3{margin:0;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-job-keyed-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,2fr) auto;gap:var(--ds-s-3);align-items:center;padding:var(--ds-s-2) 0;border-bottom:var(--ds-rule-hair) solid var(--ds-rule);font-size:var(--ds-text-sm)}
.mi-job-restock{display:grid;gap:var(--ds-s-2);padding-top:var(--ds-s-3);border-top:1px solid var(--ds-line)}
.mi-job-restock-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(50px,.2fr) minmax(100px,.4fr);gap:var(--ds-s-3);align-items:center;min-height:var(--ds-row-h);padding:var(--ds-s-2) var(--ds-s-3);border-bottom:var(--ds-rule-hair) solid var(--ds-rule);background:var(--ds-surface);font-size:var(--ds-text-sm)}
.mi-job-cost-centre{display:grid;gap:var(--ds-s-2);padding-top:var(--ds-s-3)}
.mi-job-empty{color:var(--ds-ink-2)}
.mi-job-pick-list{display:none}
@media print{
.mi-shell.mi-job-printing>*:not(.mi-main),.mi-shell.mi-job-printing .mi-main-head,.mi-shell.mi-job-printing .mi-job-detail>*:not(.mi-job-pick-list){display:none}
.mi-shell.mi-job-printing .mi-job-pick-list{position:absolute;inset:0 auto auto 0;display:block;width:100%;padding:24px;color:var(--ds-ink);background:var(--ds-surface);font:14pt/1.4 sans-serif}.mi-job-pick-list h3{margin:0 0 8px}.mi-job-pick-list ul{margin:0 0 20px;padding-left:24px}
}
@media(max-width:759px){
.mi-job-detail{gap:var(--ds-s-3)}
.mi-job-head{gap:var(--ds-s-2);padding:var(--ds-s-2) 0 var(--ds-s-3)}
.mi-job-subtitle{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-job-byline{gap:var(--ds-s-1) var(--ds-s-2);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-job-avatar{width:36px;height:36px}
.mi-job-links{gap:var(--ds-s-3);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}.mi-job-links a{display:inline-flex;align-items:center;min-height:var(--ds-touch-h)}
.mi-job-actions{justify-content:flex-start;flex-wrap:wrap}
.mi-job-section-head{align-items:flex-start}.mi-job-section-head h2{font-size:var(--ds-text-p-d2);line-height:var(--ds-lh-p-d2)}.mi-job-section-head .mi-text-action{margin-left:0}
.mi-job-freshness{flex-wrap:wrap;font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-job-table{overflow:visible;box-shadow:none;background:transparent}
.mi-job-table .mi-list-header{display:none}
.mi-job-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-s-1) var(--ds-s-2);min-height:0;margin-bottom:var(--ds-s-2);padding: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-line);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-job-part{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:1px}
.mi-job-part-name{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}.mi-job-part-no,.mi-job-van,.mi-job-min{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-job-mobile-summary{display:block;grid-column:1/-1;color:var(--ds-ink-2);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-job-row>.mi-job-number[data-label],.mi-job-row>.mi-job-left[data-label]{display:none}
.mi-job-row>[data-label]{display:flex;align-items:center;gap:var(--ds-s-1);min-height:var(--ds-touch-h)}
.mi-job-row>[data-label]::before{content:attr(data-label) " ";color:var(--ds-ink-3)}.mi-job-row .mi-job-status::before{content:none}
.mi-job-number{text-align:left}.mi-job-from{grid-column:1/-1;display:block}.mi-job-left{grid-column:1/-1}.mi-job-status{grid-column:1/-1;flex-wrap:wrap}.mi-job-status .mi-pill{display:none}
.mi-job-from .mi-job-source{width:100%;min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-job-status.mi-job-static{display:none}
.mi-job-result{align-items:flex-start;flex-wrap:wrap;font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-job-keyed-row{grid-template-columns:minmax(0,1fr);gap:var(--ds-s-1);font-size:var(--ds-text-p-body)}
.mi-job-restock-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-s-1);font-size:var(--ds-text-p-meta)}
.mi-job-restock-row .mi-job-part{grid-column:1/-1}
}
/* The parts summary, freshness and return action share the table's heading row. */
.mi-job-detail{gap:var(--ds-s-3)}
.mi-job-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-s-1) var(--ds-s-2);padding:0 0 var(--ds-s-2);border-bottom:0}
.mi-job-subtitle{font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-job-byline{gap:var(--ds-s-2)}
.mi-job-avatar{width:var(--ds-s-6);height:var(--ds-s-6);border-radius:var(--ds-r-full)}
.mi-job-links{margin-left:auto;font-size:var(--ds-text-sm)}
.mi-job-simpro{color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-weight:var(--ds-w-medium);text-decoration:none;white-space:nowrap}
.mi-job-simpro:hover{text-decoration:underline}
.mi-shell:has(.mi-job-detail) .mi-main-head{padding-bottom:var(--ds-s-1)}
.mi-job-section-head{min-height:var(--ds-control-h);gap:var(--ds-s-2)}
.mi-job-section-head h2{font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi-job-section-head .mi-job-freshness{margin-left:0}
.mi-job-freshness .mi-text-action{margin-left:0}
.mi-job-section-head>[data-mi-job-action="return"]{margin-left:auto}
.mi-job-table .mi-list-header,.mi-job-row{grid-template-columns:minmax(0,2fr) var(--ds-actionbar-h) calc(var(--ds-s-10) * 2) minmax(0,1.5fr) calc(var(--ds-s-10) * 3) minmax(0,1fr)}
@media(max-width:759px){
  .mi-job-head{align-items:flex-start}
  .mi-job-byline{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-job-subtitle{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-job-links{margin-left:0}
  .mi-job-section-head{align-items:center}
  .mi-job-section-head h2{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-job-section-head .mi-text-action{min-height:var(--ds-touch-h)}
  .mi-job-table .mi-job-row{grid-template-columns:minmax(0,1fr) auto}
}

.mi-job-table .mi-list-header{background:var(--ds-surface)}
.mi-job-status .mi-dot{width:var(--ds-s-2);height:var(--ds-s-2);border-radius:var(--ds-r-full);-webkit-mask:none;mask:none}