:root{--ok:#15805a;--rain:#1678b8;--late:#986500;--interrupted:#c65326;--absent:#c23a54;--green:#147252}
body{background:#f1f5fa}
.topbar{background:linear-gradient(100deg,#fff 55%,#eaf4ff)}
.brand-icon{background:linear-gradient(145deg,#149573,#176d53);box-shadow:0 4px 12px #176d5324}
.sidebar{background:linear-gradient(180deg,#fff 70%,#eef7f2)}
.ok{--tint:#e1f5e9;--ink:#166246}.rain{--tint:#e3f2ff;--ink:#165b91}.late{--tint:#fff1c9;--ink:#805607}.interrupted{--tint:#ffe6d6;--ink:#913d18}.absent{--tint:#fce2e8;--ink:#92283f}
.rain_short{--accent:#197bc2;--tint:#dff1ff;--ink:#15558a}.rain_long{--accent:#5158bf;--tint:#e9e9ff;--ink:#393e8e}.rain_custom{--accent:#8548bb;--tint:#f0e5ff;--ink:#643189}
.stat-card{border-top:3px solid var(--accent)}.stat-card:after{opacity:.8}.stat-card strong{color:var(--ink)}
.calendar-day{border-color:color-mix(in srgb,var(--accent) 18%,transparent)}
.calendar-day .day-top strong{color:#273e35;font-weight:700}.calendar-day small{color:#53695c}.day-status{font-weight:700}
.calendar-day.selected{box-shadow:inset 0 0 0 3px var(--accent)}.calendar-day.focused{outline-width:2px}
.paint-panel{background:#f5f7fc;border-color:#dce5ee}.palette{gap:8px}.palette-button{min-height:38px;font-size:11px;padding:9px 10px;background:var(--tint);border-color:var(--accent);color:var(--ink)}
.palette-button:hover{background:var(--tint);box-shadow:0 0 0 1px var(--accent)}.palette-button.chosen{background:var(--accent);color:#fff;border-color:var(--accent)}.palette-button.chosen .dot{background:#fff}
.palette-button:focus-visible,.rain-period-dialog button:focus-visible,.rain-edit:focus-visible{outline:3px solid #1c527a;outline-offset:3px}
.next-card{background:linear-gradient(135deg,#e4f5ed,#e6f1ff);border-color:#bad9ce}.status-tag{font-weight:700}.small-callout{color:#405d4d}
.rain-scenario-summary{margin:16px 0;padding:14px;background:var(--tint);border-left:4px solid var(--accent);border-radius:8px;color:var(--ink)}
.rain-scenario-summary>strong{font-size:12px}.rain-scenario-summary p{color:var(--ink);font-size:11px;margin-top:7px}.rain-scenario-summary small{display:block;color:var(--ink);font-size:10px;line-height:1.6;margin-top:10px}
.rain-saved-periods{margin:10px 0 12px;padding-left:20px;max-height:190px;overflow:auto;font-size:12px;line-height:1.9;font-variant-numeric:tabular-nums}.rain-edit{font-size:11px;color:var(--ink);border-color:var(--accent);background:#fff}
.rain-period-dialog{width:640px;border-top:5px solid var(--accent)}.rain-dialog-heading{display:flex;align-items:center;justify-content:space-between}.rain-dialog-heading .eyebrow{color:var(--ink)}.rain-dialog-heading .icon-button{font-size:27px;line-height:1;padding:2px 8px}
.rain-period-dialog .rain-period-help{padding:11px 13px;background:var(--tint);color:var(--ink);border-radius:8px;font-size:11px;line-height:1.6}
.rain-period-list{max-height:40vh;overflow:auto;margin:18px 0 12px;padding-right:5px}.rain-period-row{display:grid;grid-template-columns:25px minmax(100px,1fr) minmax(100px,1fr) auto;gap:12px;align-items:end;padding:11px 0;border-bottom:1px solid #e7ddf0}
.rain-period-row label{margin:0;font-size:12px;color:#4b3d56}.rain-period-number{align-self:center;padding-top:19px;color:var(--ink);font-weight:700;font-size:12px}.rain-period-row input{font-size:14px;min-height:43px}.rain-remove{min-height:43px;padding:9px;color:#943f59;font-size:11px}
.rain-add{color:var(--ink);border-color:var(--accent);background:var(--tint);font-size:12px;min-height:40px}.rain-period-dialog .primary{background:var(--accent);border-color:var(--accent)}
.rain-period-dialog .primary:hover{background:#64318e}.rain-period-dialog label{color:#4b3d56}.rain-period-dialog input:focus,.rain-period-dialog textarea:focus{outline-color:#c6a3e9;border-color:#8548bb}
@media(max-width:780px){.day-status{font-size:9px}.palette-button{font-size:11px}.rain-period-dialog{padding:20px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:520px){.calendar-day{min-height:82px}.day-status,.calendar-day small{font-size:8px;white-space:normal;line-height:1.35}.day-status .dot{display:none}.calendar-day .day-top strong{font-size:13px}.palette-button{font-size:10px;min-height:38px;padding:8px}.stats-grid .stat-card>div{font-size:8px}.rain-period-row{grid-template-columns:18px minmax(80px,1fr) minmax(80px,1fr);gap:8px}.rain-remove{grid-column:2/4;justify-self:end;min-height:32px;padding:5px 9px}.rain-period-dialog h2{font-size:20px}.rain-period-list{max-height:36vh}.rain-period-dialog .modal-actions{justify-content:stretch}.rain-period-dialog .modal-actions button{flex:1}.rain-period-dialog{padding:18px}.modal-backdrop.rain-dialog-backdrop{padding:12px}}
@media(pointer:coarse){.palette-button,.rain-period-dialog button,.rain-period-row input,.rain-edit{min-height:44px}}