/* Bubble Panel Light Mode v1.0 — Admin Theme Match */

/* === Panel Container === */
body:not(.dark) .ba-panel{
  background:rgba(255,255,255,0.97);
  border:1px solid #E5E7EB;
  box-shadow:0 20px 48px rgba(0,0,0,0.12),0 4px 16px rgba(0,0,0,0.06);
  backdrop-filter:blur(16px)
}

/* === Panel Header === */
body:not(.dark) .ba-panel-head{
  border-bottom:1px solid #E5E7EB;
  background:linear-gradient(135deg,#F9FAFB,#FFFFFF)
}
body:not(.dark) .ba-panel-name{
  color:#111827
}
body:not(.dark) .ba-panel-status{
  color:#1E40AF;
  font-weight:600
}
body:not(.dark) .ba-panel-close{
  color:#9CA3AF;
  transition:color .2s
}
body:not(.dark) .ba-panel-close:hover{
  color:#EF4444
}

/* === Credit Badge in Panel === */
body:not(.dark) .ba-panel-head .ba-credits,
body:not(.dark) .ba-panel-head [class*="credit"]{
  background:#EFF6FF;
  color:#1E40AF;
  border:1px solid #DBEAFE;
  border-radius:20px
}

/* === Panel Messages === */
body:not(.dark) .ba-panel-msgs{
  background:#F9FAFB
}

/* AI Messages in Panel */
body:not(.dark) .ba-panel-msgs .ba-msg-ai,
body:not(.dark) .ba-panel .ba-msg-ai{
  background:#FFFFFF;
  border:1px solid #E5E7EB;
  color:#374151;
  box-shadow:0 1px 3px rgba(0,0,0,0.05)
}
body:not(.dark) .ba-panel-msgs .ba-msg-ai strong,
body:not(.dark) .ba-panel-msgs .ba-msg-ai em{
  color:#1E40AF
}

/* User Messages in Panel */
body:not(.dark) .ba-panel-msgs .ba-msg-user,
body:not(.dark) .ba-panel .ba-msg-user{
  background:linear-gradient(135deg,#1E40AF,#3B82F6);
  color:#fff;
  box-shadow:0 2px 12px rgba(30,64,175,0.25)
}

/* === Panel Input Area === */
body:not(.dark) .ba-panel-input{
  border-top:1px solid #E5E7EB;
  background:#FFFFFF
}
body:not(.dark) .ba-panel-input input{
  background:#F3F4F6;
  border:1px solid #E5E7EB;
  color:#111827;
  transition:border-color .2s,box-shadow .2s
}
body:not(.dark) .ba-panel-input input:focus{
  border-color:#3B82F6;
  box-shadow:0 0 0 3px rgba(59,130,246,0.12)
}
body:not(.dark) .ba-panel-input input::placeholder{
  color:#9CA3AF
}

/* Send + Mic Buttons */
body:not(.dark) .ba-panel-input .ba-send,
body:not(.dark) .ba-panel-input .ba-mic,
body:not(.dark) .ba-panel-input button{
  color:#6B7280;
  transition:color .2s,background .2s
}
body:not(.dark) .ba-panel-input .ba-send:hover,
body:not(.dark) .ba-panel-input .ba-mic:hover,
body:not(.dark) .ba-panel-input button:hover{
  color:#1E40AF;
  background:rgba(30,64,175,0.08)
}

/* === Agent Name in Message Bubble === */
body:not(.dark) .ba-panel .ba-msg .an,
body:not(.dark) .ba-panel .ba-msg-ai .an{
  color:#1E40AF;
  border-bottom-color:#E5E7EB
}

/* === Typing Indicator === */
body:not(.dark) .ba-panel .ba-typing span{
  background:#3B82F6
}

/* === Feature Bubble Circle (Light) === */
body:not(.dark) .ba-circle-feat .ba-inner{
  border-color:rgba(30,64,175,0.5);
  box-shadow:0 0 30px rgba(30,64,175,0.2),inset 0 0 20px rgba(255,255,255,0.3)
}
body:not(.dark) .ba-circle-feat .ba-wave{
  --ba-wc:rgba(30,64,175,0.45)!important;
  --ba-wg:rgba(30,64,175,0.12)!important
}
body:not(.dark) .ba-circle-feat .ba-initials{
  background:radial-gradient(circle at 40% 35%,#EFF6FF,#DBEAFE 75%);
  color:#1E40AF
}
body:not(.dark) .ba-circle-feat .ba-initials svg{
  stroke:#1E40AF;
  filter:drop-shadow(0 0 6px rgba(30,64,175,0.3))
}

/* === Mobile Panel Adjustments === */
@media(max-width:768px){
  body:not(.dark) .ba-panel{
    box-shadow:0 16px 40px rgba(0,0,0,0.15),0 4px 12px rgba(0,0,0,0.08)
  }
  body:not(.dark) .ba-panel-msgs .ba-msg-ai{
    border-radius:4px 14px 14px 14px
  }
  body:not(.dark) .ba-panel-msgs .ba-msg-user{
    border-radius:14px 14px 4px 14px
  }
}