/* Phone count and recount (task 170). Navy phone tier: one column, cards, 56 px rows, a keyboard bar that sits just
 * above the shell's sticky bottom bar. Input font size comes from materials-inv.css (.mi-number-wrap input). */
.mi .mi-pc{width:100%;max-width:390px;margin:0 auto;padding:var(--ds-s-3) var(--ds-s-4);color:var(--ds-ink);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-pc-head{margin:0 0 var(--ds-s-3)}
.mi-pc-meta{margin:0;color:var(--ds-ink-3);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-pc-status{margin:var(--ds-s-1) 0 0;min-height:20px}
.mi .mi-pc-status .mi-status{color:var(--ds-ink);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi .mi-pc-group-field{width:100%;margin:0 0 var(--ds-s-3)}
.mi .mi-pc-group-field select{width:100%;min-width:0;min-height:var(--ds-touch-h)}
.mi-pc-group{margin:0 0 var(--ds-s-3);border-radius:var(--ds-r-lg);background:var(--ds-surface);box-shadow:0 0 0 1px var(--ds-line);overflow:hidden}
.mi-pc-group-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--ds-s-1) var(--ds-s-3);padding:var(--ds-s-3) var(--ds-s-4) var(--ds-s-2)}
.mi-pc-group-head h2{margin:0;min-width:0;color:var(--ds-ink);font-size:var(--ds-text-p-d2);line-height:var(--ds-lh-p-d2);font-weight:var(--ds-w-semi)}
.mi-pc-aside{color:var(--ds-ink-3);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta);font-variant-numeric:var(--ds-nums)}
.mi-pc-lines{margin:0;padding:0;list-style:none}
.mi-pc-line{box-shadow:inset 0 1px 0 var(--ds-line)}
.mi-pc-label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--ds-s-3);min-height:56px;padding:var(--ds-s-1) var(--ds-s-3) var(--ds-s-1) var(--ds-s-4);cursor:text}
.mi-pc-text{display:flex;flex-direction:column;min-width:0}
.mi-pc-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body);font-weight:var(--ds-w-medium)}
.mi-pc-part{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-ink-3);font-family:var(--ds-mono);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-pc-multi{color:var(--ds-ink-2);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi .mi-pc-wrap{align-self:center;min-height:var(--ds-touch-h)}
.mi .mi-pc-wrap input{width:72px;min-height:var(--ds-touch-h)}
.mi-pc-none-cell{display:flex;align-items:center;gap:var(--ds-s-1)}
.mi-pc-none{color:var(--ds-ink-2);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi .mi-pc .mi-text-action{min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-pc-kbd{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-s-2);margin:0 0 var(--ds-s-3);padding:var(--ds-s-2) 0;background:var(--ds-canvas)}
.mi .mi-pc.is-typing .mi-pc-kbd{position:sticky;bottom:var(--ds-phone-bar-h);z-index:3}
.mi .mi-pc-kbd .mi-pc-kbd-button{width:100%;min-height:var(--ds-touch-h);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-pc-note{margin:0 0 var(--ds-s-3);color:var(--ds-ink);font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-pc-note:empty{display:none}
.mi-pc-foot{display:flex;flex-direction:column;gap:var(--ds-s-2);margin:0 0 var(--ds-s-4)}
.mi-pc-foot-row{display:flex}
.mi-pc-search{display:flex;flex-direction:column;gap:var(--ds-s-2)}
.mi .mi-pc-search-field{width:100%}
.mi .mi-pc-search-wrap{width:100%;align-self:stretch}
.mi .mi-pc-search-wrap input{width:100%;padding:0 var(--ds-s-3);text-align:left}
.mi-pc-result-list{display:flex;flex-direction:column;gap:var(--ds-s-2);margin:0;padding:0;list-style:none}
.mi .mi-pc-result{width:100%;min-height:var(--ds-touch-h);justify-content:flex-start;text-align:left}
.mi-pc-banner{margin:0 0 var(--ds-s-3);padding:var(--ds-s-3) var(--ds-s-4);border-left:3px solid var(--ds-st-route);border-radius:var(--ds-r-md);background:var(--ds-st-route-bg);color:var(--ds-ink)}
.mi-pc-banner p{margin:0}
.mi-pc-banner-title{font-weight:var(--ds-w-semi)}
.mi-pc-banner-text{color:var(--ds-ink-2);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
.mi-pc-counter{margin:0 0 var(--ds-s-3);color:var(--ds-ink-2);font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta);font-variant-numeric:var(--ds-nums)}
.mi-pc-done-title{margin:var(--ds-s-4) 0 var(--ds-s-1);font-size:var(--ds-text-p-d2);line-height:var(--ds-lh-p-d2);font-weight:var(--ds-w-semi)}
.mi .mi-pc-done-title .mi-status{color:var(--ds-ink);font-size:var(--ds-text-p-d2);line-height:var(--ds-lh-p-d2);font-weight:var(--ds-w-semi)}
.mi-pc-blank-text{margin:0;font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
.mi-pc-blank-actions{display:flex;flex-wrap:wrap;gap:var(--ds-s-2);width:100%}
.mi .mi-pc-blank-actions .mi-button{flex:1 1 140px;min-height:var(--ds-touch-h)}
@media(max-width:759px){
  .mi .mi-pc{padding:var(--ds-s-2) 0 var(--ds-s-3)}
}
@media(prefers-reduced-motion:reduce){.mi-pc *{transition:none;scroll-behavior:auto}}