/* Shared success feedback for all customer submission entrances. */
.submission-check-feedback {
  display: flex; align-items: flex-start; gap: 12px;
  margin: 0 0 22px; padding: 16px; text-align: left;
  border: 1px solid color-mix(in srgb, var(--green) 45%, var(--line));
  border-radius: 12px; background: var(--green-soft); color: var(--text);
  font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  animation: submission-check-arrive .22s ease-out;
}
.submission-check-feedback:focus { outline: none; }
.submission-check-feedback .submission-check-icon {
  display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px;
  border-radius: 50%; background: var(--green); color: var(--card);
}
.submission-check-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.submission-check-feedback strong { display: block; margin: 2px 0 6px; color: var(--green); font-size: 17px; line-height: 1.4; font-weight: 700; }
.submission-check-feedback p { margin: 0; color: var(--text); font-size: 14px; line-height: 1.7; font-weight: 400; }
.submission-check-feedback small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.7; font-weight: 400; }
@keyframes submission-check-arrive { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { .submission-check-feedback { padding: 14px 12px; gap: 10px; margin-bottom: 18px; } }
@media (prefers-reduced-motion: reduce) { .submission-check-feedback { animation: none; } }