/* Merchant service avatars and local upload preview. */
.service-avatar-image,.service-avatar-preview{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.header-avatar,.rail-profile{padding:0;overflow:visible;position:relative}
.rail-profile .profile-online-dot{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #fff;background:#77b584;border-radius:50%}
.service-avatar-card{margin-bottom:24px}
.service-avatar-editor{display:flex;align-items:center;gap:18px;margin-top:20px;min-width:0}
.service-avatar-preview{width:76px;height:76px;min-width:76px;border-radius:14px;border:1px solid #e4e8f0;background:#f6f8fc}
.service-avatar-details{flex:1;min-width:0}
.service-avatar-details>strong{font-size:13px;color:#4e5c70}
.service-avatar-details>p{margin-top:7px;font-size:12px;line-height:1.7;color:#909bad;overflow-wrap:anywhere}
.service-avatar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:13px}
.service-avatar-actions .text-button{min-height:36px;padding:0 4px;font-size:12px;color:#6c84ae}
.service-avatar-card .form-error{margin-top:12px}
@media(max-width:779px){.service-avatar-editor{gap:13px;align-items:flex-start}.service-avatar-preview{width:64px;height:64px;min-width:64px;border-radius:12px}.service-avatar-actions{gap:8px}.service-avatar-actions .primary-button,.service-avatar-actions .secondary-button{padding:0 11px}.service-avatar-card{margin-bottom:20px}}