.dorm-grid,.charge-grid{margin-bottom:17px}.room-map{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.room-card{min-height:78px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}.room-card span,.room-card b,.room-card small{display:block}.room-card span{font-size:11px;color:#687980}.room-card b{font-size:18px;margin-top:2px}.room-card small{font-size:10px;color:#8b9ba0}.room-card.occupied{border-left:3px solid var(--teal)}.room-card.available{border-left:3px solid var(--blue)}.room-card.repair{border-left:3px solid var(--orange)}.charge-status{padding:19px}.charge-status p{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:12px;margin:13px 0}.charge-status p span{color:#53656d}.charge-status p b{font-size:15px}.charge-status .wide-button{margin:12px 0 0;width:100%}@media(max-width:850px){.room-map{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.room-map{grid-template-columns:1fr}}