/* S4 retail pantry preview. Hidden unless private API explicitly enables it. */
#retailShoppingS4[hidden],
#retailShoppingS4.hidden {display:none !important}
#retailShoppingS4 {
  margin:18px 0 24px;
  padding:18px;
  border:1px solid rgba(27,105,80,.2);
  border-radius:18px;
  background:rgba(239,250,244,.86);
  color:#17362b;
}
#retailShoppingS4 .retail-s4-title {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#retailShoppingS4 h3,
#retailShoppingS4 h4 {margin:0 0 8px;font-size:1.08rem;line-height:1.35}
#retailShoppingS4 h3 {font-size:1.2rem}
#retailShoppingS4 .retail-s4-muted {color:#5e756b;font-size:.91rem;line-height:1.45}
#retailShoppingS4 .retail-s4-status {margin:12px 0;min-height:1.3em;font-size:.91rem}
#retailShoppingS4 .retail-s4-status[data-kind="bad"],
#retailShoppingS4 .retail-s4-alert {color:#8a3a26}
#retailShoppingS4 .retail-s4-status[data-kind="ok"] {color:#196b4e}
#retailShoppingS4 .retail-s4-status[data-kind="warn"] {color:#9a5915}
#retailShoppingS4 .retail-s4-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
}
#retailShoppingS4 .retail-s4-card {
  border:1px solid #cfddd3;
  border-radius:12px;
  padding:14px;
  background:#fff;
  min-width:0;
}
#retailShoppingS4 .retail-s4-line {
  padding:12px 0;
  border-bottom:1px solid #e8eee8;
  display:flex;
  flex-direction:column;
  gap:5px;
  overflow-wrap:anywhere;
}
#retailShoppingS4 .retail-s4-line:last-child {border-bottom:0}
#retailShoppingS4 .retail-s4-line strong {font-size:.96rem}
#retailShoppingS4 .retail-s4-line span {font-size:.9rem}
#retailShoppingS4 .retail-s4-line small {font-size:.79rem}
#retailShoppingS4 .retail-s4-expired,
#retailShoppingS4 .retail-s4-unresolved {color:#8a3a26}
#retailShoppingS4 button {
  appearance:none;
  cursor:pointer;
  padding:10px 14px;
  border:1px solid #aac7b6;
  border-radius:12px;
  color:#184739;
  background:#f4fbf7;
  font-weight:600;
  font:inherit;
}
#retailShoppingS4 button:disabled {cursor:not-allowed;opacity:.55}
#retailShoppingS4 button:focus-visible,
#retailShoppingS4 input:focus-visible {outline:2px solid #16866c;outline-offset:2px}
#retailShoppingS4 .retail-s4-button {
  color:#fff;
  background:#1d775d;
  border-color:#1d775d;
  align-self:flex-start;
}
#retailShoppingS4 .retail-s4-expiry {
  display:flex;
  flex-direction:column;
  gap:5px;
  font-size:.83rem;
  max-width:230px;
}
#retailShoppingS4 input[type="date"] {
  max-width:100%;
  padding:9px;
  border:1px solid #aec2b4;
  border-radius:9px;
  background:#fff;
  color:#17362b;
}
@media(max-width:650px) {
  #retailShoppingS4 {padding:12px}
  #retailShoppingS4 .retail-s4-layout {grid-template-columns:minmax(0,1fr)}
}