.mobile-list-cell{display:none!important}
@media(max-width:600px){
 #app table.stack tr.has-mobile-list{display:block!important;padding:0!important;margin:0 0 10px!important;border:0!important;background:transparent!important;box-shadow:none!important}
 #app table.stack tr.has-mobile-list>td{display:none!important}
 #app table.stack tr.has-mobile-list>td.mobile-list-cell{display:block!important;padding:0!important;border:0!important;grid-column:1/-1}
 #app .mobile-list-cell:before{display:none!important}
 #app .mobile-list-card{width:100%;display:flex;align-items:center;gap:10px;padding:15px 12px;border:1px solid #c9d6e8;border-radius:14px;background:#fff;color:#193b64;text-align:left;font:inherit;box-shadow:0 3px 12px #15382c05;min-height:116px;white-space:normal}
 #app .ml-icon{width:42px;min-width:42px;height:59px;display:grid;place-items:center;background:#f1f5fc;border-radius:11px;color:#536884}
 #app .ml-icon svg{width:25px;height:25px}
 #app .ml-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
 #app .ml-main>strong{font-size:21px;color:#173e70;line-height:1.3}
 #app .ml-main>small{font-size:12px;color:#536884;line-height:1.5;overflow-wrap:anywhere}
 #app .ml-main>b{font-size:18px;color:#153c72}
 #app .ml-side{display:flex;flex-direction:column;align-items:flex-end;gap:9px;max-width:43%}
 #app .ml-side>strong{font-size:20px;white-space:nowrap}
 #app .ml-side .badge,#app .ml-state{font-size:12px;padding:5px 8px;border-radius:20px;white-space:normal;text-align:center;line-height:1.4}
 #app .ml-state.state-occupied{background:#e5f1fa;color:#24648b}#app .ml-state.state-vacant{background:#e0f4e8;color:#167143}#app .ml-state.state-booking{background:#eeebfb;color:#7055a1}#app .ml-state.state-repair{background:#edf0ef;color:#56655f}
 #app .ml-open{border:1px solid #2454c6;border-radius:8px;padding:6px 12px;font-size:13px;color:#2454c6}
 #app .ml-bill .ml-icon{width:40px;min-width:40px;height:40px;border-radius:50%;background:#e4f4ec;color:#137557}
 #app .ml-bill .bill-overdue{background:#fce9e5;color:#b14c36}#app .ml-bill .bill-review{background:#eee9fa;color:#7052a6}
 #app .ml-bill .ml-main>strong{font-size:17px}
 #app .ml-repair-copy{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1}
 #app .ml-repair-copy>strong{font-size:20px;line-height:1.5;color:#173e70}
 #app .ml-repair-copy>small{font-size:13px;color:#536884;line-height:1.5}
 #app .ml-repair-badges{display:flex;gap:5px;flex-wrap:wrap}
 #app .ml-repair-badges .badge{font-size:12px;white-space:normal;border-radius:20px;padding:5px 9px}
 #app .ml-repair-symbol{display:grid;place-items:center;width:55px;min-width:55px;height:65px;border-radius:16px;background:#e6eef9;color:#2454c6;font-size:35px}
 #app .ml-repair{padding:16px;min-height:155px}
 #app[data-view=repairs] .page-heading .actions{display:grid;grid-template-columns:1fr;width:100%}
 #app[data-view=repairs] .page-heading .actions .btn.primary{min-height:52px;font-size:18px}
 #app[data-view=repairs] .page-heading .actions .btn.line{display:none}
 #app[data-view=repairs] .table-wrap,#app[data-view=rooms] .table-wrap:has(.room-directory),#app[data-view=billing] .table-wrap:has(.billing-room-card){padding:0;background:transparent}
 #app section.card:has(.has-mobile-list){background:transparent;border:0;box-shadow:none;padding:0}
 #app .mobile-list-card:focus-visible{outline:3px solid #2454c6;outline-offset:2px}
}
@media(max-width:350px){#app .ml-icon{display:none}#app .ml-side>strong{font-size:18px}#app .ml-repair-symbol{min-width:40px;width:40px;font-size:28px}}
@media(max-width:600px){.ml-actions{background:#fff;border:1px solid #c9d6e8;border-top:0;border-radius:0 0 12px 12px;margin-top:-8px;padding:9px 12px}.ml-actions summary{min-height:34px;padding-top:7px;color:#2454c6;font-size:14px;cursor:pointer}.ml-action-item{padding:10px 0;border-top:1px solid #cbd7e8}.ml-action-item>strong{display:block;font-size:12px;color:#536884;margin-bottom:5px}.ml-action-item select{width:100%}.ml-action-item .btn,.ml-action-item .text-btn{min-height:44px;white-space:normal}.ml-action-item .meter-native-cell{display:block}}