.energy-dialog{width:min(1100px,96vw);max-width:96vw;max-height:90dvh;padding:0;background:#092a32;color:#dbe8e2;border:1px solid #617e79;border-radius:12px;overflow:auto;font:14px/1.6 system-ui}.energy-dialog::backdrop{background:#00161cd9}.energy-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;background:#11343c;border-bottom:1px solid #3e5b5e}.energy-dialog h2{margin:3px 0;font-size:23px;color:#e8efea}.energy-dialog h3{font-size:21px}.energy-dialog small{font-size:10px;letter-spacing:1px;color:#a4c9c7}.energy-dialog>nav{display:flex;gap:7px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid #3e5b5e}.energy-dialog button{min-height:38px;padding:8px 12px;background:#1c4249;border:1px solid #547571;border-radius:5px;color:#e1e9df;cursor:pointer;font:inherit}.energy-dialog button:hover{border-color:#dfc48c}.energy-dialog button:focus-visible,.energy-dialog input:focus-visible,.energy-dialog select:focus-visible{outline:2px solid #e5c58b;outline-offset:3px}.energy-dialog button:disabled{opacity:.5;cursor:default}.energy-content{padding:18px 22px}.energy-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.energy-summary>div{background:#12343c;border:1px solid #3b5b5b;border-radius:7px;padding:14px}.energy-summary span,.energy-detail-readings span{display:block;color:#9fbfba;font-size:12px}.energy-summary b{font-size:23px;color:#e7d39b}.energy-note{font-size:12px;color:#adcbc5;margin:15px 0}.energy-table-wrap{overflow-x:auto;max-height:48dvh;border:1px solid #3b5b5b;border-radius:6px}.energy-dialog table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px;font-variant-numeric:tabular-nums}.energy-dialog th,.energy-dialog td{padding:10px 12px;text-align:right;vertical-align:middle;border-bottom:1px solid #2d4d53}.energy-dialog th:first-child,.energy-dialog td:first-child,.energy-dialog td:nth-child(2){text-align:left}.energy-dialog thead{position:sticky;top:0;background:#183e47;z-index:1}.energy-dialog tbody th{font-weight:400;max-width:270px}.energy-dialog tbody button{border:0;background:transparent;text-align:left;min-height:38px;padding:2px;color:#dfcc9a}.energy-dialog form{margin:14px 0}.energy-tariff{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.energy-dialog input,.energy-dialog select{display:block;min-height:40px;width:100%;padding:8px;background:#08232a;color:#e6ece3;border:1px solid #4e706e;border-radius:5px;font:inherit;box-sizing:border-box}.energy-dialog label{font-size:12px;color:#b8d1ca}.energy-rating-form,.energy-pump-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.energy-rating-form>p,.energy-pump-form>p{grid-column:1/-1;font-size:12px}.energy-rating-form>button,.energy-pump-form>button{align-self:end;background:#d9bf88;color:#173137}.energy-detail-readings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.energy-detail-readings>div{padding:10px;border-bottom:1px solid #36565b}.energy-dialog [data-energy-refresh]{float:right}@media(max-width:650px){.energy-dialog{width:100vw;max-width:100vw;max-height:96dvh;border-radius:8px}.energy-dialog>header,.energy-content{padding:14px}.energy-dialog>nav{padding:10px 14px}.energy-summary{grid-template-columns:1fr;gap:7px}.energy-summary>div{padding:9px}.energy-summary b{font-size:20px}.energy-rating-form,.energy-pump-form{grid-template-columns:1fr}.energy-dialog input,.energy-dialog select{font-size:16px}.energy-detail-readings{grid-template-columns:1fr}.energy-dialog table{min-width:660px}}