:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17211d;background:#f3f6f4;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{min-height:72px;padding:14px clamp(20px,5vw,72px);background:#12372a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}header>div{display:flex;flex-direction:column}header strong{font-size:1.25rem}header span{font-size:.8rem;color:#bcd0c7}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}nav a,.link-button{color:#eef7f3;text-decoration:none;background:none;border:0;padding:5px;font:inherit;cursor:pointer}nav a[aria-current=page]{border-bottom:2px solid #71d5ab}nav b{background:#e5a33e;color:#17211d;border-radius:99px;padding:1px 7px}nav form{margin:0}main{max-width:1240px;margin:0 auto;padding:38px 22px 70px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.page-title h1{margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.page-title p{margin:.35rem 0;color:#65716b}.version{font-size:.8rem;color:#637068;background:#e2e9e5;border-radius:99px;padding:6px 10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.sensor-card,.form-card,.empty,.login-card,.chart-card{background:#fff;border:1px solid #dce4df;border-radius:14px;box-shadow:0 6px 22px rgba(24,48,38,.06)}.sensor-card-link{color:inherit;text-decoration:none;display:block}.sensor-card{padding:22px;height:100%;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sensor-card-link:hover .sensor-card,.sensor-card-link:focus-visible .sensor-card{transform:translateY(-2px);border-color:#82b49e;box-shadow:0 10px 28px rgba(24,48,38,.12)}.sensor-card-link:focus-visible{outline:3px solid #71d5ab;outline-offset:3px;border-radius:14px}.card-heading{display:flex;justify-content:space-between;gap:10px}.card-heading h2{font-size:1.05rem;margin:0}.card-heading p{font-size:.85rem;color:#6b7771;margin:.15rem 0}.status{font-size:.75rem;border-radius:99px;padding:4px 9px;height:max-content}.status.online{background:#dcf5e9;color:#17683f}.status.stale{background:#fff0d7;color:#81520a}.primary-reading{display:flex;align-items:baseline;justify-content:space-between;margin:25px 0}.primary-reading strong{font-size:2.6rem}.primary-reading span{font-size:1.25rem;color:#44534c}.sensor-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.sensor-card dl div{background:#f4f7f5;padding:10px;border-radius:8px}.sensor-card dt{font-size:.75rem;color:#6c7872}.sensor-card dd{margin:2px 0 0;font-weight:650}.sensor-card footer{border-top:1px solid #e6ebe8;margin-top:18px;padding-top:13px;color:#64716b;font-size:.8rem;display:flex;justify-content:space-between;gap:10px}.sensor-card small,td small{display:block;color:#738079;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.empty,.form-card{padding:28px}.empty h2{margin-top:0}.table-wrap{overflow:auto;background:#fff;border:1px solid #dce4df;border-radius:14px}.table-wrap.spaced{margin-top:22px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid #e3e9e5;vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#65716b;background:#f8faf9}.assignment-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr) minmax(140px,1fr) auto;gap:8px}.sensor-admin-form{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:8px;min-width:430px}.sensor-admin-form button{grid-column:2;justify-self:end}.sensor-role{display:inline-block;margin-top:7px;border-radius:99px;padding:2px 8px;background:#e6ece8;color:#4b5b53;font:600 .72rem/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.comparison-note{margin-top:8px;font-family:inherit;color:#52635a}input,select,button{font:inherit}input,select{width:100%;border:1px solid #cbd5cf;border-radius:7px;padding:10px;background:#fff}button{border:0;border-radius:7px;background:#176b4b;color:#fff;padding:10px 16px;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.alert{padding:13px 16px;border-radius:9px;margin-bottom:18px}.alert.error{background:#fee8e7;color:#8a211d}.alert.success{background:#dcf5e9;color:#17683f}.alert.warning{background:#fff0d7;color:#80510a}.alert a{color:inherit;font-weight:700}.form-card{max-width:680px}.form-card.compact{padding:22px}.form-card label,.login-card label{display:block;font-weight:650;margin-bottom:16px}.form-card label input,.form-card label select,.login-card label input{margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#12372a,#28634d)}.login-card{width:min(430px,100%);padding:34px}.login-card h1{margin:0}.login-card>p{color:#69756f;margin-top:4px;margin-bottom:28px}.back-link{display:inline-block;color:#176b4b;font-weight:650;text-decoration:none;margin-bottom:16px}.history-title{margin-bottom:15px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.range-tabs{display:inline-flex;gap:4px;padding:4px;background:#dfe7e2;border-radius:10px}.range-tabs a{color:#34463d;text-decoration:none;padding:7px 17px;border-radius:7px;font-weight:650}.range-tabs a[aria-current=page]{color:#fff;background:#176b4b;border:0}.comparison-summary{margin:0;color:#65716b;font-size:.9rem}.comparison-summary a{color:#176b4b;font-weight:650}.charts{display:grid;gap:18px}.chart-card{padding:20px 22px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.chart-heading h2{font-size:1.05rem;margin:0}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.78rem;color:#5a6961}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:19px;height:3px;border-radius:2px;background:#187451}.chart-legend i.external{background:#2774b8}.history-chart{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}.chart-grid-line{stroke:#e2e9e5;stroke-width:1}.chart-axis-label,.chart-unit-label{fill:#6a7770;font-size:11px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.chart-unit-label{font-weight:650}.chart-line{fill:none;stroke:#187451;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line.external{stroke:#2774b8;stroke-width:2.5}.chart-empty{padding:35px 0 25px;color:#6a7770;text-align:center}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.assignment-form,.sensor-admin-form{grid-template-columns:1fr;min-width:260px}.sensor-admin-form button{grid-column:1;justify-self:stretch}.form-row{grid-template-columns:1fr}.sensor-card footer{flex-direction:column}.history-toolbar,.chart-heading{align-items:flex-start;flex-direction:column}.history-chart{min-width:620px}.chart-card{overflow-x:auto}.comparison-summary{font-size:.82rem}}

input[type=checkbox]{width:auto;margin:0 7px 0 0}.settings-section{margin-top:38px}.settings-section>h2{margin-bottom:5px}.section-intro{margin-top:0;color:#65716b}.settings-grid{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:0 18px}.settings-grid .form-action{display:flex;align-items:end;padding-bottom:16px}.recipient-grid,.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}.recipient-card,.rule-card{max-width:none}.recipient-card h3,.rule-card h3{margin-top:0}.recipient-card fieldset{border:1px solid #dce4df;border-radius:9px;padding:12px;margin:8px 0 18px}.recipient-card legend{font-weight:700;padding:0 5px}.check-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.check-row label,.sensor-check,.master-switches label,.rule-row>label:first-child{display:flex;align-items:center;margin:0;font-weight:650}.sensor-check{padding:6px 0}.sensor-check span{display:flex;justify-content:space-between;gap:10px;flex:1}.sensor-check small{color:#718078;font-weight:400}.card-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.secondary-button{background:#50665b}.danger-button{background:#9b302b}.rule-card>p{color:#66736c;margin-top:-12px}.master-switches{display:grid;gap:8px;background:#eaf4ef;padding:12px;border-radius:9px;margin-bottom:15px}.rule-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr);gap:10px;align-items:end;padding:12px 0;border-top:1px solid #e5ebe7}.rule-row.limits{grid-template-columns:minmax(120px,1fr) minmax(105px,1fr) minmax(105px,1fr)}.rule-row label{margin:0;font-size:.86rem}.delivery-status{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.78rem;font-weight:700}.delivery-status.sent{background:#dcf5e9;color:#17683f}.delivery-status.failed{background:#fee8e7;color:#8a211d}.delivery-status.pending{background:#fff0d7;color:#80510a}.shared-header{justify-content:space-between}.acknowledgement{margin-bottom:24px}.privacy-note{font-size:.8rem;color:#69766f;margin-top:24px}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.recipient-grid,.rule-grid{grid-template-columns:1fr}.rule-row,.rule-row.limits{grid-template-columns:1fr}.sensor-check span{display:block}}

.token-card{margin-bottom:24px}.confirmation-card{margin-bottom:24px}.confirmation-card h2,.form-card>h2:first-child{margin-top:0}.button-link{display:inline-block;color:#fff;text-decoration:none;border-radius:7px;padding:10px 16px;font-weight:650}.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px;margin-top:24px}.gateway-card{max-width:none}.gateway-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.gateway-card-heading h2{margin:0}.gateway-card-heading small{display:block;color:#738079;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gateway-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.gateway-facts div{background:#f4f7f5;padding:10px;border-radius:8px}.gateway-facts dt{font-size:.75rem;color:#6c7872}.gateway-facts dd{margin:2px 0 0;font-weight:650}.gateway-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gateway-edit-form label{margin:0}.gateway-edit-form button{grid-column:2;justify-self:end}.gateway-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}.gateway-actions form{margin:0}.gateway-history-note{font-size:.8rem;color:#69766f;margin:14px 0 0}@media(max-width:800px){.gateway-grid{grid-template-columns:1fr}.gateway-edit-form{grid-template-columns:1fr}.gateway-edit-form button{grid-column:1;justify-self:stretch}}

.combined-chart-card{padding-bottom:14px}.combined-chart-legend i.indoor-temperature{background:#d1495b}.combined-chart-legend i.outdoor-temperature{background:#2774b8}.combined-chart-legend i.humidity{background:#18865e}.combined-chart-legend i.co2{background:#7a4eb2}.combined-history-chart .axis-temperature{fill:#b53849}.combined-history-chart .axis-humidity{fill:#14704f}.combined-history-chart .axis-co2{fill:#68409a}.chart-line.indoor-temperature{stroke:#d1495b}.chart-line.outdoor-temperature{stroke:#2774b8;stroke-width:2.6;stroke-dasharray:8 5}.chart-line.humidity{stroke:#18865e}.chart-line.co2{stroke:#7a4eb2;stroke-width:2.8}@media(max-width:800px){.combined-history-chart{min-width:820px}.combined-chart-legend{min-width:0}}.inline-form{display:grid;gap:8px;margin:0 0 10px}.inline-form label{font-size:.8rem;font-weight:650}.inline-form input,.inline-form select{margin-top:4px}.form-card fieldset{border:1px solid #dce4df;border-radius:9px;padding:12px;margin:8px 0 18px}.form-card legend{font-weight:700;padding:0 5px}