/* Profile pixels keep their original alpha; no decorative background or crop. */
.customer-avatar,
.customer-avatar:hover,
.customer-avatar:active,
.customer-avatar:focus-visible,
.customer-avatar-preview {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px;
  width:44px; height:44px; min-width:44px; padding:2px; margin:0;
  color:var(--ink,#292923); background:transparent!important; background-image:none!important;
  border:0; border-radius:0; box-shadow:none; text-decoration:none; overflow:visible;
}
.customer-avatar:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.customer-avatar > svg,
.customer-avatar-preview > svg { display:block; width:25px; height:25px; fill:none; stroke:currentColor; }
.customer-avatar .customer-avatar-image,
.customer-avatar-preview .customer-avatar-image { display:block; position:static; width:40px; height:40px; max-width:100%; margin:0; padding:0; object-fit:contain; object-position:center; background:transparent!important; background-image:none!important; border:0; border-radius:0; box-shadow:none; filter:none; mix-blend-mode:normal; transform:none; }
.customer-avatar [hidden],.customer-avatar-preview [hidden] { display:none!important; }
.customer-photo-settings { margin-top:28px; padding-top:22px; border-top:1px solid var(--customer-line,#d2ccbf); }
.customer-photo-settings summary { min-height:44px; padding-block:10px; cursor:pointer; color:var(--customer-accent,#824231); }
.customer-photo-preview-row { display:flex; align-items:center; gap:18px; margin-block:18px; }
.customer-avatar-preview { width:72px; height:72px; flex-basis:72px; padding:0; }
.customer-avatar-preview .customer-avatar-image { width:72px; height:72px; }
.customer-photo-settings .customer-photo-feedback { margin:14px 0 0; font-size:14px; overflow-wrap:anywhere; }
.customer-photo-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.customer-photo-settings input[type=file] { max-width:100%; padding:10px; font-size:16px; }
@media(forced-colors:active) { .customer-avatar:focus-visible { outline-color:LinkText; } }