/* Human Bot IA V83 - Estados verticales 9:16 */
#hb16-modal:has(.hb83-composer){padding:0!important;align-items:stretch!important;justify-content:center!important}
#hb16-modal:has(.hb83-composer) .hb16-card{width:min(100%,550px);max-height:100dvh;height:100dvh;border-radius:0!important;padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
.hb83-composer{color:#fff;min-width:0;display:flex;flex-direction:column;gap:12px}
.hb83-poster{position:relative;width:min(80vw,28dvh,310px);aspect-ratio:9/16;min-height:0;max-height:none;flex:0 0 auto;background:#591a43;border-radius:18px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto;border:1px solid #46515b;isolation:isolate}
.hb83-poster textarea.hb83-poster-text{margin:0!important;background:transparent!important;border:0!important;resize:none!important;box-shadow:none!important;outline:0!important;padding:15px!important;min-height:0!important;display:block!important;width:100%!important;height:auto!important;max-height:85%!important;font-weight:750!important;text-align:center;line-height:1.35!important;font-size:clamp(18px,5vw,29px)!important;color:inherit!important;overflow-y:auto!important;overflow-wrap:anywhere}
.hb83-poster textarea::placeholder{color:inherit;opacity:.66}
.hb83-live,.hb83-preview{width:100%;height:100%;object-fit:cover;display:block}
.hb83-live{transform:scaleX(1)}.hb83-preview[hidden],.hb83-live[hidden],.hb83-poster-text[hidden]{display:none!important}
.hb83-camera-prompt{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;background:#171b22;color:#e9f0f4;text-align:center;padding:16px;z-index:2}
.hb83-camera-prompt[hidden]{display:none!important}
.hb83-recording{position:absolute;top:10px;left:10px;padding:6px 10px;background:#b40c44;border-radius:24px;color:#fff;font-weight:700;font-size:13px}
.hb83-recording[hidden]{display:none!important}
.hb83-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center}
.hb83-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;padding:10px 13px;border:1px solid #3c4951;border-radius:12px;background:#25313a;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.hb83-btn[hidden],.hb83-form-section[hidden]{display:none!important}.hb83-btn.primary{background:#e6007e;border-color:#e6007e}.hb83-btn.danger{background:#61213c}.hb83-btn:disabled{opacity:.48;cursor:wait}
.hb83-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hb83-tabs button[aria-pressed="true"]{background:#e6007e;border-color:#e6007e}
.hb83-field{display:block;color:#f1f5f8;font-size:14px;font-weight:650;margin:2px 0 7px}
.hb83-input{display:block;width:100%;max-width:100%;min-height:45px;box-sizing:border-box;padding:12px;color:#fff!important;background:#212b33!important;border:1px solid #495762!important;border-radius:12px;font:inherit;font-size:16px}
.hb83-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hb83-color-grid label{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px}.hb83-color-grid input[type=color]{min-width:55px;width:55px;height:45px;padding:3px;border:1px solid #41505a;background:#1a252c;border-radius:11px;flex:none}
.hb83-error{color:#ffabc9;font-size:13px;min-height:20px;line-height:1.5}
.hb83-note{font-size:12px;color:#bbc7ce;text-align:center;line-height:1.45}
.hb83-form-section{display:grid;gap:7px}.hb83-dates{display:grid;gap:9px;border-left:3px solid #e6007e;padding-left:12px}
.hb83-story-text{width:100%;height:100%;aspect-ratio:9/16;min-height:0!important;max-height:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;border-radius:0!important;box-sizing:border-box!important;text-align:center;overflow:hidden!important}
.hb83-story-words{font-size:clamp(19px,4.2vw,32px);font-weight:750;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap;max-height:100%;overflow-y:auto}
.hb68-story-photo{width:min(100%,360px)!important;aspect-ratio:9/16!important;height:auto!important;min-height:0!important;max-height:min(70dvh,640px)!important;margin:0 auto;overflow:hidden!important;border-radius:16px!important;display:flex!important;background:#09090b!important;align-items:stretch!important;justify-content:center!important}
.hb68-story-photo img,.hb68-story-photo video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:0!important;display:block!important}
.hb68-thumb{width:62px!important;height:auto!important;aspect-ratio:9/16!important;flex:0 0 62px!important;border-radius:12px!important}
.hb68-thumb .hb83-story-text{font-size:12px!important;padding:5px!important}.hb68-thumb .hb83-story-words{font-size:10px!important;font-weight:700;max-height:100%}
@media(max-width:380px){.hb83-poster{max-height:45dvh}.hb83-color-grid{gap:5px}.hb83-color-grid label{font-size:12px}.hb83-btn{padding:9px}.hb68-thumb{width:54px!important;flex-basis:54px!important}}

/* V90: galería de Novedades, sin permisos de cámara */
.hb90-gallery-instruction{margin:1px 0 2px!important;max-width:100%;text-align:left!important}
#hb90GalleryPick{width:100%;min-height:52px;background:#e6007e;border-color:#e6007e;color:#fff;font-size:15px}
.hb90-gallery-info{color:#b6c5d0;font-size:13px;line-height:1.45;text-align:center;overflow-wrap:anywhere}
#hb83Composer[data-type="gallery"] .hb83-poster{background:#182129}
#hb83Composer[data-type="gallery"] .hb83-preview{object-fit:cover}
#hb83Composer[data-type="gallery"] .hb83-camera-prompt{line-height:1.6}

/* V103 selección de audiencia accesible en la publicación de estados */
#hb103StatusContacts{max-height:29vh;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;margin:10px 0}
#hb103StatusContacts[hidden]{display:none!important}
#hb103StatusContacts .hb103-contact-option{display:flex;align-items:center;gap:10px;padding:10px;background:#202b32;border:1px solid #45515d;color:#fff;border-radius:10px;min-width:0;overflow-wrap:anywhere}
#hb103StatusContacts .hb103-contact-option input{appearance:auto!important;width:18px!important;height:18px!important;min-width:18px!important;flex:none!important;accent-color:#e6007e}