.rain-sensors-panel{overflow:hidden;border:1px solid rgba(75,139,162,.25);border-radius:28px;background:linear-gradient(145deg,#f7fcff,#e5f2f6);box-shadow:0 20px 44px rgba(21,74,95,.12)}
.rain-sensors-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;background:linear-gradient(110deg,#104e68,#168f9c);color:#fff}
.rain-sensors-heading>div{display:grid;gap:7px;min-width:0}.rain-sensors-heading strong{font-size:1rem}.rain-sensors-heading>div>span{font-size:.7rem;color:#c9e6ee}
.rain-sensors-status{flex-shrink:0;padding:8px 13px;border:1px solid #ffffff40;border-radius:999px;background:#ffffff15;font-size:.65rem;font-weight:750}.rain-sensors-status.is-fresh{color:#d4fff1;background:#52dbac20}
.rain-sensors-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px}
.rain-sensor-item{--sensor-color:#148dab;display:grid;justify-items:center;align-content:start;gap:12px;min-width:0;padding:22px 12px;background:#ffffffb8;border:1px solid #bcdce7;border-top:5px solid var(--sensor-color);border-radius:20px;color:#153f50}
.rain-sensor-2{--sensor-color:#2d9d83}.rain-sensor-3{--sensor-color:#677dc7}.rain-sensor-4{--sensor-color:#ce9840}
.rain-sensor-name{font-size:.85rem;font-weight:800}.rain-sensor-item>strong{font-size:1.9rem;line-height:1.15}.rain-sensor-item>small{font-size:.75rem;text-align:center;color:#617f8d;overflow-wrap:anywhere}
.rain-sensor-cylinder{position:relative;width:90px;height:150px;overflow:hidden;border:2px solid #9bbdca;border-radius:18px 18px 14px 14px;background:linear-gradient(90deg,#b7d9e055,#fff9 38%,#c8e2e944);box-shadow:inset 0 0 15px #2965761c,0 8px 18px #1d667716}
.rain-sensor-cylinder::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff65 25%,transparent 50%);pointer-events:none}
.rain-sensor-water{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,color-mix(in srgb,var(--sensor-color),white 45%),var(--sensor-color));border-top:3px solid #ffffff80;transition:height .5s ease}
.rain-sensor-graduations{position:absolute;inset:18px 16px;background:repeating-linear-gradient(0deg,transparent 0 24px,#476f8170 24px 26px);opacity:.7}
.rain-sensors-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c4dce5;background:#e8f3f7}
.rain-sensors-summary>div{display:grid;gap:9px;padding:22px 28px;min-width:0}.rain-sensors-summary>div+div{border-left:1px solid #c4dce5}.rain-sensors-summary small{font-size:.7rem;color:#617f8d}.rain-sensors-summary strong{font-size:1.25rem;color:#143f53}
.rain-sensors-panel>footer{padding:18px 28px;border-top:1px solid #c4dce5;color:#617f8d;font-size:.62rem;line-height:1.65}
@media(max-width:850px){.rain-sensors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.rain-sensors-heading{flex-wrap:wrap;padding:20px}.rain-sensors-summary>div{padding:20px 16px}}
@media(max-width:500px){.rain-sensors-grid{padding:14px;gap:10px}.rain-sensor-item{padding:18px 8px}.rain-sensor-item>strong{font-size:1.3rem}.rain-sensors-summary{grid-template-columns:1fr}.rain-sensors-summary>div+div{border-left:0;border-top:1px solid #c4dce5}.rain-sensors-panel>footer{padding:16px}.rain-sensors-status{flex-shrink:1}.rain-sensors-heading strong{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.rain-sensor-water{transition:none}}