@media(max-width:600px){
 #app[data-view=repairs] section.card:has(#repair-rows .repair-room-card){border:0;background:transparent;box-shadow:none;padding:0}
 #app[data-view=repairs] table.stack tbody tr.repair-room-card{--repair-accent:#315785;--repair-pale:#dfe9f7;--repair-ink:#294e78;background:#fff;border:2px solid #849bb9;border-left:5px solid var(--repair-accent);border-radius:12px;box-shadow:none;padding:12px;gap:8px 10px}
 #app[data-view=repairs] table.stack tbody tr.repair-color-urgent{--repair-accent:#b7544b;--repair-pale:#f5ddd9;--repair-ink:#993f37}
 #app[data-view=repairs] table.stack tbody tr.repair-color-scheduled{--repair-accent:#315fb1;--repair-pale:#dfe9fa;--repair-ink:#294e91}
 #app[data-view=repairs] table.stack tbody tr.repair-color-parts{--repair-accent:#75519e;--repair-pale:#e9e0f4;--repair-ink:#614181}
 #app[data-view=repairs] table.stack tbody tr.repair-color-done{--repair-accent:#217964;--repair-pale:#dceee5;--repair-ink:#18614f}
 #app[data-view=repairs] table.stack .repair-room-card .room-no{font-size:22px;padding:5px 10px;border-radius:9px;min-height:38px;min-width:75px}
 #app[data-view=repairs] table.stack .repair-room-card td:first-child .muted{color:#506680;font-size:14px}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(3){grid-row:2;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:flex-start;line-height:1.5;font-size:16px!important;font-weight:400}
 #app[data-view=repairs] table.stack .repair-item-name{display:block;flex:1 1 150px;font-weight:600;color:#193b64;overflow-wrap:anywhere}
 #app[data-view=repairs] table.stack .repair-room-card .repair-assignee{display:block!important;flex:1 1 100%;order:2;margin:0;line-height:1.5;color:#4b6280;font-size:14px;font-weight:400;overflow-wrap:anywhere}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(3) .badge{font-size:14px;line-height:1.5;padding:3px 7px;margin:0;flex:none;border:1px solid #d1a29d}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(6){grid-row:3;padding:7px 10px!important;background:#eef3fa;color:#294d76;border:1px solid #b4c5dc;border-radius:8px;font-size:14px;font-weight:500;line-height:1.5}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(6)::before{content:'นัดเข้าซ่อม';display:block!important;color:#506680;font-size:14px;font-weight:400;margin-bottom:1px}
 #app[data-view=repairs] table.stack .repair-color-done td:nth-child(6)::before{content:'วันที่ซ่อมเสร็จ'}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(8){grid-column:1/-1;grid-row:4}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(8)::before{content:'สถานะงาน';display:block!important;color:#506680;font-size:14px;margin-bottom:4px}
 #app[data-view=repairs] table.stack .repair-room-card .status-select{width:100%;max-width:100%;min-width:0;min-height:44px;background:#f7faff;color:#193b64;border:1.5px solid #879fbe;border-radius:8px;font-size:16px!important;padding:8px 32px 8px 10px;box-shadow:none}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(9){grid-column:2;grid-row:5}
 #app[data-view=repairs] table.stack .repair-room-card .mobile-row-toggle-cell{grid-column:1;grid-row:5}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(9) .text-btn,#app[data-view=repairs] table.stack .repair-room-card .mobile-row-toggle{width:100%;border:1.5px solid #879fbe;min-height:44px;background:#edf3fb;color:#244f7f;border-radius:8px;padding:8px 6px;font-size:14px;line-height:1.5}
 #app[data-view=repairs] table.stack .repair-room-card .mobile-room-detail{grid-column:1/-1;background:#eef3fa;border:1px solid #b4c5dc;border-radius:8px}
}