body:has(.metrics){margin:0;background:#f5f4ef;color:#25372f;font-family:system-ui,-apple-system,sans-serif}body:has(.metrics)>main{max-width:1100px;margin:auto;padding:40px 24px}body:has(.metrics)>header{padding:18px 24px;border-bottom:1px solid #dadfd6;background:#fff}body:has(.metrics)>header>div{max-width:1100px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}body:has(.metrics) nav{display:flex;gap:18px;flex-wrap:wrap}body:has(.metrics)>footer{padding:24px;text-align:center}.metrics *{box-sizing:border-box}.metrics [hidden]{display:none!important}.metrics a{color:#256347;text-underline-offset:3px}.metrics h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em;margin:4px 0 12px;font-weight:650}.metrics .eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:700;color:#687568}.metrics .intro{color:#647166;margin:0}.metrics-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.metrics button,.metrics select,.metrics input[type=text]{font:inherit;border:1px solid #b9c8bc;border-radius:7px;padding:10px 13px;background:#fff;color:#25372f}.metrics button{cursor:pointer;font-weight:600}.metrics button:hover{background:#e5eee4}.metrics button:disabled{cursor:wait;opacity:.5}.metrics :focus-visible{outline:3px solid #407c62;outline-offset:3px}.metrics .connection{padding:18px;background:#e9eee5;border-radius:10px;margin-bottom:24px}.connection>div{display:flex;gap:10px;margin-top:8px}.connection input{flex:1;min-width:0}.metrics label{display:block;font-size:.8rem;font-weight:600}.metrics .connection p,.metrics .muted{font-size:.8rem;color:#647166;line-height:1.5}.metrics-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.metrics-toolbar select{display:block;margin-top:7px;min-width:160px;max-width:100%}.metrics-toolbar>label:first-child{flex:1;min-width:200px}.metrics-toolbar>label:first-child select{width:100%}.metrics label.auto{display:flex;gap:8px;align-items:center;padding-bottom:12px}.metrics #status{font-size:.9rem;min-height:24px;color:#52654c}.metrics #status.error{color:#a03827}.metrics #device-info{padding:15px 0}.metrics #sensor-link{float:right}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}.metric-card,.chart-card{background:#fff;border:1px solid #dde3d9;border-radius:12px;padding:22px}.metric-card h2{font-size:.8rem;font-weight:500;color:#617363;margin:0 0 12px}.metric-card strong{font-size:2rem;letter-spacing:-.04em;font-weight:600}.metric-card p{font-size:.75rem;color:#647166;margin-bottom:0}.charts{display:grid;gap:18px;margin:20px 0}.chart-card h2{font-size:1rem;margin:0 0 8px}.chart-card svg{display:block;width:100%;height:auto;overflow:visible}.chart-card .axis{fill:#647166;font-size:12px}.chart-card .grid{stroke:#e7ece5;stroke-width:1}.metrics details{border-top:1px solid #ced8cb;padding-top:18px;margin-top:24px}.metrics summary{cursor:pointer;font-weight:600}.table-scroll{overflow:auto}.metrics table{border-collapse:collapse;width:100%;font-size:.82rem;margin-top:18px}.metrics caption{text-align:left;color:#647166;padding-bottom:12px}.metrics th,.metrics td{padding:12px 10px;text-align:left;border-bottom:1px solid #dce3d8;white-space:nowrap}.metrics th{font-weight:600}.metrics .empty{padding:35px;background:#fff;border:1px dashed #bdcabc;border-radius:12px;color:#617363;text-align:center}@media(max-width:600px){.metrics-heading{align-items:start;flex-direction:column}.connection>div{flex-direction:column}.metrics #sensor-link{float:none;display:block;margin-top:10px}body:has(.metrics)>main{padding:24px 16px}.metric-card{padding:16px}}

#enrollments pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 24rem; overflow: auto; }
#enrollments article { margin-bottom: 1rem; }
#enrollments button { margin: .75rem .75rem .75rem 0; }
#enrollments label { display: block; margin-top: 1rem; }