.environment-dashboard{display:grid;gap:24px}.environment-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.environment-stats article{background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:19px;min-width:0}.environment-stats span,.environment-stats small{display:block;color:#718096}.environment-stats strong{display:block;margin:9px 0 4px;font-size:clamp(24px,2.2vw,36px);color:#101828;white-space:nowrap}.environment-stats .rain-card{border-top:3px solid #2dd4bf}.environment-forecast{display:flex;align-items:center;justify-content:space-between;gap:30px}.environment-forecast h2{margin:5px 0 9px}.environment-forecast p{margin:0;color:#64748b;font-size:16px}.rain-meter{position:relative;flex:0 0 210px;height:18px;border-radius:99px;background:#e7edf3;overflow:hidden}.rain-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2dd4bf,#38bdf8,#f59e0b);transition:width .6s ease}.rain-meter strong{position:absolute;inset:-3px 8px auto auto;font-size:14px;color:#0f172a}.environment-ranges{display:flex;gap:6px}.environment-ranges button{border:1px solid #d8e2ea;background:#fff;border-radius:8px;padding:8px 12px;color:#526171;cursor:pointer}.environment-ranges button.active{background:#0f172a;color:#fff;border-color:#0f172a}.environment-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.environment-charts article{border:1px solid #e1e8ee;border-radius:12px;padding:15px;min-height:260px}.environment-charts article:last-child{grid-column:1/-1}.environment-charts h3{margin:0 0 12px;font-size:15px}.environment-charts canvas{width:100%;height:210px;display:block}.environment-details{display:flex;align-items:center;justify-content:space-between;gap:30px}.environment-details dl{display:grid;grid-template-columns:repeat(4,auto);gap:28px;margin:0}.environment-details dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8290a3}.environment-details dd{margin:5px 0 0;font-weight:700;color:#1e293b}.environment-page .online.error i{background:#ef4444}.environment-page .online.error{color:#b42318}
@media(max-width:1200px){.environment-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.environment-dashboard{gap:16px}.environment-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.environment-stats article{padding:14px}.environment-forecast,.environment-details{align-items:stretch;flex-direction:column}.rain-meter{flex-basis:18px;width:100%}.section-title{align-items:flex-start;gap:14px}.environment-ranges{width:100%;overflow:auto}.environment-charts{grid-template-columns:1fr}.environment-charts article:last-child{grid-column:auto}.environment-details dl{grid-template-columns:repeat(2,1fr);gap:18px;width:100%}}