/* Bottom map status only. Desktop/tablet floating counter and viewer drawers untouched. */
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status{
 position:relative!important;inset:auto!important;transform:none!important;order:5;
 display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content;
 column-gap:8px!important;row-gap:2px!important;align-items:center;justify-content:stretch;
 width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;
 margin:0!important;padding:4px max(6px,env(safe-area-inset-right)) 4px max(6px,env(safe-area-inset-left));
 min-height:44px;overflow:visible!important;font-variant-numeric:tabular-nums;
}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status>.cvb-owned-title{
 grid-column:1;grid-row:1/span 2;align-self:center;justify-self:start;
 width:auto!important;min-width:0;max-width:none!important;flex:none!important;margin:0!important;
 font-size:11px!important;line-height:14px!important;letter-spacing:0;white-space:normal;overflow:visible;
}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status>.cvb-owned-title .cvb-title-line{white-space:nowrap}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status #match-count{
 grid-column:2;grid-row:1;display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 4px;
 min-width:0;max-width:100%;font-size:13px!important;line-height:16px!important;margin:0;white-space:normal;
}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status #match-count::after{content:'total';font-size:11px;font-weight:400;line-height:14px}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status #status-caption{
 grid-column:2;grid-row:2;display:flex!important;flex-flow:row wrap!important;justify-content:center;align-items:center;
 min-width:0;max-width:100%;gap:0 8px!important;margin:0;font-size:11px!important;line-height:14px!important;white-space:normal!important;
}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status #status-caption .media-count-line{
 display:inline-block;flex:0 1 auto;min-width:0;max-width:100%;font-size:11px!important;line-height:14px!important;
 white-space:normal!important;text-align:center;overflow:visible;text-overflow:clip;
}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status #status-caption .media-count-line::after{content:none!important}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status #build-badge{
 grid-column:3;grid-row:1/span 2;justify-self:end;align-self:center;flex:none!important;
 width:auto!important;min-width:0!important;max-width:none!important;min-height:44px!important;
 margin:0!important;padding:4px!important;font-size:0!important;line-height:16px!important;
 overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;
}
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status #build-badge::after{content:attr(data-phone-version);font-size:12px!important;line-height:16px;white-space:nowrap}

/* Bring the phone title and revision inward without changing type, shape or counters. */
html.phone-layout :is(body>footer,#image-viewer-footer)>.collection-status{padding-inline:calc(max(6px,env(safe-area-inset-left)) + 12px) calc(max(6px,env(safe-area-inset-right)) + 12px)!important}