.mi{--mi-g-sched:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.75' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");--mi-g-route:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.75' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M6 2.75a3.25 3.25 0 0 1 0 6.5z'/%3E%3C/svg%3E");--mi-g-site:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.75' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Ccircle cx='6' cy='6' r='3.25'/%3E%3C/svg%3E");--mi-g-done:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cmask id='m'%3E%3Crect width='12' height='12' fill='%23fff'/%3E%3Cpath d='M3.7 6.1 5.3 7.7 8.4 4.4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='6' cy='6' r='5.5' mask='url%28%23m%29'/%3E%3C/svg%3E");--mi-g-late:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cmask id='m'%3E%3Crect width='12' height='12' fill='%23fff'/%3E%3Cpath d='M6 3.2v3.3' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='6' cy='8.6' r='.85' fill='%23000'/%3E%3C/mask%3E%3Ccircle cx='6' cy='6' r='5.5' mask='url%28%23m%29'/%3E%3C/svg%3E");--mi-g-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.9 6.1 6.7.9-4.8 4.7 1.1 6.7-5.9-3.2-5.9 3.2 1.1-6.7-4.8-4.7 6.7-.9L12 2Z' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");font-family:var(--ds-font);font-size:var(--ds-text-base);line-height:var(--ds-lh-base);color:var(--ds-ink);background:var(--ds-canvas);font-variant-numeric:var(--ds-nums)}
.mi,.mi *,.mi *::before,.mi *::after{box-sizing:border-box}
.mi button,.mi input,.mi select{font:inherit;color:inherit;letter-spacing:inherit}
/* The legacy Items page (materials.js) renders inside .mi: keep its primary buttons white-on-navy (the rule above made them navy-on-navy). */
.mi button.send-lg,.mi button.send-lg.navy{color:var(--ds-action-fg)}
.mi button.send-lg:disabled,.mi button.send-lg.navy:disabled{color:var(--ds-disabled-primary-fg)}
.mi button.nlg{color:var(--ds-ink)}
/* The Items tab shows the old item page inside .mi: its inner Items/Quotes/Jobs switch duplicates the shell tabs. */
.mi .mat-railhd .mat-seg{display:none}
.mi button{cursor:pointer}
.mi :focus-visible{outline:var(--ds-focus-w) solid var(--ds-focus);outline-offset:var(--ds-focus-off)}
.mi-stage-tabs{display:flex;align-items:flex-end;gap:2px;min-height:var(--ds-sub-h);padding:0 var(--ds-gutter) 0 calc(var(--ds-gutter) - var(--ds-s-3));background:var(--ds-chrome)}
.mi button.mi-stage-tab{position:relative;display:flex;align-items:center;gap:var(--ds-s-2);height:var(--ds-tab-h);padding:0 var(--ds-s-3) 6px;border:0;border-radius:var(--ds-r-lg) var(--ds-r-lg) 0 0;background:transparent;color:var(--ds-chrome-fg-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-weight:var(--ds-w-medium);white-space:nowrap}
.mi button.mi-stage-tab strong{margin-left:2px;color:var(--ds-chrome-fg-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);font-weight:var(--ds-w-regular);letter-spacing:0}
.mi button.mi-stage-tab.is-active{background:var(--ds-canvas);color:var(--ds-ink);font-weight:var(--ds-w-semi)}
.mi button.mi-stage-tab.is-active strong{color:var(--ds-ink-2)}
.mi button.mi-stage-tab.is-active::before,.mi button.mi-stage-tab.is-active::after{position:absolute;bottom:0;width:8px;height:8px;border-radius:0;content:""}
.mi button.mi-stage-tab.is-active::before{left:-8px;border-bottom-right-radius:var(--ds-r-lg);box-shadow:4px 4px 0 4px var(--ds-canvas)}
.mi button.mi-stage-tab.is-active::after{right:-8px;border-bottom-left-radius:var(--ds-r-lg);box-shadow:-4px 4px 0 4px var(--ds-canvas)}
.mi-list-header,.mi-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.28fr) minmax(110px,.34fr);column-gap:var(--ds-s-4);align-items:center}
.mi-list-header .mi-col-num{text-align:right}
.mi-list-header{min-height:var(--ds-lhead-h);padding:0 var(--ds-gutter);border-bottom:1px solid var(--ds-line);background:var(--ds-surface);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-row{width:100%;min-height:calc(var(--ds-row-h) + 1px);padding:var(--ds-s-3) var(--ds-gutter);border:0;border-bottom:var(--ds-rule-hair) solid var(--ds-rule);background:var(--ds-surface);text-align:left}
.mi-row:hover{background:var(--ds-paper-hover)}
.mi-row.is-selected{background:var(--ds-sel-bg);box-shadow:inset 3px 0 0 var(--ds-selection)}
.mi-row-main{display:flex;flex-direction:column;gap:var(--ds-s-1);grid-column:1;min-width:0}
.mi-row-primary{display:flex;align-items:baseline;gap:var(--ds-s-2);min-width:0}
.mi-row-title{overflow:hidden;color:var(--ds-ink);font-size:var(--ds-text-md);line-height:var(--ds-lh-md);font-weight:var(--ds-w-semi);letter-spacing:var(--ds-track-tight);text-overflow:ellipsis;white-space:nowrap}
.mi-row-site{overflow:hidden;color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);text-overflow:ellipsis;white-space:nowrap}
.mi-row-meta{overflow:hidden;color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);text-overflow:ellipsis;white-space:nowrap}
.mi-row-quantity{grid-column:2;color:var(--ds-ink);font-size:var(--ds-text-base);text-align:right}
.mi-row-status{grid-column:3;min-width:0}
.mi-status{display:inline-flex;align-items:center;gap:6px;color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);font-weight:var(--ds-w-medium);letter-spacing:var(--ds-track-sm)}
.mi-dot,.mi-pill::before{display:inline-block;width:var(--ds-s-2);height:var(--ds-s-2);flex:none;border-radius:var(--ds-r-full);background:var(--ds-st-sched);content:""}
.mi-status-ok .mi-dot,.mi-pill-ok::before{background:var(--ds-st-done)}
.mi-status-warn .mi-dot,.mi-pill-warn::before{background:var(--ds-st-route)}
.mi-status-bad .mi-dot,.mi-pill-bad::before{background:var(--ds-st-late)}
.mi-status-info .mi-dot,.mi-pill-info::before{background:var(--ds-st-site)}
.mi-status-idle .mi-dot,.mi-pill-idle::before{background:var(--ds-st-sched)}
.mi-pill{display:inline-flex;align-items:center;gap:var(--ds-s-2);padding:0;background:transparent;color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);font-weight:var(--ds-w-medium);white-space:nowrap}
.mi-chip{display:inline-flex;align-items:center;gap:var(--ds-s-2);min-height:var(--ds-control-h);padding:0 var(--ds-s-3);border:0;border-radius:var(--ds-r-full);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-field);color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-chip.is-active{background:var(--ds-sel-bg);box-shadow:inset 0 0 0 1px var(--ds-selection);color:var(--ds-ink)}
.mi button.mi-chip-clear{display:inline-grid;place-items:center;width:var(--ds-control-h);height:var(--ds-control-h);border:0;border-radius:var(--ds-r-full);background:transparent;color:inherit;font-size:var(--ds-text-md)}
.mi-chips{display:flex;flex-wrap:wrap;gap:var(--ds-s-2)}
.mi-segmented{display:inline-flex;align-self:flex-start;width:fit-content;max-width:100%;align-items:center;gap:var(--ds-r-tag);padding:var(--ds-r-tag);border-radius:var(--ds-r-md);box-shadow:inset 0 0 0 1px var(--ds-field)}
.mi label.mi-segment{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 var(--ds-s-3);border-radius:var(--ds-r-sm);color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-weight:var(--ds-w-medium);cursor:pointer}
.mi label.mi-segment.is-active{background:var(--ds-chrome-raise);color:var(--ds-chrome-fg)}.mi-segment input{position:absolute;opacity:0}
.mi-stepper{display:inline-flex;align-items:center;min-height:var(--ds-control-h);border-radius:var(--ds-r-md);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-field)}
.mi button.mi-stepper-button{width:var(--ds-control-h);height:var(--ds-control-h);border:0;border-radius:var(--ds-r-md);background:transparent;color:var(--ds-ink);font-size:var(--ds-text-md);font-weight:var(--ds-w-medium)}
.mi-stepper input,.mi-number-wrap input{width:76px;min-width:0;height:var(--ds-control-h);border:0;border-radius:var(--ds-r-md);background:transparent;text-align:center;font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-variant-numeric:var(--ds-nums)}
.mi-unit{padding-right:var(--ds-s-3);color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-field{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-s-1);color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);font-weight:var(--ds-w-medium)}
.mi-field select,.mi-number-wrap{min-height:var(--ds-control-h);border-radius:var(--ds-r-md);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-field)}
.mi-field select{min-width:240px;padding:0 var(--ds-s-3);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}.mi-number-wrap{display:inline-flex;align-items:center;align-self:flex-start}
.mi-facts{display:grid;gap:var(--ds-s-2);margin:0}
.mi-fact{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:var(--ds-s-3);align-items:baseline}
.mi-fact dt{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-fact dd{margin:0;color:var(--ds-ink);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);text-align:left}.mi-fact dd.is-numeric{font-variant-numeric:var(--ds-nums)}
.mi-card{overflow:hidden;border-radius:var(--ds-r-lg);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-line)}
.mi-card-header{padding:var(--ds-s-4) var(--ds-s-5);border-bottom:1px solid var(--ds-line)}
.mi-card-header 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-card-header p{margin:var(--ds-s-1) 0 0;color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-card-body{padding:var(--ds-s-4) var(--ds-s-5);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi-empty,.mi-error{border:var(--ds-rule-hair) solid var(--ds-line);border-radius:var(--ds-r-lg);background:var(--ds-surface);display:flex;align-items:flex-start;gap:var(--ds-s-4);padding:var(--ds-s-5);text-align:left}
.mi-empty-icon,.mi-error-icon{display:block;width:var(--ds-ico-xl);height:var(--ds-ico-xl);flex:none;background:var(--ds-icon);-webkit-mask:var(--mi-g-star) center / 24px 24px no-repeat;mask:var(--mi-g-star) center / 24px 24px no-repeat}
.mi-error-icon{width:var(--ds-ico);height:var(--ds-ico);margin:3px var(--ds-s-1) 0;background:var(--ds-st-late);-webkit-mask:var(--mi-g-late) center / 16px 16px no-repeat;mask:var(--mi-g-late) center / 16px 16px no-repeat}
.mi-state-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-s-2);min-width:0}
.mi-state-title{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-state-detail{margin:0;color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi-loading-row{display:grid;align-content:center;gap:var(--ds-s-1);min-height:calc(var(--ds-row-h) + 1px);padding:var(--ds-s-3) var(--ds-gutter);border-bottom:var(--ds-rule-hair) solid var(--ds-rule)}
.mi-loading-row span{display:block;width:48%;height:8px;border-radius:var(--ds-r-tag);background:var(--ds-skeleton)}.mi-loading-row span+span{width:31%;height:8px;background:var(--ds-line)}
.mi-photo-input{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:112px;padding:var(--ds-s-3);overflow:hidden;border:1.5px dashed var(--ds-field);border-radius:var(--ds-r-lg);background:var(--ds-surface);color:var(--ds-ink);font-size:var(--ds-text-base);font-weight:var(--ds-w-medium);text-align:center;cursor:pointer}
.mi-photo-content{display:flex;flex-direction:column;align-items:center;gap:var(--ds-s-1)}
.mi-photo-glyph{display:block;width:20px;height:20px;background:var(--ds-icon);-webkit-mask:var(--mi-g-camera) center/20px 20px no-repeat;mask:var(--mi-g-camera) center/20px 20px no-repeat}
.mi{--mi-g-camera:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 3.75 6.4 2.5h3.2l.9 1.25h2.25c.7 0 1.25.55 1.25 1.25v7c0 .7-.55 1.25-1.25 1.25H3.25C2.55 13.25 2 12.7 2 12V5c0-.7.55-1.25 1.25-1.25Z' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Ccircle cx='8' cy='8.4' r='2.35' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E")}
.mi-photo-input input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.mi button.mi-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:var(--ds-control-h);padding:0 var(--ds-s-3);border:0;border-radius:var(--ds-r-md);background:var(--ds-surface);box-shadow:var(--ds-e-secondary);color:var(--ds-ink);font-size:var(--ds-text-base);line-height:var(--ds-lh-base);font-weight:var(--ds-w-medium);white-space:nowrap}
.mi button.mi-button:hover{background:var(--ds-paper-hover)}.mi button.mi-button:active{background:var(--ds-canvas)}
.mi button.mi-button:disabled{background:var(--ds-disabled-bg);box-shadow:inset 0 0 0 1px var(--ds-disabled-bd);color:var(--ds-disabled-fg);cursor:not-allowed}
.mi button.mi-button-primary{background:var(--ds-action);box-shadow:var(--ds-e-primary);color:var(--ds-action-fg);font-weight:var(--ds-w-semi)}
.mi button.mi-button-primary:hover{background:var(--ds-action-hover)}.mi button.mi-button-primary:active{background:var(--ds-action-press);box-shadow:var(--ds-e-primary-press)}
.mi button.mi-button-primary:disabled{background:var(--ds-disabled-primary-bg);box-shadow:none;color:var(--ds-disabled-primary-fg)}
.mi button.mi-text-action{min-height:var(--ds-control-h);padding:0 var(--ds-s-2);border:0;border-radius:var(--ds-r-sm);background:transparent;color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);font-weight:var(--ds-w-medium);white-space:nowrap}
.mi button.mi-text-action:hover{background:var(--ds-paper-hover);color:var(--ds-ink)}
.mi-write-state{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-s-2);color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-write-confirmed{gap:0}.mi-write-separator{margin:0 var(--ds-s-1)}
.mi button.mi-working{display:inline-grid;grid-template-columns:max-content;align-items:center;justify-items:center}
.mi .mi-working>span{grid-area:1/1}.mi .mi-working-size{visibility:hidden}
.mi-disabled-reason{display:flex;align-items:flex-start;gap:var(--ds-s-2);color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi-toast{display:flex;align-items:center;gap:var(--ds-s-3);min-height:48px;padding:0 var(--ds-s-4);border-radius:var(--ds-r-md);background:var(--ds-chrome);box-shadow:var(--ds-e-pop);color:var(--ds-chrome-fg);font-size:var(--ds-text-base);line-height:var(--ds-lh-base)}
.mi-toast-action{min-height:var(--ds-control-h);padding:0 var(--ds-s-3);border-radius:var(--ds-r-sm);box-shadow:inset 0 0 0 1px var(--ds-chrome-edge);color:var(--ds-chrome-fg);font-weight:var(--ds-w-semi)}
.mi-action-bar{display:flex;align-items:center;gap:var(--ds-s-4);min-height:var(--ds-actionbar-h);padding:0 var(--ds-gutter);background:var(--ds-canvas);box-shadow:var(--ds-e-bar)}
.mi .mi-action-bar button.mi-button-primary{margin-left:auto;min-width:176px}
.mi .mi-number-wrap:focus-within,.mi .mi-field select:focus-visible,.mi .mi-stepper:focus-within{outline:var(--ds-focus-w) solid var(--ds-focus);outline-offset:var(--ds-focus-off)}
.mi-scroll{min-height:0;overflow:auto;padding-bottom:var(--ds-s-4)}
@media(max-width:759px){
.mi-stage-tabs{gap:2px;min-height:calc(var(--ds-touch-h) + var(--ds-s-2));overflow-x:auto;overflow-y:hidden;padding-right:var(--ds-s-2);padding-left:var(--ds-s-2)}
.mi button.mi-stage-tab{gap:var(--ds-s-1);height:var(--ds-touch-h);padding-right:var(--ds-s-2);padding-left:var(--ds-s-2);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi button.mi-stage-tab strong{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi .mi-list-header{display:none}
.mi .mi-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--ds-s-2);row-gap:var(--ds-s-1);min-height:calc(var(--ds-row-h) + 1px);padding:var(--ds-s-2) var(--ds-s-3)}
.mi .mi-row-main{display:contents}
.mi .mi-row-primary{flex:1 0 100%;min-width:0}
.mi .mi-row-title{flex:1;min-width:0;font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi .mi-row-site{flex:none;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
.mi .mi-row-meta{order:3;flex:1 1 0;min-width:0}
.mi .mi-row-quantity{order:1;grid-column:auto;text-align:left}
.mi .mi-row-status{order:2;grid-column:auto}
.mi-row-meta,.mi-row-quantity,.mi-status{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi button.mi-chip-clear{width:var(--ds-touch-h);height:var(--ds-touch-h)}
.mi button.mi-button{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body);white-space:normal}
.mi button.mi-text-action{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi label.mi-segment{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi button.mi-stepper-button{width:var(--ds-touch-h);height:var(--ds-touch-h)}
.mi-stepper input,.mi-number-wrap input,.mi-field select{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-field{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-card-header,.mi-card-body{padding:var(--ds-s-3)}
.mi-card-header h2{font-size:var(--ds-text-p-d2);line-height:var(--ds-lh-p-d2)}
.mi-card-body,.mi-state-detail{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-empty,.mi-error{padding:var(--ds-s-4)}
.mi-fact{grid-template-columns:minmax(80px,1fr) minmax(0,2fr)}
.mi-fact dt,.mi-fact dd,.mi-unit{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-photo-input{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body)}
.mi .mi-action-bar button.mi-button-primary{width:100%;min-height:var(--ds-touch-primary);margin:0;border-radius:var(--ds-r-lg);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-action-bar{position:sticky;bottom:0;z-index:2;min-height:var(--ds-phone-bar-h);padding:var(--ds-s-3) var(--ds-s-4) 0;background:var(--ds-surface)}
.mi-pill{min-height:28px;font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta);color:var(--ds-ink)}
.mi-loading-row{min-height:calc(var(--ds-row-h) + 1px);padding:var(--ds-s-2) var(--ds-s-3)}
}
@media(prefers-reduced-motion:reduce){.mi *,.mi *::before,.mi *::after{scroll-behavior:auto;transition:none;animation:none}}

/* Working lists and tables share white surfaces, including screen-specific grids. */
.mi .mi-rail-list,.mi .mi-scroll,.mi table,.mi [role="table"],.mi [class$="-table"],.mi [class$="-list"],.mi [class*="-list "],.mi [class$="-list-frame"]{background:var(--ds-surface);border-bottom:var(--ds-rule-hair) solid var(--ds-line)}
.mi .mi-row{background:var(--ds-surface)}
.mi .mi-row:hover{background:var(--ds-paper-hover)}
.mi .mi-row.is-selected{background:var(--ds-sel-bg)}
.mi.mi-shell .mi-segmented{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start}
.mi.mi-shell .mi-loc-group{padding-left:var(--ds-gutter);padding-right:var(--ds-gutter)}
.mi-state-actions{display:flex;flex-wrap:wrap;gap:var(--ds-s-2)}