/* This file loads only where Nora is shown; there she replaces the separate Joinchat WhatsApp button (still used on /app/). */
.joinchat{display:none!important}
#ga-nora{--nora-navy:#0a1424;--nora-ink:#152a3d;--nora-teal:#0bb8c6;--nora-teal-deep:#088a96;--nora-orange:#ffa336;--nora-line:#e6edf3;--nora-bg:#f5f8fb;--nora-muted:#5c7186;
  position:fixed;left:20px;bottom:20px;z-index:99990;font-family:'Tajawal','Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;font-size:15px;line-height:1.7;color:var(--nora-ink);direction:rtl;text-align:right}
#ga-nora *{box-sizing:border-box}
#ga-nora [hidden]{display:none!important}
#ga-nora .ga-nora-launcher{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:8px 8px 8px 18px;background:var(--nora-navy);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(10,20,36,.28)}
#ga-nora .ga-nora-launcher:hover{background:#13233b}
#ga-nora .ga-nora-launcher:focus-visible,#ga-nora button:focus-visible,#ga-nora a:focus-visible,#ga-nora textarea:focus-visible{outline:3px solid var(--nora-orange);outline-offset:2px}
#ga-nora .ga-nora-avatar{flex:0 0 auto;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--nora-teal),var(--nora-teal-deep));color:#fff;font-family:'Cairo','Tajawal',sans-serif;font-weight:800;font-size:19px}
#ga-nora .ga-nora-panel{width:370px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 40px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--nora-line);border-radius:18px;box-shadow:0 18px 50px rgba(10,20,36,.25);overflow:hidden}
#ga-nora .ga-nora-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--nora-navy);color:#fff}
#ga-nora .ga-nora-head div{flex:1;display:flex;flex-direction:column;line-height:1.35}
#ga-nora .ga-nora-head strong{font-size:16px}
#ga-nora .ga-nora-head small{color:#b9cbdc;font-size:12px}
#ga-nora .ga-nora-head-wa{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1fa855;color:#fff;text-decoration:none}
#ga-nora .ga-nora-head-wa:hover{background:#178a45}
#ga-nora .ga-nora-head-wa svg{width:19px;height:19px;fill:currentColor}
#ga-nora .ga-nora-close{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer}
#ga-nora .ga-nora-close:hover{background:rgba(255,255,255,.12)}
#ga-nora .ga-nora-testing{padding:6px 14px;background:#fff4e3;color:#8a5200;font-size:12px;border-bottom:1px solid #ffe2b8}
#ga-nora .ga-nora-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--nora-bg)}
#ga-nora .ga-nora-msg{max-width:86%;padding:9px 13px;border-radius:14px;white-space:normal;overflow-wrap:anywhere}
#ga-nora .ga-nora-bot{align-self:flex-start;background:#fff;border:1px solid var(--nora-line);border-top-right-radius:4px}
#ga-nora .ga-nora-user{align-self:flex-end;background:var(--nora-teal-deep);color:#fff;border-top-left-radius:4px}
#ga-nora .ga-nora-msg a{color:var(--nora-teal-deep);font-weight:700;text-decoration:underline;overflow-wrap:anywhere}
#ga-nora .ga-nora-typing{color:var(--nora-muted);font-style:italic}
#ga-nora .ga-nora-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px;background:var(--nora-bg)}
#ga-nora .ga-nora-chip{border:1px solid #bfe7eb;background:#fff;color:var(--nora-teal-deep);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
#ga-nora .ga-nora-chip:hover{background:#e9f8f9}
#ga-nora .ga-nora-handoff{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--nora-line);background:#fff;font-size:13px;color:var(--nora-muted)}
#ga-nora .ga-nora-handoff span{flex-basis:100%}
#ga-nora .ga-nora-wa,#ga-nora .ga-nora-contact{display:inline-flex;align-items:center;border-radius:9px;padding:6px 12px;font-weight:700;text-decoration:none;font-size:13px}
#ga-nora .ga-nora-wa{background:#1fa855;color:#fff}
#ga-nora .ga-nora-contact{background:#fff;color:var(--nora-ink);border:1px solid var(--nora-line)}
#ga-nora .ga-nora-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--nora-line);background:#fff}
#ga-nora textarea{flex:1;resize:none;border:1px solid #cfdbe5;border-radius:12px;padding:9px 12px;font:inherit;font-size:15px;color:var(--nora-ink);background:#fff;max-height:110px;min-height:42px}
#ga-nora .ga-nora-send{border:0;border-radius:12px;background:var(--nora-orange);color:var(--nora-navy);font:inherit;font-weight:800;padding:9px 16px;cursor:pointer;min-height:42px}
#ga-nora .ga-nora-send:disabled{opacity:.55;cursor:wait}
@media (max-width:520px){
  #ga-nora{left:12px;bottom:12px}
  #ga-nora .ga-nora-launcher-text{display:none}
  #ga-nora .ga-nora-launcher{padding:6px}
  #ga-nora.is-open{left:0;right:0;bottom:0}
  #ga-nora .ga-nora-panel{width:100vw;max-width:100vw;height:min(88vh,640px);border-radius:18px 18px 0 0}
  #ga-nora textarea{font-size:16px}
}
@media (prefers-reduced-motion:no-preference){#ga-nora .ga-nora-panel{animation:ga-nora-in .18s ease-out}@keyframes ga-nora-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
