.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__row, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-sm);
}

@media (max-width: 600px) {
  .cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__row, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__row {
    /* Force single column on small screens regardless of inline grid */
    grid-template-columns: 1fr !important;
  }
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__field, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__label, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__label {
  margin-bottom: 6px;
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: 500;
  color: var(--color-text-secondary);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__input, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__input {
  width: 100%;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 2px;
  font-family: var(--font-body);
  font-size: var(--text-body);
  color: var(--color-text-primary);
  transition: border-color 200ms ease;
  appearance: none;
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__input::placeholder, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__input::placeholder {
  color: var(--color-text-muted);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__input:focus, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__input:focus {
  outline: none;
  border-color: var(--color-accent);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__input:disabled, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__input:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__input[aria-invalid="true"], .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__input[aria-invalid="true"] {
  border-color: var(--color-error);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 select.address-form-fields__input, .cc_pfQKlERh3P_HjoylmyhWi select.address-form-fields__input {
  padding-right: 40px;
  background-image: linear-gradient(
      45deg,
      transparent 50%,
      var(--color-text-secondary) 50%
    ),
    linear-gradient(135deg, var(--color-text-secondary) 50%, transparent 50%);
  background-position: calc(100% - 18px) center, calc(100% - 13px) center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__error-text, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__error-text {
  margin-top: 4px;
  font-family: var(--font-body);
  font-size: var(--text-small);
  color: var(--color-error);
}

/* ── On dark glass ──────────────────────────────────────────────────
   Same fields, inside the Adreslerim sheet. The base rules above are
   correct on paper and wrong here: --color-surface is #ffffff, so every
   field lit up as a white slab inside the glass, and the labels and the
   select arrow went dark-on-dark.

   The field becomes a recessed well rather than a raised card — the same
   move FilterPanel makes for its checkboxes, and the same material values,
   so the two sheets read as one surface.

   These live in this file, not in the parent's, because a sub-component's
   stylesheet loads AFTER its parent's: a glass override written in
   AccountDashboard/styles.css would lose to the base rules right above. */

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet .address-form-fields__label, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet .address-form-fields__label {
  color: rgba(240, 239, 235, 0.55);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet .address-form-fields__input, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet .address-form-fields__input {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--dh-glass-fg);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet .address-form-fields__input::placeholder, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet .address-form-fields__input::placeholder {
  color: rgba(240, 239, 235, 0.38);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet .address-form-fields__input:focus, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet .address-form-fields__input:focus {
  border-color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.1);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet .address-form-fields__input[aria-invalid="true"], .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet .address-form-fields__input[aria-invalid="true"] {
  border-color: #ff8b8b;
}

/* An option list is painted by the OS, not by us, so the options stay on a
   light ground however the closed control is styled. Naming both keeps the
   open menu readable instead of inheriting paper text onto white. */
.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet select.address-form-fields__input, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet select.address-form-fields__input {
  background-image: linear-gradient(
      45deg,
      transparent 50%,
      var(--dh-glass-fg) 50%
    ),
    linear-gradient(135deg, var(--dh-glass-fg) 50%, transparent 50%);
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet select.address-form-fields__input option, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet select.address-form-fields__input option {
  color: #0d0d0c;
  background-color: #f0efeb;
}

.cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields--sheet .address-form-fields__error-text, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields--sheet .address-form-fields__error-text {
  color: #ff8b8b;
}

/* ─── Desktop scale (generated) ───────────────────────────────
 * Every px size is its phone value (or the desktop value above where one
 * exists), fixed — not grown with the width. Uniform growth read as a zoomed
 * phone rather than a desktop layout. Hairlines (<=2px) and
 * safe-area padding do not scale. Regenerate (scripts/desktop-scale*.py) rather than hand-edit.
 */
@media (min-width: 768px) {
  .cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__label, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__label { margin-bottom: 6.6px; }
  .cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__input, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__input { padding: 10.2px 17.6px; }
  .cc_pfQKlERh3P_vqUHwgUGQ6 select.address-form-fields__input, .cc_pfQKlERh3P_HjoylmyhWi select.address-form-fields__input { padding-right: 44px; }
  .cc_pfQKlERh3P_vqUHwgUGQ6 .address-form-fields__error-text, .cc_pfQKlERh3P_HjoylmyhWi .address-form-fields__error-text { margin-top: 4.4px; }
}