/* ---------- toast (consume feedback) ---------- */
#toast {
  position: fixed; left: calc(var(--sbw) + 18px); right: 18px; bottom: 18px;
  display: flex; flex-direction: column; gap: 8px; z-index: 200; pointer-events: none;
  align-items: center;
}
.toastmsg {
  pointer-events: auto; display: flex; align-items: center; gap: 12px;
  background: var(--surface); color: var(--text);
  border: 1px solid var(--border-strong); border-radius: 13px;
  box-shadow: var(--shadow-pop); padding: 11px 16px; font-size: 13.5px; font-weight: 550;
  max-width: 560px; animation: toast-in .18s ease;
}
.toastmsg.err { border-color: var(--red); }
.toastmsg button {
  font-size: 12px; font-weight: 700; padding: 6px 11px; border-radius: 8px;
  background: var(--surface-3); border: 1px solid var(--border-strong); color: var(--text);
  white-space: nowrap;
}
.toastmsg button.acc { background: var(--accent); border-color: var(--accent); color: var(--accent-contrast); }
@keyframes toast-in { from { transform: translateY(8px); opacity: 0; } }

/* grocer link picker rows */
.glist { max-height: 420px; overflow-y: auto; margin-top: 12px; }
.grow-item {
  display: flex; gap: 11px; align-items: center; width: 100%; text-align: left;
  padding: 9px 10px; border-radius: 10px; border: 1px solid transparent;
}
.grow-item:hover { background: var(--surface-2); border-color: var(--border); }
.grow-item img { width: 46px; height: 46px; object-fit: contain; background: #fff; border-radius: 8px; border: 1px solid var(--border); }
.grow-item .gi-name { flex: 1; font-weight: 600; font-size: 13px; }
.grow-item .gi-name small { display: block; color: var(--text-muted); font-weight: 500; }
.grow-item .gi-price { font-weight: 750; }