/* ============================================================
   theme.css · baju chatbot, disamain sama situs baru.
   Dimuat SETELAH chat.css biar yang ini menang.
   Aturan sama: sudut siku, garis tebal, gak ada ungu, gak ada emas.
   Warna sama aksara ngambil dari rancang.css, jadi kalau panel
   warna disitu diubah, chat ini ikut berubah sendiri.
   ============================================================ */

#bvcb-root{
  position:fixed !important;
  bottom:clamp(14px,3vw,28px) !important;
  right:clamp(14px,3vw,28px) !important;
  top:auto !important; left:auto !important;
  --bvcb-ink:        #DCE2DD;
  --bvcb-ink-soft:   #8E9A93;
  --bvcb-accent:     #FF3B1F;
  --bvcb-header-bg:  transparent;
  --bvcb-header-fg:  #DCE2DD;
  --bvcb-btn-bg:     #0A0C0B;
  --bvcb-btn-fg:     #DCE2DD;
  --bvcb-paper:      #0A0C0B;
  --bvcb-sand:       rgba(220,226,221,.22);
  --bvcb-bot-bubble: rgba(220,226,221,.07);
  --bvcb-bot-fg:     #DCE2DD;
  --bvcb-user-bubble:#FF3B1F;
  --bvcb-user-text:  #0A0C0B;
  font-family:"Cerita",Georgia,serif;
}
#bvcb-root *{border-radius:0 !important}

/* gambar kertas robek bawaan dimatiin, sekarang kotak tegas */
#bvcb-root.bvcb-edge-clean,#bvcb-root.bvcb-edge-jagged{--bvcb-paper-img:none;--bvcb-btn-img:none}

/* tombol pemanggil */
#bvcb-toggle{
  background:#0A0C0B !important;color:#DCE2DD !important;
  border:2px solid #DCE2DD !important;box-shadow:6px 6px 0 #FF3B1F !important;
  width:auto !important;height:auto !important;padding:12px 16px !important;
  font-family:"Papan","Arial Black",sans-serif;font-weight:700;font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  display:flex;align-items:center;gap:9px;transition:transform .25s cubic-bezier(.3,.9,.2,1),box-shadow .25s}
#bvcb-toggle:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #FF3B1F !important}
#bvcb-toggle::after{content:"Ask"}

/* panel */
#bvcb-panel{
  background:#0A0C0B !important;border:2px solid #DCE2DD !important;
  box-shadow:10px 10px 0 rgba(255,59,31,.9) !important;
  width:min(94vw,380px) !important;overflow:hidden}
#bvcb-panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/><feColorMatrix type='saturate' values='0'/></filter><rect width='200' height='200' filter='url(%23f)'/></svg>")}
#bvcb-header,.bvcb-header{
  background:transparent !important;border-bottom:2px solid #DCE2DD !important;
  font-family:"Papan","Arial Black",sans-serif;font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#DCE2DD !important}
#bvcb-messages{background:transparent !important}
.bvcb-msg,.bvcb-bubble{border-radius:0 !important;font-size:14px;line-height:1.55}
.bvcb-msg.bvcb-bot .bvcb-bubble,.bvcb-bot-bubble{background:rgba(220,226,221,.07) !important;color:#DCE2DD !important;border-left:3px solid #FF3B1F}
.bvcb-msg.bvcb-user .bvcb-bubble,.bvcb-user-bubble{background:#FF3B1F !important;color:#0A0C0B !important}
#bvcb-form{border-top:2px solid #DCE2DD !important;background:transparent !important}
#bvcb-input{background:transparent !important;color:#DCE2DD !important;border:0 !important;font-family:"Cerita",Georgia,serif;font-size:14px}
#bvcb-input::placeholder{color:#8E9A93}
#bvcb-send{background:#DCE2DD !important;color:#0A0C0B !important;border:0 !important}
#bvcb-send:hover{background:#FF3B1F !important;color:#0A0C0B !important}
#bvcb-starters button,.bvcb-starter{
  background:transparent !important;color:#DCE2DD !important;border:2px solid rgba(220,226,221,.5) !important;
  font-family:"Papan","Arial Black",sans-serif;font-weight:700;font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:8px 11px}
#bvcb-starters button:hover,.bvcb-starter:hover{background:#DCE2DD !important;color:#0A0C0B !important}
.bvcb-handoff a,.bvcb-cta{background:#FF3B1F !important;color:#0A0C0B !important;border:0 !important;
  font-family:"Papan","Arial Black",sans-serif;font-weight:800;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
@media (max-width:520px){#bvcb-panel{width:calc(100vw - 28px) !important}}