/* Feste Farbklassen funktionieren auch bei style-src 'self' ohne Inline-Stile. */
.meter-tinted[data-meter-color="strom"], .meter-color-preview[data-meter-color="strom"] { background-color: rgba(230,184,0,.12); border-left: 10px solid #e6b800; }
.meter-tinted[data-meter-color="kaltwasser"], .meter-color-preview[data-meter-color="kaltwasser"] { background-color: rgba(51,153,221,.12); border-left: 10px solid #3399dd; }
.meter-tinted[data-meter-color="hauptwasser"], .meter-color-preview[data-meter-color="hauptwasser"] { background-color: rgba(40,120,204,.12); border-left: 10px solid #2878cc; }
.meter-tinted[data-meter-color="warmwasser"], .meter-color-preview[data-meter-color="warmwasser"] { background-color: rgba(238,135,144,.12); border-left: 10px solid #ee8790; }
.meter-tinted[data-meter-color="heizung"], .meter-color-preview[data-meter-color="heizung"] { background-color: rgba(204,75,82,.12); border-left: 10px solid #cc4b52; }
.meter-tinted[data-meter-color="sonstige"], .meter-color-preview[data-meter-color="sonstige"] { background-color: rgba(138,146,155,.12); border-left: 10px solid #8a929b; }
tbody tr.meter-tinted[data-meter-color], tbody tr.meter-tinted[data-meter-color]:hover { background-color: transparent; }
tbody tr.meter-tinted[data-meter-color="strom"] > td { background-color: rgba(230,184,0,.12); }
tbody tr.meter-tinted[data-meter-color="kaltwasser"] > td { background-color: rgba(51,153,221,.12); }
tbody tr.meter-tinted[data-meter-color="hauptwasser"] > td { background-color: rgba(40,120,204,.12); }
tbody tr.meter-tinted[data-meter-color="warmwasser"] > td { background-color: rgba(238,135,144,.12); }
tbody tr.meter-tinted[data-meter-color="heizung"] > td { background-color: rgba(204,75,82,.12); }
tbody tr.meter-tinted[data-meter-color="sonstige"] > td { background-color: rgba(138,146,155,.12); }
tbody tr.meter-tinted[data-meter-color] > td:first-child { border-left: 10px solid transparent; }
tbody tr.meter-tinted[data-meter-color="strom"] > td:first-child { border-left-color: #e6b800; }
tbody tr.meter-tinted[data-meter-color="kaltwasser"] > td:first-child { border-left-color: #3399dd; }
tbody tr.meter-tinted[data-meter-color="hauptwasser"] > td:first-child { border-left-color: #2878cc; }
tbody tr.meter-tinted[data-meter-color="warmwasser"] > td:first-child { border-left-color: #ee8790; }
tbody tr.meter-tinted[data-meter-color="heizung"] > td:first-child { border-left-color: #cc4b52; }
tbody tr.meter-tinted[data-meter-color="sonstige"] > td:first-child { border-left-color: #8a929b; }
.meter-register-label { font-weight: 400; }
.meter-color-settings { border: 1px solid var(--line, #ddd); border-radius: 8px; padding: 12px; margin: 12px 0; min-width: 0; }
.meter-color-settings legend { font-weight: 600; }
.meter-color-picker { display: flex; align-items: center; gap: 12px; margin: 10px 0; }
.meter-color-picker select { max-width: 100%; min-width: 0; }
.meter-color-preview { background: var(--meter-tint); border-left: 10px solid var(--meter-color); padding: 10px 12px; border-radius: 5px; margin-bottom: 10px; }
@media (max-width: 640px) { .meter-color-picker { display: block; } }
.meter-color-settings small { display: block; }