.pechez-ce{--pechez-primary:#24b08b;--pechez-secondary:#58e0bc;--pechez-map-height:520px;max-width:1250px;margin:28px auto;padding:24px;background:#fff;border:1px solid #dce8e4;border-radius:16px;box-shadow:0 5px 22px rgba(18,68,57,.09);box-sizing:border-box;color:#20332f}
.pechez-ce *{box-sizing:border-box}
.pechez-ce__header{text-align:center;margin-bottom:22px}
.pechez-ce__header h2{margin:0 0 8px;color:#167c66;font-size:clamp(1.6rem,3vw,2.2rem)}
.pechez-ce__header p{margin:0;color:#536963}
.pechez-ce__controls{display:grid;grid-template-columns:auto minmax(180px,280px) auto minmax(220px,1fr);gap:10px 14px;align-items:center;padding:16px;background:#edf9f5;border-radius:12px;margin-bottom:16px}
.pechez-ce__controls label{font-weight:700}
.pechez-ce__controls select,.pechez-ce__controls input{width:100%;min-height:44px;padding:8px 12px;border:1px solid #acd8cc;border-radius:8px;background:#fff;color:#20332f}
.pechez-ce__controls select:focus,.pechez-ce__controls input:focus{outline:3px solid color-mix(in srgb,var(--pechez-secondary) 45%,transparent);border-color:var(--pechez-primary)}
.pechez-ce__notice{min-height:24px;margin:8px 0;color:#536963}
.pechez-ce__notice.is-loading:before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid #b8ded4;border-top-color:var(--pechez-primary);border-radius:50%;animation:pechez-spin .8s linear infinite;vertical-align:middle}
.pechez-ce__notice.is-error{padding:10px 12px;background:#fff1f1;color:#9c2323;border-radius:8px}
.pechez-ce__notice.is-warning{padding:10px 12px;background:#fff8e6;color:#8a6300;border-radius:8px}
.pechez-ce__map{height:var(--pechez-map-height);min-height:300px;border-radius:12px;border:1px solid #cfe2dc;overflow:hidden;z-index:1}
.pechez-ce__summary{font-weight:700;margin:18px 0 10px;color:#426058}
.pechez-ce__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pechez-ce__card{position:relative;padding:18px;border:1px solid #d5e6e1;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(24,74,63,.06)}
.pechez-ce__card[hidden]{display:none}
.pechez-ce__card h3{margin:0 0 7px;color:#176d5b;font-size:1.12rem}
.pechez-ce__station{min-height:2.6em;margin:0 0 12px;color:#5d706b;font-size:.92rem}
.pechez-ce__metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pechez-ce__metric{display:flex;min-height:70px;padding:10px;flex-direction:column;justify-content:center;border-radius:9px;background:#eef9f6;text-align:center}
.pechez-ce__metric b{font-size:.82rem;color:#526964}
.pechez-ce__metric strong{margin-top:3px;color:#135f50;font-size:1.05rem}
.pechez-ce__metric em{margin-top:3px;color:#748680;font-size:.82rem;font-style:normal}
.pechez-ce__date{margin:12px 0 8px;color:#647772;font-size:.82rem}
.pechez-ce__link{display:inline-block;color:#176d5b!important;font-weight:700;text-decoration:none!important}
.pechez-ce__link:hover{text-decoration:underline!important}
.pechez-ce__source{margin:20px 0 0;padding-top:13px;border-top:1px solid #dce8e4;color:#687b76;font-size:.8rem}
.pechez-ce__source a{color:#176d5b}
.leaflet-popup-content{line-height:1.55}
@keyframes pechez-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.pechez-ce__controls{grid-template-columns:1fr 2fr}.pechez-ce__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pechez-ce{padding:15px;border-radius:10px}.pechez-ce__controls{display:block}.pechez-ce__controls label{display:block;margin:10px 0 5px}.pechez-ce__list{grid-template-columns:1fr}.pechez-ce__map{height:400px}.pechez-ce__metrics{grid-template-columns:1fr 1fr}}