/* Approved M7 field/actions scale, with the original device-local avatar picker. */
.h5-customer-profile{width:min(380px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:16px;border:1px solid var(--h5-line);border-radius:16px;background:var(--h5-paper);color:var(--h5-ink);font-size:12px}
.h5-customer-profile::backdrop{background:#10182899}
.h5-customer-profile h2{margin:0;font-size:16px}
.h5-customer-profile p{margin:6px 0;color:var(--h5-muted);font-size:12px;line-height:1.6}
.h5-customer-profile .field{display:block;margin:14px 0;font-size:12px}
.h5-customer-profile .field input{display:block;margin-top:7px;width:100%;min-width:0;padding:11px 10px;background:var(--h5-bg);color:var(--h5-ink);border:1px solid var(--h5-line);border-radius:8px;font-size:12px}
.h5-customer-profile .customer-avatar-picker{display:flex;align-items:center;gap:12px;margin:14px 0}
.h5-customer-profile .customer-avatar-picker img{width:44px;height:44px;object-fit:cover;border-radius:50%}
.h5-customer-profile button{border:1px solid var(--h5-line);background:var(--h5-paper);color:var(--h5-ink);border-radius:8px;padding:8px 12px;font-size:12px;min-height:32px}
.h5-customer-profile .actions{display:flex;gap:8px;margin-top:14px}
.h5-customer-profile .actions .primary{background:var(--h5-blue);border-color:var(--h5-blue);color:#fff}
.h5-customer-profile .feedback{color:#f04438}
/* The inherited customer shell has global !important type rules; keep this editor at M7 scale. */
body[data-ktb-ui] dialog.h5-customer-profile h2{font-size:16px!important}
body[data-ktb-ui] dialog.h5-customer-profile .field input{font-size:12px!important}
body[data-ktb-ui] dialog.h5-customer-profile button,body[data-ktb-ui] dialog.h5-customer-profile p{font-size:12px!important}
body[data-ktb-ui] dialog.h5-customer-profile label.field{background:transparent!important;color:var(--h5-ink)!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
/* iPhone focus sizing also applies to the platform page, which has no data-ktb-ui. */
@supports(-webkit-touch-callout:none){dialog.h5-customer-profile .field input,body[data-ktb-ui] dialog.h5-customer-profile .field input{font-size:16px!important;line-height:20px;padding:8px 10px}}

.customer-account-controls{display:flex;flex:0 0 auto;flex-direction:column;gap:4px}.portal-my-card>div:not(.customer-account-controls){flex:1;min-width:0}.portal-my-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.portal-my-card .customer-profile-edit{border:1px solid var(--h5-line);border-radius:8px;padding:5px 9px;background:var(--h5-paper);color:var(--h5-ink);font-size:12px;min-height:28px}