/* CODSHIPX_AI_CRM_R56_R2_QUICK_CODI_CHATGPT_VOICE_DAILY_SCOPE_R1 */

.cx-r53-drawer{
  width:min(520px,100vw)!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  background:#090c0a!important;
}

.cx-r53-head{
  padding:16px 18px!important;
  background:#090c0a!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.cx-r53-threadbar{
  padding:10px 16px!important;
  background:#090c0a!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}

.cx-r53-threadbar select{
  height:40px!important;
  border-radius:12px!important;
  background:#0d120f!important;
}

.cx-r53-status{
  display:none!important;
}

.cx-r53-status[data-tone="error"]{
  display:block!important;
  margin:8px 16px 0!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  font-size:11px!important;
}

.cx-r53-messages{
  min-height:0!important;
  padding:20px 18px 30px!important;
  gap:18px!important;
  background:#090c0a!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.16) transparent!important;
}

.cx-r53-messages::-webkit-scrollbar{width:6px!important}
.cx-r53-messages::-webkit-scrollbar-track{background:transparent!important}
.cx-r53-messages::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.15)!important;
  border-radius:99px!important;
}

.cx-r53-empty{
  margin:auto 0!important;
  border:0!important;
  background:transparent!important;
  text-align:center!important;
  padding:34px 22px!important;
}

.cx-r53-empty strong{
  font-size:18px!important;
  color:#f3f7f4!important;
}

.cx-r53-empty span{
  margin-top:4px!important;
  font-size:13px!important;
  color:#8b9690!important;
}

.cx-r53-message{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  align-self:stretch!important;
}

.cx-r53-message.user{
  justify-content:flex-end!important;
  background:transparent!important;
  border:0!important;
}

.cx-r56-avatar{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#55e58e,#177b43 64%,#062414);
  color:#03150b;
  font-size:11px;
  font-weight:850;
  box-shadow:0 0 0 1px rgba(85,229,142,.18);
  margin-top:2px;
}

.cx-r56-message-body{
  min-width:0;
  max-width:calc(100% - 44px);
  color:#eef6f0;
  font-size:13.5px;
  line-height:1.62;
}

.cx-r53-message.user .cx-r56-message-body{
  max-width:84%;
  padding:11px 14px;
  border:1px solid rgba(83,229,141,.15);
  border-radius:18px 18px 5px 18px;
  background:#112519;
  color:#f4fff7;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.cx-r53-message.assistant .cx-r56-message-body{
  padding-top:3px;
}

.cx-r56-message-body p{
  margin:0 0 10px;
  color:inherit;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.cx-r56-message-body p:last-child{margin-bottom:0}

.cx-r56-message-body ul,
.cx-r56-message-body ol{
  margin:8px 0 12px 20px;
  padding:0;
}

.cx-r56-message-body li{
  margin:5px 0;
  padding-left:2px;
}

.cx-r56-message-body strong{color:#ffffff;font-weight:760}
.cx-r56-message-body em{color:#d4ddd7}
.cx-r56-message-body a{color:#7ee7a7;text-decoration:underline;text-underline-offset:2px}

.cx-r56-message-body code{
  padding:2px 5px;
  border-radius:6px;
  background:#121814;
  border:1px solid rgba(255,255,255,.08);
  font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#c7f8d8;
}

.cx-r56-message-body pre{
  max-width:100%;
  margin:10px 0;
  padding:12px;
  overflow:auto;
  border-radius:11px;
  background:#050705;
  border:1px solid rgba(255,255,255,.08);
  scrollbar-width:thin;
}

.cx-r56-message-body pre code{
  padding:0;
  border:0;
  background:transparent;
  white-space:pre;
}

.cx-r56-message-body blockquote{
  margin:9px 0;
  padding:3px 0 3px 11px;
  border-left:2px solid #44d37d;
  color:#b9c5bd;
}

.cx-r56-heading{
  display:block;
  margin:6px 0 8px;
  font-size:14px;
  color:#fff;
}

.cx-r56-gap{height:5px}

.cx-r56-thinking .cx-r56-message-body{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  color:#97a59c!important;
}

.cx-r56-thinking-label{
  font-size:12px;
}

.cx-r56-dots{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.cx-r56-dots i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#64db8d;
  opacity:.32;
  animation:cx-r56-dot 1.05s ease-in-out infinite;
}

.cx-r56-dots i:nth-child(2){animation-delay:.14s}
.cx-r56-dots i:nth-child(3){animation-delay:.28s}

@keyframes cx-r56-dot{
  0%,70%,100%{transform:translateY(0);opacity:.28}
  35%{transform:translateY(-3px);opacity:1}
}

.cx-r56-inline-action{
  width:calc(100% - 40px);
  margin-left:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px;
  border:1px solid rgba(83,229,141,.18);
  border-radius:14px;
  background:#0d1510;
}

.cx-r56-inline-action-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.cx-r56-inline-action-copy strong{
  color:#ecfff2;
  font-size:12px;
}

.cx-r56-inline-action-copy span{
  color:#8ea096;
  font-size:10.5px;
  line-height:1.4;
}

.cx-r56-inline-action-buttons{
  flex:none;
  display:flex;
  gap:7px;
}

.cx-r56-inline-action-buttons button{
  min-height:34px;
  padding:0 11px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.1);
  background:#0a0f0c;
  color:#e9f4ed;
  font:inherit;
  font-size:11px;
  font-weight:720;
  cursor:pointer;
}

.cx-r56-inline-action-buttons button.primary{
  border-color:#35d674;
  background:#35d674;
  color:#03160a;
}

.cx-r53-compose{
  align-items:end!important;
  gap:8px!important;
  padding:10px 14px 14px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:#090c0a!important;
}

.cx-r53-compose textarea{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:48px!important;
  height:48px;
  max-height:176px!important;
  resize:none!important;
  overflow-y:hidden;
  scrollbar-width:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:24px!important;
  background:#101512!important;
  color:#f5faf6!important;
  padding:13px 16px!important;
  font:inherit!important;
  font-size:13.5px!important;
  line-height:1.5!important;
  box-shadow:none!important;
}

.cx-r53-compose textarea::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.cx-r53-compose textarea::-webkit-resizer{display:none!important}
.cx-r53-compose textarea:focus{
  border-color:rgba(83,229,141,.42)!important;
  box-shadow:0 0 0 3px rgba(83,229,141,.06)!important;
}

#cx-r53-send{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  align-self:end!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid #35d674!important;
  background:#35d674!important;
  color:#04170b!important;
  font-size:0!important;
  display:grid!important;
  place-items:center!important;
}

#cx-r53-send::after{
  content:"↑";
  font-size:23px;
  line-height:1;
  font-weight:800;
}

#cx-r53-send:disabled{
  opacity:.35!important;
}

.cx-r53-note{display:none!important}

@media(max-width:620px){
  .cx-r53-messages{padding:18px 14px 26px!important}
  .cx-r53-compose{padding:9px 10px 12px!important}
  .cx-r56-inline-action{
    width:calc(100% - 40px);
    align-items:stretch;
    flex-direction:column;
  }
  .cx-r56-inline-action-buttons{
    justify-content:flex-end;
  }
}

@media(prefers-reduced-motion:reduce){
  .cx-r56-dots i{animation:none!important;opacity:.7!important}
}

/* R56-R2 Quick Codi voice + CRM scope */
.cx-r56-voice-state{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 16px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:#0a100c;
  color:#a8b7ad;
  font-size:11px;
}
.cx-r56-voice-state[hidden]{display:none!important}
.cx-r56-voice-state button{
  margin-left:auto;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#0d1410;
  color:#dce7df;
  min-height:26px;
  padding:0 9px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.cx-r56-voice-pulse{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#43db7c;
  box-shadow:0 0 0 0 rgba(67,219,124,.32);
  animation:cx-r56-voice-pulse 1.5s ease-out infinite;
}
.cx-r56-voice-state[data-status="thinking"] .cx-r56-voice-pulse{background:#e0bb52}
.cx-r56-voice-state[data-status="speaking"] .cx-r56-voice-pulse{background:#72e6a1}
@keyframes cx-r56-voice-pulse{
  0%{box-shadow:0 0 0 0 rgba(67,219,124,.34)}
  70%,100%{box-shadow:0 0 0 8px rgba(67,219,124,0)}
}

.cx-r53-compose{
  grid-template-columns:42px minmax(0,1fr) 46px!important;
  display:grid!important;
}
.cx-r56-voice-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  align-self:end!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:#101512!important;
  color:#b9c7be!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.cx-r56-voice-btn span{
  width:11px;
  height:16px;
  display:block;
  position:relative;
  border:1.8px solid currentColor;
  border-radius:7px;
}
.cx-r56-voice-btn span::before{
  content:"";
  position:absolute;
  left:50%;
  top:11px;
  width:17px;
  height:9px;
  transform:translateX(-50%);
  border:1.8px solid currentColor;
  border-top:0;
  border-radius:0 0 10px 10px;
}
.cx-r56-voice-btn span::after{
  content:"";
  position:absolute;
  left:50%;
  top:20px;
  width:1.8px;
  height:5px;
  transform:translateX(-50%);
  background:currentColor;
  box-shadow:-4px 5px 0 -0.4px currentColor,4px 5px 0 -0.4px currentColor;
}
.cx-r56-voice-btn:hover,
.cx-r56-voice-btn.live{
  border-color:rgba(67,219,124,.44)!important;
  background:#102018!important;
  color:#6be496!important;
}

.cx-r56-voice-live .cx-r56-avatar-live{
  box-shadow:0 0 0 1px rgba(85,229,142,.2),0 0 18px rgba(85,229,142,.12);
}

#cx-r53-send{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  align-self:end!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid #35d674!important;
  background:#35d674!important;
  color:#04170b!important;
  font-size:0!important;
  display:grid!important;
  place-items:center!important;
}
#cx-r53-send::after{
  content:"↑";
  font-size:23px;
  line-height:1;
  font-weight:800;
}
#cx-r53-send:disabled{opacity:.35!important}

.cx-r53-note{
  display:block!important;
  padding:0 16px 10px!important;
  background:#090c0a!important;
  color:#647169!important;
  font-size:9.5px!important;
  text-align:center!important;
}

@media(max-width:620px){
  .cx-r53-compose{grid-template-columns:40px minmax(0,1fr) 44px!important}
  .cx-r56-voice-btn{width:40px!important;min-width:40px!important;height:40px!important}
  #cx-r53-send{width:44px!important;min-width:44px!important;height:44px!important}
}

@media(prefers-reduced-motion:reduce){
  .cx-r56-voice-pulse{animation:none!important}
}