/* Smart Nutrition 8.71 — Promemoria acqua. Stili isolati per non alterare componenti esistenti. */
.sn-hydr-reminder{
  margin-top:16px;
  border:1px solid rgba(22,140,229,.18);
  border-radius:18px;
  background:linear-gradient(145deg,#f8fbff 0%,#eef7ff 100%);
  box-shadow:0 12px 34px rgba(15,43,91,.08);
  overflow:hidden;
}
.sn-hydr-details>summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  cursor:pointer;
  list-style:none;
  color:#10233f;
}
.sn-hydr-details>summary::-webkit-details-marker{display:none}
.sn-hydr-details>summary::after{
  content:"⌄";
  grid-column:3;
  grid-row:1;
  margin-left:8px;
  color:#60738b;
  font-size:18px;
  transition:transform .2s ease;
}
.sn-hydr-details[open]>summary::after{transform:rotate(180deg)}
.sn-hydr-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#dff3ff;
  font-size:20px;
}
.sn-hydr-details>summary>span:nth-child(2){min-width:0;display:grid;gap:2px}
.sn-hydr-details>summary strong{font-size:15px;line-height:1.25}
.sn-hydr-details>summary small{
  color:#60738b;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sn-hydr-state{
  justify-self:end;
  padding:6px 9px;
  border-radius:999px;
  background:#e9eef5;
  color:#52657d;
  font-size:11px;
  font-weight:800;
}
.sn-hydr-state.is-active{background:#dcf8e9;color:#087846}
.sn-hydr-content{
  padding:0 16px 16px;
  border-top:1px solid rgba(22,140,229,.12);
}
.sn-hydr-intro{margin:14px 0 12px;color:#52657d;font-size:13px}
.sn-hydr-grid{
  display:grid;
  grid-template-columns:minmax(170px,1.4fr) minmax(105px,.8fr) minmax(105px,.8fr);
  gap:10px;
}
.sn-hydr-grid label{display:grid;gap:6px;color:#31455f;font-size:12px;font-weight:800}
.sn-hydr-grid select,.sn-hydr-grid input{
  width:100%;
  min-height:43px;
  box-sizing:border-box;
  border:1px solid #cfdeee;
  border-radius:12px;
  background:#fff;
  color:#10233f;
  padding:9px 11px;
  font:inherit;
  outline:none;
}
.sn-hydr-grid select:focus,.sn-hydr-grid input:focus{border-color:#168ce5;box-shadow:0 0 0 3px rgba(22,140,229,.12)}
.sn-hydr-check{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:13px 0;
  color:#31455f;
  font-size:12px;
  line-height:1.45;
}
.sn-hydr-check input{margin-top:2px;accent-color:#168ce5}
.sn-hydr-actions{display:flex;flex-wrap:wrap;gap:8px}
.sn-hydr-actions button{
  min-height:40px;
  border-radius:11px;
  padding:9px 13px;
  border:1px solid transparent;
  cursor:pointer;
  font-size:12px;
  font-weight:850;
}
.sn-hydr-primary{background:#168ce5;color:#fff;box-shadow:0 8px 18px rgba(22,140,229,.2)}
.sn-hydr-secondary{background:#fff;color:#1e4b73;border-color:#cfdeee!important}
.sn-hydr-danger{background:transparent;color:#a93d4a;border-color:#e8c9ce!important}
.sn-hydr-actions button:disabled{opacity:.45;cursor:not-allowed}
.sn-hydr-feedback{min-height:18px;margin-top:10px;font-size:12px;font-weight:700;color:#52657d}
.sn-hydr-feedback[data-type="success"]{color:#087846}
.sn-hydr-feedback[data-type="error"]{color:#b42332}
.sn-hydr-note{display:block;margin-top:8px;color:#6b7e94;line-height:1.45}
.sn-hydr-toast{
  position:fixed;
  z-index:2147483000;
  right:18px;
  bottom:18px;
  max-width:min(370px,calc(100vw - 36px));
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px 16px;
  border-radius:16px;
  color:#fff;
  background:#10233f;
  box-shadow:0 18px 50px rgba(5,23,45,.28);
  opacity:0;
  transform:translateY(16px);
  transition:opacity .25s ease,transform .25s ease;
}
.sn-hydr-toast.is-visible{opacity:1;transform:translateY(0)}
.sn-hydr-toast>span{font-size:24px}
.sn-hydr-toast>div{display:grid;gap:2px}
.sn-hydr-toast strong{font-size:14px}
.sn-hydr-toast small{color:#dbe9f7;line-height:1.35}
@media(max-width:700px){
  .sn-hydr-grid{grid-template-columns:1fr 1fr}
  .sn-hydr-grid label:first-child{grid-column:1/-1}
  .sn-hydr-details>summary{grid-template-columns:auto minmax(0,1fr);padding:14px}
  .sn-hydr-state{grid-column:2;justify-self:start;margin-top:4px}
  .sn-hydr-details>summary::after{grid-column:2;justify-self:end}
  .sn-hydr-content{padding:0 14px 14px}
  .sn-hydr-actions{display:grid;grid-template-columns:1fr 1fr}
  .sn-hydr-actions .sn-hydr-danger{grid-column:1/-1}
  .sn-hydr-toast{right:12px;bottom:12px;max-width:calc(100vw - 24px)}
}
@media(prefers-reduced-motion:reduce){
  .sn-hydr-details>summary::after,.sn-hydr-toast{transition:none}
}
