.oai-chat{width:100%;max-width:720px;width:100%;max-width:760px;width:100%;width:100%;margin:0 auto;border-radius:var(--oai-radius,12px);overflow:hidden;box-shadow:var(--oai-shadow,0 12px 40px rgba(2,6,23,0.18));background:transparent;font-family:inherit;}

.oai-chat__header{
  background:var(--oai-header-bg,#E4572E);
  color:var(--oai-header-text,#fff);
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:13px;
  font-weight:800;
}
.oai-chat__name{font-size:13px;font-weight:900;}
.oai-chat__new{background:transparent;border:0;color:inherit;font-weight:900;cursor:pointer;font-size:12px;opacity:.95;}
.oai-chat__new:hover{opacity:1;text-decoration:underline;}
.oai-chat__panel{
  background:var(--oai-panel-bg,#0D2A6B);
  color:var(--oai-panel-text,#fff);
  padding:14px;
  height:calc(100% - 44px);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.oai-chat__body{
  flex:1;
  overflow:auto;
  padding:12px;
}
.oai-chat__row{display:flex;margin:10px 0;}
.oai-chat__row.is-user{justify-content:flex-end;}
.oai-chat__row.is-assistant{justify-content:flex-start;}
.oai-chat__bubble{max-width:78%;padding:12px 14px;border-radius:14px;line-height:1.35;font-size:14px;border:1px solid rgba(255,255,255,0.10);backdrop-filter:saturate(120%) blur(2px);}
.oai-chat__row.is-assistant .oai-chat__bubble{background:var(--oai-assistant-bg,rgba(255,255,255,0.10));color:var(--oai-assistant-text,#fff);border-bottom-left-radius:8px;}
.oai-chat__row.is-user .oai-chat__bubble{background:var(--oai-user-bg,#fff);color:var(--oai-user-text,#0f172a);border-bottom-right-radius:8px;border:1px solid rgba(2,6,23,0.08);}
.oai-chat__composer{
  width:100%;
  box-sizing:border-box;
  display:flex;
  gap:14px;
  align-items:center;

  background:#ffffff;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(2,6,23,0.10);

  margin-bottom:16px;
}
.oai-chat__input{
  flex:1;
  
  width:100%;
  height:48px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid rgba(2,6,23,0.16) !important;
  border-bottom:1px solid rgba(2,6,23,0.16) !important;
  background:#ffffff !important;
  color:#000000 !important;
  outline:none;
  box-shadow:none !important;
  font-size:15px;
}
.oai-chat__input::placeholder{color:rgba(0,0,0,0.45);}
.oai-chat__send{
  height:48px;
  padding:0 22px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  font-weight:900;
  letter-spacing:.08em;
  font-size:12px;
  background:var(--oai-send-bg,#7C72D6);
  color:var(--oai-send-text,#fff);
}
.oai-chat__send:disabled{opacity:.6;cursor:not-allowed;}
@media (max-width:640px){.oai-chat{max-width:100% !important;}.oai-chat__panel{padding:12px;}.oai-chat__input{height:48px;}.oai-chat__send{height:48px;}}
.oai-thinking{opacity:0.9;}
.oai-thinking__dots{display:inline-block;width:22px;text-align:left;}
.oai-thinking__dots::after{content:'...';animation:oai_dots 1.2s steps(4,end) infinite;}
@keyframes oai_dots{
  0%{content:'';}
  25%{content:'.';}
  50%{content:'..';}
  75%{content:'...';}
  100%{content:'';}
}
