.mi-shell:has(.mi-count-rail){grid-template-columns:calc(var(--ds-board-queue-w) + var(--ds-s-12) + var(--ds-s-8) - var(--ds-s-1)) minmax(0,1fr)}
.mi-shell:has(.mi-count-rail) .mi-rail{background:var(--ds-surface)}
.mi-shell .mi-main:has(> .mi-screen > .mi-count-selection) > .mi-main-head{display:none}
.mi-shell .mi-screen:has(> .mi-count-selection){padding-top:var(--ds-s-6)}
.mi-shell .mi-count-rail{display:flex;flex-direction:column;background:var(--ds-surface)}
.mi-shell .mi-count-section{min-width:0;border-bottom:var(--ds-rule-hair) solid var(--ds-line)}
.mi-shell .mi-count-section h2{display:flex;align-items:center;gap:var(--ds-s-1);margin:0;padding:var(--ds-s-3) var(--ds-s-4);font-size:var(--ds-text-sm);font-weight:var(--ds-w-semi);color:var(--ds-ink-2)}
.mi-shell .mi-count-rail > .mi-count-section > h2{text-transform:uppercase;letter-spacing:var(--ds-track-caps)}
.mi-shell .mi-count-number{color:var(--ds-ink-2);font-weight:var(--ds-w-regular)}
.mi-shell .mi-count-list{display:flex;flex-direction:column}
.mi-shell .mi-count-list .mi-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--ds-s-2);width:100%;min-height:var(--ds-touch-h);padding:var(--ds-s-3) var(--ds-s-4);background:var(--ds-surface)}
.mi-shell .mi-count-list .mi-row-main{display:flex;flex-direction:column;gap:var(--ds-s-1);grid-column:1;grid-row:1}
.mi-shell .mi-count-list .mi-row-primary{display:block}
.mi-shell .mi-count-list .mi-row-title,.mi-shell .mi-count-list .mi-row-meta{display:block;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.mi-shell .mi-count-list .mi-row-title{font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi-shell .mi-count-list .mi-row-meta{font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-shell .mi-count-list .mi-row-quantity{grid-column:3;grid-row:1;font-size:var(--ds-text-sm);white-space:nowrap}
.mi-shell .mi-count-list .mi-row-status,.mi-shell .mi-count-due .mi-count-status{grid-column:2;grid-row:1;font-size:var(--ds-text-sm);white-space:nowrap}
.mi-shell .mi-count-due .mi-row{grid-template-columns:minmax(0,1fr) auto}
.mi-shell .mi-count-due .mi-row-quantity{grid-column:2}
.mi-shell .mi-count-date-year{display:inline-block;width:0;overflow:hidden;vertical-align:bottom}
.mi-shell .mi-count-list .mi-text-action{min-height:var(--ds-touch-h);padding:var(--ds-s-2) var(--ds-s-4);text-align:left}
.mi-shell .mi-count-selected .mi-row{background:var(--ds-sel-bg);box-shadow:inset var(--ds-r-block) 0 var(--ds-selection)}
.mi-shell .mi-count-list .mi-row:hover,.mi-shell .mi-count-history-row:hover{background:var(--ds-paper-hover)}
.mi-shell .mi-count-list .mi-row:focus-visible,.mi-shell .mi-count-history-row:focus-visible{outline:var(--ds-focus-w) solid var(--ds-focus);outline-offset:calc(-1 * var(--ds-focus-off))}
.mi-shell .mi-count-selection{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-s-3);padding:0 0 var(--ds-s-4)}
.mi-shell .mi-count-selection h2{margin:0;font-family:var(--ds-display);font-size:var(--ds-text-d2);line-height:var(--ds-lh-d2);font-weight:var(--ds-display-weight)}
.mi-shell .mi-count-selection p{margin:var(--ds-s-2) 0 0;color:var(--ds-ink-2);font-size:var(--ds-text-sm)}
.mi-shell .mi-count-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-s-2)}
.mi-shell .mi-count-actions .mi-segmented{width:auto;flex:none;background:var(--ds-surface)}
.mi-shell .mi-count-selection .mi-count-reason{width:100%;color:var(--ds-st-late-ink)}
.mi-shell .mi-count-history{border:0;margin-bottom:var(--ds-s-4)}
.mi-shell .mi-count-history > h2{padding:0 0 var(--ds-s-3);color:var(--ds-ink)}
.mi-shell .mi-count-history-panel{overflow:auto;border:var(--ds-rule-hair) solid var(--ds-line);border-radius:var(--ds-r-md);background:var(--ds-surface)}
.mi-shell .mi-count-history-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi-shell .mi-count-history-table > thead > tr > th{font-size:var(--ds-text-caps);font-weight:var(--ds-w-semi);text-transform:uppercase;color:var(--ds-ink-3);white-space:nowrap}
.mi-shell .mi-count-history-table > thead > tr > th,.mi-shell .mi-count-history-table > tbody > tr > td{padding:var(--ds-s-2) var(--ds-s-3);border-bottom:var(--ds-rule-hair) solid var(--ds-line);text-align:left}
.mi-shell .mi-count-history-table .mi-count-numeric{text-align:right;white-space:nowrap}
.mi-shell .mi-count-history-row{cursor:pointer}
.mi-shell .mi-count-history-row > td:first-child{white-space:nowrap}
.mi-shell .mi-count-status{color:var(--ds-ink-2);white-space:nowrap}
.mi-shell .mi-count-dot{font-size:var(--ds-text-sm)}
.mi-shell .mi-count-dot-bad{color:var(--ds-st-late)}
.mi-shell .mi-count-dot-warn{color:var(--ds-st-route)}
.mi-shell .mi-count-dot-ok{color:var(--ds-st-done)}
.mi-shell .mi-count-empty{color:var(--ds-ink-3)}
.mi-shell .mi-count-main{max-width:100%;overflow:auto}
.mi-shell .mi-count-main .mi-loc-take-detail{overflow:auto}
.mi-shell .mi-count-main .mi-loc-table-head,.mi-shell .mi-count-main .mi-loc-table-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:var(--ds-s-2);padding:var(--ds-s-2);border-bottom:var(--ds-rule-hair) solid var(--ds-rule)}
@media(max-width:759px){
.mi-shell .mi-count-rail > .mi-count-selection{padding:var(--ds-s-4);border-bottom:var(--ds-rule-hair) solid var(--ds-line)}
.mi-shell .mi-count-rail > .mi-count-history{padding:var(--ds-s-4)}
.mi-shell .mi-count-actions{width:100%}
.mi-shell .mi-count-actions > .mi-button{width:100%;min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body)}
.mi-shell .mi-count-actions .mi-segment{min-height:var(--ds-touch-h)}
.mi-shell .mi-count-history-row > td{height:var(--ds-touch-h)}
.mi-shell .mi-count-history-table{min-width:calc(var(--ds-board-queue-w) + var(--ds-board-queue-w))}
}
.mi-count-history-detail{overflow:auto;padding:var(--ds-s-2)}
.mi-count-history-lines{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}
/* fix18: at 390 px the five columns overflowed by a few px; fixed layout lets long part numbers and names wrap. */
@media (max-width:759px){.mi-count-history-lines{table-layout:fixed}.mi-count-history-lines th,.mi-count-history-lines td{padding:var(--ds-s-2) var(--ds-s-1);overflow-wrap:break-word}.mi-count-history-lines td:first-child{overflow-wrap:anywhere}.mi-count-history-lines thead th{overflow-wrap:normal;font-size:var(--ds-text-caps)}.mi-count-history-lines th:nth-child(1){width:17%}.mi-count-history-lines th:nth-child(2){width:24%}.mi-count-history-lines th:nth-child(3){width:17%}.mi-count-history-lines th:nth-child(4){width:17%}.mi-count-history-lines th:nth-child(5){width:25%}.mi-count-history-lines td:nth-child(5),.mi-count-history-lines tfoot td:last-child{white-space:nowrap}}
.mi-count-history-lines th,.mi-count-history-lines td{padding:var(--ds-s-2);border-bottom:var(--ds-rule-hair) solid var(--ds-rule);text-align:right}
.mi-count-history-lines th:first-child,.mi-count-history-lines td:first-child,.mi-count-history-lines th:nth-child(2),.mi-count-history-lines td:nth-child(2){text-align:left}
.mi-count-history-lines th{font-weight:var(--ds-w-semi)}
.mi-shell .mi-count-history-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.6fr) minmax(0,.9fr) minmax(0,1fr);gap:var(--ds-s-3);align-items:center;width:100%;box-sizing:border-box;padding:var(--ds-s-2) var(--ds-s-3);border:0;border-bottom:var(--ds-rule-hair) solid var(--ds-line);background:var(--ds-surface);font:inherit;font-size:var(--ds-text-base);line-height:var(--ds-lh-base);color:var(--ds-ink);text-align:left}
.mi-shell .mi-count-history-head{font-size:var(--ds-text-caps);font-weight:var(--ds-w-semi);text-transform:uppercase;color:var(--ds-ink-3)}
.mi-shell .mi-count-history-grid > .mi-count-numeric{text-align:right;white-space:nowrap}
.mi-shell .mi-count-history-item{cursor:pointer;list-style:none}
.mi-shell .mi-count-history-item::-webkit-details-marker{display:none}
.mi-shell .mi-count-history-take[open] > .mi-count-history-item{background:var(--ds-paper-hover)}
.mi-shell .mi-count-history-take > .mi-count-history-detail{padding:var(--ds-s-2) var(--ds-s-3);border-bottom:var(--ds-rule-hair) solid var(--ds-line)}