/* Naturalen.eu – Water Intake Calculator */
.naturalen-water-widget{--nw-bg:#fff;--nw-t:#111;--nw-sub:#666;--nw-ac:#16a34a;--nw-br:#e5e7eb;--nw-sh:0 4px 20px rgba(0,0,0,.06);background:var(--nw-bg);color:var(--nw-t);border:1px solid var(--nw-br);border-radius:16px;box-shadow:var(--nw-sh);padding:20px;max-width:720px;margin:24px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif}
.nw-form{display:grid;grid-template-columns:1fr;gap:16px}
.nw-row label{font-weight:600;display:block;margin-bottom:6px}
.nw-input-with-suffix{position:relative;display:flex;align-items:center}
.nw-input-with-suffix input{width:100%;padding:12px 44px 12px 12px;border:1px solid var(--nw-br);border-radius:12px;font-size:16px}
.nw-suffix{position:absolute;right:10px;color:var(--nw-sub);font-size:14px}
.nw-row select{width:100%;padding:12px;border:1px solid var(--nw-br);border-radius:12px;font-size:16px;background:#fff}
.nw-help{color:var(--nw-sub);font-size:13px;margin:6px 2px 0}
.nw-actions{display:flex;gap:12px;margin-top:8px}
.nw-btn{appearance:none;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.05);background:var(--nw-ac);color:#fff}
.nw-btn.ghost{background:#f3f4f6;color:#111}
.nw-result{margin-top:18px;padding:14px;border:1px dashed var(--nw-br);border-radius:12px;background:#fafafa}
.nw-result h3{margin:0 0 8px 0}
.nw-result .nw-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.nw-kpi{background:#fff;border:1px solid var(--nw-br);border-radius:12px;padding:10px;text-align:center}
.nw-kpi .v{font-size:22px;font-weight:800}
.nw-note{margin-top:10px;color:var(--nw-sub);font-size:13px}
@media (max-width:560px){.nw-result .nw-kpis{grid-template-columns:1fr}}