.devices-intro{margin:9px 0 24px}.devices-intro h2{font-size:30px;color:#124746;margin:8px 0}.devices-intro p{color:#69817e;max-width:800px;line-height:1.6;font-size:14px}.devices-columns{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(320px,1.3fr);gap:18px}.device-panel{padding:24px;min-width:0}.device-panel h3{font-size:19px;color:#154a47;margin:0 0 20px}.device-panel label{display:block;font-size:12px;font-weight:800;color:#3e6662;margin:12px 0 6px}.device-panel input{width:100%;padding:12px;box-sizing:border-box;border:1px solid #c7dbd6;border-radius:10px;text-transform:uppercase;font-size:16px;background:#fff;color:#153d3c}.device-panel form button,.device-action{background:#0d7670;border:0;color:#fff;border-radius:10px;padding:12px 15px;cursor:pointer;font:inherit;font-size:13px;font-weight:700;margin-top:15px}.device-action{background:#fff;border:1px solid #d0dfdb;color:#80504a;padding:7px 10px;margin:0;font-size:11px}.device-panel form button:disabled{opacity:.6;cursor:wait}.device-message{background:#edf8f4;border:1px solid #d0e8df;border-radius:12px;padding:12px 16px;color:#245e58;margin-bottom:19px;font-size:13px}.device-message.error{background:#fff4f0;border-color:#efd1c9;color:#904c41}.devices-hint,.devices-footer{font-size:12px;color:#80938f;line-height:1.65}.device-card{border:1px solid #e4edeb;border-radius:13px;padding:17px;margin:0 0 13px}.device-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-header strong{font-size:15px;color:#154e4c}.device-meta,.device-reading,.device-sub{font-size:12px;color:#607f79;margin:7px 0;line-height:1.5}.device-reading{font-weight:650;color:#195b52}.device-state{font-size:11px;color:#7a8f8b;padding:5px 8px;border:1px solid #e4ece9;border-radius:999px}.device-state.online{color:#137452;background:#e8f7ef;border-color:#d4eadc}@media(max-width:850px){.devices-columns{grid-template-columns:1fr}}@media(max-width:600px){.device-panel{padding:17px}}
/* V0.4 metingen/grafiek */
.device-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0 12px}
.device-value{padding:12px 9px;background:#f4f9f7;border:1px solid #e0ece7;border-radius:10px;min-width:0}
.device-value strong{display:block;font-size:24px;color:#114f4b;letter-spacing:-.6px;line-height:1.2;margin:7px 0}
.device-value-label,.device-unit{font-size:11px;color:#718b85}.device-chart-button{margin:11px 0 8px;background:#eaf5f0;border:1px solid #c8e4da;border-radius:9px;padding:9px 12px;color:#125e58;cursor:pointer;font-weight:700}
.device-history{min-width:0}.device-graph{margin:8px 0 16px;max-width:100%;overflow:hidden}.device-graph svg{width:100%;height:auto;display:block;background:#fff;border:1px solid #e5efec;border-radius:9px}.device-graph-caption{font-size:11px;color:#718b85;line-height:1.6}
@media(max-width:650px){.device-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}