@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');

:root{
  --bwla-ink:#12213A;
  --bwla-ink-soft:#1C2F4C;
  --bwla-paper:#F7F5F0;
  --bwla-line:#FF6A2B;
  --bwla-line-dark:#D9531B;
  --bwla-steel:#8891A0;
  --bwla-steel-dark:#5B6472;
  --bwla-go:#2BB673;
  --bwla-go-dark:#1D7C4F;
  --bwla-sand:#EAE4D6;
}

.bwla-launcher,.bwla-panel,.bwla-panel *{box-sizing:border-box;}

.bwla-launcher{
  position:fixed;bottom:24px;right:24px;z-index:99998;
  display:flex;align-items:center;gap:10px;
  background:var(--bwla-line);color:var(--bwla-ink);border:none;border-radius:999px;
  padding:13px 20px 13px 16px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;
  cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,0.25);transition:transform 0.15s ease;
}
.bwla-launcher:hover{transform:translateY(-2px);}
.bwla-dot{width:8px;height:8px;border-radius:50%;background:var(--bwla-ink);animation:bwla-pulse 1.6s infinite;}
@keyframes bwla-pulse{0%,100%{opacity:1;}50%{opacity:0.35;}}

.bwla-panel{
  position:fixed;bottom:24px;right:24px;z-index:99999;width:360px;max-width:calc(100vw - 32px);
  background:var(--bwla-paper);border:1.5px dashed var(--bwla-line);border-radius:2px;
  box-shadow:0 20px 50px rgba(0,0,0,0.3);display:none;flex-direction:column;overflow:hidden;
}
.bwla-panel.bwla-open{display:flex;}

.bwla-reg{position:absolute;width:16px;height:16px;pointer-events:none;opacity:0.55;}
.bwla-reg::before,.bwla-reg::after{content:"";position:absolute;background:var(--bwla-line);}
.bwla-reg::before{left:7px;top:0;width:2px;height:16px;}
.bwla-reg::after{top:7px;left:0;width:16px;height:2px;}
.bwla-reg-tl{top:-8px;left:-8px;}
.bwla-reg-tr{top:-8px;right:-8px;}

.bwla-head{background:var(--bwla-ink);color:var(--bwla-paper);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;}
.bwla-who{display:flex;align-items:center;gap:10px;}
.bwla-badge{width:34px;height:34px;border-radius:50%;background:var(--bwla-line);color:var(--bwla-ink);
  display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;}
.bwla-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14.5px;}
.bwla-status{font-size:11.5px;color:var(--bwla-steel);display:flex;align-items:center;gap:5px;margin-top:1px;}
.bwla-status-dot{width:6px;height:6px;border-radius:50%;background:var(--bwla-go);}
.bwla-close{background:none;border:none;color:var(--bwla-steel);font-size:20px;cursor:pointer;line-height:1;padding:2px;}
.bwla-close:hover{color:var(--bwla-paper);}

.bwla-body{padding:16px 16px 8px;height:min(430px, 60vh);overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:var(--bwla-paper);font-family:'Inter',sans-serif;}
.bwla-msg{max-width:86%;font-size:13.5px;line-height:1.5;padding:10px 13px;border-radius:3px;}
.bwla-msg-bot{background:var(--bwla-sand);color:var(--bwla-ink);align-self:flex-start;border-left:2.5px solid var(--bwla-line);}
.bwla-msg-user{background:var(--bwla-ink);color:var(--bwla-paper);align-self:flex-end;border-right:2.5px solid var(--bwla-line);}
.bwla-msg-system{align-self:center;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--bwla-steel-dark);
  text-transform:uppercase;letter-spacing:0.06em;padding:2px 0;}

.bwla-qnum{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--bwla-line-dark);margin-bottom:3px;letter-spacing:0.04em;}

.bwla-choices{display:flex;flex-direction:column;gap:6px;align-self:flex-start;max-width:92%;width:100%;}
.bwla-choice-btn{text-align:left;background:var(--bwla-paper);border:1px solid var(--bwla-ink);color:var(--bwla-ink);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;padding:9px 12px;border-radius:2px;cursor:pointer;transition:all .12s ease;}
.bwla-choice-btn:hover{background:var(--bwla-ink);color:var(--bwla-paper);}

.bwla-input-row{border-top:1px solid var(--bwla-sand);padding:10px 12px;display:flex;gap:8px;background:var(--bwla-paper);}
.bwla-input-row input{flex:1;border:1px solid var(--bwla-steel);border-radius:2px;padding:9px 11px;font-family:'Inter',sans-serif;font-size:13px;background:#fff;color:var(--bwla-ink);}
.bwla-input-row input:focus{outline:none;border-color:var(--bwla-line);}
.bwla-input-row button{background:var(--bwla-line);border:none;color:var(--bwla-ink);font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:13px;padding:0 16px;border-radius:2px;cursor:pointer;}
.bwla-input-row button:hover{background:var(--bwla-line-dark);color:var(--bwla-paper);}
.bwla-hidden{display:none;}

.bwla-card{align-self:flex-start;max-width:96%;width:100%;background:#fff;border:1px solid var(--bwla-ink);border-radius:3px;padding:12px 13px;font-size:12.5px;}
.bwla-card-title{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--bwla-go-dark);display:flex;align-items:center;gap:6px;margin-bottom:8px;}
.bwla-card-dot{width:6px;height:6px;border-radius:50%;background:var(--bwla-go);}
.bwla-card table{width:100%;border-collapse:collapse;}
.bwla-card td{padding:3px 0;font-size:12px;color:var(--bwla-ink);}
.bwla-card td:first-child{color:var(--bwla-steel-dark);width:38%;}

.bwla-restart{align-self:center;margin-top:4px;background:none;border:1px solid var(--bwla-steel);color:var(--bwla-steel-dark);
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;padding:5px 10px;border-radius:2px;cursor:pointer;}
.bwla-restart:hover{border-color:var(--bwla-ink);color:var(--bwla-ink);}

.bwla-body::-webkit-scrollbar{width:6px;}
.bwla-body::-webkit-scrollbar-thumb{background:var(--bwla-steel);border-radius:3px;}

@media (max-width: 480px){
  .bwla-launcher{right:16px;bottom:16px;padding:12px 16px 12px 14px;font-size:13px;}
  .bwla-panel{right:16px;bottom:16px;left:16px;width:auto;}
}