*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;color:#163047;background:#f1f5f9}header{padding:16px 24px;background:#163047;color:white}h1{font-size:22px;margin:0}header p{margin:5px 0 0}main{display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:calc(100dvh - 105px)}.map-area{display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:white}#map{flex:1;min-height:520px}.legend{display:flex;gap:18px;padding:12px;flex-wrap:wrap;background:white}aside{padding:20px;overflow:auto;max-height:calc(100dvh - 105px)}h2{font-size:20px}label{display:block}input,select,button{font:inherit}input:not([type=checkbox]),select{max-width:100%;padding:7px;border:1px solid #94a3b8;border-radius:5px}button{cursor:pointer;padding:9px 14px;border:1px solid #64748b;border-radius:6px;background:white;color:#163047}button.primary{background:#136fa0;color:white;border-color:#136fa0}details{background:white;border:1px solid #cbd5e1;border-radius:8px;padding:12px;margin:12px 0}summary{cursor:pointer;font-weight:600}.fields{display:grid;gap:10px;margin-top:12px}.fields label input,.fields label select{display:block;width:100%}.thresholds,.note{font-size:13px;color:#526579}.actions{display:flex;gap:8px;margin:16px 0}output{font-weight:600}.error{color:#a61b1b}#estat{padding:10px;background:#e2eaf0;border-radius:6px}.leaflet-tooltip{white-space:normal;max-width:260px}@media(max-width:850px){main{grid-template-columns:1fr}aside{max-height:none}#map{min-height:55dvh}header{padding:14px}.toolbar{gap:8px}}

.rellotge{font-variant-numeric:tabular-nums;font-weight:600}.dies{display:flex;flex-wrap:wrap;gap:6px}.dies button[aria-pressed="true"]{background:#136fa0;color:white;border-color:#136fa0}.periode{flex-basis:100%;font-weight:600;color:#36536b}

.data-hora{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:8px}

.tooltip-avisos{min-width:210px;max-width:min(350px,80vw);font:13px/1.5 system-ui,sans-serif;padding:12px;max-height:65dvh;overflow-y:auto}.avisos-tooltip{padding-left:18px;margin:8px 0 0}.avisos-tooltip li+li{margin-top:8px;padding-top:8px;border-top:1px solid #d6e0e8}

textarea{font:inherit;max-width:100%;padding:7px;border:1px solid #94a3b8;border-radius:5px;resize:vertical}.fields textarea{width:100%;display:block}.activar-tempestes{margin-top:12px}.comentari-tooltip{white-space:pre-wrap;overflow-wrap:anywhere}

#resum-avisos{width:min(960px,95vw);max-height:90dvh;padding:24px;border:0;border-radius:12px;color:#163047;background:#f8fafc}#resum-avisos::backdrop{background:#10243899}.resum-capcalera{display:flex;justify-content:space-between;align-items:center;gap:16px}.resum-dia>h2{background:#163047;color:white;padding:10px;border-radius:6px}.resum-zona{background:white;border:1px solid #cbd5e1;border-radius:8px;padding:16px;margin:12px 0}.resum-zona h5{font-size:17px;margin:0 0 12px}.resum-zona small{font-weight:400}.resum-zona ul{padding-left:20px}.resum-zona li+li{border-top:1px solid #d6e0e8;padding-top:12px;margin-top:12px}.resum-zona p{margin:4px 0}.comentari-resum{white-space:pre-wrap;overflow-wrap:anywhere}.nivell-resum{border-left:7px solid;padding-left:5px}

.resum-comunitat>h3{font-size:20px;color:#136fa0;border-bottom:2px solid #136fa0;padding-bottom:6px;margin:24px 0 12px}.resum-provincia{margin:12px 0 20px;padding-left:14px;border-left:3px solid #cbd5e1}.resum-provincia>h4{font-size:18px;margin:12px 0}

#login-nuvol{display:grid;gap:10px;margin-top:12px}#login-nuvol[hidden],#controls-nuvol[hidden]{display:none}#login-nuvol input{display:block;width:100%}#controls-nuvol{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#nuvol-estat{font-size:13px;overflow-wrap:anywhere}#copia-avisos{margin-top:10px}button:disabled{cursor:default;opacity:.55}