/* The selected meter type drives this palette across all three meter tabs. */
body:has(#app .meter-kind-button.kind-electric.is-active){background:#f7eff0}
body:has(#app .meter-kind-button.kind-electric.is-active) .shell{background:#f7eff0!important}
#app:has(.meter-kind-button.kind-electric.is-active){--meter-accent:#934b52;--meter-soft:#fbecee;--meter-border:#e2c4c8;--meter-ink:#62343b}
#app:has(.meter-kind-button.kind-electric.is-active) .meter-kind-tabs{background:#f6e4e7;border-color:var(--meter-border)}
#app:has(.meter-kind-button.kind-electric.is-active) .meter-kind-button{color:#755c61}
#app:has(.meter-kind-button.kind-electric.is-active) .meter-kind-button.kind-electric.is-active{background:#efcbd0;border-color:#d8a4ad;color:var(--meter-ink);box-shadow:none}
#app:has(.meter-kind-button.kind-electric.is-active) .meter-kind-button:focus-visible{outline-color:var(--meter-accent)}
#app:has(.meter-kind-button.kind-electric.is-active) h1,
#app:has(.meter-kind-button.kind-electric.is-active) h2,
#app:has(.meter-kind-button.kind-electric.is-active) h3{color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .card{border-color:var(--meter-border);box-shadow:0 3px 12px #62343b08}
#app:has(.meter-kind-button.kind-electric.is-active) .card-head{background:#fcf0f2;border-color:var(--meter-border)}
#app:has(.meter-kind-button.kind-electric.is-active) .meter-tabs .tab{border-color:var(--meter-border)!important;color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .meter-tabs .tab.active{background:#efcbd0;border-color:#d8a4ad!important;color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .meter-tabs .count{background:#f9e8eb;color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .bld-tabs{border-color:var(--meter-border)}
#app:has(.meter-kind-button.kind-electric.is-active) .bld-tabs .tab.active{background:#f6e4e7;color:var(--meter-ink);border-color:var(--meter-accent)}
#app:has(.meter-kind-button.kind-electric.is-active) .mc-chip{border-color:var(--meter-border);color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .mc-chip.active{background:#f6dce1;border-color:#d8a4ad;color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .mc-chip.active b{background:#fff5f6;color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .mc-chip:hover{border-color:var(--meter-accent)}
#app:has(.meter-kind-button.kind-electric.is-active) .desktop-filter-toolbar,
#app:has(.meter-kind-button.kind-electric.is-active) .filters{background:#fcf0f2!important;border-color:var(--meter-border)!important}
#app:has(.meter-kind-button.kind-electric.is-active) .desktop-filter-toolbar label>span{color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .desktop-filter-clear{background:#f6e4e7;border-color:var(--meter-border);color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .inline-meter-toolbar,
#app:has(.meter-kind-button.kind-electric.is-active) .meter-progress{background:#fbecee;border-color:var(--meter-border);color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .inline-meter-toolbar{border-left-color:var(--meter-accent)}
#app:has(.meter-kind-button.kind-electric.is-active) .inline-meter-toolbar strong{color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .progress{background:#efd9dd}
#app:has(.meter-kind-button.kind-electric.is-active) .progress div{background:#b66b76}
#app:has(.meter-kind-button.kind-electric.is-active) thead,
#app:has(.meter-kind-button.kind-electric.is-active) thead th{background:#f3dce1;color:var(--meter-ink);border-color:var(--meter-border)}
#app:has(.meter-kind-button.kind-electric.is-active) thead .desktop-sort{color:var(--meter-ink)}
@media(min-width:701px){#app:has(.meter-kind-button.kind-electric.is-active) .room-table tbody tr:nth-child(even):not(.inline-meter-dirty){background:#fff7f8}}
#app:has(.meter-kind-button.kind-electric.is-active) .room-table tbody td{border-bottom-color:#f0e0e3}
#app:has(.meter-kind-button.kind-electric.is-active) .room-no{color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) input:not([type=checkbox]):not([type=radio]),
#app:has(.meter-kind-button.kind-electric.is-active) select{border-color:var(--meter-border);color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .inline-meter-table td .inline-meter-input{background:#fff9fa;border-color:#d8a4ad;color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) input:focus,
#app:has(.meter-kind-button.kind-electric.is-active) select:focus{outline-color:#b66b76}
#app:has(.meter-kind-button.kind-electric.is-active) .btn{background:#fff6f7;border-color:var(--meter-border);color:var(--meter-ink)}
#app:has(.meter-kind-button.kind-electric.is-active) .btn.primary{background:#f3dce1;border-color:#d8a4ad;color:var(--meter-ink);box-shadow:none}
#app:has(.meter-kind-button.kind-electric.is-active) .btn.primary:hover:not(:disabled){background:#efcbd0}
#app:has(.meter-kind-button.kind-electric.is-active) .inline-meter-save:disabled{background:#f4ecee;border-color:#e5d8db;color:#947c81}
#app:has(.meter-kind-button.kind-electric.is-active) .text-btn{color:var(--meter-accent)}
#app:has(.meter-kind-button.kind-electric.is-active) .inline-meter-input[aria-invalid=true]{background:#fff1ed;border-color:#b23227}

/* Keep completion green and unsaved edits amber; rose indicates the meter type. */
@media(max-width:600px){
 body:has(#app .meter-kind-button.kind-electric.is-active){background:#f7eff0!important}
 #app:has(.meter-kind-button.kind-electric.is-active) .btn.primary,
 #app:has(.meter-kind-button.kind-electric.is-active) .tab.active,
 #app:has(.meter-kind-button.kind-electric.is-active) .filters .btn.active{background:#f3dce1!important;border-color:#d8a4ad!important;color:#62343b!important}
 #app:has(.meter-kind-button.kind-electric.is-active) table.stack tbody tr{border-color:#e2c4c8!important}
 #app:has(.meter-kind-button.kind-electric.is-active) table.stack tbody tr.meter-pending{background:#fff8f9!important;border-color:#e2c4c8!important;border-left-color:#b66b76!important}
 #app:has(.meter-kind-button.kind-electric.is-active) .meter-pending .room-no{background:#f7e1e5;color:#62343b}
 #app:has(.meter-kind-button.kind-electric.is-active) .meter-pending td:nth-child(2) .badge{background:#fbecee;color:#934b52;border-color:#e2c4c8}
 #app:has(.meter-kind-button.kind-electric.is-active) .meter-room-card .mobile-row-toggle{background:#fbecee;border-color:#e2c4c8;color:#934b52}
 #app:has(.meter-kind-button.kind-electric.is-active) .meter-room-card.mobile-expanded>.mobile-room-detail{border-color:#e2c4c8}
 body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) .btn.primary{background:#f3dce1!important;border-color:#d8a4ad!important;color:#62343b!important}
}

/* Reading forms follow the same theme, including tenant, common and staff meters. */
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form){background:#fff9fa}
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) .modal-head{background:#f3dce1;border-color:#e2c4c8}
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) .modal-head h2{color:#62343b}
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) .close{background:#fff5f6;color:#62343b}
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) input:not([type=checkbox]):not([type=radio]){border-color:#d8a4ad;background:#fff9fa;color:#62343b}
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) input:focus{outline-color:#b66b76}
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) .btn{background:#fff6f7;border-color:#e2c4c8;color:#62343b}
body:has(#app .meter-kind-button.kind-electric.is-active) #modal:has(#meter-form,#cm-form,#sm-form) .btn.primary{background:#f3dce1;border-color:#d8a4ad;box-shadow:none}
body:has(#app .meter-kind-button.kind-electric.is-active) #meter-form .meter-actions{background:#fff9fa}
body:has(#app .meter-kind-button.kind-electric.is-active) #meter-form .progress{background:#efd9dd}
body:has(#app .meter-kind-button.kind-electric.is-active) #meter-form .progress div{background:#b66b76}