/* Protected client and personal avatar presentation */
.jl-client-avatar,.jl-profile-avatar{display:inline-flex;width:44px;height:44px;min-width:44px;object-fit:cover;border-radius:50%;border:1px solid #dce6df;background:#eaf2ed;color:#417258;align-items:center;justify-content:center;font-size:19px;vertical-align:middle}
.jl-client-avatar-empty,.jl-profile-avatar-empty{display:inline-flex}.jl-client-name{display:inline-flex;align-items:center;gap:10px}
.jl-client-photo-field,.jl-pref-photo-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#f6faf7;border:1px solid #dce6df;border-radius:16px;padding:16px}
.jl-client-photo-field label,.jl-pref-photo-wrap label{display:grid;gap:8px;min-width:190px;flex:1}.jl-client-photo-field input,.jl-pref-photo-wrap input{max-width:100%}
.jl-client-photo-field .jl-client-avatar,.jl-pref-photo-wrap .jl-profile-avatar{width:80px;height:80px;min-width:80px;font-size:34px}
.jl-pref-photo-wrap form{flex:1;min-width:200px;display:grid;gap:12px}

.jl-payment-client-title.jl-client-name{display:flex;gap:12px;align-items:center}.jl-finance-subtitle.jl-client-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jl-finance-subtitle.jl-client-name .jl-client-avatar{width:32px;height:32px;min-width:32px;font-size:14px}
.jl-finance-movement-avatar{width:30px;height:30px;min-width:30px;font-size:12px}

/* Fase 8.9 — identidade visual do cliente no cabeçalho dos módulos.
   Mantém a foto maior sem ampliar avatares de tabelas, listas ou formulários. */
.jl-client-module-identity{display:flex;align-items:center;gap:16px;min-width:0;max-width:100%;margin:14px 0 0}
.jl-client-module-identity .jl-client-module-avatar{width:72px;height:72px;min-width:72px;flex:0 0 72px;object-fit:cover;border-radius:50%;border:2px solid #dbeade;background:#f1f7f3;color:#417258;font-size:29px;box-shadow:0 2px 9px #163b2910}
.jl-client-module-copy{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}
.jl-client-module-name{display:block;color:var(--jl-brand-text,#263a32);font-size:17px;font-weight:700;line-height:1.3}
.jl-client-module-meta{display:block;color:#718087;font-size:13px;font-weight:400;line-height:1.5}
.jl-finance-top>div:first-child{min-width:0}
@media(max-width:600px){
 .jl-client-module-identity{gap:12px;margin-top:12px}
 .jl-client-module-identity .jl-client-module-avatar{width:56px;height:56px;min-width:56px;flex-basis:56px;font-size:23px}
 .jl-client-module-name{font-size:15px}
 .jl-client-module-meta{font-size:12px}
}