.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color:#e8edf5;font-synthesis:none;background:#0b1220;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#e8edf5;background:radial-gradient(circle at 100% 0,#14213d 0,#0b1220 42%,#080d17 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d17e0;border-right:1px solid #243047;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#0a1606;background:#78d64b;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand span{color:#8190a8;margin-top:2px;font-size:12px}.sidebar nav{gap:7px;display:grid}.sidebar nav a,.nav-disabled{color:#9eabc0;border-radius:10px;padding:11px 12px;font-size:14px;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#172238}.nav-disabled em{float:right;border:1px solid #43516a;border-radius:20px;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-footer{color:#66758e;border-top:1px solid #202a3d;gap:8px;margin-top:auto;padding:18px 10px 0;font-size:12px;display:grid}.sidebar-footer a{color:#9eabc0;text-decoration:none}.content{width:100%;max-width:1640px;margin:auto;padding:48px clamp(24px,5vw,72px)}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-header.compact{align-items:flex-start}.page-header h1{letter-spacing:-.03em;margin:4px 0 6px;font-size:34px}.page-header p{color:#8492a8;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#78d64b;font-size:11px;font-weight:800}.back{color:#8da1bd;margin-bottom:10px;font-size:13px;text-decoration:none;display:inline-block}.live-pill{color:#9cabc2;background:#121d31;border:1px solid #283650;border-radius:30px;padding:9px 13px;font-size:12px}.live-pill span{background:#78d64b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #78d64b}.summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.summary-card{background:linear-gradient(145deg,#182338eb,#0f1828eb);border:1px solid #25324a;border-radius:15px;padding:18px}.summary-card span,.summary-card small{color:#8290a7;display:block}.summary-card strong{margin:4px 0;font-size:28px;display:block}.summary-card small{font-size:11px}.toolbar{gap:10px;margin:22px 0;display:flex}.toolbar input,.toolbar select,.chart-toolbar select{color:#e7edf6;background:#111b2d;border:1px solid #2a3954;border-radius:10px;outline:none;padding:11px 13px}.toolbar input{flex:1}.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(305px,1fr));gap:16px;display:grid}.sensor-card{background:linear-gradient(145deg,#131e31,#0f1828);border:1px solid #26344d;border-radius:17px;padding:19px;text-decoration:none;transition:all .18s;display:block;box-shadow:0 16px 40px #00000021}.card-top,.card-footer{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.sensor-name{font-size:14px;font-weight:800;display:block}.card-top small{color:#6f8099;margin-top:5px;display:block}.status{color:#9baabd;white-space:nowrap;font-size:11px}.status i{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status.online i{background:#78d64b}.status.offline i{background:#e06767}.primary-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 17px;display:grid}.primary-metrics .metric strong{font-size:27px}.secondary-metrics{border-top:1px solid #243149;border-bottom:1px solid #243149;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;display:grid}.metric strong,.metric span{display:block}.metric strong{font-size:15px}.metric span{color:#7888a0;margin-top:4px;font-size:10px}.metric b{font-weight:700}.watch{color:#d4c45d}.warning{color:#e79b50}.card-footer{color:#66758d;margin-top:14px;font-size:10px}.state-card,.panel,.chart-card{background:#111b2d;border:1px solid #26344d;border-radius:16px;padding:24px}.state-card.error{color:#f4a8ae;border-color:#6f3038}.detail-metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;display:grid}.detail-metrics .metric{background:#111b2d;border:1px solid #25334b;border-radius:14px;padding:17px}.detail-metrics .metric strong{font-size:21px}.chart-card{min-height:410px}.chart-toolbar{justify-content:flex-end;gap:10px;margin-bottom:20px;display:flex}.chart{color:#78d64b;width:100%;height:300px;overflow:visible}.chart-scale{color:#66758d;justify-content:space-between;font-size:10px;display:flex}.chart-empty{color:#728199;place-items:center;height:300px;display:grid}.chart-empty.compact{height:auto;min-height:90px}.selection-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.selection-list label{background:#152136;border-radius:10px;grid-template-columns:auto 1fr;column-gap:9px;padding:12px;display:grid}.selection-list small{color:#687992;grid-column:2;margin-top:3px}.compare-placeholder{text-align:center;color:#8393aa;border:1px dashed #33445f;border-radius:14px;margin-top:24px;padding:28px}.compare-placeholder strong,.compare-placeholder span{display:block}.compare-placeholder strong{color:#e9eef6;margin-bottom:7px;font-size:26px}.gateway-list{gap:10px;display:grid}.gateway-row{background:#152136;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.gateway-row strong,.gateway-row span{display:block}.gateway-row>div>span{color:#72829a;margin-top:4px;font-size:11px}.unit-toggle{gap:4px;display:flex}.unit-toggle button,.metadata-form button,.compare-selector button,.compare-filter-row button{color:#9eabc0;cursor:pointer;background:#121d31;border:1px solid #33445f;border-radius:8px;padding:7px 10px}.metadata-form label{color:#8290a7;font-size:11px}.metadata-form input{color:#e7edf6;background:#0f1828;border:1px solid #2a3954;border-radius:9px;width:100%;margin-top:5px;padding:10px;display:block}.chart-stats{color:#7f8ea6;flex-wrap:wrap;gap:20px;padding-top:12px;font-size:11px;display:flex}.compare-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.compare-selector{flex-direction:column;max-height:670px;padding:16px;display:flex}.compare-selector-header,.compare-filter-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.compare-selector-header span{color:#718198;margin-top:3px;font-size:10px;display:block}.compare-selector button:disabled,.compare-filter-row button:disabled{opacity:.4;cursor:default}.compare-filter-row{margin:14px 0}.compare-filter-row select{color:#e7edf6;background:#0f1828;border:1px solid #2a3954;border-radius:8px;flex:1;min-width:0;padding:8px}.compare-sensor-list{gap:6px;padding-right:3px;display:grid;overflow:auto}.compare-sensor-list label{cursor:pointer;background:#152136;border:1px solid #0000;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:9px;display:grid}.compare-sensor-list label span,.compare-sensor-list label small{display:block}.compare-sensor-list label strong{font-size:12px}.compare-sensor-list label small{color:#687992;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.compare-chart-card{min-height:650px;position:relative}.compare-toolbar{margin-bottom:10px}.compare-loading{z-index:2;color:#9eabc0;background:#18243a;border:1px solid #32435e;border-radius:20px;padding:7px 11px;font-size:10px;position:absolute;top:80px;right:24px}.compare-uplot{min-height:470px}.compare-series-key{color:#9eabc0;flex-wrap:wrap;gap:12px;padding:12px 0 0;font-size:11px;display:flex}.compare-series-key span{align-items:center;gap:6px;display:flex}.compare-series-key i{border-radius:50%;width:9px;height:9px}.u-legend{color:#c9d4e4!important;font-size:11px!important}.u-legend .u-series{padding:3px 6px!important}.u-legend .u-value{font-weight:700!important}@media (width<=1100px){.compare-layout{grid-template-columns:1fr}.compare-selector{max-height:none}.compare-sensor-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:280px}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;padding:14px 18px;position:relative;overflow:auto}.brand{padding:0 16px 0 0}.sidebar nav{display:flex}.sidebar-footer{display:none}.content{padding:28px 18px}.summary-grid{grid-template-columns:1fr}.detail-metrics{grid-template-columns:repeat(2,1fr)}.metadata-form{grid-template-columns:1fr 1fr}}@media (width<=620px){.sidebar{display:block}.sidebar nav{margin-top:12px}.sidebar nav a,.nav-disabled{padding:8px}.page-header{display:block}.live-pill{margin-top:14px;display:inline-block}.toolbar{display:grid}.primary-metrics .metric strong{font-size:23px}.secondary-metrics{grid-template-columns:1fr}.detail-metrics{grid-template-columns:1fr 1fr}.metadata-form{grid-template-columns:1fr}.compare-filter-row{align-items:stretch}.compare-filter-row button{white-space:nowrap}.compare-chart-card{padding:14px}.compare-uplot{overflow-x:auto}}.unit-toggle{gap:4px;margin-bottom:6px;display:flex}.unit-toggle button{color:#8fa0b7;cursor:pointer;background:#111b2d;border:1px solid #33445f;border-radius:8px;padding:6px 9px}.unit-toggle button.active{color:#0a1606;background:#78d64b;border-color:#78d64b;font-weight:800}.metadata-panel{margin-bottom:18px}.metadata-panel h2{margin:4px 0 16px}.metadata-form{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto auto;align-items:end;gap:10px;display:grid}.metadata-form label{color:#8393aa;gap:6px;font-size:11px;display:grid}.metadata-form input{color:#e7edf6;background:#0e1829;border:1px solid #2a3954;border-radius:10px;outline:none;padding:11px 13px}.metadata-form button{color:#0a1606;cursor:pointer;background:#78d64b;border:0;border-radius:10px;padding:12px 18px;font-weight:800}.metadata-form>span{color:#8393aa;min-width:72px;padding-bottom:10px;font-size:11px}.uplot-host{width:100%;min-height:360px;overflow:hidden}.uplot{font-family:inherit}.chart-stats{color:#76879f;flex-wrap:wrap;justify-content:flex-end;gap:20px;margin-top:10px;font-size:11px;display:flex}.chart-stats b{color:#dfe7f2}.sensor-name+small+small{color:#8da1bd}.route-bottom-panel{max-width:1400px;margin:-24px auto 48px;padding:0 clamp(24px,5vw,72px) 0 calc(240px + clamp(24px,5vw,72px))}.alert-panel{margin-top:18px}.alert-heading,.gateway-farm-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.alert-heading h2,.gateway-farm-heading h2{margin:5px 0 6px}.alert-heading p,.gateway-farm-heading p{color:#8290a7;margin:0;font-size:12px}.alert-master-toggle,.check-row,.recipe-follow-toggle{color:#c9d4e4;align-items:center;gap:8px;font-size:12px;display:flex}.recipe-default-banner{background:#112419;border:1px solid #36543d;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 15px;display:flex}.recipe-default-banner strong,.recipe-default-banner span{display:block}.recipe-default-banner strong{color:#dce9df;font-size:12px}.recipe-default-banner span{color:#8fa69a;max-width:900px;margin-top:4px;font-size:10px}.recipe-default-banner button,.gateway-farm-row button{color:#cfe8d5;white-space:nowrap;cursor:pointer;background:#183223;border:1px solid #52775b;border-radius:9px;padding:9px 12px}.recipe-default-banner button:disabled,.gateway-farm-row button:disabled{opacity:.4;cursor:default}.recipe-follow-toggle{background:#101b2c;border:1px solid #26344d;border-radius:11px;margin-top:12px;padding:12px}.recipe-follow-toggle span,.recipe-follow-toggle small{display:block}.recipe-follow-toggle small{color:#75869e;margin-top:3px}.recipe-target-summary{color:#74899a;flex-wrap:wrap;gap:18px;margin-top:9px;font-size:10px;display:flex}.recipe-target-summary b{color:#dce5f1}.recipe-target-summary .active{color:#9ccaa5;background:#14271c;border:1px solid #31533a;border-radius:20px;padding:4px 8px}.alert-threshold-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.alert-threshold-card{background:#0f1828;border:1px solid #25334b;border-radius:13px;padding:15px}.alert-threshold-card>strong,.alert-threshold-card>small{display:block}.alert-threshold-card>small{color:#7d8ca3;margin:3px 0 12px}.alert-threshold-card label,.alert-behavior-grid label{color:#8393aa;gap:6px;margin-top:8px;font-size:11px;display:grid}.alert-threshold-card input,.alert-behavior-grid input,.notification-channel>input{color:#e7edf6;background:#111b2d;border:1px solid #2a3954;border-radius:9px;padding:10px}.alert-threshold-card input::placeholder{color:#607189}.alert-behavior-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.alert-behavior-grid label span{color:#66758d;font-size:10px}.alert-notification-grid{grid-template-columns:1fr 1.2fr 1.2fr;gap:12px;margin:18px 0;display:grid}.notification-channel{background:#111b2d;border:1px solid #25334b;border-radius:12px;gap:9px;padding:12px;display:grid}.notification-channel>input:disabled{opacity:.45}.alert-save-row{color:#7e8da4;border-top:1px solid #26344d;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;font-size:11px;display:flex}.alert-save-row>div:last-child{align-items:center;gap:10px;display:flex}.alert-save-row button{color:#0a1606;cursor:pointer;background:#78d64b;border:0;border-radius:10px;padding:10px 16px;font-weight:800}.alert-events{margin-top:24px}.alert-events-heading{color:#8393aa;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.alert-event{border-top:1px solid #223047;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 0;display:grid}.alert-event i{border-radius:50%;width:9px;height:9px;margin-top:4px}.alert-event i.alert{background:#ef6b6b}.alert-event i.recovery{background:#78d64b}.alert-event i.repeat{background:#e1bd57}.alert-event strong,.alert-event span,.alert-event small{display:block}.alert-event span{color:#8290a7;margin-top:2px;font-size:10px}.alert-event-meta{text-align:right;color:#7a899f;font-size:10px}.alert-message{color:#7c8ba2;padding:18px 0;font-size:12px}.gateway-farm-panel-wrap{margin-top:-10px}.gateway-farm-panel{margin-top:18px}.gateway-farm-row{border-top:1px solid #223047;grid-template-columns:minmax(260px,1fr) minmax(220px,340px) auto 80px;align-items:center;gap:10px;padding:13px 0;display:grid}.gateway-farm-row strong,.gateway-farm-row span{display:block}.gateway-farm-row span,.gateway-farm-row small{color:#74849c;margin-top:3px;font-size:10px}.gateway-farm-row select{color:#e7edf6;background:#0f1828;border:1px solid #2a3954;border-radius:9px;padding:10px}.gateway-farm-row small{margin:0}.sensor-detail-polished .content>.detail-metrics{display:none}.sensor-detail-polished .content>.metadata-panel{order:99;margin-top:18px}.sensor-detail-polished .content>.metadata-panel>div:first-child .eyebrow{display:none}.sensor-detail-polished .content>.metadata-panel h2{margin:0 0 12px;font-size:16px}.sensor-detail-polished .content>.page-header{margin-bottom:14px}.sensor-detail-polished .content>.page-header h1{font-size:28px}.sensor-detail-polished .content>.page-header p{color:#6f8099;font-size:11px}.ruuvi-detail-summary{background:linear-gradient(145deg,#131e31,#0f1828);border:1px solid #25324a;border-radius:16px;margin-bottom:14px;padding:18px 20px}.ruuvi-primary-values>div{border-right:1px solid #26344d;padding:4px 20px}.ruuvi-primary-values>div:last-child{border-right:0}.ruuvi-primary-values strong{letter-spacing:-.035em;font-size:34px;line-height:1.05;display:block}.ruuvi-primary-values span{color:#74849b;margin-top:6px;font-size:10px;display:block}.ruuvi-sensor-info{color:#8393aa;border-top:1px solid #25324a;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding-top:11px;font-size:10px;display:flex}.ruuvi-info-muted{color:#5f6f86}.battery-dot{border-radius:50%;width:8px;height:8px;margin-right:-8px;display:inline-block}.battery-dot.good{background:#78d64b}.battery-dot.warning{background:#e1bd57}.battery-dot.critical{background:#ef6b6b}.battery-dot.unknown{background:#66758d}.sensor-detail-polished .chart-card{padding:18px}.sensor-detail-polished .chart-toolbar{margin-bottom:10px}.sensor-detail-polished .chart-toolbar select{padding:8px 10px;font-size:11px}.compact-route-panel{margin-top:14px}.compact-alert-panel,.compact-gateway-panel{padding:0;overflow:hidden}.compact-section-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.compact-section-head h2{margin:0;font-size:16px}.compact-section-head span{color:#74849b;font-size:10px}.compact-switch{color:#aeb9c9;align-items:center;gap:7px;font-size:11px;display:flex}.recipe-inline-row{border-bottom:1px solid #223047;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.recipe-inline-row button,.secondary-button{color:#aeb9c9;cursor:pointer;background:#121d31;border:1px solid #33445f;border-radius:8px;padding:6px 9px}.recipe-inline-row button:disabled,.secondary-button:disabled{opacity:.4}.recipe-inline-row small{color:#697a92}.compact-threshold-grid{margin:14px 0}.compact-threshold-grid .alert-threshold-card{padding:12px}.minmax-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compact-threshold-grid .alert-threshold-card>small{margin-bottom:6px}.compact-threshold-grid label{margin-top:5px}.compact-threshold-grid input{padding:8px}.compact-alert-options{flex-wrap:wrap;align-items:end;gap:12px;padding:10px 0;display:flex}.compact-alert-options>label:not(.check-row){color:#7c8ba2;grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:5px;font-size:10px;display:grid}.compact-alert-options>label:not(.check-row)>input{color:#e7edf6;background:#0f1828;border:1px solid #2a3954;border-radius:8px;grid-area:2/1;width:70px;padding:7px}.compact-alert-options>label:not(.check-row)>span{grid-area:2/2;align-self:center}.compact-notify-row{grid-template-columns:auto minmax(120px,1fr) auto minmax(160px,1.4fr);align-items:center;gap:8px;display:grid}.compact-notify-row label{color:#aeb9c9;font-size:11px}.compact-notify-row input:not([type=checkbox]){color:#e7edf6;background:#0f1828;border:1px solid #2a3954;border-radius:8px;padding:8px}.compact-notify-row input:disabled{opacity:.4}.compact-event-details{border-top:1px solid #223047;margin-top:14px;padding-top:10px}.compact-event-details summary{cursor:pointer;color:#8e9db2;font-size:11px}.compact-gateway-row{grid-template-columns:minmax(220px,1fr) minmax(180px,300px) auto 54px;padding:10px 0}.compact-gateway-row select{padding:8px}.compact-gateway-row button{padding:7px 10px}.gateway-consolidated-wrap{max-width:1400px;margin:-10px auto 48px;padding:0 clamp(24px,5vw,72px) 0 calc(240px + clamp(24px,5vw,72px))}.gateway-consolidated-panel{padding:0;overflow:hidden}.gateway-panel-head{border-bottom:1px solid #26344d;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.gateway-panel-head h2{margin:0;font-size:18px}.gateway-panel-head span{color:#74849b;font-size:10px}.gateway-compact-card{border-bottom:1px solid #223047;padding:16px 18px}.gateway-compact-card:last-child{border-bottom:0}.gateway-card-main{grid-template-columns:minmax(250px,1.2fr) minmax(300px,1fr) minmax(270px,.9fr);align-items:center;gap:18px;display:grid}.gateway-title-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gateway-title-line strong{font-size:17px}.gateway-identity>small{color:#71829a;margin-top:4px;font-size:10px;display:block}.gateway-active{color:#9cb1cb;align-items:center;gap:5px;font-size:10px;display:inline-flex}.gateway-active i{background:#78d64b;border-radius:50%;width:7px;height:7px;display:inline-block}.gateway-profile-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gateway-profile-chips>span{color:#aebed2;white-space:nowrap;background:#111c2e;border:1px solid #2a3a53;border-radius:999px;padding:5px 8px;font-size:10px}.gateway-profile-chips>span:first-child{text-transform:uppercase;color:#9fc9a8;background:#14271c;border-color:#31533a;font-weight:700}.gateway-profile-chips .gateway-profile-error{color:#e59a9a;background:#28191e;border-color:#653c44}.gateway-profile-chips .gateway-profile-muted{color:#75859b}.gateway-assignment-control{grid-template-columns:minmax(150px,1fr) auto;gap:8px;display:grid}.gateway-assignment-control select{color:#e7edf6;background:#0f1828;border:1px solid #2a3954;border-radius:9px;min-width:0;padding:9px 10px}.gateway-assignment-control button{color:#cfe8d5;cursor:pointer;background:#183223;border:1px solid #52775b;border-radius:9px;padding:8px 12px}.gateway-assignment-control button:disabled{opacity:.45}.gateway-recipe-line{color:#61748e;white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:10px;overflow:hidden}.gateway-save-message{color:#7e9b84;margin-top:5px;font-size:10px}.alert-collapse-header{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.alert-collapse-title{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.alert-collapse-title>strong{font-size:15px}.alert-collapse-title>span{color:#7e8da4;font-size:10px}.alert-state-pill{border-radius:999px;padding:3px 8px;font-weight:700}.alert-state-pill.on{color:#8bd66c;background:#173221}.alert-state-pill.off{color:#8492a8;background:#202b3c}.alert-chevron{color:#71839a;font-size:18px;line-height:1}.alert-expanded-content{border-top:1px solid #26344d;padding:14px 18px 18px}.alert-top-controls{flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:10px;display:flex}.alert-top-controls>small{color:#697a92;margin-left:auto}.compact-alert-panel.collapsed{min-height:0}.compact-alert-panel.collapsed .alert-collapse-header:hover{background:#142036}.compact-alert-panel.expanded .alert-collapse-header{background:#121d31}@media (width<=1100px){.route-bottom-panel{padding-left:264px}.alert-threshold-grid,.alert-behavior-grid,.alert-notification-grid{grid-template-columns:1fr}.gateway-farm-row{grid-template-columns:1fr 1fr auto}.gateway-farm-row small{grid-column:2}.compact-threshold-grid{grid-template-columns:repeat(3,1fr)}.gateway-consolidated-wrap{padding-left:264px;padding-right:24px}.gateway-card-main{grid-template-columns:1fr 1fr}.gateway-assignment-control{grid-column:1/-1;max-width:420px}}@media (width<=900px){.metadata-form{grid-template-columns:1fr 1fr}.route-bottom-panel{margin-top:-10px;padding:0 18px}.alert-heading,.alert-save-row,.recipe-default-banner,.gateway-farm-heading{display:block}.recipe-default-banner button,.alert-save-row>div:last-child{margin-top:10px}.alert-event{grid-template-columns:auto 1fr}.alert-event-meta{text-align:left;grid-column:2}.ruuvi-primary-values strong{font-size:28px}.compact-notify-row{grid-template-columns:auto 1fr}.compact-gateway-row{grid-template-columns:1fr 1fr auto}.alert-top-controls>small{width:100%;margin-left:0}.gateway-consolidated-wrap{padding:0 18px}.gateway-card-main{grid-template-columns:1fr}.gateway-assignment-control{grid-column:auto;max-width:none}.gateway-profile-chips{margin-top:-3px}}@media (width<=620px){.metadata-form{grid-template-columns:1fr}.metadata-form>span{padding:0}.unit-toggle{margin:0}.alert-panel{padding:0}.alert-threshold-grid,.gateway-farm-row{grid-template-columns:1fr}.gateway-farm-row small{grid-column:auto}.ruuvi-primary-values{grid-template-columns:1fr}.ruuvi-primary-values>div{border-bottom:1px solid #26344d;border-right:0;padding:12px 0}.ruuvi-primary-values>div:last-child{border-bottom:0}.ruuvi-primary-values strong{font-size:30px}.compact-threshold-grid,.compact-gateway-row{grid-template-columns:1fr}.compact-section-head{align-items:flex-start}.alert-collapse-header{padding:13px 14px}.alert-expanded-content{padding:12px 14px 14px}.alert-collapse-title{gap:7px}.gateway-consolidated-wrap{margin-top:0;padding:0 12px}.gateway-panel-head{padding:13px 14px}.gateway-compact-card{padding:14px}.gateway-title-line{justify-content:space-between;align-items:flex-start}.gateway-title-line strong{font-size:15px}.gateway-profile-chips{gap:5px}.gateway-profile-chips>span{padding:4px 7px}.gateway-assignment-control{grid-template-columns:1fr auto}}#sensor-alerts-host{width:100%;min-width:0;max-width:none;margin:0;padding:0;display:block}#sensor-alerts-host .sensor-alerts-anchor{width:100%;min-width:0;max-width:none;margin:18px 0 0;padding:0;display:block}#sensor-alerts-host .compact-alert-panel{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0}#sensor-alerts-host .alert-collapse-header{width:100%}#sensor-alerts-host .alert-expanded-content{box-sizing:border-box;width:100%;min-width:0;max-width:none}#sensor-alerts-host .route-bottom-panel,#sensor-alerts-host .compact-route-panel{width:100%;min-width:0;max-width:none;margin:18px 0 0;padding:0}#sensor-alerts-host .alert-collapse-header{justify-content:space-between;align-items:center;gap:14px;padding:0;display:flex}#sensor-alerts-host .alert-collapse-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:15px 0 15px 18px}#sensor-alerts-host .alert-collapse-actions{flex:none;align-items:center;gap:9px;padding-right:10px;display:flex}#sensor-alerts-host .alert-switch-label{color:#7e8da4;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}#sensor-alerts-host .alert-switch-label.on{color:#78d64b}#sensor-alerts-host .alert-switch{cursor:pointer;background:#ffffff1a;border:1px solid #344159;border-radius:999px;flex:none;align-items:center;width:44px;height:24px;padding:2px;transition:background .2s,border-color .2s;display:inline-flex;position:relative}#sensor-alerts-host .alert-switch:hover{border-color:#53627a}#sensor-alerts-host .alert-switch:disabled{opacity:.55;cursor:wait}#sensor-alerts-host .alert-switch.on{background:#22c55e33;border-color:#22c55e7a}#sensor-alerts-host .alert-switch-thumb{background:#8794a8;border-radius:999px;width:18px;height:18px;transition:transform .2s,background .2s;box-shadow:0 1px 4px #0000004d}#sensor-alerts-host .alert-switch.on .alert-switch-thumb{background:#22c55e;transform:translate(18px)}#sensor-alerts-host .alert-chevron-button{color:#71839a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}#sensor-alerts-host .alert-chevron-button:hover{color:#b4c0d1;background:#18243a}#sensor-alerts-host .alert-master-control{color:#7e8da4;align-items:center;gap:8px;padding-right:4px;font-size:11px;display:flex}#sensor-alerts-host .alert-master-control strong{color:#dbe4ef;font-size:11px}#sensor-alerts-host .compact-threshold-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;width:100%;max-width:none;display:grid}#sensor-alerts-host .compact-threshold-grid .alert-threshold-card{width:100%;min-width:0;max-width:none;transition:opacity .18s,border-color .18s,background .18s}#sensor-alerts-host .alert-metric-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}#sensor-alerts-host .alert-metric-heading>div{align-items:center;gap:7px;min-width:0;display:flex}#sensor-alerts-host .alert-metric-heading>div:last-child{color:#7e8da4;text-transform:uppercase;letter-spacing:.05em;flex:none;font-size:10px;font-weight:800}#sensor-alerts-host .alert-metric-heading .alert-switch{width:38px;height:22px}#sensor-alerts-host .alert-metric-heading .alert-switch-thumb{width:16px;height:16px}#sensor-alerts-host .alert-metric-heading .alert-switch.on .alert-switch-thumb{transform:translate(16px)}#sensor-alerts-host .alert-threshold-card.metric-disabled{opacity:.68;background:#ffffff06;border-color:#303846}#sensor-alerts-host .metric-disabled-note{color:#91a0b5;min-height:32px;margin:0 0 8px;line-height:1.35;display:block}#sensor-alerts-host .alert-threshold-card.metric-disabled input:disabled{cursor:not-allowed;opacity:.55}#sensor-alerts-host .compact-threshold-grid .minmax-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}#sensor-alerts-host .compact-threshold-grid label,#sensor-alerts-host .compact-threshold-grid input{width:100%;min-width:0}#sensor-alerts-host .compact-alert-options,#sensor-alerts-host .compact-notify-row,#sensor-alerts-host .alert-top-controls,#sensor-alerts-host .alert-save-row,#sensor-alerts-host .compact-event-details{width:100%;min-width:0;max-width:none}#sensor-alerts-host .compact-notify-row{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}#sensor-alerts-host .compact-notify-row input:not([type=checkbox]){width:100%;min-width:0}.sensor-card .card-top{position:relative}.dashboard-alert-indicator{color:#75849a;background:#182234;border:1px solid #344159;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;margin-left:auto;margin-right:7px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s;display:grid}.dashboard-alert-indicator svg{width:13px;height:13px;display:block}.dashboard-alert-indicator.on{color:#78d64b;background:#22c55e1f;border-color:#22c55e61;box-shadow:0 0 0 3px #22c55e0f}.dashboard-alert-indicator.off{color:#707e92;background:#ffffff09;border-color:#303d53}@media (width<=1100px){#sensor-alerts-host .route-bottom-panel,#sensor-alerts-host .compact-route-panel{margin:18px 0 0;padding:0}#sensor-alerts-host .compact-threshold-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){#sensor-alerts-host .compact-threshold-grid{grid-template-columns:1fr}#sensor-alerts-host .compact-notify-row{grid-template-columns:auto minmax(0,1fr)}#sensor-alerts-host .metric-disabled-note{min-height:0}}@media (width<=900px){#sensor-alerts-host .route-bottom-panel,#sensor-alerts-host .compact-route-panel{margin:16px 0 0;padding:0}}@media (width<=620px){#sensor-alerts-host .alert-collapse-main{padding-left:14px}#sensor-alerts-host .alert-collapse-actions{gap:6px;padding-right:7px}#sensor-alerts-host .alert-switch-label{display:none}#sensor-alerts-host .alert-metric-heading{align-items:center}}.page-header:has(+.summary-grid){display:none}.page-header:has(+.summary-grid)+.summary-grid{display:none}.page-header:has(+.summary-grid)~.toolbar{z-index:5;background:linear-gradient(#0b1220fa,#0b1220eb 75%,#0b122000);margin:0 0 14px;padding:9px 0;position:sticky;top:0}:is(.page-header:has(+.summary-grid)~.toolbar input,.page-header:has(+.summary-grid)~.toolbar select){padding:9px 11px}.page-header:has(+.summary-grid)~.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}.page-header:has(+.summary-grid)~.sensor-grid .sensor-card{box-shadow:none;border-radius:13px;padding:13px 14px}.page-header:has(+.summary-grid)~.sensor-grid .sensor-card:hover{transform:none;box-shadow:0 12px 30px #0000002e}.page-header:has(+.summary-grid)~.sensor-grid .sensor-name{font-size:13px}.page-header:has(+.summary-grid)~.sensor-grid .card-top small{margin-top:2px;font-size:9px}.page-header:has(+.summary-grid)~.sensor-grid .primary-metrics{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 7px}.page-header:has(+.summary-grid)~.sensor-grid .primary-metrics .metric{align-items:center;gap:7px;min-width:0;display:flex;position:relative}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:first-child{align-items:center;gap:7px;min-width:0;display:flex;position:relative}.page-header:has(+.summary-grid)~.sensor-grid .primary-metrics .metric strong{white-space:nowrap;font-size:22px}.page-header:has(+.summary-grid)~.sensor-grid .primary-metrics .metric span{opacity:.72;background-position:50%;background-repeat:no-repeat;background-size:17px 17px;flex:0 0 17px;order:-1;width:17px;height:17px;margin:0;font-size:0}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:first-child span{opacity:.72;background-position:50%;background-repeat:no-repeat;background-size:17px 17px;flex:0 0 17px;order:-1;width:17px;height:17px;margin:0;font-size:0}.ruuvi-metric-icon.temperature{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2396a5bb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.76V5a4 4 0 0 0-8 0v9.76a6 6 0 1 0 8 0Z'/%3E%3Cpath d='M10 11v6'/%3E%3C/svg%3E")}.page-header:has(+.summary-grid)~.sensor-grid .primary-metrics>.metric:first-child span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2396a5bb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.76V5a4 4 0 0 0-8 0v9.76a6 6 0 1 0 8 0Z'/%3E%3Cpath d='M10 11v6'/%3E%3C/svg%3E")}.ruuvi-metric-icon.humidity{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2396a5bb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7S5.5 10 5.5 15a6.5 6.5 0 0 0 13 0C18.5 10 12 2.7 12 2.7Z'/%3E%3Cpath d='M9 16.5c.7 1 1.7 1.5 3 1.5'/%3E%3C/svg%3E")}.page-header:has(+.summary-grid)~.sensor-grid .primary-metrics>.metric:nth-child(2) span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2396a5bb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7S5.5 10 5.5 15a6.5 6.5 0 0 0 13 0C18.5 10 12 2.7 12 2.7Z'/%3E%3Cpath d='M9 16.5c.7 1 1.7 1.5 3 1.5'/%3E%3C/svg%3E")}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics{border-bottom:0;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:7px 0 5px}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:first-child strong{white-space:nowrap;font-size:16px}.ruuvi-metric-icon.vpd{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2396a5bb' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 9h9.5a2.5 2.5 0 1 0-2.2-3.7'/%3E%3Cpath d='M4 13h14a2 2 0 1 1-1.7 3'/%3E%3Cpath d='M4 17h7'/%3E%3C/svg%3E")}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:first-child span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2396a5bb' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 9h9.5a2.5 2.5 0 1 0-2.2-3.7'/%3E%3Cpath d='M4 13h14a2 2 0 1 1-1.7 3'/%3E%3Cpath d='M4 17h7'/%3E%3C/svg%3E")}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:nth-child(3){display:none}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:nth-child(2){text-align:right}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:nth-child(2)>strong{display:none}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics>.metric:nth-child(2)>span{margin:0;font-size:9px}.page-header:has(+.summary-grid)~.sensor-grid .card-footer{margin-top:5px;font-size:9px}.page-header:has(+.summary-grid)~.sensor-grid .card-footer b{display:none}.page-header:has(+.summary-grid)~.sensor-grid .metric.alert-warning strong{color:#e1bd57}.page-header:has(+.summary-grid)~.sensor-grid .metric.alert-active strong{color:#ef6b6b}.page-header:has(+.summary-grid)~.sensor-grid .metric.alert-warning span{filter:sepia()saturate(4)hue-rotate(350deg)brightness(1.1);opacity:1}.page-header:has(+.summary-grid)~.sensor-grid .metric.alert-active span{filter:sepia()saturate(6)hue-rotate(305deg)brightness(1.05);opacity:1}.metric-alert-hitbox{cursor:pointer;z-index:2;background:0 0;border:0;border-radius:12px;width:44px;height:44px;padding:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.metric-alert-interactive{cursor:pointer}.metric-alert-hitbox:focus-visible{outline-offset:2px;outline:2px solid #8fb5ff}.alert-detail-backdrop{z-index:1000;background:#020812a8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.alert-detail-sheet{color:#eef4ff;background:#111b2c;border:1px solid #94a3b838;border-radius:18px;width:min(440px,100%);padding:20px;box-shadow:0 24px 70px #0000006b}.alert-detail-handle{background:#94a3b873;border-radius:4px;width:42px;height:4px;margin:0 auto 14px;display:none}.alert-detail-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.alert-detail-head h2{margin:7px 0 0;font-size:17px}.alert-detail-state{text-transform:uppercase;letter-spacing:.06em;color:#e1bd57;background:#e1bd5724;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.alert-detail-state.active{color:#ef6b6b;background:#ef6b6b24}.alert-detail-close{color:#aebbd0;cursor:pointer;background:0 0;border:0;border-radius:12px;width:44px;height:44px;margin:-8px -8px 0 0;font-size:28px;line-height:1}.alert-detail-description{color:#aebbd0;margin:15px 0;font-size:13px;line-height:1.45}.alert-detail-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.alert-detail-grid>div{background:#ffffff09;border:1px solid #94a3b81f;border-radius:11px;padding:10px}.alert-detail-grid span{color:#8998ad;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px;display:block}.alert-detail-grid strong{font-size:14px}.alert-detail-rule{color:#74849a;text-transform:capitalize;margin:14px 0 0;font-size:10px}.ruuvi-primary-values{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;display:grid!important}.ruuvi-primary-values>div{grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:8px;display:grid;padding:2px 14px!important}.ruuvi-primary-values>div:first-child{padding-left:0!important}.ruuvi-primary-values>div:last-child{padding-right:0!important}.ruuvi-metric-icon{opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:20px 20px;grid-row:1/3;width:20px;height:20px}.ruuvi-primary-values strong{white-space:nowrap;grid-column:2;font-size:28px!important}.ruuvi-primary-values span:not(.ruuvi-metric-icon){grid-column:2;margin-top:2px!important}.ruuvi-history-chart{touch-action:pan-y;width:100%;height:300px}.ruuvi-history-tooltip{background:#111b2c;border:1px solid #33445f;border-radius:10px;padding:9px 11px;box-shadow:0 12px 32px #00000052}.ruuvi-history-tooltip strong,.ruuvi-history-tooltip span{display:block}.ruuvi-history-tooltip strong{font-size:13px}.ruuvi-history-tooltip span{color:#8393aa;margin-top:3px;font-size:10px}.ruuvi-history-hint{color:#64758d;margin:5px 0 0;font-size:10px}.sensor-detail-polished .chart-stats{margin-top:5px}@media (width<=620px){.page-header:has(+.summary-grid)~.toolbar{margin:0 0 10px;padding:0;position:static}.page-header:has(+.summary-grid)~.sensor-grid{grid-template-columns:1fr;gap:8px}.page-header:has(+.summary-grid)~.sensor-grid .sensor-card{padding:11px 12px}.page-header:has(+.summary-grid)~.sensor-grid .secondary-metrics{grid-template-columns:1fr auto}.sensor-detail-polished .content>.page-header{margin-bottom:8px}.sensor-detail-polished .content>.page-header h1{font-size:22px}.sensor-detail-polished .content>.page-header p{font-size:9px}.ruuvi-detail-summary{margin-bottom:9px!important;padding:12px 13px!important}.ruuvi-primary-values>div{grid-template-columns:17px minmax(0,1fr);column-gap:5px;padding:0 8px!important}.ruuvi-metric-icon{background-size:16px 16px;width:16px;height:16px}.ruuvi-primary-values strong{font-size:20px!important}.ruuvi-primary-values span:not(.ruuvi-metric-icon){white-space:nowrap;font-size:8px!important}.ruuvi-sensor-info{gap:9px!important;margin-top:10px!important;padding-top:8px!important;font-size:9px!important}.sensor-detail-polished .chart-card{padding:11px!important}.sensor-detail-polished .chart-toolbar{grid-template-columns:1fr 1fr;gap:7px;display:grid}.sensor-detail-polished .chart-toolbar select{width:100%;min-width:0}.ruuvi-history-chart{height:235px}.ruuvi-history-hint{margin-top:2px}.chart-stats{justify-content:space-between!important;gap:10px!important;font-size:9px!important}.alert-detail-backdrop{align-items:flex-end;padding:0}.alert-detail-sheet{width:100%;padding:10px 18px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:78vh;overflow:auto}.alert-detail-handle{display:block}.alert-detail-grid{grid-template-columns:1fr 1fr}}.ruuvi-compare-card{min-width:0;padding:18px}.ruuvi-compare-toolbar{margin-bottom:10px}.ruuvi-compare-chart{touch-action:pan-y;width:100%;height:470px}.ruuvi-compare-tooltip{background:#111b2c;border:1px solid #33445f;border-radius:11px;min-width:210px;max-width:320px;padding:10px 12px;box-shadow:0 14px 36px #0000005c}.ruuvi-compare-tooltip>strong{color:#dfe7f2;margin-bottom:8px;font-size:11px;display:block}.ruuvi-compare-tooltip>div{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;padding:3px 0;display:grid}.ruuvi-compare-tooltip i,.ruuvi-compare-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.ruuvi-compare-tooltip span{color:#9aa9bd;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ruuvi-compare-tooltip b{color:#eef4ff;white-space:nowrap;font-size:10px}.ruuvi-compare-legend{color:#8192aa;flex-wrap:wrap;gap:9px 14px;margin-top:9px;font-size:10px;display:flex}.ruuvi-compare-legend span{align-items:center;gap:5px;display:inline-flex}.compare-layout>#ruuvi-compare-recharts-host{min-width:0}.compare-layout{align-items:start}@media (width<=900px){.compare-layout>#ruuvi-compare-recharts-host{width:100%}.ruuvi-compare-card{padding:13px}.ruuvi-compare-chart{height:330px}}@media (width<=620px){.ruuvi-compare-card{padding:11px}.ruuvi-compare-toolbar{grid-template-columns:1fr 1fr;gap:7px;display:grid!important}.ruuvi-compare-toolbar select{width:100%;min-width:0}.ruuvi-compare-chart{height:260px}.ruuvi-compare-tooltip{min-width:190px;max-width:260px;padding:9px 10px}.ruuvi-compare-tooltip>div{grid-template-columns:7px minmax(0,1fr) auto;gap:6px}.ruuvi-compare-legend{gap:7px 10px;font-size:9px}.ruuvi-compare-card .ruuvi-history-hint{margin-top:2px;font-size:9px}}.content.gateway-page-polished{align-self:start;margin:0 auto}.gateway-page-polished>.page-header,.gateway-page-polished>.panel{display:none}.gateway-consolidated-wrap{width:100%;max-width:none;margin:0 0 48px;padding:0}.gateway-consolidated-panel{width:100%;max-width:none;overflow:visible}.gateway-card-main{grid-template-columns:minmax(220px,1.1fr) minmax(240px,1fr) minmax(220px,.85fr) minmax(220px,.85fr)}.gateway-assignment-control{min-width:0}.gateway-assignment-control input{box-sizing:border-box;color:#e7edf6;background:#0f1828;border:1px solid #2a3954;border-radius:9px;outline:none;width:100%;min-width:0;padding:9px 10px}.gateway-assignment-control input:focus{border-color:#52775b}@media (width<=1300px){.gateway-card-main{grid-template-columns:minmax(220px,1fr) minmax(240px,1fr)}.gateway-assignment-control{max-width:520px}}@media (width<=900px){.content.gateway-page-polished{margin:0}.gateway-card-main{grid-template-columns:1fr}.gateway-assignment-control{grid-column:auto;max-width:none}}.status.delayed{color:#d4c45d}.status.delayed i{background:#d4c45d;box-shadow:0 0 10px #d4c45d59}:root{--argon-primary:#5e72e4;--argon-primary-dark:#324cdd;--argon-info:#11cdef;--argon-success:#2dce89;--argon-warning:#fb8b3d;--argon-danger:#f5365c;--argon-dark:#172b4d;--argon-text:#525f7f;--argon-muted:#8898aa;--argon-bg:#f4f6fb;--argon-card:#fff;--argon-card-soft:#f8f9fc;--argon-line:#e7eaf0;--argon-sidebar:#fff;--argon-input:#fff;--argon-shadow:0 .55rem 1.8rem #32325d1a;--argon-radius:1rem;--argon-sidebar-width:250px;--argon-sidebar-mini:78px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--argon-dark:#f8f9fe;--argon-text:#d8dde8;--argon-muted:#95a1b6;--argon-bg:#0b1220;--argon-card:#151f2f;--argon-card-soft:#1b2739;--argon-line:#94a3b82e;--argon-sidebar:#101827;--argon-input:#1b2739;--argon-shadow:0 .9rem 2rem #00000042;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{min-height:100%}body{transition:background .2s,color .2s;background:var(--argon-bg)!important;color:var(--argon-text)!important;font-family:Open Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.shell{background:var(--argon-bg);min-height:100vh;display:block!important}.sidebar{z-index:40;box-shadow:var(--argon-shadow);inset:0 auto 0 0;width:var(--argon-sidebar-width)!important;border-right:1px solid var(--argon-line)!important;background:var(--argon-sidebar)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;height:100vh!important;padding:1rem!important;transition:width .22s,background .2s!important;position:fixed!important;overflow:hidden auto!important}.brand{min-width:0;color:var(--argon-dark);gap:.8rem!important;padding:.45rem .35rem 1.1rem!important}.brand-mark{flex:0 0 42px;color:#0000!important;width:42px!important;height:42px!important;box-shadow:none!important;background-color:#0000!important;background-image:url(https://avatars.githubusercontent.com/u/92990377?v=4)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border-radius:12px!important;font-size:0!important}.brand strong{font-size:.95rem;color:var(--argon-dark)!important}.argon-top-collapse{border:1px solid var(--argon-line);width:34px;height:34px;color:var(--argon-text);background:var(--argon-card-soft);cursor:pointer;border-radius:.6rem;flex:0 0 34px;place-items:center;margin-left:auto;font-size:1.05rem;font-weight:850;display:grid}.argon-top-collapse:hover{color:var(--argon-primary);background:#5e72e414;border-color:#5e72e447}.brand span{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--argon-muted)!important;margin-top:1px!important;font-size:.66rem!important}.sidebar nav{gap:.18rem!important}.sidebar nav a,.nav-disabled{white-space:nowrap;align-items:center;gap:.72rem;min-height:43px;margin:.18rem 0;font-weight:650;display:flex;position:relative;overflow:hidden;color:var(--argon-text)!important;border-radius:.58rem!important;padding:.55rem .65rem!important;font-size:.82rem!important}.sidebar nav a:before,.nav-disabled:before{content:"";width:30px;height:30px;color:var(--argon-primary);background:var(--argon-card);border-radius:.55rem;flex:0 0 30px;place-items:center;font-size:.8rem;font-weight:900;display:grid;box-shadow:0 .2rem .5rem #00000014}.sidebar nav a[href=\/dashboard]:before{content:"▦"}.sidebar nav a[href=\/compare]:before{content:"⌁"}.sidebar nav a[href=\/gateways]:before{content:"◫"}.nav-disabled:before{content:"!"}.sidebar nav a:hover,.sidebar nav a.active{color:var(--argon-primary)!important;background:#5e72e417!important}.sidebar nav a.active:before{color:#fff;background:linear-gradient(135deg,var(--argon-primary),var(--argon-primary-dark))}.nav-disabled{opacity:.62!important}.nav-disabled em{color:var(--argon-muted);background:var(--argon-card-soft);margin-left:auto;float:none!important;border-color:var(--argon-line)!important}.sidebar-footer{border-top:1px solid var(--argon-line)!important;color:var(--argon-muted)!important;margin-top:auto!important;padding:.8rem 0 0!important;font-size:.68rem!important}.sidebar-footer>a,.sidebar-footer>span{padding:0 .62rem;color:var(--argon-muted)!important}.unit-toggle{border:1px solid var(--argon-line);background:var(--argon-card-soft);border-radius:.65rem;margin:0 .55rem .5rem;padding:.2rem}.unit-toggle button{flex:1;color:var(--argon-muted)!important;background:0 0!important;border:0!important}.unit-toggle button.active{box-shadow:0 .25rem .6rem #5e72e438;color:#fff!important;background:linear-gradient(135deg,var(--argon-primary),var(--argon-primary-dark))!important}.argon-shell-controls{border-top:1px solid var(--argon-line);border-bottom:1px solid var(--argon-line);gap:.25rem;margin:.55rem 0 .35rem;padding:.55rem 0;display:grid}.argon-shell-action{width:100%;color:var(--argon-text);text-align:left;background:0 0;border:0;border-radius:.6rem;align-items:center;gap:.7rem;padding:.55rem .62rem;font-weight:650;display:flex}.argon-shell-action:hover{background:var(--argon-card-soft)}.argon-action-icon{border:1px solid var(--argon-line);background:var(--argon-card-soft);width:30px;height:30px;color:var(--argon-primary);border-radius:.55rem;flex:0 0 30px;place-items:center;font-weight:850;display:grid}.content{z-index:1;background:var(--argon-bg);min-height:100vh;transition:margin-left .22s;position:relative;width:auto!important;max-width:none!important;margin:0 0 0 var(--argon-sidebar-width)!important;padding:0 1.4rem 2.25rem!important}.content:before{content:"";z-index:-1;background:radial-gradient(circle at 85% 10%,#11cdef94,#0000 28%),radial-gradient(circle at 20% 0,#5e72e4a6,#0000 30%),linear-gradient(115deg,#172b4d 0%,#233dd2 48%,#5e72e4 100%);height:225px;position:absolute;top:0;left:0;right:0}:root[data-theme=dark] .content:before{background:radial-gradient(circle at 85% 10%,#11cdef47,#0000 28%),radial-gradient(circle at 20% 0,#5e72e461,#0000 30%),linear-gradient(115deg,#0b1220 0%,#172b4d 48%,#324cdd 100%)}.page-header{color:#fff;min-height:155px;align-items:flex-start!important;margin:0!important;padding:1.35rem .25rem 4.5rem!important}.page-header h1{color:#fff!important;letter-spacing:-.025em!important;margin:.1rem 0 .2rem!important;font-size:1.5rem!important}.page-header p,.page-header .back{color:#ffffffbd!important}.page-header .eyebrow{color:#ffffffb8!important;letter-spacing:.08em!important;font-size:.68rem!important;font-weight:800!important}.live-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:.15rem;color:#fff!important;box-shadow:none!important;background:#172b4d47!important;border:1px solid #ffffff29!important;border-radius:1rem!important}.live-pill span{box-shadow:none!important;background:#fff!important}.summary-grid{z-index:3;position:relative;grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:.7rem!important;margin:-3.9rem 0 1rem!important}.summary-card{min-height:94px;border:1px solid var(--argon-line)!important;background:var(--argon-card)!important;box-shadow:var(--argon-shadow)!important;border-radius:.88rem!important;padding:.9rem 1rem!important}.summary-card span,.summary-card small{color:var(--argon-muted)!important}.summary-card strong{letter-spacing:-.04em;color:var(--argon-dark)!important;margin:.14rem 0!important;font-size:1.72rem!important;line-height:1!important}.toolbar{z-index:2;border:1px solid var(--argon-line);background:var(--argon-card);border-radius:.8rem;padding:.7rem;position:relative;box-shadow:0 .16rem .48rem #00000006;gap:.55rem!important;margin:1rem 0!important}.toolbar input,.toolbar select,.chart-toolbar select,.compare-filter-row select,.metadata-form input{border:1px solid var(--argon-line)!important;color:var(--argon-text)!important;background:var(--argon-input)!important;box-shadow:none!important;border-radius:.55rem!important}.toolbar input:focus,.toolbar select:focus,.chart-toolbar select:focus,.metadata-form input:focus{border-color:var(--argon-primary)!important;outline:none!important;box-shadow:0 0 0 .12rem #5e72e41f!important}.sensor-grid{gap:.72rem!important}.sensor-card,.panel,.chart-card,.state-card{border:1px solid var(--argon-line)!important;color:var(--argon-text)!important;background:var(--argon-card)!important;box-shadow:var(--argon-shadow)!important;border-radius:.85rem!important}.sensor-card{padding:1rem!important;transition:transform .18s,border-color .18s,box-shadow .18s!important}.sensor-card:hover{border-color:#5e72e459!important;transform:translateY(-2px)!important;box-shadow:0 .9rem 2rem #32325d24!important}.sensor-name,.metric strong,.gateway-row strong,.compare-selector strong,.metadata-panel h2{color:var(--argon-dark)!important}.card-top small,.card-footer,.metric span,.gateway-row>div>span,.compare-selector-header span,.compare-sensor-list label small,.chart-stats,.compare-series-key{color:var(--argon-muted)!important}.status{text-transform:uppercase;letter-spacing:.035em;border-radius:999px;align-items:center;gap:.32rem;padding:.24rem .5rem;font-weight:800;font-size:.59rem!important;display:inline-flex!important}.status i{margin-right:0!important}.status.online{background:#2dce891f;color:#1aae6f!important}.status.offline{background:#f5365c1c;color:var(--argon-danger)!important}.status.delayed,.status.stale{background:#fb8b3d21;color:#d97c16!important}.primary-metrics{margin:1.1rem 0 .75rem!important}.primary-metrics .metric,.secondary-metrics .metric{padding:.4rem .15rem}.primary-metrics .metric strong{color:var(--argon-dark)!important;font-size:1.45rem!important}.secondary-metrics{border-color:var(--argon-line)!important}.good{color:var(--argon-success)!important}.watch,.warning{color:var(--argon-warning)!important}.critical{color:var(--argon-danger)!important}.muted{color:var(--argon-muted)!important}.card-footer b{color:var(--argon-primary)!important}.detail-metrics{z-index:3;position:relative;gap:.7rem!important;margin:-3.9rem 0 1rem!important}.detail-metrics .metric{box-shadow:var(--argon-shadow);border:1px solid var(--argon-line)!important;background:var(--argon-card)!important;border-radius:.78rem!important}.metadata-panel,.chart-card,.compare-layout,.panel{z-index:2;position:relative}.metadata-form button,.compare-selector button,.compare-filter-row button{font-weight:750;box-shadow:0 .25rem .6rem #5e72e42e;color:#fff!important;background:linear-gradient(135deg,var(--argon-primary),var(--argon-primary-dark))!important;border:0!important;border-radius:.55rem!important}.compare-selector,.gateway-row,.compare-sensor-list label{border:1px solid var(--argon-line)!important;background:var(--argon-card-soft)!important}.compare-sensor-list label.selected{background:#5e72e417!important;border-color:#5e72e461!important}.gateway-list{gap:.6rem!important}.gateway-row{border-radius:.7rem!important;padding:.85rem 1rem!important}.state-card.error{color:var(--argon-danger)!important;background:color-mix(in srgb,var(--argon-danger) 5%,var(--argon-card))!important;border-color:#f5365c59!important}.u-legend{color:var(--argon-text)!important}.argon-sidebar-collapsed .sidebar{width:var(--argon-sidebar-mini)!important}.argon-sidebar-collapsed .content{margin-left:var(--argon-sidebar-mini)!important}.argon-sidebar-collapsed .brand>div:last-child,.argon-sidebar-collapsed .sidebar nav a,.argon-sidebar-collapsed .nav-disabled,.argon-sidebar-collapsed .sidebar-footer>a,.argon-sidebar-collapsed .sidebar-footer>span,.argon-sidebar-collapsed .argon-action-label{font-size:0!important}.argon-sidebar-collapsed .brand{flex-direction:column;justify-content:center;gap:.4rem!important;padding-left:0!important;padding-right:0!important}.argon-sidebar-collapsed .argon-top-collapse{margin-left:0}.argon-sidebar-collapsed .sidebar nav a,.argon-sidebar-collapsed .nav-disabled{justify-content:center;gap:0;padding:.55rem!important}.argon-sidebar-collapsed .sidebar nav a:before,.argon-sidebar-collapsed .nav-disabled:before{font-size:.8rem!important}.argon-sidebar-collapsed .nav-disabled em{display:none}.argon-sidebar-collapsed .unit-toggle{display:grid}.argon-sidebar-collapsed .argon-shell-action{justify-content:center;padding:.5rem}.argon-sidebar-collapsed .sidebar-footer>a,.argon-sidebar-collapsed .sidebar-footer>span{display:none}.argon-sidebar-collapsed .unit-toggle button{padding:.35rem!important;font-size:.68rem!important}@media (width<=900px){.sidebar{width:var(--argon-sidebar-mini)!important;padding:.75rem!important}.content,.argon-sidebar-collapsed .content{margin-left:var(--argon-sidebar-mini)!important}.brand>div:last-child,.sidebar nav a,.nav-disabled,.sidebar-footer>a,.sidebar-footer>span,.argon-action-label{font-size:0!important}.brand{flex-direction:column;justify-content:center;gap:.4rem!important;padding:0 0 .9rem!important}.argon-top-collapse{margin-left:0}.sidebar nav{display:grid!important}.sidebar nav a,.nav-disabled{justify-content:center;gap:0;padding:.55rem!important}.nav-disabled em{display:none}.unit-toggle{margin:.45rem 0;display:grid}.unit-toggle button{padding:.35rem!important;font-size:.68rem!important}.argon-shell-action{justify-content:center;padding:.5rem}.content{padding:0 .8rem 1.3rem!important}.summary-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=680px){.page-header{padding-top:1rem!important}.summary-grid{grid-template-columns:1fr!important;margin-top:-3.45rem!important}.detail-metrics{grid-template-columns:repeat(2,1fr)!important;margin-top:-3.45rem!important}.toolbar{display:grid!important}.sensor-grid,.compare-layout{grid-template-columns:1fr!important}}