:root{font-family:Segoe UI,Arial,sans-serif;color:#222;background:#f5f4f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dedbd5;border-radius:8px;background:white;padding:11px 16px;color:#333}button:hover{background:#f3eee6}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid #eaa12c;outline-offset:2px}header{background:#181818;color:white;padding:20px 5%;display:flex;gap:28px;align-items:center}.logo{font-size:30px;color:white;font-weight:800;letter-spacing:-1.5px;text-decoration:none}.logo span{color:#ef433c}.logo i{color:#ffc744;font-size:12px;margin-left:5px}.header-label{font-size:10px;letter-spacing:2px;color:#a8a8a8}header button{margin-left:auto;background:#292929;color:white;border-color:#454545}main{max-width:1180px;margin:auto;padding:28px 24px}.notice{background:#fff0cc;color:#795619;padding:10px 14px;font-size:12px;border-radius:8px;line-height:1.5}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0}.eyebrow{color:#9a6e2e;font-size:10px;letter-spacing:1.4px;font-weight:700}h1{font-size:36px;letter-spacing:-1px;margin:10px 0}h2{font-size:20px;margin:10px 0}.subtitle,.foot{color:#7a7975;font-size:13px;line-height:1.7}.toolbar{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:12px;border:1px solid #e5e1da}.toolbar>button{background:#202020;color:white;border:0}.toolbar input{border:0;font-size:20px;font-weight:600;min-width:150px;padding:8px}.select-wrap{margin-left:auto;min-width:260px}.select-wrap label{display:block;font-size:10px;color:#8c8170;margin-bottom:6px}.select-wrap select{width:100%;border:1px solid #ddd6cd;padding:10px;border-radius:7px;background:white}.device{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr auto;gap:20px;align-items:center;background:#fff;border:1px solid #e5e1da;border-radius:12px;padding:22px;margin-top:18px;border-left:4px solid #eaa12c}.device small{display:block;font-size:11px;color:#89847b;line-height:1.7}.device strong{display:block;font-size:18px;margin:5px 0}nav{display:flex;gap:6px;align-items:center;margin:24px 0 16px;border-bottom:1px solid #ddd6cd;padding-bottom:12px}nav button{border:0;background:transparent}nav .active{background:#202020;color:#fff}nav span{margin-left:auto;font-size:11px;color:#9b8e7a}.table-wrap{border:1px solid #e4dfd6;border-radius:12px;overflow:auto;background:#fff}table{border-collapse:collapse;width:100%;table-layout:fixed}th{background:#efece6;color:#6f6454;font-size:12px;padding:17px 10px;text-align:center}th:first-child{width:100px}td{border-bottom:1px solid #eeeae3;text-align:center;padding:12px 7px;font-size:13px}td:first-child{font-weight:600;color:#766f64}.reading{border:0;background:none;padding:0;width:100%;font-size:16px;font-weight:600;color:#34705a}.reading:disabled{cursor:default;opacity:1}.reading small{display:block;color:#827e77;font-size:10px;font-weight:400;margin-top:4px}.reading .reason{font-size:10px;color:#bd4940;line-height:1.4}.reading.warning,.red{color:#d14338}.reading.empty{color:#999}.legend{display:flex;gap:22px;font-size:11px;color:#34705a;margin:18px 0}.legend span:last-child{color:#999}.graph-summary{background:#fff0cc;padding:15px;border-radius:10px;font-size:13px;margin-bottom:16px}.chart{background:#fff;border:1px solid #e4dfd6;border-radius:12px;margin-bottom:18px;padding:18px}.chart h3{font-size:14px;margin:0 0 10px}.chart svg{width:100%;height:auto;display:block}.chart text{font-family:Segoe UI,Arial,sans-serif;font-size:11px;fill:#81786d}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd6cd;padding:20px 0;color:#9d9588;font-size:11px}footer button{background:#202020;color:#ffcb45;border:0}dialog{width:min(550px,94vw);border:0;border-radius:14px;padding:24px;color:#292929;max-height:90vh;overflow:auto;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#0008}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-title h2{font-size:18px}.dialog-title button{border:0;font-size:24px;padding:4px 10px}label{display:block;margin:18px 0;font-size:13px}label input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #d6d0c5;border-radius:6px;padding:10px;background:#fcfbf9}textarea{min-height:75px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.primary{background:#e84536;color:white;border:0}.primary:hover{background:#c83a2d}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#samples{max-height:210px;overflow:auto;font-size:12px}#samples div{padding:8px;border-bottom:1px solid #eee}#error,#auth-error{color:#c23c30}#config-content p{padding:8px 0;border-bottom:1px solid #eee;font-size:13px}@media(max-width:650px){header{padding:14px 16px;gap:10px}.header-label{display:none}.logo{font-size:26px}header button{font-size:11px;padding:10px}main{padding:16px 12px}.heading{margin:22px 0;align-items:start}h1{font-size:28px}.heading>button{font-size:11px;white-space:nowrap;padding:10px}.subtitle{font-size:12px}.toolbar{flex-wrap:wrap;gap:8px;padding:12px}.toolbar>input{flex:1;min-width:0;font-size:18px}.select-wrap{width:100%;min-width:0}.device{grid-template-columns:1fr 1fr;gap:16px;padding:18px}.device>div:first-child{grid-column:1/-1}.device strong{font-size:16px}.device>button{grid-column:2;grid-row:3}nav span{display:none}nav button{font-size:12px;padding:10px}th:first-child{width:57px}th{font-size:10px;padding:12px 4px}td{padding:10px 3px}.reading{font-size:14px}.reading .reason{font-size:9px}.legend{gap:12px;font-size:10px}.chart{padding:10px}.notice{font-size:10px}footer{gap:12px}.actions button{flex:1}}@media print{header,.notice,.heading>button,nav,footer button,#settings,.toolbar>button{display:none!important}body,main{background:white;padding:0}.heading{margin:12px 0}.device{margin:10px 0}td{padding:6px}th{padding:8px}.table-wrap{overflow:visible}.reading{font-size:12px}tr{break-inside:avoid}.legend{margin:8px 0}}
body:not(.administrator) .reading .reason{color:#827e77}body:not(.administrator) .legend .red{color:#827e77}
/* Compact register and touch-friendly charts */
.device{display:flex;flex-wrap:wrap;gap:12px 24px;padding:10px 14px;margin-top:10px;border-left-width:3px}.device>div{display:flex;align-items:center;gap:8px}.device small{font-size:10px}.device strong{font-size:12px;font-weight:600;margin:0}.device>button{margin-left:auto;padding:6px 10px}.device>div>small:last-child{font-size:9px}.time-windows{background:white;border:1px solid #e4dfd6;border-radius:10px;margin-top:14px;padding:14px}.time-windows h3{font-size:12px;margin:0 0 10px}.time-windows>div{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.time-windows b{margin-right:8px;font-weight:500;color:#8b7961}.time-windows small{display:block;font-size:10px;color:#928675;margin-top:12px}footer{justify-content:flex-end;gap:12px}footer>span{margin-right:auto}footer .print-icon{font-size:20px;background:transparent;color:#716658;border:1px solid #ddd6cd;padding:5px 10px}.chart{padding:5px 0 0;margin-bottom:12px;overflow:hidden}.chart h3{font-size:12px;margin:8px 12px}.chart svg{width:auto;height:auto;max-width:none;display:block}.plot-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.plot-scroll svg{min-width:100%}.plot-point{cursor:pointer}.plot-point:focus .visible-point,.plot-point.selected .visible-point{fill:#ed8a18;stroke:#292929;stroke-width:2;r:5}.graph-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px}.graph-controls .active{background:#222;color:white}.graph-controls span{font-size:11px;color:#827461;margin-left:auto}#point-detail{position:sticky;top:8px;z-index:1;background:#fff4d8;border:1px solid #ecdbb7;border-radius:8px;padding:10px 12px;font-size:12px;box-shadow:0 3px 10px #0001}.form-row{display:flex;gap:12px}.form-row>label{flex:1;min-width:0}details{border:1px solid #e4dfd6;border-radius:8px;padding:12px;margin:14px 0}summary{cursor:pointer;font-weight:600}fieldset{border:1px solid #eee8de;border-radius:6px;padding:0 10px;margin:12px 0}#settings-error{color:#bd4032}input:disabled{opacity:.45}@media(max-width:650px){.device{display:flex;gap:7px 14px;padding:8px 10px}.device>div{gap:5px}.device>div>small:last-child{display:none}.device strong{font-size:11px}.time-windows>div{gap:10px;font-size:11px}.time-windows{padding:12px}.graph-controls{flex-wrap:wrap}.graph-controls span{width:100%;margin:4px 0 0}.chart{padding:3px 0}.chart svg text{font-size:10px}footer>button{white-space:nowrap}.form-row{gap:8px}}@media print{.print-icon,.graph-controls,#point-detail{display:none!important}.device{padding:5px}.time-windows{break-inside:avoid}.plot-scroll{overflow:visible}}
/* Charts fit the screen; weekly comparisons always use two columns. */
#charts{min-width:0}.chart{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 14px;overflow:visible;min-width:0}.chart h3{margin:6px 0;font-size:12px}.plot-fit{width:100%;min-width:0}.plot-fit svg{width:100%;max-width:100%;height:auto;display:block}.plot-fit .sample-time{font-size:11px}#charts.week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.week-day h3{font-size:12px}.week-day svg text{font-size:13px}.plot-point.selected .visible-point{r:4}#point-detail{top:0}.daily-chart .plot-point .visible-point{r:3}@media(max-width:650px){#charts.week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.week-day h3{font-size:10px;margin:4px 0}.week-day svg text{font-size:15px}.daily-chart h3{font-size:11px}.chart{padding:0;margin-bottom:8px}.daily-chart .sample-time{font-size:15px}.daily-chart svg{min-height:175px}.week-day svg{width:100%;height:auto}.graph-summary{font-size:11px;padding:10px}#point-detail{font-size:11px}}