#bn-fab{position:fixed;bottom:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0d2d52,#1a4a7a);box-shadow:0 4px 18px rgba(13,45,82,.45);cursor:pointer;border:none;z-index:2147483646;display:flex;align-items:center;justify-content:center;transition:transform .2s}
#bn-fab:hover{transform:scale(1.08)}
#bn-fab img{width:36px;height:36px;border-radius:50%;object-fit:contain}
#bn-fab-txt{color:#fff;font-size:22px;font-weight:700;display:none;align-items:center;justify-content:center}
#bn-badge{position:absolute;top:-2px;right:-2px;background:#e8a020;color:#fff;font-size:10px;font-weight:700;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
#bn-panel{position:fixed;bottom:96px;width:370px;max-height:575px;background:#fff;border-radius:18px;box-shadow:0 8px 36px rgba(13,45,82,.22);z-index:2147483647;display:none;flex-direction:column;overflow:hidden;font-family:Segoe UI,Arial,sans-serif;direction:rtl;border:1px solid rgba(13,45,82,.12)}
#bn-panel.bn-open{display:flex;animation:bn-up .22s ease}
@keyframes bn-up{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
#bn-hd{background:linear-gradient(135deg,#0d2d52,#1a4a7a);color:#fff;padding:0 12px;height:56px;display:flex;align-items:center;gap:9px;flex-shrink:0}
.bn-hlogo{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #e8a020}
.bn-htt{flex:1}.bn-htt h2{font-size:13px;font-weight:600;margin:0 0 1px;color:#fff}.bn-htt p{font-size:10.5px;opacity:.75;margin:0;color:#fff}
.bn-dot{width:6px;height:6px;border-radius:50%;background:#4cdb9e;flex-shrink:0;animation:bn-pulse 2s infinite}
@keyframes bn-pulse{0%,100%{opacity:1}50%{opacity:.4}}
#bn-rrbtn{background:rgba(255,255,255,.15);border:.5px solid rgba(255,255,255,.3);border-radius:16px;padding:3px 10px;font-size:12px;cursor:pointer;color:#fff;display:none;align-items:center;font-family:inherit}
#bn-rrbtn:hover{background:rgba(255,255,255,.28)}
#bn-rrbtn.bn-vis{display:flex}
#bn-cls{background:rgba(255,255,255,.15);border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#bn-cls:hover{background:rgba(255,255,255,.28)}
#bn-rs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;background:#f7f9fc}
.bn-rst{text-align:center;padding:2px 0 6px}
.bn-rst h3{font-size:14px;font-weight:600;color:#0d2d52;margin:0 0 4px}
.bn-rst p{font-size:11.5px;color:#667;line-height:1.5;margin:0}
.bn-rg{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bn-rc{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:11px 10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden;transition:border-color .15s,transform .12s}
.bn-rc:after{content:"";position:absolute;top:0;right:0;width:3px;height:100%}
.bn-rc.pl:after{background:#2d6aad}.bn-rc.co:after{background:#c0392b}.bn-rc.su:after{background:#27ae60}.bn-rc.ma:after{background:#e8a020}.bn-rc.ge:after{background:#8899aa}
.bn-rc:hover{border-color:#0d2d52;transform:translateY(-1px)}
.bn-rc.ge{grid-column:1/-1}
.bn-rc.ge .bn-inn{display:flex;align-items:center;gap:9px}
.bn-ri{font-size:20px;line-height:1}
.bn-rn{font-size:12.5px;font-weight:600;color:#1a2a3a;margin:0}
.bn-rd{font-size:10.5px;color:#668;line-height:1.4;margin:0}
#bn-cs{display:none;flex:1;flex-direction:column;overflow:hidden;background:#f7f9fc}
#bn-cs.bn-vis{display:flex}
#bn-msgs{flex:1;overflow-y:auto;padding:10px 10px 4px;display:flex;flex-direction:column;gap:9px}
#bn-msgs::-webkit-scrollbar{width:2px}
#bn-msgs::-webkit-scrollbar-thumb{background:#ccd}
.bn-m{display:flex;align-items:flex-end;gap:5px;max-width:90%}
.bn-m.u{align-self:flex-start;flex-direction:row-reverse}
.bn-m.b{align-self:flex-end}
.bn-av{width:25px;height:25px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}
.bn-m.b .bn-av{background:#0d2d52;color:#fff}
.bn-m.u .bn-av{background:#e2e8f0;color:#445;font-size:9px;font-weight:700;font-family:Arial}
.bn-bbl{padding:8px 11px;border-radius:13px;font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.bn-m.b .bn-bbl{background:#fff;color:#1a2a3a;border-bottom-left-radius:3px;border:.5px solid #e2e8f0}
.bn-m.u .bn-bbl{background:#0d2d52;color:#fff;border-bottom-right-radius:3px}
.bn-srcs{margin-top:6px;padding-top:6px;border-top:.5px solid #e8ecf0;font-size:10.5px;color:#778;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.bn-sl{display:inline-flex;align-items:center;gap:2px;color:#2d6aad;text-decoration:none;font-size:10px;padding:2px 5px;border-radius:7px;border:.5px solid #dde;background:#f7f9fc}
.bn-sl:hover{background:#edf2f7}
.bn-typ{display:flex;align-items:center;gap:3px;padding:2px}
.bn-typ span{width:5px;height:5px;border-radius:50%;background:#aab;animation:bn-b 1.2s infinite}
.bn-typ span:nth-child(2){animation-delay:.2s}
.bn-typ span:nth-child(3){animation-delay:.4s}
@keyframes bn-b{0%,80%,100%{transform:none}40%{transform:translateY(-4px)}}
#bn-chips{padding:0 9px 5px;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;flex-shrink:0;background:#f7f9fc}
.bn-chip{padding:4px 9px;border:.5px solid #ccd6e0;border-radius:14px;font-size:11px;cursor:pointer;background:#fff;color:#334;font-family:inherit;transition:background .12s}
.bn-chip:hover{background:#edf2f7}
#bn-ib{border-top:1px solid #e8ecf2;padding:7px 9px;display:flex;gap:6px;align-items:flex-end;flex-shrink:0;background:#fff}
#bn-inp{flex:1;border:1px solid #ccd6e0;border-radius:14px;padding:7px 11px;font-size:12.5px;resize:none;font-family:inherit;min-height:34px;max-height:80px;direction:rtl;background:#f7f9fc;color:#1a2a3a;line-height:1.5;outline:none}
#bn-inp:focus{border-color:#1a4a7a;background:#fff}
#bn-snd{width:34px;height:34px;border-radius:50%;background:#0d2d52;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}
#bn-snd:hover{opacity:.85}
#bn-snd:disabled{opacity:.35;cursor:default}
#bn-snd svg{width:14px;height:14px;fill:#fff}
.bn-wm{text-align:center;padding:3px 0 5px;font-size:10px;color:#aab;background:#fff;flex-shrink:0}
.bn-wm a{color:#aab;text-decoration:none}
@media(max-width:480px){#bn-panel{bottom:0;left:0!important;right:0!important;width:100%;max-height:88vh;border-radius:16px 16px 0 0}#bn-fab{bottom:14px}}