/* i-System AI chat widget */
.isc-floating{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:'Inter','IBM Plex Sans Arabic',Arial,sans-serif}
html[dir="rtl"] .isc-floating{font-family:'IBM Plex Sans Arabic','Inter',Arial,sans-serif}
html[dir="rtl"] .isc-floating{right:auto;left:22px;align-items:flex-start}
.isc-launcher{display:flex;align-items:center;gap:10px;background:#0e131a;color:#f4f6f8;border:1px solid rgba(232,255,47,.45);border-radius:40px;padding:8px 18px 8px 8px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 22px rgba(232,255,47,.12);transition:.2s}
.isc-launcher:hover{border-color:#e8ff2f;transform:translateY(-2px)}
.isc-launcher-dot{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8ff2f;color:#0a0d0b;font-size:12px;font-weight:900}
.isc-launcher-dot:after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(232,255,47,.65);animation:iscPulse 2.4s ease-out infinite}
@keyframes iscPulse{0%{opacity:.85;transform:scale(.9)}100%{opacity:0;transform:scale(1.7)}}
.isc-floating.open .isc-launcher-text{display:none}
.isc-floating.open .isc-launcher{padding:8px}
.isc-pop{width:min(390px,calc(100vw - 32px));height:min(600px,calc(100vh - 120px))}
.isc-pop[hidden]{display:none}
/* The assistant's greeting: a message card - who it is, online, "typing…", the greeting and one-tap starters */
.isc-teaser{position:relative;width:min(340px,calc(100vw - 24px));padding:14px 14px 12px;border-radius:20px 20px 6px 20px;color:#f4f6f8;
  background:linear-gradient(180deg,#141b25,#0c1016);border:1px solid rgba(232,255,47,.42);
  box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 36px rgba(232,255,47,.13);animation:iscRise .4s cubic-bezier(.2,.8,.2,1)}
html[dir="rtl"] .isc-teaser{border-radius:20px 20px 20px 6px}
.isc-teaser.leaving{animation:iscFall .26s ease-in forwards}
@keyframes iscRise{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes iscFall{to{opacity:0;transform:translateY(14px) scale(.96)}}
.isc-teaser-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.isc-teaser-avatar{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e8ff2f;color:#0a0d0b;font-size:13px;font-weight:900;box-shadow:0 0 18px rgba(232,255,47,.35)}
.isc-teaser-avatar:after{content:'';position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#2fd47a;border:2px solid #121821}
html[dir="rtl"] .isc-teaser-avatar:after{right:auto;left:-1px}
.isc-teaser-who{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.isc-teaser-who b{font-size:14.5px}
.isc-teaser-who small{font-size:12px;color:#7fe0b0}
.isc-teaser-close{align-self:flex-start;background:none;border:0;color:#9ca6b5;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}
.isc-teaser-close:hover{color:#fff}
.isc-typing{display:inline-flex;gap:5px;padding:13px 15px;border-radius:6px 16px 16px 16px;background:#1b2431}
html[dir="rtl"] .isc-typing,html[dir="rtl"] .isc-teaser-msg{border-radius:16px 6px 16px 16px}
.isc-typing i{width:7px;height:7px;border-radius:50%;background:#aab4c2;animation:iscDot 1s ease-in-out infinite}
.isc-typing i:nth-child(2){animation-delay:.15s}.isc-typing i:nth-child(3){animation-delay:.3s}
@keyframes iscDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.isc-teaser-msg{margin:0;padding:12px 14px;border-radius:6px 16px 16px 16px;background:#1b2431;font-size:14.5px;line-height:1.6;animation:iscPop .25s ease-out}
.isc-teaser-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.isc-teaser-chip{padding:7px 12px;border-radius:999px;border:1px solid rgba(232,255,47,.38);background:rgba(232,255,47,.06);color:#eef3c8;font:inherit;font-size:12.5px;line-height:1.35;text-align:start;cursor:pointer;transition:background .2s,color .2s}
.isc-teaser-chip:hover{background:#e8ff2f;color:#0a0d0b}
.isc-teaser-reply{display:block;width:100%;margin-top:10px;padding:11px 14px;border-radius:12px;border:1px solid #2a3240;background:#0a0e14;color:#8e99a7;font:inherit;font-size:13.5px;text-align:start;cursor:text}
.isc-teaser-reply:hover{border-color:rgba(232,255,47,.6);color:#c3cad5}
.isc-teaser [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.isc-teaser,.isc-teaser.leaving,.isc-typing i,.isc-launcher-dot:after{animation:none}}
@keyframes iscPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.isc-panel{display:flex;flex-direction:column;background:#0b0f15;border:1px solid #2b3340;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.6);color:#f4f6f8;font-size:14px;line-height:1.5}
.isc-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #1d2430;background:#0e131a}
.isc-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#e8ff2f;color:#0a0d0b;font-weight:900;font-size:12px}
.isc-titles{display:flex;flex-direction:column;min-width:0;flex:1}
.isc-titles strong{font-size:14px}
.isc-sub{font-size:11px;color:#9ca6b5}
.isc-close{background:none;border:0;color:#9ca6b5;font-size:26px;cursor:pointer;line-height:1;padding:0 4px}
.isc-badge{background:#2a1f45;color:#d9c7ff;font-size:11px;font-weight:700;padding:6px 14px;letter-spacing:.3px}
.isc-notice{font-size:11px;color:#8e99a7;padding:8px 16px;border-bottom:1px solid #161c25}
.isc-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.isc-msg{max-width:86%;padding:9px 13px;border-radius:14px;background:#151a22;word-break:break-word}
.isc-msg .isc-who{display:block;font-size:10px;font-weight:800;letter-spacing:.4px;color:#e8ff2f;margin-bottom:2px;text-transform:uppercase}
.isc-msg .isc-text{white-space:pre-wrap}
.isc-msg a{color:#e8ff2f;text-decoration:underline}
.isc-customer{align-self:flex-end;background:#1f2a12;border:1px solid rgba(232,255,47,.25)}
.isc-customer .isc-who{color:#c7d98a}
.isc-ai{align-self:flex-start}
.isc-team{align-self:flex-start;background:#122019;border:1px solid rgba(127,224,196,.35)}
.isc-team .isc-who{color:#7fe0c4}
.isc-sim{display:block;margin-top:4px;font-size:10px;color:#c9a7ff;letter-spacing:.3px}
.isc-system{align-self:center;background:transparent;color:#ff8c8c;font-size:12px;text-align:center}
.isc-typing{font-size:12px;color:#9ca6b5;padding:0 16px 6px}
.isc-typing[hidden]{display:none}
.isc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.isc-chips[hidden]{display:none}
.isc-floating button,.demo-chat button{font-family:inherit}
.isc-chip{background:#11161d;color:#dbe1e8;border:1px solid #2b3340;border-radius:16px;padding:7px 13px;font-size:13px;line-height:1.3;cursor:pointer}
.isc-chip:hover{border-color:#e8ff2f;color:#e8ff2f}
.isc-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #1d2430;background:#0e131a}
.isc-input{flex:1;resize:none;min-height:42px;max-height:120px;background:#0a0d12;color:#f4f6f8;border:1px solid #303744;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;outline:none}
.isc-input:focus{border-color:#e8ff2f}
.isc-send{background:#e8ff2f;color:#0a0d0b;border:0;border-radius:12px;padding:0 16px;font-weight:800;cursor:pointer}
.isc-send:disabled,.isc-input:disabled{opacity:.6}
.isc-foot{padding:8px 12px 10px;background:#0e131a;display:flex;flex-direction:column;align-items:center;gap:6px}
.isc-contacts{display:flex;gap:8px;width:100%}
.isc-contact{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;text-align:center;background:#e8ff2f;color:#0a0d0b!important;font-weight:800;font-size:13px;line-height:1.2;padding:8px 12px;border-radius:12px;text-decoration:none}
.isc-contact:hover{filter:brightness(.92)}
.isc-social{display:flex;gap:8px;width:100%}
.isc-social-link{flex:1;display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:10px;font-weight:700;font-size:12.5px;text-decoration:none;color:#f4f6f8!important;background:#161c25;border:1px solid rgba(255,255,255,.14)}
.isc-social-link:hover{border-color:rgba(232,255,47,.55)}
.isc-human{background:none;border:0;color:#9ca6b5;font-size:12px;text-decoration:underline;cursor:pointer}
.isc-human:disabled{opacity:.5;cursor:default}
@media(max-width:520px){
  .isc-floating{right:12px;bottom:12px}
  html[dir="rtl"] .isc-floating{left:12px}
  .isc-floating.open,html[dir="rtl"] .isc-floating.open{inset:0;padding:0;background:rgba(0,0,0,.6)}
  .isc-floating.open .isc-pop{width:100%;height:100%;max-height:none}
  .isc-floating.open .isc-panel{border-radius:0}
  .isc-floating.open .isc-launcher{display:none}
  .isc-launcher-text{display:none}
  .isc-launcher{padding:8px}
}
/* "Voice call" chooser: WhatsApp or Telegram (no phone number, no phone credit) */
.isc-call{background:#11161d!important;color:#e8ff2f!important;border:1px solid rgba(232,255,47,.5);cursor:pointer;font-family:inherit}
.isc-callbox{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.66);display:flex;align-items:center;justify-content:center;padding:16px;animation:iscPop .2s ease-out}
.isc-callcard{position:relative;width:min(400px,100%);background:#0e131a;border:1px solid rgba(232,255,47,.45);border-radius:20px;padding:26px 22px 20px;color:#f4f6f8;font-family:'Inter','IBM Plex Sans Arabic',Arial,sans-serif;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.isc-callbox[dir="rtl"] .isc-callcard{font-family:'IBM Plex Sans Arabic','Inter',Arial,sans-serif}
.isc-callclose{position:absolute;top:10px;inset-inline-end:12px;background:none;border:0;color:#9ca6b5;font-size:26px;cursor:pointer;line-height:1}
.isc-calltitle{display:block;font-size:21px;margin-bottom:8px}
.isc-calltext{margin:0 0 16px;color:#c3cad5;font-size:14.5px;line-height:1.6}
.isc-calloptions{display:grid;gap:10px}
.isc-callopt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;font-weight:800;font-size:17px;text-decoration:none;color:#fff!important}
.isc-callopt-whatsapp{background:#1fa855}.isc-callopt-whatsapp:hover{background:#25d366}
.isc-callopt-telegram{background:#2a8bd0}.isc-callopt-telegram:hover{background:#33a0eb}
.isc-callnote{display:block;margin-top:12px;color:#8e99a7;font-size:12.5px;text-align:center}
.isc-callalt{margin:18px 0 10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#c3cad5;font-size:13.5px;line-height:1.55}
.isc-callalt-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.isc-callalt-options .isc-callopt{min-height:44px;font-size:15px}
.isc-callopt-instagram{background:#b8327f}.isc-callopt-instagram:hover{background:#d13d92}

/* The AI button: a glowing orb with the AI sparkle and a light running around the border (premium look).
   Closed: orb + "Chat with i-System AI" + "Online"; open: the orb shows a cross; phones: the orb alone. */
@property --isc-a{syntax:'<angle>';initial-value:0deg;inherits:false}
.isc-launcher{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:6px 20px 6px 6px;border-radius:999px;
  border:1.5px solid transparent;color:#f4f6f8;cursor:pointer;text-align:start;
  background:linear-gradient(rgba(11,15,21,.9),rgba(11,15,21,.9)) padding-box,
    conic-gradient(from var(--isc-a),rgba(232,255,47,.95),rgba(89,216,255,.85),rgba(169,139,255,.85),rgba(232,255,47,.25),rgba(232,255,47,.95)) border-box;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 36px rgba(232,255,47,.16);
  animation:iscBorder 5s linear infinite;transition:transform .25s ease,box-shadow .25s ease}
html[dir="rtl"] .isc-launcher{padding:6px 6px 6px 20px}
@keyframes iscBorder{to{--isc-a:360deg}}
.isc-launcher:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 22px 56px rgba(0,0,0,.6),0 0 48px rgba(232,255,47,.3)}
.isc-launcher-dot{position:relative;flex-shrink:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#0a0d0b;
  background:radial-gradient(circle at 34% 28%,#fdffe0 0%,#eeff5a 30%,#d4ec14 62%,#93ab00 100%);
  box-shadow:0 0 0 3px rgba(232,255,47,.16),0 0 26px rgba(232,255,47,.55),inset 0 -7px 12px rgba(0,0,0,.22),inset 0 4px 8px rgba(255,255,255,.55);
  animation:iscBreath 3.4s ease-in-out infinite;font-size:0}
.isc-launcher-dot:before{content:'';position:absolute;inset:-7px;border-radius:50%;z-index:-1;
  background:conic-gradient(from var(--isc-a),rgba(232,255,47,0),rgba(232,255,47,.55),rgba(89,216,255,.45),rgba(232,255,47,0));
  filter:blur(6px);animation:iscBorder 3s linear infinite}
.isc-spark{width:23px;height:23px;fill:#0a0d0b;animation:iscTwinkle 3.4s ease-in-out infinite}
.isc-x{display:none;width:20px;height:20px;fill:none;stroke:#0a0d0b;stroke-width:2.6;stroke-linecap:round}
.isc-launcher-badge{position:absolute;right:-6px;bottom:-4px;padding:2px 5px;border-radius:7px;background:#0b0f15;border:1px solid rgba(232,255,47,.6);
  color:#e8ff2f;font-size:9.5px;font-weight:800;letter-spacing:.06em;line-height:1.2}
html[dir="rtl"] .isc-launcher-badge{right:auto;left:-6px}
.isc-launcher-label{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.2;min-width:0}
.isc-launcher-text{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.isc-launcher-sub{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#9fe7bf;white-space:nowrap}
.isc-launcher-sub:before{content:'';width:7px;height:7px;border-radius:50%;background:#2fd47a;box-shadow:0 0 8px #2fd47a;animation:aiBlinkIsc 2s ease-in-out infinite}
@keyframes iscBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes iscTwinkle{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(12deg) scale(1.08)}}
@keyframes aiBlinkIsc{0%,100%{opacity:.45}50%{opacity:1}}
.isc-floating.open .isc-launcher-label{display:none}
.isc-floating.open .isc-launcher,html[dir="rtl"] .isc-floating.open .isc-launcher{padding:6px}
.isc-floating.open .isc-spark,.isc-floating.open .isc-launcher-badge{display:none}
.isc-floating.open .isc-x{display:block}
.isc-floating.open .isc-launcher-dot{animation:none}
@media(max-width:520px){
  .isc-launcher-label{display:none}
  .isc-launcher,html[dir="rtl"] .isc-launcher{padding:5px}
  .isc-launcher-dot{width:52px;height:52px}
  .isc-spark{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){
  .isc-launcher,.isc-launcher-dot,.isc-launcher-dot:before,.isc-spark,.isc-launcher-sub:before{animation:none}
}
/* The AI button in strong red (owner's choice: catches the eye at once): a red orb with a white sparkle,
   a red-orange light around the border, red pulse rings, and a small bounce every few seconds. */
.isc-launcher{background:linear-gradient(rgba(14,10,12,.92),rgba(14,10,12,.92)) padding-box,
    conic-gradient(from var(--isc-a),#ff2d3d,#ff7a2f,#ff2d6f,rgba(255,45,61,.3),#ff2d3d) border-box;
  box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 38px rgba(255,45,61,.35)}
.isc-launcher:hover{box-shadow:0 22px 56px rgba(0,0,0,.6),0 0 56px rgba(255,45,61,.55)}
.isc-launcher-dot{color:#fff;background:radial-gradient(circle at 34% 28%,#ffb3b3 0%,#ff4b4b 32%,#e3112b 64%,#9e0016 100%);
  box-shadow:0 0 0 3px rgba(255,45,61,.2),0 0 30px rgba(255,45,61,.75),inset 0 -7px 12px rgba(0,0,0,.25),inset 0 4px 8px rgba(255,255,255,.45);
  animation:iscBreath 3.4s ease-in-out infinite,iscNudge 6s ease-in-out 3s infinite}
.isc-launcher-dot:before{background:conic-gradient(from var(--isc-a),rgba(255,45,61,0),rgba(255,45,61,.7),rgba(255,122,47,.55),rgba(255,45,61,0))}
.isc-launcher-dot:after{border-color:rgba(255,60,70,.75)}
.isc-spark{fill:#fff}
.isc-x{stroke:#fff}
.isc-launcher-badge{border-color:rgba(255,80,90,.8);color:#ff5a64}
.isc-teaser-avatar{background:radial-gradient(circle at 34% 28%,#ffb3b3 0%,#ff4b4b 32%,#e3112b 70%,#9e0016 100%);color:#fff;box-shadow:0 0 18px rgba(255,45,61,.5)}
@keyframes iscNudge{0%,86%,100%{rotate:0deg;translate:0 0}89%{rotate:-12deg;translate:0 -3px}92%{rotate:10deg;translate:0 -3px}95%{rotate:-6deg;translate:0 0}98%{rotate:3deg}}
.isc-floating.open .isc-launcher-dot{animation:none}
@media(prefers-reduced-motion:reduce){.isc-launcher-dot{animation:none}}
/* Final look of the red AI button.
   Laptops: a glossy red pill with white text, a white orb holding a red sparkle, and a light that sweeps across.
   Phones: a big red orb with a white sparkle and two red ripples. */
.isc-launcher{padding:6px 24px 6px 6px;border:1px solid rgba(255,170,175,.55);
  background:linear-gradient(135deg,#ff5260 0%,#ec1832 50%,#b3001e 100%);
  box-shadow:0 14px 40px rgba(229,18,46,.5),0 0 60px rgba(255,45,61,.25),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(90,0,12,.35);
  animation:none}
html[dir="rtl"] .isc-launcher{padding:6px 6px 6px 24px}
.isc-launcher:hover{border-color:rgba(255,200,205,.8);box-shadow:0 18px 48px rgba(229,18,46,.65),0 0 80px rgba(255,45,61,.35),inset 0 1px 0 rgba(255,255,255,.55)}
.isc-launcher:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%) 100% 0/250% 100% no-repeat;animation:iscSheen 4.5s ease-in-out infinite}
@keyframes iscSheen{0%,55%{background-position:100% 0}100%{background-position:0 0}}
.isc-launcher-text{color:#fff;text-shadow:0 1px 2px rgba(90,0,12,.35)}
.isc-launcher-sub{color:#ffe3e5}
.isc-launcher-sub:before{background:#7dffb0;box-shadow:0 0 8px #7dffb0}
.isc-launcher-dot{background:radial-gradient(circle at 35% 28%,#fff 0%,#fff2f3 55%,#ffd0d4 100%);
  box-shadow:0 0 0 3px rgba(255,255,255,.2),0 6px 16px rgba(110,0,14,.45),inset 0 -4px 8px rgba(229,18,46,.18)}
.isc-launcher-dot:after{border-color:rgba(255,255,255,.75)}
.isc-spark{fill:#e5122e}
.isc-x{stroke:#e5122e}
.isc-launcher-badge{background:#fff;border-color:#fff;color:#e5122e;box-shadow:0 2px 6px rgba(110,0,14,.35)}
@media(max-width:520px){
  .isc-launcher,html[dir="rtl"] .isc-launcher{padding:0;border:0;background:none;box-shadow:none}
  .isc-launcher:after{display:none}
  .isc-launcher:before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,60,70,.7);pointer-events:none;
    animation:iscPulse 2.4s ease-out 1.2s infinite}
  .isc-launcher-dot{width:58px;height:58px;background:radial-gradient(circle at 34% 28%,#ffb3b3 0%,#ff4b4b 32%,#e3112b 64%,#9e0016 100%);
    box-shadow:0 0 0 3px rgba(255,45,61,.22),0 10px 30px rgba(229,18,46,.6),0 0 40px rgba(255,45,61,.55),inset 0 -7px 12px rgba(0,0,0,.25),inset 0 4px 8px rgba(255,255,255,.45)}
  .isc-launcher-dot:after{border-color:rgba(255,60,70,.75)}
  .isc-spark{fill:#fff;width:28px;height:28px}
  .isc-x{stroke:#fff}
  .isc-launcher-badge{background:#0b0f15;border-color:rgba(255,80,90,.85);color:#ff5a64}
}
@media(prefers-reduced-motion:reduce){.isc-launcher:after,.isc-launcher:before{animation:none}}