.water-panel { background: linear-gradient(110deg,#e6f5fa,#eefaf6); border: 1px solid #cde5e2; border-radius: 15px; padding: 20px; margin-bottom: 18px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.water-panel h3 { margin: 0; font-size: 19px; }.water-panel h3 strong { font-size: 27px; color: #17756a; }.water-panel p { color: var(--muted); margin: 4px 0 0; font-size: 13px; }
.water-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.water-actions button { border: 1px solid #b9dbd5; border-radius: 8px; background: white; color: #23635a; padding: 7px 9px; font: inherit; cursor: pointer; }.water-actions .text-button { border: 0; background: transparent; color: var(--green); font-weight: 700; }
@media(max-width:800px){.water-panel{display:block}.water-actions{justify-content:flex-start;margin-top:14px}}