/* === SECTION: customer-updates === */
.customer-updates {
  position: fixed;
  inset: auto auto 20px 68px;
  margin: 0;
  width: min(340px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1px solid var(--rule);
  border-radius: 12px;
  background: var(--paper);
  color: var(--ink);
  font: 13px/1.5 var(--sans, system-ui);
  letter-spacing: 0.03em;
}
.customer-updates-action {
  display: block;
  margin-top: 8px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: start;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.customer-updates-action[hidden] { display: none; }
.customer-updates-action:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.customer-updates-action:disabled { opacity: 0.6; cursor: wait; }
@media (max-width: 600px) {
  .customer-updates { left: 16px; bottom: 64px; }
}