/* پنل کناری هوش مصنوعی — تب چسبان + iframe صفحهٔ چت */
:root{--bs-ai-w:400px;--bs-ai-dur:.32s;--bs-ai-ease:cubic-bezier(.4,0,.2,1)}

/* ── تب ── */
.bs-aip-tab{position:fixed;top:50%;left:0;z-index:99991;transform:translate(var(--bs-ai-x,0),-50%);display:flex;align-items:center;justify-content:center;width:42px;min-height:128px;padding:14px 0;border:0;border-radius:0 14px 14px 0;background:linear-gradient(180deg,var(--bs-primary,#4f46e5),color-mix(in srgb,var(--bs-primary,#4f46e5) 70%,#000));color:#fff;font:inherit;font-size:13px;font-weight:800;line-height:1;cursor:pointer;box-shadow:4px 6px 22px rgba(15,23,42,.28);transition:transform var(--bs-ai-dur) var(--bs-ai-ease),opacity .25s ease,box-shadow .2s ease,width .2s ease}
.bs-aip-tab:hover{width:46px;box-shadow:6px 8px 26px rgba(15,23,42,.38)}
.bs-aip-tab:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.bs-aip-tab__txt{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;letter-spacing:0}
html.bs-ai-open .bs-aip-tab{--bs-ai-x:var(--bs-ai-w)}
.bs-aip-tab.is-away:not(:focus-visible){opacity:0;pointer-events:none}
html.bs-ai-open .bs-aip-tab.is-away{opacity:1;pointer-events:auto}

/* ── پنل ── */
.bs-aip{position:fixed;top:0;bottom:0;left:0;z-index:99990;display:flex;flex-direction:column;width:var(--bs-ai-w);max-width:100vw;background:#0f1a33;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 40px rgba(2,8,23,.35);transform:translateX(-102%);visibility:hidden;transition:transform var(--bs-ai-dur) var(--bs-ai-ease),visibility 0s linear var(--bs-ai-dur)}
.bs-aip.is-open{transform:none;visibility:visible;transition:transform var(--bs-ai-dur) var(--bs-ai-ease),visibility 0s}
.bs-aip__bar{display:none}
.bs-aip__body{flex:1;min-height:0;position:relative}
.bs-aip__frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0f1a33}
.bs-aip__body::before{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:bsAipSpin .8s linear infinite}
.bs-aip__body.is-loaded::before{display:none}
@keyframes bsAipSpin{to{transform:rotate(360deg)}}

/* ── هل‌دادن سایت ── */
body{transition:margin-left var(--bs-ai-dur) var(--bs-ai-ease)}
html.bs-ai-open body{margin-left:var(--bs-ai-w)}
html.bs-ai-instant body,html.bs-ai-instant .bs-aip,html.bs-ai-instant .bs-aip-tab{transition:none!important}
[data-bs-aip-shifted]{will-change:translate}

/* ── موبایل: تمام‌صفحه، بدون split ── */
@media (max-width:768px){
  html.bs-ai-open body{margin-left:0}
  .bs-aip{width:100vw;height:100vh;height:100dvh;border-right:0;box-shadow:none;z-index:100000}
  .bs-aip__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;height:46px;padding:0 14px;background:#0b1428;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:13px}
  .bs-aip__close{min-height:34px;padding:0 16px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-weight:800;cursor:pointer}
  .bs-aip__close:focus-visible{outline:3px solid #fbbf24}
  html.bs-ai-open .bs-aip-tab{display:none}
  html.bs-ai-lock,html.bs-ai-lock body{overflow:hidden}
  .bs-aip-tab{width:36px;min-height:112px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .bs-aip,.bs-aip-tab,body{transition:none!important}
}
@media print{.bs-aip,.bs-aip-tab{display:none!important}html.bs-ai-open body{margin-left:0}}
