/* FG Bot AI — Frontend Styles v8.7 */
#nb-chat-ui{position:fixed;z-index:9999;direction:rtl;font-family:'Tajawal',sans-serif}
#nb-win{width:340px;height:500px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.2);display:none;flex-direction:column;overflow:hidden;margin-bottom:10px}
.nb-header{color:#fff;padding:12px 8px 6px 12px;font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:12px}
.nb-controls{display:flex;align-items:center;gap:12px}
#nb-text-clear{font-size:15px;cursor:pointer;text-decoration:underline;opacity:.8;font-weight:400;display:none;margin-left:15px}
#nb-text-clear:hover{opacity:1;color:#ffbcbc}
.nb-close-btn{cursor:pointer;font-size:26px;line-height:1;font-weight:900}
#nb-log{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.nb-msg{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;max-width:85%;word-wrap:break-word}
.nb-msg.bot{background:#fff;align-self:flex-start;color:#333;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.nb-msg.user{color:#fff;align-self:flex-end}
/* ── صور الدردشة ── */
.nb-chat-img{
    display:block;
    max-width:200px;
    max-height:180px;
    border-radius:10px;
    margin-bottom:4px;
    object-fit:contain;
    background:#f0f0f0;
}
.nb-bot-link-btn{display:block;padding:10px;border-radius:15px;text-decoration:none;margin-top:10px;font-size:13px;text-align:center;font-weight:700}
.nb-bot-link-btn:hover{opacity:.9}
.nb-contact-row{display:flex;gap:8px;padding:10px;background:#fff}
.nb-contact-btn{flex:1;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:25px;text-decoration:none;font-weight:700;font-size:12px}
.nb-contact-btn svg{width:18px;height:18px}
.nb-footer{padding:5px 5px 0 0;margin-bottom:-8px;display:flex;gap:0;border-top:1px solid #eee;align-items:center}
#nb-input{flex:1;border:1px solid #ddd;border-radius:20px;padding:10px;outline:none;font-size:14px}
#nb-image-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0 0 14px 0;width:36px;height:36px;border-radius:50%;transition:background .2s;color:#888}
#nb-image-btn:hover{background:#f0f0f0}
#nb-image-btn svg{width:20px;height:20px;display:block}
#nb-send{color:#fff;border:none;padding:0 5px;border-radius:20px;cursor:pointer;height:38px}
#nb-fab{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.3)}
#nb-fab svg{width:30px;height:30px}
.nb-msg b,.nb-msg strong{font-weight:800}
.nb-typing{display:flex;gap:4px;padding:10px 14px;align-items:center}
.nb-typing span{width:8px;height:8px;border-radius:50%;animation:nb-bounce 1.2s infinite ease-in-out}
.nb-typing span:nth-child(2){animation-delay:.2s}
.nb-typing span:nth-child(3){animation-delay:.4s}
@keyframes nb-bounce{0%,80%,100%{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}
.nb-error-msg{background:#fff3f3!important;border-right:4px solid #e74c3c!important;color:#c0392b!important}
.nb-retry-btn{background:#e74c3c;color:#fff;border:none;padding:6px 14px;border-radius:10px;cursor:pointer;font-size:12px;margin-top:8px;font-family:inherit}
.nb-retry-btn:hover{background:#c0392b}
@media(max-width:480px){
  #nb-win{width:calc(100vw - 20px);height:calc(100dvh - 90px);max-height:580px;border-radius:16px;margin-bottom:8px}
  .nb-msg{font-size:13px;padding:9px 12px;max-width:90%}
  .nb-chat-img{max-width:160px;max-height:140px}
  #nb-input{font-size:16px;padding:9px 12px}
  #nb-fab{width:50px;height:50px}
}