/* ============================================================
   هوشی — لایه‌ی زیباسازی ظاهر (Polish Layer)
   این فایل بعد از بقیه لود می‌شود و ظاهر را لوکس‌تر می‌کند.
   ============================================================ */

/* ---------- گرادیان‌های پیشرفته‌تر و رنگ‌های زنده‌تر ---------- */
:root {
  --grad-brand: linear-gradient(135deg, #2635d9 0%, #7c3aed 50%, #ec4899 100%);
  --grad-mesh: radial-gradient(at 20% 20%, rgba(124,58,237,.18) 0, transparent 50%),
               radial-gradient(at 80% 0%, rgba(38,53,217,.15) 0, transparent 50%),
               radial-gradient(at 90% 80%, rgba(236,72,153,.12) 0, transparent 50%),
               radial-gradient(at 10% 90%, rgba(6,182,212,.12) 0, transparent 50%);
  --shadow-soft: 0 4px 24px -8px rgba(31,38,135,.18);
  --shadow-lift: 0 20px 60px -18px rgba(31,38,135,.40);
  --shadow-glow: 0 0 0 1px rgba(124,58,237,.10), 0 8px 40px -10px rgba(124,58,237,.30);
}

/* ---------- پس‌زمینه‌ی مش زنده برای صفحات ---------- */
body.page-landing,
body.page-app {
  background-image: var(--grad-mesh);
  background-attachment: fixed;
}

/* ---------- کارت‌های شیشه‌ای لوکس‌تر ---------- */
.glass {
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.tool-card, .price-card, .plan-card, .site-card, .step {
  transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .35s ease !important;
}
.tool-card:hover {
  transform: translateY(-6px) scale(1.015);
  box-shadow: var(--shadow-lift);
  border-color: rgba(124,58,237,.25);
}
.tool-card:hover .icon-orb { transform: scale(1.08) rotate(-3deg); }
.icon-orb { transition: transform .4s cubic-bezier(.2,.8,.2,1); }

/* ---------- نشان‌های روی کارت ---------- */
.site-badge, .lock-badge {
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 10px -2px rgba(0,0,0,.12);
  font-weight: 700;
}
.tool-locked { opacity: .82; }
.tool-locked:hover { opacity: 1; }

/* ---------- کارت‌های قیمت (صفحه‌ی فرود و پلن‌ها) ---------- */
.price-card {
  position: relative;
  padding: 28px 22px;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.price-card::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent 40%);
  pointer-events: none;
}
.price-card.featured {
  border: 1.5px solid rgba(124,58,237,.35) !important;
  box-shadow: var(--shadow-glow);
  transform: translateY(-6px);
}
.price-card.featured:hover { transform: translateY(-12px); }
.price-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); }
.price-card .pc-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.price-card .pc-head h3 { margin: 0; }
.price-card .pc-price {
  font-size: 30px; font-weight: 900; letter-spacing: -.5px;
  background: var(--grad-brand); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; line-height: 1.1; margin: 6px 0 2px;
}
.price-card .pc-price small { font-size: 13px; font-weight: 500; -webkit-text-fill-color: var(--ink-faint); color: var(--ink-faint); }
.price-card .pc-feats { list-style: none; padding: 0; margin: 16px 0 18px; display: grid; gap: 9px; }
.price-card .pc-feats li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; line-height: 1.6; }
.price-card .pc-feats li svg { color: var(--green); flex-shrink: 0; }
.price-card .btn { margin-top: auto; }
.price-card .pc-badge {
  position: absolute; top: 16px; left: 16px;
  background: var(--grad-brand); color: #fff; font-size: 11px; font-weight: 700;
  padding: 4px 12px; border-radius: 20px; box-shadow: 0 4px 14px -4px rgba(124,58,237,.5);
}
.abrina-card { border: 1px solid rgba(250,129,0,.25) !important; }

/* ---------- دکمه‌های زیباتر ---------- */
.btn {
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, filter .2s ease !important;
  position: relative;
}
.btn:not(.ghost):not(:disabled):hover { transform: translateY(-2px); box-shadow: 0 10px 28px -8px rgba(124,58,237,.45); }
.btn:not(:disabled):active { transform: translateY(0) scale(.98); }
.btn.warm:hover { box-shadow: 0 10px 28px -8px rgba(250,129,0,.5); }

/* ---------- هیرو پرشکوه‌تر ---------- */
.hero { position: relative; }
.hero .h-display {
  letter-spacing: -1px;
  line-height: 1.12;
}
.gradient-text {
  background: var(--grad-brand);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: gradShift 6s ease infinite;
}
@keyframes gradShift {
  0%, 100% { background-position: 0% center; }
  50% { background-position: 100% center; }
}
.hero-stat .n {
  font-size: clamp(28px, 5vw, 40px); font-weight: 900; letter-spacing: -1px;
}

/* ---------- اوربیت‌های متحرک هیرو ---------- */
.hero-orbits span {
  filter: blur(40px);
  opacity: .55;
  animation: float 14s ease-in-out infinite;
}
.hero-orbits span:nth-child(2) { animation-delay: -7s; animation-duration: 18s; }
@keyframes float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(30px, -20px) scale(1.1); }
  66% { transform: translate(-20px, 20px) scale(.95); }
}

/* ---------- آیکن‌اورب با درخشش ---------- */
.icon-orb {
  box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 6px 18px -6px rgba(124,58,237,.35);
}
.icon-orb.warm { box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 6px 18px -6px rgba(250,129,0,.4); }
.icon-orb.cool { box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 6px 18px -6px rgba(6,182,212,.4); }

/* ---------- اسکرول‌بار ظریف ---------- */
* { scrollbar-width: thin; scrollbar-color: rgba(124,58,237,.3) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb { background: rgba(124,58,237,.28); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: rgba(124,58,237,.5); background-clip: padding-box; }

/* ---------- ورود نرم عناصر ---------- */
[data-reveal] { animation: revealUp .6s cubic-bezier(.2,.8,.2,1) both; }
@keyframes revealUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- سایدبار اپ زیباتر ---------- */
.app-sidebar a {
  border-radius: 12px;
  transition: background .25s ease, color .25s ease, transform .2s ease;
}
.app-sidebar a:hover { transform: translateX(-3px); }
.app-sidebar a.active {
  background: linear-gradient(135deg, rgba(124,58,237,.14), rgba(38,53,217,.08));
  box-shadow: inset 0 0 0 1px rgba(124,58,237,.16);
}

/* ---------- چت حباب‌های زیباتر ---------- */
.msg.bot .bubble, .msg.user .bubble {
  box-shadow: var(--shadow-soft);
}
.msg.user .bubble {
  background: var(--grad-brand);
  color: #fff;
}

/* ---------- نتیجه‌ی ابزار: کارت‌های امتیاز ---------- */
.score-ring { filter: drop-shadow(0 6px 18px rgba(124,58,237,.25)); }
.score-item { transition: transform .3s ease; }
.score-item:hover { transform: translateY(-3px); }
.check-item { transition: transform .25s ease, box-shadow .25s ease; }
.check-item:hover { transform: translateX(-3px); box-shadow: var(--shadow-soft); }

/* ---------- قفل ابزار ---------- */
.locked-box .icon-orb { animation: lockPulse 2.5s ease-in-out infinite; }
@keyframes lockPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 720px) {
  .pricing-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 480px) {
  .pricing-grid { grid-template-columns: 1fr !important; }
}

/* ---------- حالت تیره: تطبیق ---------- */
[data-theme="dark"] body.page-landing,
[data-theme="dark"] body.page-app {
  background-image:
    radial-gradient(at 20% 20%, rgba(124,58,237,.22) 0, transparent 50%),
    radial-gradient(at 80% 0%, rgba(38,53,217,.18) 0, transparent 50%),
    radial-gradient(at 90% 80%, rgba(236,72,153,.14) 0, transparent 50%);
}
[data-theme="dark"] .price-card .pc-feats li svg { color: #34d399; }

/* ---------- نمایش تمیز JSON (fallback هوشمند) ---------- */
.pj-list { display: grid; gap: 10px; margin: 8px 0; }
.pj-card { padding: 14px 16px; border-radius: 12px; display: grid; gap: 6px; }
.pj-item { display: flex; align-items: flex-start; gap: 8px; line-height: 1.8; }
.pj-item svg { flex-shrink: 0; margin-top: 4px; color: var(--green, #16a34a); }
.pj-section { margin: 12px 0; }
.pj-row { line-height: 1.9; margin: 4px 0; }
.pj-key { color: var(--accent, #7c3aed); font-weight: 700; }
.pj-section > .pj-key { display: block; margin-bottom: 6px; font-size: 14.5px; }

/* ---------- لینک‌های صفحه ورود ---------- */
.auth-links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.auth-links a { color: var(--accent, #7c3aed); font-size: 13px; cursor: pointer; text-decoration: none; }
.auth-links a:hover { text-decoration: underline; }

/* ---------- دسته‌بندی ابزارها ---------- */
.tool-cat { margin-bottom: 30px; }
.tool-cat-head { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(124,58,237,.12); }
.tool-cat-head h3 { margin: 0; font-size: 17px; font-weight: 800; }
.tool-cat-count { margin-inline-start: auto; font-size: 12px; color: var(--ink-faint, #888); background: rgba(124,58,237,.07); padding: 3px 12px; border-radius: 20px; }
[data-theme="dark"] .tool-cat-head { border-color: rgba(255,255,255,.08); }

/* ---------- باکس‌های اطلاعیه ---------- */
.ann-box {
  border-radius: 14px; padding: 14px 18px; line-height: 1.85; font-size: 14px;
  backdrop-filter: blur(16px) saturate(160%); -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1px solid transparent;
}
.ann-box b { font-weight: 800; }
.ann-info    { background: rgba(56,130,246,.12);  border-color: rgba(56,130,246,.30);  color: #1d4ed8; }
.ann-success { background: rgba(22,163,74,.12);   border-color: rgba(22,163,74,.30);   color: #15803d; }
.ann-warning { background: rgba(217,119,6,.12);   border-color: rgba(217,119,6,.32);   color: #b45309; }
.ann-danger  { background: rgba(220,38,38,.12);   border-color: rgba(220,38,38,.32);   color: #b91c1c; }
[data-theme="dark"] .ann-info    { color: #93c5fd; }
[data-theme="dark"] .ann-success { color: #86efac; }
[data-theme="dark"] .ann-warning { color: #fcd34d; }
[data-theme="dark"] .ann-danger  { color: #fca5a5; }
.ann-stack { display: grid; gap: 10px; margin-bottom: 20px; }

/* ============ چت: مود ============ */
.mode-bar { display: flex; gap: 7px; overflow-x: auto; padding: 4px 2px 10px; scrollbar-width: thin; }
.mode-bar::-webkit-scrollbar { height: 4px; }
.mode-bar::-webkit-scrollbar-thumb { background: rgba(124,58,237,.3); border-radius: 4px; }
.mode-chip {
  flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 13px; border-radius: 20px; font-size: 12.5px; font-weight: 600;
  border: 1px solid rgba(124,58,237,.18); background: rgba(255,255,255,.5);
  color: var(--ink, #333); cursor: pointer; transition: all .18s; white-space: nowrap;
}
.mode-chip:hover { border-color: rgba(124,58,237,.4); background: rgba(124,58,237,.06); }
.mode-chip.active { background: var(--accent, #7c3aed); color: #fff; border-color: var(--accent, #7c3aed); }
[data-theme="dark"] .mode-chip { background: rgba(255,255,255,.06); color: #ddd; }
.mode-active-hint { font-size: 12px; color: var(--accent, #7c3aed); padding: 2px 4px 8px; line-height: 1.6; }

/* ============ چت: اکشن‌های پیام ============ */
.msg .msg-actions { display: flex; gap: 4px; margin-top: 6px; opacity: 0; transition: opacity .15s; }
.msg:hover .msg-actions { opacity: 1; }
.msg-act {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 8px; cursor: pointer;
  border: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.6); color: #666;
  transition: all .15s;
}
.msg-act:hover { background: var(--accent, #7c3aed); color: #fff; border-color: var(--accent, #7c3aed); }
[data-theme="dark"] .msg-act { background: rgba(255,255,255,.08); color: #aaa; border-color: rgba(255,255,255,.1); }

/* ============ چت: تایپ‌رایتر ============ */
.msg-body.tw::after { content: '▌'; color: var(--accent, #7c3aed); animation: twBlink 1s steps(2) infinite; }
@keyframes twBlink { 50% { opacity: 0; } }

/* ============ چت: باکس کد ============ */
.code-block { border-radius: 12px; overflow: hidden; margin: 12px 0; border: 1px solid rgba(0,0,0,.1); background: #0f1535; }
.code-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: rgba(255,255,255,.06); }
.code-lang { font-size: 11.5px; font-weight: 700; color: #a9b4e0; text-transform: uppercase; letter-spacing: .5px; }
.code-tools { display: flex; gap: 6px; }
.code-btn {
  display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px;
  padding: 4px 9px; border-radius: 7px; cursor: pointer; color: #cdd5f5;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); transition: all .15s;
}
.code-btn:hover { background: var(--accent, #7c3aed); color: #fff; }
.code-block pre { margin: 0; padding: 14px; overflow-x: auto; background: transparent; }
.code-block code { color: #e6e9f5; font-family: 'Fira Code', 'Courier New', monospace; font-size: 13px; line-height: 1.7; direction: ltr; text-align: left; display: block; }
.code-preview { background: #fff; border-top: 1px solid rgba(255,255,255,.12); }
.preview-frame { width: 100%; min-height: 200px; border: 0; background: #fff; display: block; }

/* ============ چت: ویرایش درجا ============ */
.edit-area {
  width: 100%; min-height: 60px; border-radius: 10px; padding: 10px 12px;
  border: 1px solid rgba(124,58,237,.3); background: rgba(255,255,255,.7);
  font-family: inherit; font-size: 14px; line-height: 1.8; resize: none; color: var(--ink, #222);
}
[data-theme="dark"] .edit-area { background: rgba(255,255,255,.08); color: #eee; }
.edit-actions { display: flex; gap: 8px; margin-top: 8px; }

/* ============================================================
   نشان «بررسی زنده از سایت» — شفافیت اینکه هوشی واقعاً سایت را خواند
   ============================================================ */
.tool-chips {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
  padding: 8px 12px; margin-bottom: 12px;
  border-radius: 12px; font-size: 11.5px; line-height: 1.6;
  background: rgba(124,58,237,.07);
  border: 1px solid rgba(124,58,237,.16);
  color: var(--violet, #7c3aed);
  animation: chipIn .4s cubic-bezier(.2,.8,.2,1);
}
[data-theme="dark"] .tool-chips { background: rgba(139,92,246,.12); border-color: rgba(139,92,246,.25); color: #b7a4f7; }
.tool-chips-label { font-weight: 800; margin-inline-start: 2px; }
.tool-chip {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 9px; border-radius: 20px; font-weight: 700;
  background: rgba(124,58,237,.12);
  border: 1px solid rgba(124,58,237,.18);
}
[data-theme="dark"] .tool-chip { background: rgba(139,92,246,.18); border-color: rgba(139,92,246,.3); }
@keyframes chipIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ---------- وضعیت زنده هنگام تایپ هوشی ---------- */
.chat-typing .bubble { display: flex; align-items: center; gap: 10px; }
.typing-status {
  font-size: 12px; color: var(--muted, #777); font-weight: 600;
  animation: statusPulse 2.6s ease-in-out infinite;
}
@keyframes statusPulse { 0%,100% { opacity: .55; } 50% { opacity: 1; } }

/* ---------- بهبودهای ریز UX ---------- */
/* دکمه‌ها: بازخورد لمسی نرم */
.btn:active, .mini-btn:active, .icon-btn:active { transform: scale(.97); }
/* فوکوس واضح برای دسترسی صفحه‌کلید */
.btn:focus-visible, .input:focus-visible, .select:focus-visible, .msg-act:focus-visible {
  outline: 2px solid var(--violet-400, #8b5cf6); outline-offset: 2px;
}
/* لود شدن نرم نتیجه‌ی ابزار */
#loading-step { transition: opacity .3s ease; }
/* جدول‌های ادمین: ردیف hover خواناتر */
.adm-table tbody tr { transition: background .15s ease; }
.adm-table tbody tr:hover { background: rgba(124,58,237,.045); }
[data-theme="dark"] .adm-table tbody tr:hover { background: rgba(139,92,246,.08); }

/* =========================================================
   Hooshi v5 — admin integrations + premium chat surfaces
   ========================================================= */
.admin-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}
.admin-section-title h2{margin:2px 0 0;font-size:22px;letter-spacing:-.35px}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#7c3aed)}
.status-dot{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(239,68,68,.08);color:#b42318;border:1px solid rgba(239,68,68,.15)}
.status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(239,68,68,.09)}
.status-dot.is-on{background:rgba(16,185,129,.09);color:#087a55;border-color:rgba(16,185,129,.18)}
.status-dot.is-on::before{box-shadow:0 0 0 4px rgba(16,185,129,.1)}
.admin-elevated{position:relative;overflow:hidden;box-shadow:0 18px 60px -42px rgba(51,35,99,.5)}
.admin-elevated::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.42),transparent)}
.soft-panel{background:linear-gradient(145deg,rgba(124,58,237,.055),rgba(6,182,212,.035)),var(--glass)}
.secret-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:rgba(15,23,42,.05);border:1px solid var(--glass-brd);font-size:12px;direction:ltr}
.integration-banner{display:flex;align-items:center;gap:15px;padding:17px 18px;border-radius:18px;border-color:rgba(124,58,237,.19);background:linear-gradient(120deg,rgba(124,58,237,.09),rgba(6,182,212,.055))}
.integration-banner p{margin:5px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.85}
.integration-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--grad-brand);box-shadow:0 14px 28px -16px rgba(124,58,237,.85)}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border-radius:14px;border:1px solid var(--glass-brd);background:var(--glass-2);cursor:pointer}
.switch-row span{display:flex;flex-direction:column;gap:4px}.switch-row small{color:var(--ink-faint);font-weight:500}.switch-row input{width:42px;height:23px;accent-color:var(--accent,#7c3aed)}
.check-row{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.check-row input{width:16px;height:16px;accent-color:var(--accent,#7c3aed)}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stack-cards{display:grid;gap:14px}
.copy-field{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:12px;border:1px solid var(--glass-brd);background:rgba(15,23,42,.045);font-size:11.5px;overflow:hidden}
.copy-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.copy-field button{width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;background:var(--glass-hi);color:var(--ink-soft)}
.checklist-card ol{margin:12px 0 0;padding-right:22px;color:var(--ink-soft);font-size:13px;line-height:2}.checklist-card li::marker{color:var(--accent,#7c3aed);font-weight:900}
[data-theme="dark"] .status-dot.is-on{color:#6ee7b7}[data-theme="dark"] .status-dot{color:#fca5a5}
[data-theme="dark"] .secret-pill,[data-theme="dark"] .copy-field{background:rgba(255,255,255,.045)}
@media(max-width:680px){.form-grid-2{grid-template-columns:1fr}.admin-section-title{align-items:flex-start}.integration-banner{align-items:flex-start}}
.whmcs-user-cell{display:grid;gap:4px;min-width:155px}.whmcs-user-cell .badge{width:max-content}.whmcs-user-cell small{color:var(--ink-faint);font-size:10.5px}

/* ===== Hooshi V5: Live chat & admin experience ===== */
.chat-shell{position:relative;isolation:isolate;min-height:calc(100vh - 76px);overflow:hidden}
.chat-ambient{position:absolute;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.22;z-index:-1}
.chat-ambient.a1{width:360px;height:360px;background:#8b5cf6;top:4%;right:8%}.chat-ambient.a2{width:320px;height:320px;background:#22d3ee;bottom:8%;left:6%}
.chat-welcome{max-width:760px;margin:8vh auto 0;text-align:center;padding:34px 26px}
.welcome-spark{width:92px;height:92px;margin:0 auto 18px;position:relative;display:grid;place-items:center}.welcome-spark .wl-orb{width:72px;height:72px;border-radius:26px;background:linear-gradient(145deg,#6d28d9,#8b5cf6 55%,#22d3ee);color:#fff;display:grid;place-items:center;box-shadow:0 24px 56px -20px rgba(109,40,217,.8);animation:hooshiFloat 4s ease-in-out infinite}.welcome-spark>i{position:absolute;width:7px;height:7px;border-radius:50%;background:#a78bfa;animation:pulse 2s infinite}.welcome-spark>i:nth-child(2){top:8px;right:7px}.welcome-spark>i:nth-child(3){bottom:12px;left:2px;animation-delay:.5s}.welcome-spark>i:nth-child(4){top:30px;left:-6px;animation-delay:1s}
.welcome-kicker,.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:900;color:#7c3aed}.chat-welcome h2{font-size:clamp(25px,4vw,40px);line-height:1.35;margin:8px 0 12px}.chat-welcome>p{max-width:620px;margin:0 auto;color:var(--ink-faint);line-height:2}
.welcome-live{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(16,185,129,.09);color:#047857;font-size:12px;margin-top:14px}.welcome-live i,.live-pill i,.soft-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.12);display:inline-block}
.suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px auto 0;max-width:680px}.suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;padding:14px 16px;border:1px solid rgba(124,58,237,.12);border-radius:15px;background:rgba(255,255,255,.58);backdrop-filter:blur(14px);transition:.22s ease;color:var(--ink)}.suggestion:hover{transform:translateY(-2px);border-color:rgba(124,58,237,.35);box-shadow:0 18px 35px -28px #6d28d9}
.chat-context-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 13px;border:1px solid rgba(124,58,237,.12);background:rgba(255,255,255,.6);backdrop-filter:blur(18px);border-radius:15px 15px 8px 8px;margin-bottom:8px}.site-switch{display:flex;align-items:center;gap:10px;cursor:pointer}.site-switch input{position:absolute;opacity:0}.switch-ui{width:39px;height:23px;border-radius:99px;background:#d7d8e2;padding:3px;transition:.2s}.switch-ui i{display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #999;transition:.2s}.site-switch input:checked+.switch-ui{background:#7c3aed}.site-switch input:checked+.switch-ui i{transform:translateX(-16px)}.site-switch b{font-size:12.5px}.site-switch small{display:block;color:var(--ink-faint);font-size:10.5px;margin-top:1px}.context-picker{max-width:210px;font-size:12px;padding:7px 10px}.privacy-note{margin-inline-start:auto;font-size:10.5px;color:var(--ink-faint);display:flex;align-items:center;gap:4px}
.composer-box{border-radius:20px!important;padding:8px 9px 8px 15px!important;box-shadow:0 24px 60px -34px rgba(38,20,90,.55)!important}.composer-box textarea{line-height:1.9}.composer-send{transition:.2s cubic-bezier(.2,.8,.2,1)}.composer-send:not(:disabled):hover{transform:scale(1.06) rotate(-3deg)}.composer-foot{padding:6px 6px 0}.composer-foot>span:first-child{display:flex;align-items:center;gap:8px}
.legacy-entry-toast{margin:10px auto;max-width:760px;padding:12px 15px;border-radius:14px;background:linear-gradient(110deg,rgba(16,185,129,.12),rgba(124,58,237,.08));border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;gap:10px}.legacy-entry-toast svg{color:#059669}.legacy-entry-toast small{display:block;color:var(--ink-faint);margin-top:2px}
.msg.bot .bubble{border:1px solid rgba(124,58,237,.08);box-shadow:0 16px 42px -35px rgba(61,35,110,.55)}.msg-body{line-height:1.95}.msg-body .md-p{margin:.55em 0}.msg-body .md-h{margin:1.15em 0 .45em;font-size:1.05em}.msg-body .md-ul,.msg-body .md-ol{margin:.65em 0;padding-inline-start:22px}.msg-body li{margin:.35em 0}
.hooshi-card{margin:12px 0;border-radius:15px;padding:13px 15px;border:1px solid transparent}.hooshi-card-title{font-weight:850;margin-bottom:5px;display:flex;align-items:center;gap:7px}.hooshi-card-body .md-p{margin:.35em 0}.hooshi-card-success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.18)}.hooshi-card-info{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.17)}.hooshi-card-warning{background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.2)}.hooshi-card-danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.18)}
.answer-highlight{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:12px;margin:10px 0}.answer-highlight b{white-space:nowrap}.answer-highlight-success{background:rgba(16,185,129,.08)}.answer-highlight-info{background:rgba(99,102,241,.08)}.answer-highlight-warning{background:rgba(245,158,11,.09)}
.hooshi-metrics{margin:13px 0}.hooshi-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;margin-top:8px}.hooshi-metric{padding:11px;border-radius:13px;background:rgba(124,58,237,.055);border:1px solid rgba(124,58,237,.1)}.hooshi-metric span,.hooshi-metric small{display:block;font-size:10.5px;color:var(--ink-faint)}.hooshi-metric b{display:block;font-size:17px;margin:3px 0}
.evidence-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:9px;border-top:1px solid rgba(0,0,0,.055);font-size:10.5px}.evidence-state{display:flex;align-items:center;gap:5px;font-weight:700}.evidence-bar.is-live .evidence-state{color:#047857}.evidence-bar.is-cached .evidence-state{color:#b45309}.evidence-sources{display:flex;gap:5px;flex-wrap:wrap}.evidence-source{display:inline-flex;gap:4px;max-width:180px;padding:4px 7px;border-radius:999px;background:rgba(124,58,237,.07);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-source b{color:#7c3aed}
.typing-caret{display:inline-block;width:2px;height:1.05em;background:#7c3aed;margin-inline-start:3px;vertical-align:-2px;animation:caretBlink .7s infinite}.answer-arrived{animation:answerIn .32s ease both}.typing-status{transition:.2s}
.admin-hero{padding:22px 24px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-hero h2{margin:5px 0}.admin-hero p{margin:0;line-height:1.8}.live-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(16,185,129,.09);color:#047857;font-size:11px;font-weight:800;white-space:nowrap}.knowledge-state{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.knowledge-state i{width:7px;height:7px;border-radius:50%;background:#94a3b8}.ks-ready i{background:#10b981}.ks-syncing i{background:#3b82f6;animation:pulse 1s infinite}.ks-stale i{background:#f59e0b}.ks-error i{background:#ef4444}.sync-error{display:inline-block;color:#b91c1c;background:rgba(239,68,68,.08);padding:5px 8px;border-radius:8px;font-size:10px}.ok-text{color:#047857}.knowledge-orb{width:112px;height:112px;border-radius:30px;background:linear-gradient(145deg,#6d28d9,#8b5cf6);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 25px 50px -28px #6d28d9}.knowledge-orb b{font-size:25px}.knowledge-orb span{font-size:10px;opacity:.8}.coverage-grid{display:grid;gap:7px}.coverage-item{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:11px;background:rgba(124,58,237,.05)}.coverage-item span{display:block;font-size:10px;color:var(--ink-faint);margin-top:2px}.coverage-item strong{font-size:18px}.timeline.compact{display:grid;gap:11px}.timeline-row{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:start}.timeline-row>i{width:8px;height:8px;border-radius:50%;background:#10b981;margin-top:6px}.timeline-row.is-error>i{background:#ef4444}.timeline-row b,.timeline-row span,.timeline-row small{display:block}.timeline-row span,.timeline-row small,.timeline-row time{font-size:10px;color:var(--ink-faint)}.chunk-cloud{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.chunk-card{padding:12px;border-radius:13px;background:rgba(124,58,237,.045);border:1px solid rgba(124,58,237,.08)}.chunk-card>span{font-size:9px;color:#7c3aed;font-weight:900}.chunk-card>b,.chunk-card>small{display:block}.chunk-card>b{margin:5px 0;font-size:12px}.chunk-card>small{font-size:9.5px;color:var(--ink-faint)}.live-admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.live-admin-metrics>div{text-align:center;padding:12px;border-radius:13px;background:rgba(124,58,237,.045)}.live-admin-metrics b,.live-admin-metrics small{display:block}.live-admin-metrics b{font-size:20px;margin:4px}.live-admin-metrics small{font-size:10px;color:var(--ink-faint)}.live-admin-metrics .danger{background:rgba(239,68,68,.07);color:#b91c1c}
[data-theme="dark"] .suggestion,[data-theme="dark"] .chat-context-bar{background:rgba(22,22,32,.72)}[data-theme="dark"] .evidence-bar{border-color:rgba(255,255,255,.07)}
@keyframes hooshiFloat{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes caretBlink{50%{opacity:0}}@keyframes answerIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:720px){.suggestions{grid-template-columns:1fr}.chat-welcome{margin-top:4vh;padding-inline:12px}.privacy-note{width:100%;margin:0}.admin-hero{align-items:flex-start;flex-direction:column}.knowledge-orb{width:100%;height:auto;padding:16px}.live-admin-metrics{grid-template-columns:repeat(2,1fr)}}
.auth-sso-alert{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;margin-bottom:14px;border-radius:12px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.2)}.auth-sso-alert svg{color:#d97706;flex:0 0 auto}.auth-sso-alert p{font-size:11px;line-height:1.7;margin:3px 0 0;color:var(--ink-faint)}
/* V5 landing */
.hero{overflow:hidden}.hero .h-display{letter-spacing:-.035em}.hero .lead{max-width:760px}.hero .container:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 67%);right:-160px;top:-120px;pointer-events:none}.landing-live-strip{margin-top:-22px;position:relative;z-index:5}.live-strip{padding:18px 22px;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.live-strip>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.live-strip b{font-size:13px}.live-strip p{grid-column:2;margin:3px 0 0;font-size:11px;color:var(--ink-faint)}.live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,.12)}.live-strip-flow{display:flex;align-items:center;gap:8px;white-space:nowrap}.live-strip-flow span{padding:7px 10px;border-radius:10px;background:rgba(124,58,237,.07);font-size:10px;font-weight:900}.live-strip-flow i{color:#7c3aed}.tool-card,.feature,.price-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.tool-card:hover,.feature:hover,.price-card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.25);box-shadow:0 26px 60px -38px rgba(84,45,145,.7)}@media(max-width:700px){.live-strip{align-items:flex-start;flex-direction:column}.live-strip-flow{width:100%;justify-content:center;flex-wrap:wrap}}

/* Exact live-scan provenance: page + section/widget path + direct anchor. */
.exact-evidence-bar{display:grid!important;gap:9px!important;margin-top:14px!important;padding:11px!important;border:1px solid color-mix(in srgb,#10b981 24%,var(--line))!important;border-radius:14px!important;background:color-mix(in srgb,#10b981 6%,var(--glass-2))!important}
.exact-evidence-bar .evidence-state{font-size:11px!important;color:#047857!important}
.exact-evidence-list{display:grid;gap:7px;width:100%}
.exact-evidence-source{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:start;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:11px;background:var(--glass-2);color:var(--text);text-decoration:none;min-width:0;transition:.18s ease}
a.exact-evidence-source:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));transform:translateY(-1px)}
.exact-evidence-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,#10b981 11%,transparent);color:#047857}
.exact-evidence-copy{display:grid;gap:2px;min-width:0}.exact-evidence-copy b{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exact-evidence-copy>span{font-size:10.5px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.exact-evidence-copy small{font-size:9.5px;color:#6d4bd1}.exact-evidence-copy em{font-style:normal;font-size:9.5px;line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exact-evidence-open{color:var(--muted);padding-top:4px}
[data-theme="dark"] .exact-evidence-bar{background:rgba(16,185,129,.065)!important;border-color:rgba(16,185,129,.2)!important}
@media(max-width:720px){.exact-evidence-source{grid-template-columns:auto minmax(0,1fr)}.exact-evidence-open{display:none}.exact-evidence-copy b{white-space:normal}}