.mobile-operation-list{display:none}
@media(max-width:600px){
 #app .mobile-operation-list{display:block;margin:10px 0 0}
 #app .room-plan:has(.mop-rooms)>.room-plan-filters,
 #app .room-plan:has(.mop-rooms)>.room-plan-stats,
 #app .room-plan:has(.mop-rooms)>#room-plan-results,
 #app .room-plan:has(.mop-rooms)>.room-plan-help,
 #app[data-view=meters]:has(.mop-meters)>.meter-chips,
 #app[data-view=meters]:has(.mop-meters)>.filters,
 #app[data-view=meters]:has(.mop-meters)>.desktop-filter-toolbar,
 #app[data-view=meters]:has(.mop-meters)>.desktop-filter-source,
 #app[data-view=meters]:has(.mop-meters)>.inline-meter-toolbar,
 #app[data-view=meters]:has(.mop-meters)>.meter-progress,
 #app[data-view=meters]:has(.mop-meters)>.card:has(.meter-single-table){display:none!important}
 #app .room-plan:has(.mop-rooms) .room-plan-buildings{gap:7px;margin:0 0 10px}
 #app .room-plan:has(.mop-rooms) .room-plan-buildings>button{min-height:52px;padding:8px;font-size:14px}
 #app .room-plan:has(.mop-rooms) .room-plan-buildings>button>span{font-size:11px}
 #app .mobile-operation-list .mbl-summary-amount small{display:inline!important;font-size:12px;font-weight:400}
 #app .mobile-operation-list .mbl-summary-icon svg{height:19px;width:19px}
 #app .state-vacant.mbl-summary-icon,#app .state-done.mbl-summary-icon,#app .state-vacant.mbl-room-icon,#app .state-done.mbl-room-icon{background:#def2e9;color:#126340}
 #app .state-occupied.mbl-summary-icon{background:#e8effa;color:#2454a0}
 #app .state-todo.mbl-summary-icon{background:#fff0d6;color:#875215}
 #app .mop-room-card{min-height:114px}
 #app .mop-room-card .mbl-card-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #app .mop-room-card .mbl-card-value{gap:4px}
 #app .mop-room-card .mbl-card-value>small{font-size:10px;margin:0;white-space:nowrap}
 #app .mbl-card-status.state-vacant,#app .mbl-card-status.state-done{background:#def2e9;color:#126340}
 #app .mbl-card-status.state-occupied{background:#e8effa;color:#2454a0}
 #app .mbl-card-status.state-booking{background:#fff0d6;color:#875215}
 #app .mbl-card-status.state-repair{background:#eceff3;color:#4f5a6b}
 #app .mbl-card-status.state-todo{background:#fff0d6;color:#875215}
 #app .mop-note{font-size:10px!important}
 #app .mop-reset{width:100%;min-height:44px;text-align:center}
 #app .mop-meter-card{grid-template-columns:36px minmax(0,1fr) auto 10px;gap:8px 9px;min-height:150px}
 #app .mop-meter-card>.mbl-card-status{justify-self:end}
 #app .mop-reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-column:1/-1}
 #app .mop-reading>span{display:grid;gap:3px;padding:7px 10px;border:1px solid #dde5ef;border-radius:7px;background:#f4f7fb;min-width:0}
 #app .mop-reading .mop-current{background:#edf3ff;border-color:#c9d9f2}
 #app .mop-reading small{margin:0;font-size:11px;line-height:1.4}
 #app .mop-reading strong{font-size:19px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 #app .mop-meter-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;grid-column:1/-1;font-size:11px}
 #app .mop-meter-foot>b{color:#2454a0;font-weight:600}
 #app[data-view=meters]:has(.mop-meters)>.period-inline{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;width:100%;padding:0!important;border:0;background:transparent;box-shadow:none;margin:10px 0!important}
 #app[data-view=meters]:has(.mop-meters) .period-inline .field{min-width:0;margin:0}
 #app[data-view=meters]:has(.mop-meters) .period-inline select{min-height:44px;font-size:15px;width:100%;background:#fff}
 #app[data-view=meters]:has(.kind-electric.is-active) .mop-meters .mbl-tab.active{background:#a5424b;color:white}
 #app[data-view=meters]:has(.kind-electric.is-active) .mop-meters .mbl-tabs{background:#fff3f3;border-color:#e4c9cc}
 #app[data-view=meters]:has(.kind-electric.is-active) .mop-meters .mbl-card,
 #app[data-view=meters]:has(.kind-electric.is-active) .mop-meters .mbl-summary-card{border-color:#e4c9cc}
 #app[data-view=meters]:has(.kind-electric.is-active) .mop-meters .mop-current{background:#fff0f1;border-color:#eacace}
 #app[data-view=meters]:has(.kind-electric.is-active) .mop-meters .state-todo.mbl-room-icon{background:#fce8ea;color:#a5424b}
 #app[data-view=meters]:has(.kind-electric.is-active) .mop-meters .mop-meter-foot>b{color:#a5424b}
}
@media(max-width:350px){
 #app .mop-meter-card{grid-template-columns:28px minmax(0,1fr) auto 7px;gap:7px 6px}
 #app .mop-reading small{font-size:10px}
 #app .mop-meter-foot{font-size:10px}
}