:root{
  --badr-ai-bg:#07100c;
  --badr-ai-bg-2:#0d1711;
  --badr-ai-gold:#d9b455;
  --badr-ai-gold-soft:#f0d98d;
  --badr-ai-green:#35b77a;
  --badr-ai-text:#f8f6ef;
  --badr-ai-muted:#aeb9b1;
  --badr-ai-line:rgba(227,195,111,.22);
  --badr-ai-shadow:0 28px 90px rgba(0,0,0,.38);
}
.badr-ai-root{position:fixed;z-index:9800;right:max(14px,env(safe-area-inset-right));bottom:max(88px,calc(env(safe-area-inset-bottom) + 14px));max-width:calc(100vw - 24px);font-family:inherit;direction:ltr}
.is-ar .badr-ai-root{direction:rtl}
.badr-ai-launcher{position:relative;display:flex;align-items:center;gap:10px;max-width:100%;border:1px solid rgba(229,196,107,.38);background:linear-gradient(135deg,rgba(11,27,18,.95),rgba(5,13,9,.96));color:#fff;border-radius:999px;padding:9px 13px 9px 9px;box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset;cursor:pointer;backdrop-filter:blur(16px);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;min-height:58px}
.is-ar .badr-ai-launcher{padding:9px 9px 9px 13px}
.badr-ai-launcher:hover{transform:translateY(-3px);border-color:rgba(239,211,135,.62);box-shadow:0 22px 64px rgba(0,0,0,.42),0 0 34px rgba(53,183,122,.12)}
.badr-ai-orb{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#f2dd9d 0 7%,#d9b455 8% 18%,#174d37 48%,#07100c 74%);box-shadow:0 0 0 1px rgba(244,218,143,.35),0 0 26px rgba(217,180,85,.22);overflow:hidden;flex:none}
.badr-ai-orb::before{content:"";position:absolute;width:31px;height:31px;border-radius:50%;background:#08120d;transform:translate(9px,-7px);box-shadow:-5px 6px 18px rgba(0,0,0,.18)}
.badr-ai-orb::after{content:"B";position:relative;z-index:2;color:#eed183;font-size:17px;font-weight:800;letter-spacing:-.08em;transform:translateX(-1px)}
.badr-ai-launch-copy{display:grid;text-align:left;line-height:1.05}.is-ar .badr-ai-launch-copy{text-align:right}
.badr-ai-launch-copy b{font-size:.79rem;letter-spacing:.08em}.badr-ai-launch-copy small{font-size:.62rem;color:#b5c3b9;margin-top:4px;white-space:nowrap}
.badr-ai-status-dot{position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#57d999;box-shadow:0 0 0 5px rgba(87,217,153,.11)}
.is-ar .badr-ai-status-dot{right:auto;left:7px}
.badr-ai-welcome{position:absolute;right:0;bottom:70px;width:min(310px,calc(100vw - 34px));padding:14px 15px;border-radius:18px;background:rgba(7,16,12,.95);border:1px solid var(--badr-ai-line);box-shadow:var(--badr-ai-shadow);color:#fff;backdrop-filter:blur(18px);opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:.35s ease}
.is-ar .badr-ai-welcome{right:auto;left:0}.badr-ai-welcome.is-visible{opacity:1;transform:none}
.badr-ai-welcome b{display:block;font-size:.88rem;margin-bottom:4px}.badr-ai-welcome span{display:block;font-size:.78rem;line-height:1.55;color:#c8d1cb}
.badr-ai-panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:min(690px,calc(100dvh - 110px));display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,rgba(10,22,16,.985),rgba(5,12,9,.99));border:1px solid rgba(229,196,107,.28);border-radius:28px;box-shadow:0 34px 110px rgba(0,0,0,.52);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(14px) scale(.975);transform-origin:bottom right;transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .28s;backdrop-filter:blur(20px)}
.is-ar .badr-ai-panel{right:auto;left:0;transform-origin:bottom left}.badr-ai-panel.is-open{opacity:1;visibility:visible;transform:none}
.badr-ai-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 4%,rgba(53,183,122,.11),transparent 28%),radial-gradient(circle at 5% 95%,rgba(217,180,85,.075),transparent 28%)}
.badr-ai-head{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:17px 18px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.badr-ai-head-orb{width:43px;height:43px}.badr-ai-head-copy{display:grid;line-height:1.15}.badr-ai-head-copy b{font-size:.95rem;color:#fff;letter-spacing:.04em}.badr-ai-head-copy small{font-size:.68rem;line-height:1.4;color:#b7c1ba;margin-top:4px}.badr-ai-close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#e8eee9;cursor:pointer;font-size:20px;line-height:1}
.badr-ai-messages{position:relative;z-index:1;overflow-y:auto;padding:18px 16px 8px;scroll-behavior:smooth;overscroll-behavior:contain}
.badr-ai-message{display:flex;margin:0 0 13px}.badr-ai-message.user{justify-content:flex-end}.badr-ai-message.assistant{justify-content:flex-start}
.badr-ai-bubble{max-width:86%;border-radius:20px;padding:11px 13px;font-size:.86rem;line-height:1.65;white-space:pre-wrap;word-wrap:break-word}
.badr-ai-message.assistant .badr-ai-bubble{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);color:#edf3ee;border-top-left-radius:7px}
.is-ar .badr-ai-message.assistant .badr-ai-bubble{border-top-left-radius:20px;border-top-right-radius:7px}
.badr-ai-message.user .badr-ai-bubble{background:linear-gradient(135deg,#bd953d,#dfbd67);color:#09100c;border-top-right-radius:7px;font-weight:650}
.is-ar .badr-ai-message.user .badr-ai-bubble{border-top-right-radius:20px;border-top-left-radius:7px}
.badr-ai-intro{padding:5px 2px 12px}.badr-ai-intro h3{font-size:1.22rem;line-height:1.25;color:#fff;margin:0 0 8px}.badr-ai-intro p{font-size:.84rem;line-height:1.65;color:#bfc9c1;margin:0 0 13px}
.badr-ai-quick{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.badr-ai-chip{border:1px solid rgba(228,196,107,.22);background:rgba(255,255,255,.035);color:#e8eee9;border-radius:999px;padding:8px 10px;font-size:.72rem;line-height:1.2;cursor:pointer;transition:.2s ease}.badr-ai-chip:hover{background:rgba(217,180,85,.12);border-color:rgba(228,196,107,.42);transform:translateY(-1px)}
.badr-ai-typing{display:inline-flex;gap:4px;align-items:center;padding:3px 2px}.badr-ai-typing i{width:6px;height:6px;border-radius:50%;background:#d9b455;animation:badrAiDots 1s infinite ease-in-out}.badr-ai-typing i:nth-child(2){animation-delay:.12s}.badr-ai-typing i:nth-child(3){animation-delay:.24s}@keyframes badrAiDots{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}
.badr-ai-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.badr-ai-action{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:7px 9px;background:rgba(53,183,122,.09);border:1px solid rgba(83,210,146,.2);color:#dff6e9;font-size:.68rem;font-weight:800;text-decoration:none}.badr-ai-action:hover{background:rgba(53,183,122,.15)}
.badr-ai-foot{position:relative;z-index:2;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.07);background:rgba(4,10,7,.86)}
.badr-ai-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.badr-ai-input{width:100%;min-height:46px;max-height:116px;resize:none;border-radius:17px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;padding:11px 12px;font:inherit;font-size:.84rem;line-height:1.5;outline:none}.badr-ai-input:focus{border-color:rgba(225,190,95,.46);box-shadow:0 0 0 3px rgba(217,180,85,.07)}.badr-ai-input::placeholder{color:#8f9d94}
.badr-ai-send{width:46px;height:46px;border-radius:15px;border:1px solid rgba(229,196,107,.32);background:linear-gradient(135deg,#c69c42,#e2c269);color:#09110c;cursor:pointer;font-size:20px;font-weight:900}.badr-ai-send:disabled{opacity:.5;cursor:default}
.badr-ai-note{margin-top:7px;text-align:center;font-size:.59rem;line-height:1.45;color:#78867d}.badr-ai-note strong{color:#a9b5ad}
.badr-ai-preview-tag{display:inline-flex;align-items:center;gap:5px;color:#e7cc7a;font-size:.6rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}.badr-ai-preview-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#e1b957}
.badr-ai-root button,.badr-ai-root textarea,.badr-ai-root a{-webkit-tap-highlight-color:transparent}
@media(max-width:680px){
  .badr-ai-root{right:12px;bottom:78px}.is-ar .badr-ai-root{right:12px}
  .badr-ai-launcher{min-height:54px;padding:8px 11px 8px 8px}.badr-ai-orb{width:38px;height:38px}.badr-ai-launch-copy small{display:none}
  .badr-ai-panel{position:fixed;inset:auto 0 0 0;width:100vw;height:min(88dvh,760px);border-radius:28px 28px 0 0;transform-origin:bottom center;border-left:0;border-right:0;border-bottom:0}
  .badr-ai-panel.is-open{transform:none}.badr-ai-welcome{right:0;bottom:65px;width:min(292px,calc(100vw - 24px))}
  .is-ar .badr-ai-welcome{left:auto;right:0}.badr-ai-head{padding-top:14px}.badr-ai-messages{padding:16px 13px 7px}.badr-ai-bubble{max-width:91%;font-size:.84rem}.badr-ai-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:390px){.badr-ai-launch-copy b{font-size:.74rem}.badr-ai-panel{height:91dvh}.badr-ai-quick{gap:6px}.badr-ai-chip{font-size:.68rem;padding:7px 9px}}

@media(max-width:1180px){
  .badr-ai-root{right:12px;bottom:82px}
  .badr-ai-panel{position:fixed;left:12px;right:12px;bottom:84px;width:auto;max-width:none;height:min(74dvh,680px);border-radius:24px;transform-origin:bottom center}
  .is-ar .badr-ai-panel{left:12px;right:12px;transform-origin:bottom center}
  .badr-ai-welcome{width:min(310px,calc(100vw - 24px))}
}
@media(prefers-reduced-motion:reduce){.badr-ai-launcher,.badr-ai-panel,.badr-ai-welcome,.badr-ai-chip,.badr-ai-typing i{transition:none!important;animation:none!important}}

/* BADR AI V2.1 — Developer Brain metadata */
.badr-ai-meta-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 8px}
.badr-ai-mode,.badr-ai-confidence{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:.58rem;line-height:1.2;font-weight:900;letter-spacing:.04em}
.badr-ai-mode{color:#f1d582;background:rgba(217,180,85,.10);border:1px solid rgba(217,180,85,.25)}
.badr-ai-confidence{color:#bcd8c8;background:rgba(53,183,122,.08);border:1px solid rgba(53,183,122,.18)}
.badr-ai-bubble-text{white-space:pre-wrap;word-wrap:break-word}


/* V36.16 — stable desktop RTL/LTR floating layout */
/* BADR AI always lives on the RIGHT. Language changes content direction only. */
.badr-ai-root,.is-ar .badr-ai-root{right:max(18px,env(safe-area-inset-right))!important;left:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;direction:ltr}
.is-ar .badr-ai-root{direction:rtl}
.badr-ai-panel,.is-ar .badr-ai-panel{right:0!important;left:auto!important;transform-origin:bottom right!important}
.badr-ai-welcome,.is-ar .badr-ai-welcome{right:0!important;left:auto!important}
html,body{max-width:100%;overflow-x:clip}
@media (min-width:681px) and (max-width:1180px){
  .badr-ai-panel,.is-ar .badr-ai-panel{position:fixed!important;right:14px!important;left:auto!important;bottom:92px!important;width:min(390px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;height:min(72dvh,680px)!important;transform-origin:bottom right!important}
}
@media (max-width:680px){
  .badr-ai-root,.is-ar .badr-ai-root{right:12px!important;left:auto!important;bottom:14px!important}
  .badr-ai-panel,.is-ar .badr-ai-panel{position:fixed!important;inset:auto 0 0 0!important;width:100vw!important;max-width:100vw!important;height:min(88dvh,760px)!important;border-radius:28px 28px 0 0!important;transform-origin:bottom center!important}
  .badr-ai-welcome,.is-ar .badr-ai-welcome{right:0!important;left:auto!important;width:min(292px,calc(100vw - 24px))!important}
}

/* V2.4 verified-site source chips */
.badr-ai-sources{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}
.badr-ai-sources-title{font-size:.61rem;color:#8fa097;font-weight:800;letter-spacing:.04em}
.badr-ai-source{display:inline-flex;align-items:center;border:1px solid rgba(229,196,107,.18);background:rgba(217,180,85,.055);color:#d9c98f;text-decoration:none;border-radius:999px;padding:5px 8px;font-size:.61rem;line-height:1.2;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badr-ai-source:hover{background:rgba(217,180,85,.12);border-color:rgba(229,196,107,.36);color:#f1dfa3}


/* V36.21 — English-only floating layout fix for Developers + Investors + Team
   Preserve Arabic exactly as-is.
   EN: WhatsApp = left, BADR AI = right. */
body:not(.is-ar)[data-page="developers"] .floating-whatsapp,
body:not(.is-ar)[data-page="investors"] .floating-whatsapp,
body:not(.is-ar)[data-page="team"] .floating-whatsapp{
  left:22px!important;
  right:auto!important;
  bottom:22px!important;
}
body:not(.is-ar)[data-page="developers"] .badr-ai-root,
body:not(.is-ar)[data-page="investors"] .badr-ai-root,
body:not(.is-ar)[data-page="team"] .badr-ai-root{
  right:max(18px,env(safe-area-inset-right))!important;
  left:auto!important;
}
@media(max-width:680px){
  body:not(.is-ar)[data-page="developers"] .floating-whatsapp,
  body:not(.is-ar)[data-page="investors"] .floating-whatsapp,
  body:not(.is-ar)[data-page="team"] .floating-whatsapp{
    left:15px!important;
    right:auto!important;
    bottom:15px!important;
  }
  body:not(.is-ar)[data-page="developers"] .badr-ai-root,
  body:not(.is-ar)[data-page="investors"] .badr-ai-root,
  body:not(.is-ar)[data-page="team"] .badr-ai-root{
    right:12px!important;
    left:auto!important;
    bottom:14px!important;
  }
}