.account-entry, .customer-dialog button, .customer-dialog a {
  appearance: none;
  border: 1px solid #415065;
  border-radius: 9px;
  padding: 8px 12px;
  color: #f1f4f9;
  background: #1d2633;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}
.account-entry { white-space: nowrap; font-size: 13px; }
.customer-dialog {
  box-sizing: border-box;
  width: min(540px, calc(100vw - 24px));
  max-height: min(85vh, calc(100dvh - 28px));
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #435166;
  border-radius: 16px;
  padding: clamp(12px, 4vw, 24px);
  background: #151c26;
  color: #f1f4f9;
  color-scheme: dark;
  line-height: 1.5;
}
.customer-dialog::backdrop { background: rgb(3 6 10 / 76%); }
.customer-dialog [hidden] { display: none !important; }
.customer-heading, .customer-user, .customer-design-actions {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
}
.customer-heading, .customer-user { justify-content: space-between; }
.customer-heading h2 { font-size: 21px; margin: 0; }
.customer-user [data-email] { overflow-wrap: anywhere; }
.customer-dialog form { display: grid; gap: 8px; margin: 12px 0; }
.customer-dialog input {
  display: block; box-sizing: border-box; width: 100%; min-height: 42px; margin-top: 4px;
  padding: 8px 10px; border: 1px solid #415065; border-radius: 8px; background: #0d131b; color: inherit; font: inherit;
}
.customer-dialog :is(button, input, a):focus-visible, .account-entry:focus-visible {
  outline: 2px solid #d7ff43; outline-offset: 2px;
}
.customer-dialog .customer-primary { background: #d7ff43; border-color: #d7ff43; color: #111604; font-weight: 700; }
.customer-dialog button:disabled { opacity: .55; cursor: not-allowed; }
.customer-feedback, .customer-count, .customer-note { font-size: 13px; color: #bdc8d7; }
.customer-feedback:empty { display: none; }
.customer-feedback.customer-error { color: #ffad9e; }
.customer-designs { display: grid; gap: 8px; list-style: none; padding: 0; }
.customer-designs li { padding: 11px; border: 1px solid #354256; border-radius: 9px; overflow-wrap: anywhere; }
.customer-designs small { display: block; color: #bdc8d7; margin: 2px 0 7px; }
.customer-design-actions { font-size: 13px; }
@media (max-width: 530px) {
  .site-header:has(.account-entry) .site-header-actions { flex-wrap: wrap; justify-content: flex-end; gap: 5px; flex-shrink: 1; }
  .site-header:has(.account-entry) .catalog-label { display: none; }
  .account-entry { padding: 6px 8px; }
}