.ag-pompy{max-width:1200px}.ag-pompy .ag-card{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:22px;margin:20px 0}.ag-pompy .ag-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ag-pompy h2{margin:0 0 14px}.ag-pompy .ag-heading h2{margin:0}.ag-badge{font-size:13px;color:#fff;background:#146b8c;padding:4px 9px;border-radius:5px;vertical-align:middle}.ag-online{color:#11653e;background:#e6f5ec;padding:6px 10px;border-radius:20px}.ag-offline{color:#675c3b;background:#f6efdf;padding:6px 10px;border-radius:20px}.ag-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ag-metrics>div{background:#f4f7fa;padding:15px;border-radius:6px}.ag-metrics span{display:block;color:#50575e}.ag-metrics strong{display:block;font-size:25px;margin-top:9px;color:#173c53}.ag-controls{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.ag-controls input{max-width:105px}.ag-controls select{max-width:100%}.ag-pompy details{margin-top:16px}.ag-pompy summary{cursor:pointer;font-weight:600;margin-bottom:12px}.ag-pompy .widefat td:first-child{width:60%}.ag-device-form{padding:12px 0;border-top:1px solid #eee;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ag-device-form strong{margin-right:auto}.ag-secret{overflow-wrap:anywhere;display:block}.ag-warning{color:#8a4b00}.ag-command-list{font-size:12px;color:#50575e}@media(max-width:600px){.ag-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-metrics strong{font-size:21px}.ag-pompy .ag-card{padding:15px}.ag-pompy .ag-controls>*{max-width:100%}.ag-pompy table{font-size:12px}}

.ag-device-access{border:1px solid #dcdcde;border-radius:7px;padding:18px;margin:16px 0}.ag-device-access h3{font-size:17px;margin:0}.ag-device-access .ag-device-form{border-top:0}.ag-device-access .ag-danger-zone{border-top:1px solid #eee;padding-top:12px}.ag-danger-zone summary{color:#a32424}.ag-danger-zone p{max-width:850px}.ag-danger-zone .ag-delete-button{background:#a32424;border-color:#a32424;color:white}.ag-danger-zone .ag-delete-button:hover{background:#801a1a;color:white}

.ag-energy{border-top:1px solid #dce4e9;margin-top:20px;padding-top:12px}.ag-energy h3{margin-bottom:10px}.ag-energy .ag-metrics{margin-bottom:12px}.ag-energy details{overflow-x:auto}

.ag-report-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.ag-report-form label{display:flex;align-items:center;gap:6px}.ag-report-form input[type=date]{max-width:180px}.ag-report-form input[type=checkbox]{width:auto}

.ag-service-note{display:block;font-size:12px;color:#59636d;margin-top:4px}.ag-service-help{width:100%;margin:4px 0;color:#59636d}