:root{color:#17211d;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.landing-page{min-height:100vh;background:#f7f8f4;color:#17211d}.landing-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgb(23 33 29 / 9%);background:#f7f8f4eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-brand{display:inline-flex;align-items:center;gap:11px;font-size:1.05rem}.landing-brand .brand-mark{width:40px;height:40px;border-color:#bfd6ca;background:#17372f}.landing-nav nav{display:flex;align-items:center;gap:20px;color:#52615b;font-size:.92rem;font-weight:750}.landing-nav nav a:hover{color:#17211d}.landing-nav nav button,.landing-nav .login-link{min-height:38px;padding:0 14px;border:1px solid #cdd8d0;border-radius:8px;background:#fff;color:#1f3a32;font-weight:800}.landing-nav .login-link{display:inline-flex;align-items:center}.landing-hero,.landing-section,.contact-section{width:min(1180px,calc(100% - 48px));margin:0 auto}.landing-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:48px;min-height:calc(100vh - 73px);padding:54px 0 34px}.hero-copy{display:grid;gap:20px}.eyebrow{margin:0;color:#2d6a4f;font-size:.8rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.hero-copy h1,.landing-section-heading h2,.split-section h2,.contact-section h2{margin:0;color:#15221d;letter-spacing:0}.hero-copy h1{max-width:700px;font-size:clamp(3rem,7vw,5.8rem);line-height:.95}.hero-copy>p:not(.eyebrow),.landing-band p,.split-section>div>p,.contact-section>div>p,.feature-card p,.use-case-card p{margin:0;color:#596861;line-height:1.58}.hero-copy>p:not(.eyebrow){max-width:640px;font-size:1.12rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:8px;font-weight:850}.primary-button{border:1px solid #18372f;background:#18372f;color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.68}.secondary-button{border:1px solid #cfdad2;background:#fff;color:#263b34}.compact-button{min-height:38px;padding:0 14px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px;color:#3e5048;font-size:.9rem;font-weight:800}.hero-proof span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid #d9e4dc;border-radius:8px;background:#fff}.hero-proof svg,.check-list svg{color:#2d6a4f}.hero-visual{padding:12px;border:1px solid #dbe4dc;border-radius:8px;background:linear-gradient(135deg,#ffffffdb,#eff4efeb),#fff;box-shadow:0 24px 70px #17211d21}.hero-visual>img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:6px;background:#f6f7f4}.dashboard-preview{display:grid;grid-template-columns:160px minmax(0,1fr);overflow:hidden;min-height:440px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #e3e9e2}.preview-sidebar{display:grid;align-content:start;gap:10px;padding:16px;background:#10201b;color:#f8fbf7}.preview-brand{display:flex;align-items:center;gap:9px;margin-bottom:8px}.preview-brand span{width:26px;height:26px;border-radius:6px;background:#9be3cb}.preview-sensor{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:10px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;color:#d7e4dd}.preview-sensor.active{background:#ffffff14}.preview-sensor>span{width:8px;height:8px;margin-top:5px;border-radius:999px;background:#53c988}.preview-sensor.active>span{background:#e04242}.preview-sensor strong,.preview-sensor small,.preview-sensor b{display:block}.preview-sensor strong{overflow:hidden;color:#fff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.preview-sensor small{margin-top:3px;color:#aabcd4;font-size:.7rem}.preview-sensor b{grid-column:2;color:#fff;font-size:.82rem}.preview-main{display:grid;align-content:start;gap:14px;min-width:0;padding:18px;background:#f6f7f4}.preview-top,.preview-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.preview-top span,.preview-detail-head span,.preview-metrics span{display:block;color:#66736e;font-size:.72rem;font-weight:850;text-transform:uppercase}.preview-top strong{display:block;margin-top:4px;color:#17211d;font-size:1.35rem;line-height:1.08}.preview-top button{min-height:32px;padding:0 12px;border:0;border-radius:6px;background:#18372f;color:#fff;font-weight:850}.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preview-metrics div,.preview-detail{border:1px solid #dfe5dd;border-radius:8px;background:#fff}.preview-metrics div{padding:12px}.preview-metrics strong{display:block;margin-top:8px;color:#17211d;font-size:1.25rem}.preview-detail{padding:16px}.preview-detail-head strong{display:block;margin-top:4px;color:#17211d;font-size:1.55rem;line-height:1.1}.preview-detail-head em{padding:7px 10px;border-radius:999px;background:#ffe2e2;color:#9b1f1f;font-size:.78rem;font-style:normal;font-weight:850}.preview-chart{height:230px;margin-top:16px}.preview-chart svg{display:block;width:100%;height:100%}.preview-chart line{stroke:#dfe7df;stroke-width:1.5}.preview-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.temperature-line{stroke:#ef7d46}.humidity-line{stroke:#2a9d8f}.preview-legend{display:flex;gap:18px;margin-top:8px;font-size:.9rem;font-weight:850}.preview-legend span{display:inline-flex;align-items:center;gap:8px}.preview-legend span:before{content:"";width:24px;height:4px;border-radius:999px;background:currentColor}.temperature-key{color:#ef7d46}.humidity-key{color:#2a9d8f}.landing-band{background:#18372f;color:#fff}.landing-band>div{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);gap:34px;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:34px 0}.landing-band strong{font-size:clamp(1.35rem,2vw,2rem);line-height:1.18}.landing-band p{color:#d7e4dd;font-size:1.03rem}.landing-section{padding:72px 0 0}.landing-section-heading{display:grid;gap:10px;max-width:680px;margin-bottom:24px}.landing-section-heading h2,.split-section h2,.contact-section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.03}.feature-grid,.use-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card,.use-case-card{min-height:220px;padding:20px;border:1px solid #dfe6df;border-radius:8px;background:#fff}.feature-card>span,.use-case-card>span{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:#e8f3ed;color:#2d6a4f}.feature-card h3,.use-case-card h3{margin:18px 0 8px;color:#17211d;font-size:1.1rem}.split-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.8fr);align-items:center;gap:48px}.split-section>div{display:grid;gap:16px}.check-list{display:grid;gap:10px;padding:0;margin:8px 0 0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:10px;color:#3d4e47;font-weight:750;line-height:1.45}.sensor-photo{display:grid;min-height:430px;place-items:center;margin:0;padding:16px;border:1px solid #dce5de;border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#e8f2edc7),#fff}.sensor-photo img{display:block;width:min(100%,420px);max-height:520px;object-fit:contain;border-radius:8px;box-shadow:0 24px 58px #17211d21}.sensor-device-preview{display:grid;min-height:430px;place-items:center;border:1px solid #dce5de;border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#e8f2edc7),#fff}.hardware-card{display:grid;gap:22px;width:min(390px,calc(100% - 40px));padding:24px;border:1px solid #d8e1da;border-radius:8px;background:#fff;box-shadow:0 24px 58px #17211d21}.hardware-card-header{display:flex;align-items:center;gap:14px}.hardware-card-header>span{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:8px;background:#e8f3ed;color:#2d6a4f}.hardware-card-header p{margin:0 0 4px;color:#66736e;font-size:.78rem;font-weight:850;text-transform:uppercase}.hardware-card-header h3{margin:0;color:#17211d;font-size:2rem;line-height:1}.hardware-measurements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hardware-measurements div{display:grid;gap:10px;min-height:118px;padding:16px;border-radius:8px;background:#f3f6f2;color:#2d6a4f}.hardware-measurements span{align-self:end;color:#17211d;font-weight:850}.hardware-specs{display:grid;gap:0;margin:0}.hardware-specs div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #e4ebe5}.hardware-specs dt,.hardware-specs dd{margin:0}.hardware-specs dt{color:#66736e}.hardware-specs dd{color:#17211d;font-weight:850;text-align:right}.contact-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,.75fr);gap:48px;padding:72px 0 64px}.contact-section>div:first-child{display:grid;align-content:start;gap:16px}.contact-form{display:grid;gap:14px;padding:20px;border:1px solid #dfe6df;border-radius:8px;background:#fff;box-shadow:0 18px 48px #17211d14}.contact-form label{display:grid;gap:7px;color:#3e5048;font-size:.88rem;font-weight:800}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d2dbd4;border-radius:8px;background:#fbfcfa;color:#17211d;outline:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7c8b84;font-weight:400;opacity:1}.contact-form input{min-height:44px;padding:0 12px}.contact-form textarea{resize:vertical;min-height:112px;padding:12px}.contact-form input:focus,.contact-form textarea:focus{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1f}.form-status{margin:0;padding:10px 12px;border-radius:8px;font-size:.88rem;font-weight:800}.form-status.success{border:1px solid #b8ddc9;background:#ecf8f1;color:#1d7043}.form-status.error{border:1px solid #f1b8aa;background:#fff2ef;color:#8d3322}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#f7f8f4f2,#e8f2edd1),#f7f8f4}.login-panel{display:grid;gap:22px;width:min(440px,100%);padding:28px;border:1px solid #dfe6df;border-radius:8px;background:#fff;box-shadow:0 24px 70px #17211d21}.login-panel h1,.login-panel p{margin:0}.login-panel h1{margin-top:7px;color:#15221d;font-size:clamp(2rem,7vw,3rem);line-height:1}.login-panel div>p:not(.eyebrow){margin-top:10px;color:#596861;line-height:1.5}.login-form{padding:0;border:0;box-shadow:none}.checkbox-field{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;font-size:.9rem!important}.checkbox-field input{width:18px;min-height:18px;accent-color:#18372f}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:22px;padding:24px;background:#10201b;color:#f8fbf7}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#1e3a33;color:#9be3cb}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:1.05rem}.brand-lockup span{color:#b9c8c2;font-size:.86rem}.search-field{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:42px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#ffffff12;color:#b9c8c2}.search-field input{width:100%;border:0;outline:0;background:transparent;color:#fff}.search-field input::placeholder{color:#91a099}.sensor-list{display:grid;gap:10px;overflow:auto}.sensor-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px;border:1px solid rgb(255 255 255 / 11%);border-radius:8px;background:transparent;color:inherit;text-align:left}.sensor-row.active,.sensor-row:hover{border-color:#9be3cb7a;background:#ffffff14}.sensor-row strong,.sensor-row small{display:block}.sensor-row small{margin-top:4px;color:#aabcd4;font-size:.78rem}.sensor-row-value{text-align:right;white-space:nowrap}.status-dot{width:10px;height:10px;border-radius:999px;background:#7f8f88}.status-dot.alarm{background:#e04242}.status-dot.online{background:#53c988}.status-dot.warning{background:#f0b35a}.status-dot.offline{background:#e16161}.workspace{padding:28px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar p,.section-heading p,.metric-card p{margin:0 0 5px;color:#66736e;font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.topbar h1,.section-heading h2{margin:0;color:#17211d}.topbar h1{font-size:clamp(1.75rem,2vw,2.35rem)}.topbar-actions{display:flex;align-items:center;gap:10px}.auto-refresh-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:132px;color:#66736e;font-size:.78rem}.auto-refresh-status span{color:#2d6a4f;font-weight:800;text-transform:uppercase}.auto-refresh-status strong{color:#46534e;font-size:.82rem;font-weight:700}.auto-refresh-toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px 0 8px;border:1px solid #d9dfd8;border-radius:8px;background:#fff;color:#52615b;font-size:.82rem;font-weight:800}.auto-refresh-toggle span{position:relative;width:34px;height:20px;border-radius:999px;background:#cad3cc;transition:background .16s ease}.auto-refresh-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #17211d33;transition:transform .16s ease}.auto-refresh-toggle.active{border-color:#b7d8ca;color:#1e674b}.auto-refresh-toggle.active span{background:#2d6a4f}.auto-refresh-toggle.active span:after{transform:translate(14px)}.range-tabs{display:flex;gap:4px;padding:4px;border:1px solid #d9dfd8;border-radius:8px;background:#fff}.range-tabs button,.icon-button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#46534e}.range-tabs button{min-width:54px;padding:0 12px}.range-tabs button.active{background:#18372f;color:#fff}.icon-button{display:grid;width:42px;place-items:center;border:1px solid #d9dfd8;background:#fff}.alert-banner{margin-bottom:18px;padding:12px 14px;border:1px solid #f1b8aa;border-radius:8px;background:#fff2ef;color:#8d3322}.empty-state{padding:22px;border:1px dashed #cfd8d0;border-radius:8px;background:#fff;color:#66736e}.empty-state h2{margin:0 0 6px;color:#17211d;font-size:1.2rem}.empty-state p{margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{display:flex;gap:14px;min-height:120px;padding:18px;border:1px solid #dfe5dd;border-radius:8px;background:#fff}.metric-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:8px;background:#edf1ec;color:#52615b}.metric-card.green .metric-icon{background:#e6f5ec;color:#248451}.metric-card.orange .metric-icon{background:#fff0e8;color:#c15d28}.metric-card.teal .metric-icon{background:#e2f5f1;color:#217c70}.metric-card strong{display:block;color:#17211d;font-size:1.6rem;line-height:1.1}.metric-card span{display:block;margin-top:7px;color:#66736e;font-size:.88rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.sensor-detail,.telemetry-panel{padding:20px;border:1px solid #dfe5dd;border-radius:8px;background:#fff}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.section-heading.compact{margin-bottom:12px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;color:#44504b;background:#eef1ed;font-size:.86rem;font-weight:700;white-space:nowrap}.status-pill.alarm{color:#9b1f1f;background:#ffe2e2}.status-pill.online{color:#1d7043;background:#e2f5ea}.status-pill.warning{color:#915d16;background:#fff2d7}.status-pill.offline{color:#9b332f;background:#ffe7e5}.reading-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.reading-hero div{padding:18px;border-radius:8px;background:#f4f6f2}.reading-hero span{display:block;color:#65736d;font-weight:700}.reading-hero strong{display:block;margin-top:8px;font-size:2.2rem}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-panel{min-height:260px;padding:16px;border:1px solid #e1e6df;border-radius:8px;background:#fbfcfa}.chart-topline,.chart-range{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#65736d;font-size:.9rem}.chart-actions{display:inline-flex;align-items:center;gap:8px}.chart-topline strong{color:#17211d}.chart-inspect-button{display:grid;width:30px;height:30px;place-items:center;border:1px solid #dce4dc;border-radius:6px;background:#fff;color:#52615b}.chart-inspect-button:hover,.chart-click-target:hover+.chart-range{color:#17211d}.chart-click-target{width:100%;margin:10px 0 4px;padding:0;border:0;background:transparent;text-align:left}.chart-tooltip{display:grid;gap:6px;min-width:172px;padding:10px 12px;border:1px solid #d7ded6;border-radius:8px;background:#fff;box-shadow:0 14px 34px #1d2b2424;color:#17211d;font-size:.86rem}.chart-tooltip strong{font-size:.88rem}.chart-tooltip span{color:var(--series-color);font-weight:800}.alarm-reason{display:grid;gap:10px;margin-bottom:14px;padding:14px;border:1px solid #f0b7b7;border-radius:8px;background:#fff0f0;color:#7f1d1d}.alarm-reason>div:first-child{display:flex;align-items:center;gap:8px}.alarm-reason p{margin:0;color:#7f1d1d;font-size:.92rem;line-height:1.35}.alarm-reason dl{display:grid;gap:8px;margin:0}.alarm-reason dl div{display:grid;grid-template-columns:max-content minmax(max-content,1fr);align-items:baseline;gap:12px}.alarm-reason dt,.alarm-reason dd{margin:0}.alarm-reason dt{color:#9b332f;font-size:.8rem;font-weight:700;line-height:1.1;text-transform:uppercase}.alarm-reason dd{color:#4f1717;font-weight:800;line-height:1.1;text-align:right;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:#0e191594}.inspection-modal{width:min(1040px,100%);max-height:calc(100vh - 56px);overflow:auto;padding:22px;border-radius:8px;background:#fff;box-shadow:0 24px 70px #0e191547}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header p{margin:0 0 5px;color:#66736e;font-size:.82rem;font-weight:700;text-transform:uppercase}.modal-header h2{margin:0}.inspection-chart-frame{height:min(420px,48vh)}.modal-legend{display:flex;gap:18px;margin-top:12px;color:#5f6f68;font-size:.9rem;font-weight:800}.legend-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:transparent;color:currentColor;font-weight:800}.legend-toggle:before{content:"";width:24px;height:3px;border-radius:999px;background:currentColor}.legend-toggle:not(.active){opacity:.42;text-decoration:line-through}.legend-temperature{color:#ef7d46}.legend-humidity{color:#2a9d8f}.empty-chart-state{display:grid;height:100%;place-items:center;border:1px dashed #d3ddd4;border-radius:8px;color:#66736e;font-weight:700;text-align:center}.telemetry-list{display:grid;gap:10px;margin:0 0 22px}.telemetry-list div,.event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e8ede7}.telemetry-list dt{display:inline-flex;align-items:center;gap:8px;color:#65736d}.telemetry-list dd{margin:0;font-weight:800}.event-log h3{margin:0 0 10px}.event-row span{color:#65736d;font-size:.88rem}@media(max-width:1120px){.landing-hero,.split-section,.contact-section{grid-template-columns:1fr}.landing-hero{min-height:auto}.feature-grid,.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell,.detail-grid{grid-template-columns:1fr}.sidebar{min-height:auto}.sensor-list,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.landing-nav{position:static;align-items:stretch;flex-direction:column;padding:14px 18px}.landing-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.landing-nav nav a,.landing-nav nav button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:1px solid #d8e0d9;border-radius:8px;background:#fff;text-align:center}.landing-hero,.landing-section,.contact-section{width:min(100% - 36px,1180px)}.landing-hero{gap:28px;padding:34px 0 28px}.hero-copy h1{font-size:clamp(2.55rem,15vw,3.75rem)}.hero-actions,.hero-actions .primary-button,.hero-actions .secondary-button,.contact-actions,.contact-actions .secondary-button{width:100%}.dashboard-preview{grid-template-columns:1fr;min-height:auto}.preview-sidebar{display:none}.preview-main{padding:14px}.preview-metrics{grid-template-columns:1fr}.preview-chart{height:190px}.landing-band>div{grid-template-columns:1fr;width:min(100% - 36px,1180px);gap:14px}.landing-section{padding-top:48px}.feature-grid,.use-case-grid{grid-template-columns:1fr}.feature-card,.use-case-card{min-height:auto}.split-section,.contact-section{gap:28px}.contact-section{padding:48px 0}.workspace,.sidebar{padding:18px}.topbar,.section-heading{align-items:stretch;flex-direction:column}.topbar-actions,.range-tabs{width:100%}.topbar-actions{flex-wrap:wrap}.auto-refresh-status{align-items:flex-start;width:100%}.range-tabs button{flex:1}.sensor-list,.metrics-grid,.reading-hero,.charts-grid{grid-template-columns:1fr}.metric-card{min-height:104px}.modal-backdrop{align-items:start;padding:12px}.inspection-modal{max-height:calc(100dvh - 24px);padding:16px}.modal-header{align-items:center;flex-direction:row}.modal-header h2{font-size:1.45rem;line-height:1.15}.inspection-chart-frame{height:min(300px,42dvh)}.modal-legend{gap:14px;flex-wrap:wrap;margin-top:10px;font-size:.86rem}.alarm-reason dl div{grid-template-columns:1fr;gap:5px}.alarm-reason dd{text-align:left;white-space:normal}}