/* Stage-only EcoMonitor concepts, 2026-08-11 */
html body .monitor-card.eco-data{box-sizing:border-box;min-height:448px!important;height:448px;padding:25px 27px 20px!important;overflow:hidden;background:linear-gradient(145deg,rgba(17,32,42,.97),rgba(7,17,25,.99))!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;box-shadow:inset 3px 0 0 rgba(113,174,145,.55),0 22px 60px rgba(0,0,0,.2)!important;color:#f4f5f2;font-family:var(--font-sans,Arial,sans-serif);font-variant-numeric:tabular-nums}
html body .monitor-card.eco-data:before{content:""!important;display:block!important;position:absolute!important;inset:1px!important;border:1px solid rgba(255,255,255,.035)!important;border-radius:12px!important;pointer-events:none!important}html body .monitor-card.eco-data:after{display:none!important}
.eco-data .monitor-head-clean{display:flex!important;align-items:baseline!important;justify-content:space-between!important;margin:0 0 5px!important;border:0!important}.eco-data .monitor-title{margin:0!important;font-size:26px!important;line-height:1!important;font-weight:500!important}.eco-data__variant{color:rgba(255,255,255,.42)!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.12em}.eco-data .monitor-region{display:flex!important;gap:7px!important;margin:0 0 13px!important;color:rgba(255,255,255,.78)!important;font-size:12px!important}.eco-data__datetime:before{content:"·";margin-right:7px;color:rgba(255,255,255,.28)}
.eco-data__summary{position:static;text-align:left}.eco-data__summary span{display:block;color:rgba(255,255,255,.42)!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.1em}.eco-data__summary strong{display:block;margin-top:3px;color:#bcd9c3;font-size:12px;font-weight:600}
.eco-data__air{padding:12px 0 13px;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}.eco-data__air-label{color:rgba(255,255,255,.56);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.eco-data__air-unit{margin-left:7px;color:rgba(255,255,255,.28)}.eco-data__air-reading{display:flex;align-items:flex-end;gap:13px;margin-top:2px}.eco-data__air-reading strong{font-size:55px;line-height:.93;font-weight:450;letter-spacing:-.05em}.eco-data__air-reading span{padding-bottom:5px;color:#c8d7cc;font-size:13px}.eco-data__scale{height:2px;margin:8px 0 7px;background:linear-gradient(90deg,rgba(111,174,149,.35),rgba(220,171,89,.28),rgba(205,86,72,.28))}.eco-data__scale i{display:block;width:0;height:2px;background:#80b594;transition:width .35s}.eco-data__air-detail{color:rgba(255,255,255,.57);font-size:10px}
.eco-data__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.eco-data__metric{min-width:0;padding:10px 10px 9px 0;border-bottom:1px solid rgba(255,255,255,.1)}.eco-data__metric:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}.eco-data__metric:nth-child(even){padding-left:13px}.eco-data__metric strong{display:block;overflow:hidden;color:#f2f4f0;font-size:18px;line-height:1.08;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.eco-data__metric span,.eco-data__fires>span{display:block;margin-top:4px;color:rgba(255,255,255,.4)!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.1em}.eco-data__metric small,.eco-data__fires small{display:block;margin-top:3px;color:rgba(255,255,255,.47)!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eco-data__fires{display:grid;grid-template-columns:64px 1fr;column-gap:10px;align-items:center;padding:8px 0}.eco-data__fires>span{grid-row:1/3;margin:0}.eco-data__fires strong{font-size:12px;font-weight:550}.eco-data__fires small{margin:1px 0 0}.eco-data__footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.38);font-size:9px}.eco-data__footer a{color:#a8ceb4!important;text-decoration:none}.eco-data__compare{position:absolute;top:100%;right:0;display:flex;gap:6px;transform:translateY(7px)}.eco-data__compare a{padding:3px 7px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:rgba(255,255,255,.48)!important;font-size:8px;text-decoration:none}.eco-data__compare a[aria-current=page]{border-color:rgba(111,174,149,.6);color:#b9d9c2!important}
html body .monitor-card.eco-data--b{box-shadow:inset 1px 0 0 rgba(255,255,255,.18),0 22px 60px rgba(0,0,0,.2)!important;background:linear-gradient(180deg,#0b1923,#08131b)!important}.eco-data--b .eco-data__summary{display:none}.eco-data--b .monitor-region{margin-bottom:19px!important}.eco-data--b .eco-data__air{display:block;padding:15px 0 17px}.eco-data--b .eco-data__air-reading{display:flex;margin-top:4px}.eco-data--b .eco-data__air-reading strong{font-size:60px;white-space:nowrap}.eco-data--b .eco-data__air-reading span{padding-bottom:7px;font-size:10px}.eco-data--b .eco-data__scale{margin:10px 0 9px}.eco-data--b .eco-data__metric{padding-top:13px;padding-bottom:12px}.eco-data--b .eco-data__metric strong{font-size:20px}.eco-data--b .eco-data__fires{padding:12px 0}.eco-data--b .eco-data__footer{padding-top:11px}
@media(max-width:1100px) and (min-width:769px){html body .monitor-card.eco-data{height:auto;min-height:238px!important;padding:22px 25px!important}.eco-data__summary{top:54px}.eco-data__air{display:grid;grid-template-columns:145px 1fr;grid-template-rows:auto 1fr auto;width:37%;padding:13px 22px 10px 0;border-bottom:0;border-right:1px solid rgba(255,255,255,.1)}.eco-data__air-label{grid-column:2}.eco-data__air-reading{grid-row:1/3;grid-column:1}.eco-data__scale,.eco-data__air-detail{grid-column:2}.eco-data__grid{position:absolute;left:40%;right:25px;top:76px;grid-template-columns:repeat(4,1fr)}.eco-data__metric{padding:14px 9px!important;border-right:1px solid rgba(255,255,255,.1)!important}.eco-data__metric:last-child{border-right:0!important}.eco-data__fires{position:absolute;left:40%;right:25px;top:163px}.eco-data__footer{position:absolute;left:40%;right:25px;bottom:22px}.eco-data--b .eco-data__air{display:block;width:37%}.eco-data--b .eco-data__air-reading{display:flex}.eco-data--b .eco-data__air-reading strong{font-size:44px}}
@media(max-width:768px){html body .monitor-card.eco-data{height:auto;min-height:0!important;max-height:400px;padding:19px 18px 15px!important}.eco-data .monitor-title{font-size:24px!important}.eco-data__variant{display:none}.eco-data .monitor-region{margin-bottom:10px!important}.eco-data__summary{position:static;text-align:left;display:flex;gap:7px;margin-bottom:9px}.eco-data__summary span,.eco-data__summary strong{display:inline;margin:0;font-size:9px!important}.eco-data__air{padding:9px 0 10px}.eco-data__air-reading strong{font-size:43px}.eco-data__metric{padding:8px 8px 7px 0}.eco-data__metric:nth-child(even){padding-left:10px}.eco-data__metric strong{font-size:16px}.eco-data__metric small{font-size:8px!important}.eco-data__fires{padding:7px 0}.eco-data__footer{padding-top:7px}.eco-data__compare{display:none}.eco-data--b .monitor-region{margin-bottom:11px!important}.eco-data--b .eco-data__air{grid-template-columns:88px 1fr;padding:9px 0 11px}.eco-data--b .eco-data__air-reading strong{font-size:49px}.eco-data--b .eco-data__metric{padding-top:9px;padding-bottom:8px}.eco-data--b .eco-data__fires{padding:8px 0}}

/* Accepted compact EcoMonitor: all header copy stays in normal flow. */
html body .monitor-card.eco-data{height:auto!important;min-height:0!important;padding:22px 25px 17px!important;overflow:visible!important}
.eco-data .monitor-head-clean{display:flex!important;position:static!important;align-items:center!important;margin:0 0 8px!important}
.eco-data .monitor-region{display:flex!important;position:static!important;align-items:center!important;flex-wrap:wrap;gap:7px!important;margin:0 0 9px!important}
.eco-data__location{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.eco-data__location:hover,.eco-data__location:focus-visible{color:#b9d9c2;outline:none}
.eco-data__datetime{position:static!important}.eco-data__datetime:before{content:"·";margin-right:7px}
.eco-data__summary{display:flex;position:static!important;inset:auto!important;gap:6px;text-align:left;margin:0 0 10px}
.eco-data__summary span,.eco-data__summary strong{display:inline;margin:0;font-size:10px!important;line-height:1.3;text-transform:none;letter-spacing:0}
.eco-data__air{padding:10px 0 11px}.eco-data__air-reading strong{font-size:48px}.eco-data__grid{position:static!important;inset:auto!important}
.eco-data__metric{box-sizing:border-box;text-align:left;background:none;border-top:0;border-left:0;border-radius:0;font-family:inherit;cursor:default}
button.eco-data__metric{width:100%;color:inherit;cursor:pointer;appearance:none}
.eco-data__metric--secondary{min-height:55px;background:transparent!important;box-shadow:none!important}
.eco-data__metric--secondary:hover,.eco-data__metric--secondary:focus,.eco-data__metric--secondary:active{background:transparent!important;color:inherit!important}
.eco-data__metric--secondary:focus-visible{outline:1px solid rgba(168,206,180,.55);outline-offset:-3px}
.eco-data__metric--secondary strong{overflow:visible;white-space:normal;text-overflow:clip;font-size:18px;line-height:1.08;color:#f2f4f0!important}
.eco-data__selector-results button[aria-selected=true]{background:rgba(111,174,149,.16);color:#bfe0c8}.eco-data__selector-auto{margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;color:#a8ceb4!important}
.eco-data__footer{position:static!important;inset:auto!important;padding-top:9px;margin-top:0}
.eco-data__selector{position:absolute;z-index:30;top:62px;left:22px;right:22px;max-height:270px;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#0c1c27;box-shadow:0 18px 45px rgba(0,0,0,.45)}
.eco-data__selector[hidden],.eco-data__radiation-popover[hidden]{display:none!important}.eco-data__selector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.eco-data__selector-head strong{font-size:12px}.eco-data__selector-head button{border:0;background:none;color:#fff;font-size:20px;cursor:pointer}.eco-data__selector input{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.05);color:#fff;font-size:12px;outline:none}.eco-data__selector-results{max-height:190px;margin-top:6px;overflow:auto}.eco-data__selector-results button{display:block;width:100%;padding:8px 7px;border:0;border-radius:6px;background:none;color:#eef2ee;text-align:left;font-size:11px;cursor:pointer}.eco-data__selector-results button:hover,.eco-data__selector-results button:focus{background:rgba(111,174,149,.13);outline:none}.eco-data__selector-results small{display:block;margin-top:2px;color:rgba(255,255,255,.48)}
.eco-data__radiation-popover{position:absolute;z-index:25;right:22px;bottom:48px;width:min(260px,calc(100% - 44px));box-sizing:border-box;padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0c1c27;box-shadow:0 14px 35px rgba(0,0,0,.38);color:rgba(255,255,255,.72);font-size:10px;line-height:1.55}
@media(max-width:1100px) and (min-width:769px){html body .monitor-card.eco-data{padding:20px 23px 16px!important}.eco-data__air{display:block;width:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.eco-data__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.eco-data__metric{padding:9px 10px 8px 0!important}.eco-data__metric:nth-child(even){padding-left:12px!important}.eco-data__footer{margin-top:0}}
@media(max-width:768px){html body .monitor-card.eco-data{max-height:none;padding:17px 17px 14px!important}.eco-data .monitor-title{font-size:23px!important}.eco-data__summary{margin-bottom:7px}.eco-data__air{padding:8px 0 9px}.eco-data__air-reading strong{font-size:42px}.eco-data__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-data__metric{min-height:55px;padding:7px 7px 6px 0}.eco-data__metric:nth-child(even){padding-left:9px}.eco-data__selector{top:54px;left:10px;right:10px;max-height:calc(100vh - 80px)}.eco-data__selector-results{max-height:min(230px,45vh)}.eco-data__radiation-popover{right:10px;bottom:42px;width:calc(100% - 20px)}}