/* v841: mobile LIST - tidy status stack. Pill on top; viewings + clients counts side by side (small); admin vacant-days chip under them.
   Nothing is added to the beds / rate / view columns, so no clipping. Roll back: remove this link + the vacantSinceHTML call in js/289. */
@media (max-width:1024px){
  .avl-m .m-status{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 5px;width:100%}
  .m-status .avl-status-badge{order:0;flex:0 0 auto;margin:0 auto}
  .m-status .avl-status-badge + *{margin-top:0}
  .m-status .avl-viewings-badge{order:1;flex:none;margin:0;transform:none;display:inline-flex;align-items:center;gap:3px;height:16px;padding:0 5px;font-size:11px;font-weight:800;line-height:16px;min-height:0}
  .m-status .avl-viewings-badge i{font-size:10px}
  .m-status .bhuc-s{order:2;flex:none;margin:0}
  .m-status .bhuc-badge{--vb:11px;display:inline-flex;align-items:center;gap:3px;height:16px;padding:0 6px;line-height:16px;font-weight:800}
  .m-status .bhuc-badge i{font-size:10px}
  .m-status .m-vd{order:3;flex:0 0 100%;display:flex;justify-content:center;align-items:center;gap:3px;height:15px;padding:0;border:0;background:none;font:800 10px/15px inherit;white-space:nowrap;color:#8a6a3d}
  .m-status .m-vd i{font-size:8.5px;opacity:.8}
  .m-status .m-vd.is-mid{color:#b8661a}
  .m-status .m-vd.is-old{color:#c23a2e}
  [data-theme="dark"] .m-status .m-vd{color:#d8b98a}
  [data-theme="dark"] .m-status .m-vd.is-old{color:#ff7b6e}
}