.meter-location-short{display:none}
@media(max-width:600px){
 #app[data-view=meters]>.card:has(.meter-room-card){background:transparent;border:0;box-shadow:none;overflow:visible}
 #app[data-view=meters] table.stack:has(.meter-room-card) tbody{padding:0;gap:9px}
 #app[data-view=meters] table.stack tbody tr.meter-room-card{grid-template-columns:minmax(0,1fr) auto;padding:10px 11px;gap:6px 8px;border:2px solid #44896e;border-left:5px solid #248262;border-radius:12px;background:#f5fbf8;box-shadow:none}
 #app[data-view=meters] table.stack tbody tr.meter-pending{border-color:#829bbc;border-left-color:#315785;background:#f4f7fc}
 #app[data-view=meters] .meter-pending .room-no{background:#dee8f6;color:#294e78}
 #app[data-view=meters] .meter-room-card td:first-child{grid-column:1;grid-row:1;flex-wrap:nowrap;gap:8px}
 #app[data-view=meters] .meter-room-card .room-no{min-width:64px;min-height:34px;padding:5px 8px;font-size:21px;line-height:1.2;border-radius:8px}
 #app[data-view=meters] .meter-room-card td:first-child small{font-size:14px;color:#435d78;white-space:nowrap;font-weight:500}
 #app[data-view=meters] .meter-location-full{display:none}
 #app[data-view=meters] .meter-location-short{display:inline}
 #app[data-view=meters] .meter-room-card td:nth-child(2){grid-column:2;grid-row:1;justify-self:end}
 #app[data-view=meters] .meter-room-card td:nth-child(2) .badge{font-size:14px;line-height:1.4;padding:4px 7px;border:1px solid #76ad95;border-radius:7px;color:#126344;background:#dcefe5}
 #app[data-view=meters] .meter-pending td:nth-child(2) .badge{border-color:#8aa4c5;color:#355674;background:#e4ecf7}
 #app[data-view=meters] .meter-room-card td:nth-child(3){grid-column:1/-1;grid-row:2;padding:0!important;font-size:15px;line-height:1.6;color:#244362}
 #app[data-view=meters] .meter-room-card td:nth-child(3)::before{display:inline;content:'ผู้เช่า · ';margin:0;color:#56708b;font-size:14px}
 #app[data-view=meters] .meter-room-card td:nth-child(8){grid-column:1;grid-row:3;padding:0!important}
 #app[data-view=meters] .meter-room-card td:nth-child(8)::before{display:none}
 #app[data-view=meters] .meter-room-card button[aria-label^="จดมิเตอร์ห้อง"]{min-height:44px;height:44px;margin:0;font-size:15px;padding:8px 10px;border-radius:8px;box-shadow:none;border-width:2px}
 #app[data-view=meters] .meter-room-card td.mobile-row-toggle-cell{grid-column:2;grid-row:3;min-width:0}
 #app[data-view=meters] .meter-room-card .mobile-row-toggle{width:108px;min-height:44px;height:44px;padding:6px 4px;font-size:14px;line-height:1.3;background:#edf2f9;color:#244f7f;border:1.5px solid #8fa6c4;border-radius:8px}
 #app[data-view=meters] .meter-room-card.mobile-expanded>.mobile-secondary{grid-column:1/-1;grid-row:auto}
 #app[data-view=meters] .meter-room-card.mobile-expanded>.mobile-room-detail{border-color:#9eb2cc;background:white}
}