*,:before,:after{box-sizing:border-box}body{color:#17202a;background:#f3f6f8;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.page{place-items:center;min-width:0;min-height:100vh;padding:2rem;display:grid}.card{background:#fff;border:1px solid #d9e1e7;border-radius:.75rem;width:min(100%,40rem);min-width:0;padding:2rem}.card>*{margin-block:0 1rem}.card>:last-child{margin-bottom:0}.product-name{margin:0 0 .5rem;font-weight:700}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-header h1{margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#1f5f78;border:1px solid #1f5f78;border-radius:.4rem;padding:.65rem 1rem}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #77b9d2}.auth-card{width:min(100%,28rem)}.auth-form{gap:.75rem;display:grid}.auth-form label{font-weight:700}.auth-form input{border:1px solid #aebbc5;border-radius:.4rem;width:100%;padding:.7rem}.auth-form button{justify-self:start}.device-list-card{width:min(100%,64rem)}.device-list{gap:1rem;margin-top:1.5rem;display:grid}.device-row{border:1px solid #d9e1e7;border-radius:.6rem;grid-template-columns:minmax(12rem,1fr) minmax(18rem,2fr);gap:1rem 2rem;min-width:0;padding:1.25rem;display:grid}.device-row h2,.device-row p{margin:0}.device-id{color:#526270;overflow-wrap:anywhere;font-size:.875rem;margin-top:.25rem!important}.badges{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.badge{color:#34434f;background:#edf2f5;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.status-active{color:#1c5433;background:#e3f3e8}.status-inactive{color:#6c4d16;background:#fff0cf}.device-reading{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;display:grid}.device-reading div{min-width:0}.device-reading dt{color:#526270;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem;font-weight:700}.device-reading dd{overflow-wrap:anywhere;margin:0;font-weight:600}.device-reading .temperature{font-size:1.75rem}.device-reading .measured-at{grid-column:1/-1}.freshness-fresh{color:#1c5433;background:#e3f3e8}.freshness-stale,.freshness-timestamp-problem{color:#7a3e10;background:#fff0cf}.freshness-no-reading{color:#526270;background:#edf2f5}.reading-notes{color:#526270;grid-column:2;margin:0;padding-left:1.25rem}.device-actions{grid-column:1/-1}.device-actions button[aria-pressed=true]{color:#1f5f78;background:#e8f3f7}.no-reading{color:#526270;align-self:center;font-weight:600}.no-reading p{margin-top:.5rem}.history-panel{border-top:1px solid #d9e1e7;min-width:0;margin-top:2rem;padding-top:1.5rem}.history-panel h2,.history-panel p{margin:0}.history-range{color:#526270;font-weight:700;margin-top:.5rem!important}.history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.history-summary div{background:#f3f6f8;border-radius:.5rem;min-width:0;padding:.75rem}.history-summary dt{color:#526270;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.history-summary dd{overflow-wrap:anywhere;margin:.35rem 0 0;font-size:1.1rem;font-weight:700}.temperature-history-chart{width:100%;height:22rem;margin-top:1rem}.history-notes{color:#526270;flex-wrap:wrap;gap:.5rem 1.5rem;margin:.75rem 0 0;padding-left:1.25rem;display:flex}@media (width<=32rem){.page{padding:.75rem}.card{padding:1rem}.card-header{flex-wrap:wrap}.device-row,.device-reading{grid-template-columns:1fr}.reading-notes,.device-reading .measured-at{grid-column:1}.device-actions button{width:100%}.history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.temperature-history-chart{height:18rem}}