/* Vorschlag: Vorhersage + Regenradar + "Regnet es bald?" */
.forecast-page .rain-nowcast-card{grid-column:1/-1;width:100%}
.rain-nowcast-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}
.rain-nowcast-head h2{margin:0 0 5px;color:#17476f}
.rain-nowcast-head p{margin:0;color:#5e7485}
.rain-nowcast-updated{font-size:11px;color:#718797;white-space:nowrap}
.rain-nowcast-summary{display:grid;grid-template-columns:70px 1fr 180px;gap:18px;align-items:center;padding:16px 18px;border:1px solid #d7e5ee;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f1f7fb)}
.rain-nowcast-icon{font-size:42px;text-align:center}
.rain-nowcast-message strong,.rain-nowcast-message span{display:block}
.rain-nowcast-message strong{font-size:18px;color:#153f61;margin-bottom:5px}
.rain-nowcast-message span{font-size:13px;color:#5e7485}
.rain-nowcast-probability{text-align:center;border-left:1px solid #d8e4ec;padding-left:18px}
.rain-nowcast-probability span{display:block;font-size:10px;color:#708596;margin-bottom:4px}
.rain-nowcast-probability strong{font-size:25px;color:#0877bd}
.rain-nowcast-bars{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;align-items:end;height:145px;margin-top:15px;padding:8px 4px 0}
.rain-nowcast-slot{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
.rain-nowcast-mm{font-size:10px;color:#49677d;white-space:nowrap}
.rain-nowcast-barbox{height:78px;width:100%;max-width:52px;border-radius:7px;background:#edf4f8;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #dbe7ee}
.rain-nowcast-bar{width:100%;min-height:2px;background:linear-gradient(180deg,#48aee8,#0877bd);border-radius:6px 6px 0 0}
.rain-nowcast-time{font-size:10px;color:#5f7688;white-space:nowrap}
.rain-nowcast-slot.rain-active .rain-nowcast-time{font-weight:700;color:#17476f}
@media(max-width:700px){
 .rain-nowcast-head{flex-direction:column}
 .rain-nowcast-summary{grid-template-columns:55px 1fr}
 .rain-nowcast-probability{grid-column:1/-1;border-left:0;border-top:1px solid #d8e4ec;padding:10px 0 0}
 .rain-nowcast-bars{overflow-x:auto;grid-template-columns:repeat(9,62px);justify-content:start}
}


/* v2: trocken kompakt, Regenbalken nur bei Niederschlag */
.rain-nowcast-bars.dry{
    height:auto;
    display:flex;
    align-items:center;
    gap:0;
    padding:16px 8px 4px;
    margin-top:10px;
    overflow:visible;
}
.rain-nowcast-bars.dry .rain-nowcast-slot{
    flex:1 1 0;
    height:auto;
    display:grid;
    grid-template-rows:12px 22px;
    gap:3px;
    position:relative;
}
.rain-nowcast-bars.dry .rain-nowcast-slot::before{
    content:"";
    position:absolute;
    top:5px;
    left:0;
    right:0;
    height:2px;
    background:#b9d7e9;
}
.rain-nowcast-bars.dry .rain-nowcast-slot:first-child::before{left:50%}
.rain-nowcast-bars.dry .rain-nowcast-slot:last-child::before{right:50%}
.rain-nowcast-bars.dry .rain-nowcast-slot::after{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    border:2px solid #3b94c8;
    position:absolute;
    top:1px;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
}
.rain-nowcast-bars.dry .rain-nowcast-mm,
.rain-nowcast-bars.dry .rain-nowcast-barbox{display:none}
.rain-nowcast-bars.dry .rain-nowcast-time{
    grid-row:2;
    font-size:10px;
    text-align:center;
}
.rain-nowcast-bars.wet{height:145px}
.rain-nowcast-bars.wet .rain-nowcast-barbox{display:flex}
.rain-nowcast-strength{
    display:inline-block;
    margin-left:6px;
    padding:2px 7px;
    border-radius:999px;
    background:#e8f4fb;
    color:#176a9b;
    font-size:11px;
    font-weight:700;
}
.weather-map-note{
    font-size:11px;
    color:#60798b;
    margin-top:8px;
}
@media(max-width:700px){
    .rain-nowcast-bars.dry{overflow-x:auto}
    .rain-nowcast-bars.dry .rain-nowcast-slot{min-width:62px}
}


/* v3: eigene Stations-Regenwerte */
.station-rain-current{
    margin:0 0 14px;
    padding:13px 16px;
    border:1px solid #d7e5ee;
    border-radius:12px;
    background:linear-gradient(180deg,#ffffff,#f5f9fc);
}
.station-rain-title{display:flex;align-items:center;gap:9px;color:#17476f;font-size:13px;margin-bottom:10px}
.station-rain-led{
    width:14px;height:14px;border-radius:50%;flex:0 0 14px;
    background:radial-gradient(circle at 35% 28%,#f8fbfd 0 18%,#c9d2d8 42%,#8999a5 100%);
    box-shadow:inset 0 -1px 2px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.18);
}
.station-rain-led.raining{
    background:radial-gradient(circle at 35% 28%,#8ad6ff 0 18%,#238dcb 48%,#075f9a 100%);
}
.station-rain-values{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:0}
.station-rain-values>div{padding:3px 16px;border-left:1px solid #dbe6ed}
.station-rain-values>div:first-child{border-left:0;padding-left:0}
.station-rain-values span,.station-rain-values strong{display:block}
.station-rain-values span{font-size:10px;color:#718797;margin-bottom:3px}
.station-rain-values strong{font-size:14px;color:#173f60}
.station-rain-values>div:first-child strong{font-size:15px}
@media(max-width:700px){
 .station-rain-values{grid-template-columns:1fr 1fr;row-gap:12px}
 .station-rain-values>div:nth-child(3){border-left:0;padding-left:0}
}