/* Human Bot IA V59: agenda de contactos y estado de sincronización */
#hb59Modal{position:fixed;inset:0;z-index:30050;background:rgba(2,6,9,.87);display:none;align-items:center;justify-content:center;padding:14px;color:#f6f7f8}
#hb59Modal.open{display:flex}
#hb59Modal *{box-sizing:border-box}
#hb59Modal .hb59-panel{width:min(540px,100%);max-height:min(94dvh,800px);overflow:auto;overscroll-behavior:contain;background:#11191e;border:1px solid #35414b;box-shadow:0 14px 60px #000a;border-radius:18px;padding:18px}
#hb59Modal h2{font-size:20px;margin:0 0 8px}
#hb59Modal p{font-size:13px;line-height:1.45;color:#b7c2c9}
#hb59Modal .hb59-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#hb59Modal .hb59-close{background:#222c33;width:38px;height:38px;border-radius:50%;color:white;font-size:24px;flex-shrink:0}
#hb59Modal label{display:block;font-size:13px;font-weight:600;color:#d6dee3;margin:12px 0 5px}
#hb59Modal input,#hb59Modal select{width:100%;min-width:0;background:#202a31;color:white;border:1px solid #45515a;border-radius:11px;padding:12px;font-size:16px;min-height:47px}
#hb59Modal input:focus,#hb59Modal select:focus{outline:2px solid #e6007e;outline-offset:1px}
#hb59Modal .hb59-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#hb59Modal .hb59-phone-row{display:grid;grid-template-columns:minmax(125px,42%) minmax(0,1fr);gap:10px}
#hb59Modal .hb59-primary,#hb59Modal .hb59-secondary{min-height:44px;padding:11px 13px;border-radius:11px;font-weight:650;cursor:pointer;font-size:14px}
#hb59Modal .hb59-primary{background:#e6007e;color:white}
#hb59Modal .hb59-secondary{background:#27313a;color:#f5f6f7;border:1px solid #39434e}
#hb59Modal .hb59-danger{color:#ffd6df;border-color:#714056;background:#442333}
#hb59Modal .hb59-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
#hb59Modal .hb59-actions button{flex:1}
#hb59Modal .hb59-entry{padding:12px 0;border-bottom:1px solid #354047;display:flex;align-items:center;gap:12px}
#hb59Modal .hb59-entry .hb59-identity{flex:1;min-width:0}
#hb59Modal .hb59-entry b{display:block;overflow-wrap:anywhere}
#hb59Modal .hb59-entry small{color:#b5c1c8;display:block;margin-top:3px}
#hb59Modal .hb59-entry button{background:#263039;border-radius:9px;padding:9px;color:#fff;min-height:37px}
#hb59Modal #hb59Error{font-size:13px;color:#ff9bbb;margin-top:10px;min-height:17px;white-space:pre-wrap}
.hb59-pending{opacity:.94}.hb59-pending .hb59-status{font-size:11px;color:#e8a9cd;margin-top:5px}.hb59-pending .avatar{background:#33212f;color:#efa5d0}
.hb59-sync{padding:12px 18px;color:#bcc7cf;font-size:12px;line-height:1.5;text-align:center}
.hb59-retry{margin:10px auto;display:block;background:#29353d;color:#fff;border:1px solid #49525b;border-radius:12px;padding:10px 16px;font-size:14px}
@media(max-width:380px){#hb59Modal .hb59-two,#hb59Modal .hb59-phone-row{grid-template-columns:minmax(0,1fr)}#hb59Modal .hb59-panel{padding:14px}}

/* Perfil de contacto autenticado, responsive */
#conversationAvatar,#openProfile,#viewContact,#chatList [data-hb59-chat] .avatar{cursor:pointer}
#conversationAvatar:focus-visible,#openProfile:focus-visible,#viewContact:focus-visible{outline:2px solid #e6007e;outline-offset:3px}
#hb59ContactDetails{padding:12px 18px 22px;max-width:640px;margin:0 auto;color:#f3f5f7}
#hb59ContactDetails h3{font-size:18px;margin:5px 0 10px;font-weight:700}
#hb59ContactDetails .hb59-profile-item{display:flex;flex-direction:column;gap:4px;padding:12px 13px;margin:6px 0;border-radius:12px;border:1px solid #2c3b44;background:#172128;overflow-wrap:anywhere}
#hb59ContactDetails .hb59-profile-item span{color:#aebbc4;font-size:12px;font-weight:500}
#hb59ContactDetails .hb59-profile-item strong{color:#fff;font-size:15px;font-weight:550;line-height:1.4}
#hb59ContactDetails a{color:#ff8fc7;text-decoration:underline;text-underline-offset:3px}
#hb59ContactDetails .hb59-privacy{font-size:12px;color:#9daab4;margin:16px 2px}
#hb59ContactDetails .hb59-loading{color:#b6c0c7}
#hb59ContactDetails .hb59-profile-error{color:#ffc5d6}
@media(min-width:720px){#hb59ContactDetails{padding-left:25px;padding-right:25px}}

#profile .profile-row[hidden],#profile .products[hidden]{display:none!important}

/* Human Bot IA V60: avatares circulares y notificaciones */
.avatar{border-radius:50%!important;overflow:hidden!important;position:relative;}
.avatar img,.chatrow .avatar img,#conversationAvatar img,#profileAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;aspect-ratio:1/1!important;}
.avatar .hb-verified-badge,.avatar-badge,.profile-hero .avatar .hb-verified-badge{display:none!important;}
.chatrow .avatar,.profile-hero .avatar,.chat-head .avatar{flex-shrink:0;}
.hb60-own-photo{margin:14px 0 8px;padding:14px;border:1px solid #31404a;border-radius:14px;background:#151f25}\.hb60-own-photo label{display:block;margin-bottom:8px;color:#dfe5e9;font-weight:600}.hb60-own-photo input[type=file]{width:100%;background:#202a31;border:1px solid #45515a;border-radius:12px;padding:11px;color:#fff}.hb60-own-photo button{margin-top:10px;background:#e6007e;color:#fff;border-radius:12px;padding:11px 14px;font-weight:700}.hb60-own-photo img{width:92px;height:92px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px;border:2px solid #ff4cb1}.hb60-noti-status{font-size:12px;color:#9db0bb;margin-top:8px;line-height:1.45}
