/* Human Bot IA V68 — lista propia vertical de estados y panel de vistas */
#hb16-modal:has(.hb68-status-home),#hb16-modal:has(.hb68-story-detail){padding:0!important;align-items:stretch!important;justify-content:center!important}
#hb16-modal:has(.hb68-status-home) .hb16-card,#hb16-modal:has(.hb68-story-detail) .hb16-card{width:min(100%,720px);height:100dvh;max-height:100dvh;border-radius:0;padding:12px 15px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
#hb16-modal #hb16-body{min-width:0}
.hb68-status-home,.hb68-story-detail{color:#f4f6f7;min-width:0}
.hb68-status-home h3,.hb68-story-detail h3{font-size:17px;margin:18px 4px 12px}
.hb68-sticky-actions{display:flex;gap:8px;flex-wrap:wrap}
.hb68-primary,.hb68-secondary,.hb68-danger,.hb68-back{border-radius:12px;padding:10px 14px;font-weight:700;min-height:42px}
.hb68-primary{background:#e6007e;color:white}.hb68-secondary,.hb68-back{background:#263139;color:white}.hb68-danger{background:#512034;color:#ffd1e7}
.hb68-status-row,.hb68-contact-status{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 0;border-bottom:1px solid #253038;background:transparent;color:white}
.hb68-open-status{min-width:0;flex:1;display:flex;align-items:center;gap:13px;text-align:left;background:transparent;padding:0;color:white}
.hb68-thumb{width:62px;height:78px;flex:0 0 62px;display:grid;place-items:center;border-radius:13px;background:#332334;overflow:hidden;border:1px solid #3d4a53}
.hb68-thumb img,.hb68-thumb video{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0}
.hb68-thumb .hb68-text-state{font-size:12px;padding:6px;max-height:100%;overflow:hidden;overflow-wrap:anywhere}
.hb68-item-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.hb68-item-info strong{font-size:16px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb68-item-info small{font-size:12px;color:#a9b5bb}
.hb68-item-info>span{font-size:12px;color:#e4a9ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb68-icon-delete{padding:10px;background:#292d33;color:#ffd3e5;border-radius:12px;flex:none}
.hb68-story-photo{width:100%;max-height:60dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050708;border-radius:12px}
.hb68-story-photo img,.hb68-story-photo video{object-fit:contain;max-width:100%;max-height:60dvh;width:auto;height:auto;border-radius:0;display:block}
.hb68-story-photo .hb68-text-state{padding:30px;font-size:22px;overflow-wrap:anywhere}
.hb68-story-caption{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.hb68-story-caption strong{font-size:17px}.hb68-story-caption small{font-size:12px;color:#a9b5bb}.hb68-story-caption p{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.hb68-own-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.hb68-viewer-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #253039;min-width:0}
.hb68-viewer-avatar{width:45px;height:45px;flex:0 0 45px;border-radius:50%;overflow:hidden;background:#442239;display:grid;place-items:center;color:#ffc6e7}
.hb68-viewer-avatar img{height:100%;width:100%;object-fit:cover;border-radius:50%}
.hb68-viewer-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.hb68-viewer-details strong{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hb68-viewer-details small{font-size:11px;color:#a9b7bf}.hb68-viewer-reaction{font-size:12px;color:#ffa4ce}
.hb68-viewer-row button{flex:none;background:#2d3a44;color:#fff;border-radius:10px;padding:10px 7px;font-size:12px;max-width:100px}
.hb68-reaction-grid{display:flex;flex-wrap:wrap;gap:5px;max-height:160px;overflow-y:auto}
.hb68-reaction-grid button{min-width:42px;min-height:42px;border-radius:9px;background:#263038;font-size:23px}
.hb68-back{margin-top:14px}
@media(max-width:380px){.hb68-thumb{width:54px;height:68px;flex-basis:54px}.hb68-viewer-row button{font-size:11px;padding:8px 5px}}
/* Evitar que el envío y el teclado eleven toda la conversación */
#conversation{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:contain!important}
#conversation:not(.active){display:none!important}
#conversation #messages{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
#conversation>.chat-head,#conversation>.composer{flex-shrink:0!important;max-width:100%!important}
#conversation .composer{inset:auto!important;transform:none!important;margin:0!important;position:relative!important;bottom:0!important}
body,html{overflow:hidden!important;overscroll-behavior:none!important}