/*
 * Bacanime Business OS — Hotfix compositor 10.6.9
 * Compatible con núcleo 10.6.6
 * Marcador: BBO_COMPOSER_PATCH_10_6_9_HF1066
 */
:root{
  --bbo1069-panel:#071225;
  --bbo1069-control:#0d1c33;
  --bbo1069-border:#29456d;
  --bbo1069-border-soft:#1d3150;
  --bbo1069-text:#edf4ff;
  --bbo1069-muted:#91a4c0;
  --bbo1069-cyan:#16d9f5;
  --bbo1069-purple:#7548ed;
}

#v106-composer.bbo-composer-clean-1069{
  padding:8px 10px 7px !important;
  margin:0 !important;
  border-top:1px solid var(--bbo1069-border-soft) !important;
  background:linear-gradient(180deg,#071225,#050d1c) !important;
  box-shadow:none !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-dropzone{
  display:grid !important;
  grid-template-columns:42px 42px minmax(120px,1fr) 42px minmax(78px,auto) !important;
  align-items:end !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  padding:7px !important;
  margin:0 !important;
  border:1px solid var(--bbo1069-border-soft) !important;
  border-radius:12px !important;
  background:#071225 !important;
  box-shadow:none !important;
  overflow:visible !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-dropzone:focus-within{
  border-color:#275077 !important;
  box-shadow:none !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-composer-text{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  max-height:120px !important;
  height:42px;
  margin:0 !important;
  padding:10px 13px !important;
  resize:none !important;
  overflow-x:hidden !important;
  border:1px solid var(--bbo1069-cyan) !important;
  border-radius:10px !important;
  outline:none !important;
  background:#071326 !important;
  color:var(--bbo1069-text) !important;
  box-shadow:inset 0 0 0 1px rgba(22,217,245,.08) !important;
  font:500 15px/20px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  transition:border-color .12s ease,box-shadow .12s ease !important;
  scrollbar-width:thin;
}

#v106-composer.bbo-composer-clean-1069 #v106-composer-text::placeholder{
  color:var(--bbo1069-muted) !important;
  opacity:1 !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-composer-text:focus{
  border-color:var(--bbo1069-cyan) !important;
  box-shadow:0 0 0 2px rgba(22,217,245,.10),inset 0 0 0 1px rgba(22,217,245,.08) !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-attach,
#v106-composer.bbo-composer-clean-1069 #v106-record,
#v106-composer.bbo-composer-clean-1069 #v106-ai,
#v106-composer.bbo-composer-clean-1069 #v106-send{
  align-self:end !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  border:1px solid var(--bbo1069-border) !important;
  border-radius:10px !important;
  background:var(--bbo1069-control) !important;
  color:var(--bbo1069-text) !important;
  box-shadow:none !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  line-height:1 !important;
  transform:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-attach,
#v106-composer.bbo-composer-clean-1069 #v106-record,
#v106-composer.bbo-composer-clean-1069 #v106-ai{
  width:42px !important;
  min-width:42px !important;
  padding:0 !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-send{
  width:auto !important;
  min-width:78px !important;
  padding:0 16px !important;
  border-color:#8e68f8 !important;
  background:linear-gradient(180deg,#7c4ff2,var(--bbo1069-purple)) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-attach:hover,
#v106-composer.bbo-composer-clean-1069 #v106-record:hover,
#v106-composer.bbo-composer-clean-1069 #v106-ai:hover{
  background:#132642 !important;
  border-color:#3a5c86 !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-send:hover{
  background:linear-gradient(180deg,#8a5ff5,#8055ef) !important;
}

#v106-composer.bbo-composer-clean-1069 button:active{
  transform:translateY(1px) !important;
}

#v106-composer.bbo-composer-clean-1069 button:focus-visible{
  outline:2px solid rgba(22,217,245,.85) !important;
  outline-offset:2px !important;
}

#v106-composer.bbo-composer-clean-1069 button:disabled{
  opacity:.58 !important;
  cursor:wait !important;
}

#v106-composer.bbo-composer-clean-1069 button svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  flex:none !important;
}

#v106-composer.bbo-composer-clean-1069 #v106-file-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#v106-composer.bbo-composer-clean-1069 .v106-composer-hint{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:6px 3px 0 !important;
  color:var(--bbo1069-muted) !important;
  font-size:10px !important;
  line-height:1.35 !important;
  flex-wrap:wrap !important;
}

#v106-pending-tray{
  max-height:220px !important;
  padding:8px 10px !important;
  border-top:1px solid var(--bbo1069-border-soft) !important;
  background:#071225 !important;
  overflow:auto !important;
}

#v106-pending-tray .v106-pending-grid{
  grid-template-columns:repeat(auto-fill,minmax(235px,1fr)) !important;
  gap:7px !important;
}

#v106-pending-tray .v106-pending-card{
  min-width:0 !important;
  padding:7px !important;
  border:1px solid #243c60 !important;
  border-radius:11px !important;
  background:#0a172a !important;
  box-shadow:none !important;
  contain:layout paint style !important;
}

#v106-pending-tray .v106-pending-preview{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  border-radius:9px !important;
  background:#0a1322 !important;
  overflow:hidden !important;
}

#v106-message-feed .message-row{
  content-visibility:auto;
  contain-intrinsic-size:auto 80px;
}

#v106-message-feed img{
  content-visibility:auto;
}

html[data-bbo-composer-patch="BBO_COMPOSER_PATCH_10_6_9_HF1066"] textarea::-webkit-scrollbar{
  width:7px;
}

html[data-bbo-composer-patch="BBO_COMPOSER_PATCH_10_6_9_HF1066"] textarea::-webkit-scrollbar-thumb{
  background:#314a70;
  border-radius:8px;
}

@media(max-width:760px){
  #v106-composer.bbo-composer-clean-1069{
    padding:7px !important;
  }

  #v106-composer.bbo-composer-clean-1069 #v106-dropzone{
    grid-template-columns:40px 40px minmax(86px,1fr) 40px minmax(68px,auto) !important;
    gap:6px !important;
    padding:6px !important;
  }

  #v106-composer.bbo-composer-clean-1069 #v106-attach,
  #v106-composer.bbo-composer-clean-1069 #v106-record,
  #v106-composer.bbo-composer-clean-1069 #v106-ai{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
  }

  #v106-composer.bbo-composer-clean-1069 #v106-send{
    min-width:68px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 11px !important;
  }

  #v106-composer.bbo-composer-clean-1069 #v106-composer-text{
    min-height:40px !important;
    height:40px;
    padding:9px 11px !important;
    font-size:14px !important;
  }

  #v106-composer.bbo-composer-clean-1069 .v106-composer-hint{
    display:grid !important;
  }
}

@media(max-width:480px){
  #v106-composer.bbo-composer-clean-1069 #v106-dropzone{
    grid-template-columns:38px 38px minmax(70px,1fr) 38px 62px !important;
    gap:5px !important;
    padding:5px !important;
  }

  #v106-composer.bbo-composer-clean-1069 #v106-attach,
  #v106-composer.bbo-composer-clean-1069 #v106-record,
  #v106-composer.bbo-composer-clean-1069 #v106-ai{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
  }

  #v106-composer.bbo-composer-clean-1069 #v106-send{
    width:62px !important;
    min-width:62px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 8px !important;
    font-size:13px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #v106-composer.bbo-composer-clean-1069 *,
  #v106-composer.bbo-composer-clean-1069 *::before,
  #v106-composer.bbo-composer-clean-1069 *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}