header .header-menu,header #menu-toggle{color:#fff;background:transparent;border:1px solid #666;border-radius:7px;width:44px;height:44px;padding:4px;font-size:24px;margin-right:auto}
header .logo{margin-right:0}#monitor-drawer{position:fixed;inset:0 auto 0 0;width:min(300px,85vw);background:#181818;color:white;z-index:50;display:flex;flex-direction:column;padding:90px 20px 20px;gap:14px;box-shadow:0 0 0 100vmax #0007}#monitor-drawer a{color:white;border:1px solid #777;padding:12px;text-decoration:none;border-radius:8px}
#tabs .secondary-nav{font-size:12px;min-height:36px;opacity:.72;margin-top:6px}.activity-switch{display:flex;gap:8px;margin:12px 0 18px}.activity-switch button{background:transparent;border:1px solid #888}.activity-switch button.active{background:#ffbe20;color:#181818;border-color:#ffbe20}
.radio-values{display:flex;gap:8px 16px;flex-wrap:wrap;margin:8px 0;font-size:12px;color:#555}.radio-values span{white-space:nowrap}.technical-advice{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.technical-advice article,.billing-dashboard,.db-dashboard{background:#fff;border:1px solid #d4d4d4;border-radius:10px;padding:16px;margin-bottom:14px}.technical-advice h3{font-size:17px;margin:0 0 8px}.technical-advice p{font-size:14px;line-height:1.55;margin:0}.db-dashboard.warning{border-left:5px solid #ef9a18}.db-dashboard.critical,.db-dashboard.down{border-left:5px solid #c73526}.billing-dashboard small{display:block;margin-top:5px;color:#666}.billing-dashboard h2,.db-dashboard h2{font-size:19px}.billing-dashboard strong{font-size:24px}#interval-analysis{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}#interval-analysis input{display:block;width:120px;padding:8px;margin-top:5px}.technical-advice + form small{font-size:12px;color:#666}
@media(max-width:650px){header{flex-wrap:nowrap}.logo{font-size:22px}.technical-advice{grid-template-columns:1fr}#technical table{font-size:11px}#technical th,#technical td{padding:8px 4px}#technical meter{width:55px}#technical .table-wrap{overflow:visible}.radio-values{font-size:11px;gap:6px 12px}.billing-dashboard,.db-dashboard{padding:12px}.activity-switch button{min-height:44px;flex:1}#monitor-drawer a{min-height:44px;box-sizing:border-box}}
@media print{#monitor-menu,#monitor-drawer,.activity-switch{display:none!important}}

main>nav button:not(.active){border:1px solid #bbb;background:transparent;border-radius:6px;margin:4px}#manual-context details{margin:12px 0;font-size:13px}
/* 0.9: shared navigation, stable compact header and telemetry. */
header #menu-toggle,header #monitor-menu{margin:0;flex:0 0 40px;width:40px;height:40px;min-height:40px}
#device-info.device{display:block}
header .logo{flex-shrink:0}header #identity{margin-left:auto}header .monitor-identity{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;min-width:0;gap:3px;line-height:1.15}#monitor-user{color:#ccc;font-size:11px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-identity .back-link{margin:0}.threshold-line{display:flex;align-items:baseline;gap:8px 18px;flex-wrap:nowrap;font-size:12px}.threshold-line span{white-space:nowrap}.threshold-line strong{display:inline!important;font-size:13px!important;margin:0!important}.compact-radio{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px;font-size:12px}.battery-group,.signal-group{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.signal-group span:not(.telemetry-icon){white-space:nowrap}.telemetry-icon{display:inline-flex;align-items:center;width:26px;height:20px;flex-shrink:0}.telemetry-icon svg{width:100%;height:100%}.telemetry-icon.good{color:#25943e}.telemetry-icon.fair{color:#d88400}.telemetry-icon.bad{color:#d3352d}.telemetry-icon.unknown{color:#888}.idp-line{display:block;margin-top:8px!important;color:#666}#monitor-drawer .secondary-nav{font-size:12px;opacity:.72;padding:9px 12px}
@media(max-width:650px){header{gap:7px;flex-wrap:nowrap!important}header .logo{font-size:21px!important}header #identity{display:block!important;font-size:10px;line-height:1.2;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:normal}header #logout{font-size:11px;padding:6px}#monitor-user{font-size:10px;max-width:150px}.monitor-identity .back-link{font-size:11px}.threshold-line{gap:10px;font-size:11px}.threshold-line strong{font-size:12px!important}.compact-radio{font-size:11px;gap:7px}.telemetry-icon{width:23px;height:18px}.device{padding:12px!important}.signal-group{gap:5px}header #menu-toggle,header #monitor-menu{flex-basis:36px;width:36px;min-height:36px;height:36px}}
/* 0.10: narrow refrigerator list and diagnostic charts. */
.fridge-cards{display:flex;flex-direction:column;gap:7px}.fridge-card{position:relative;border-radius:8px}.fridge-link{min-height:0;padding:11px 58px 11px 13px;gap:3px}.fridge-link strong{font-size:17px}.fridge-link small,.fridge-link span{font-size:12px}.fridge-card details{position:absolute;right:9px;top:9px;padding:0;border:0}.fridge-card summary{list-style:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #bbb;border-radius:6px;font-size:20px}.fridge-card summary::-webkit-details-marker{display:none}.fridge-card details[open]{position:relative;inset:auto;padding:10px;border-top:1px solid #ddd}.fridge-card details[open] summary{margin-left:auto}.fridge-card .tools{margin:8px 0 0}.signal-charts{margin:16px 0}.radio-chart{padding:8px 0}.radio-chart h3{font-size:15px;margin:6px 0}.radio-chart svg{display:block;width:100%;height:auto;max-height:280px}.radio-chart svg text{font-size:13px;fill:#555}.visible-radio-point{pointer-events:none}.radio-point{cursor:pointer}.radio-point.selected .visible-radio-point{r:5;stroke:#181818;stroke-width:2}#radio-point-detail{font-size:13px;background:#fff0cc;border-radius:8px;padding:10px}.haccp-band{pointer-events:none}.band-label{fill:#ad6400;font-weight:600;font-size:10px}.plot-point circle{pointer-events:none}.plot-point circle:first-child{pointer-events:all}
@media(max-width:650px){.chart svg text.measurement-time{font-size:22px!important;font-weight:700}.radio-chart svg text.radio-time{font-size:19px;font-weight:700}.fridge-link{padding:10px 54px 10px 12px}.fridge-link strong{font-size:16px}.fridge-card details[open] .tools button{min-height:40px}.fridge-link span{display:none}.chart svg text.band-label{font-size:12px}}
.notification-panel,.push-settings{border:1px solid #ddd;border-radius:9px;padding:12px;background:#fff;margin:14px 0;font-size:12px;color:#666}.notification-panel h2{font-size:14px;margin:0 0 8px;color:#555}.notification-panel article{padding:8px 0;border-top:1px solid #eee}.notification-panel strong{font-size:12px;font-weight:600;color:#555}.notification-panel p{font-size:12px;line-height:1.45;margin:4px 0}.push-settings summary{font-size:13px;cursor:pointer}.push-settings button{font-size:12px}#device-push-controls .foot{margin:10px 0;font-size:12px}.graph-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0;font-size:11px;color:#666}.graph-legend span{display:inline-flex;align-items:center;gap:5px}.graph-legend i{display:inline-block;width:18px;height:3px}.legend-purple{background:#743889}.legend-green{background:#4daf42}.legend-red{background:#df4034}.graph-legend i.legend-hatch{height:11px;border:1px solid #e6a32d;background:repeating-linear-gradient(135deg,#fff0cd 0,#fff0cd 4px,#e6a32d 4px,#e6a32d 5px)}

.error-badge14{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:12px;background:#b62c20;color:white;font-size:12px;font-weight:700;vertical-align:middle}.fridge-link .error-badge14{margin-left:6px}

.register-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:6px 0}.register-actions button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.register-actions button[hidden]{display:none}.register-actions button[aria-pressed="true"]{background:#ffe4a4;border-color:#d99a26}#selection-hint{font-size:12px;color:#555}.select-reading{display:flex;justify-content:center}.select-reading input{width:18px;height:18px}@media print{.register-actions,.select-reading,#manual{display:none!important}}

.db-dashboard>summary{font-size:19px;font-weight:600;cursor:pointer}

.db-attention{color:#ad1f24;background:#fff1f1;border-left:4px solid #ad1f24;padding:10px}.db-dashboard.monitor-unavailable{border-left:4px solid #ad1f24}