.meter-kind-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 14px;padding:6px;background:#d8e3f1;border:1px solid #a8bbd4;border-radius:14px}
.meter-kind-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 16px;border:1px solid transparent;border-radius:10px;background:transparent;color:#385774;font:inherit;font-weight:700;cursor:pointer}
.meter-kind-icon{font-size:24px;line-height:1}
.meter-kind-button.kind-water.is-active{background:#2059b5;color:white;border-color:#184888;box-shadow:0 3px 8px #163e7126}
.meter-kind-button.kind-electric.is-active{background:#9e345c;color:white;border-color:#812747;box-shadow:0 3px 8px #81274726}
.meter-kind-button:focus-visible{outline:3px solid #132f51;outline-offset:3px}
/* Preserve native cell positions for existing desktop and mobile enhancements. */
.meter-single-table.kind-water tr>:nth-child(6),.meter-single-table.kind-electric tr>:nth-child(5){display:none!important}
@media(min-width:761px){
 #app .inline-meter-table.meter-single-table{min-width:850px}
 #app .inline-meter-table.meter-single-table th:nth-child(1){width:14%}
 #app .inline-meter-table.meter-single-table th:nth-child(2){width:10%}
 #app .inline-meter-table.meter-single-table th:nth-child(3){width:20%}
 #app .inline-meter-table.meter-single-table th:nth-child(5),.inline-meter-table.meter-single-table th:nth-child(6){width:21%}
 #app .inline-meter-table.meter-single-table th:nth-child(7){width:5%}
 #app .inline-meter-table.meter-single-table th:nth-child(8){width:14%}
 #app .inline-meter-table.meter-single-table th:nth-child(9){width:16%}
}
@media(max-width:760px){
 .meter-kind-tabs{gap:6px;margin:12px 0;padding:5px;border-radius:12px}
 .meter-kind-button{gap:7px;min-height:46px;padding:8px 4px;font-size:15px;white-space:nowrap}
 .meter-kind-icon{font-size:21px}
}

@media(max-width:760px){
 #app[data-view=meters]>.meter-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin:10px 0 14px}
 #app[data-view=meters]>.meter-tabs .tab{display:flex!important;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:6px 2px!important;font-size:13px!important;white-space:nowrap}
 #app[data-view=meters]>.meter-tabs .tab:before{display:none!important}
 #app[data-view=meters]>.meter-tabs .count{min-width:14px;padding:0 2px;margin:0;font-size:11px}
}

@media(min-width:701px){#app .inline-meter-table.meter-single-table th:nth-child(1){width:12%}#app .inline-meter-table.meter-single-table th:nth-child(3){width:16%}#app .inline-meter-table.meter-single-table th:nth-child(4){width:12%}#app .inline-meter-table.meter-single-table th:nth-child(5),#app .inline-meter-table.meter-single-table th:nth-child(6){width:20%}#app .inline-meter-table.meter-single-table th:nth-child(8){width:12%}#app .inline-meter-table.meter-single-table th:nth-child(9){width:13%}.meter-previous{font-variant-numeric:tabular-nums;color:#395774}}