/* «تبدأ من» على كروت الخبراء + شارة السعر العادل */
.ex-fromprice{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 2px;padding:7px 10px;background:var(--surface-2);border-radius:var(--r-sm)}
.ex-fromprice .from-price{font-weight:800;font-size:14px;color:var(--ink)}
.ex-fp-note{font-size:10.5px;color:var(--agree);font-weight:700}
.exp-fromprice{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-bottom:4px}
.exp-fromprice .from-price{font-weight:800;font-size:17px;color:var(--ink)}

/* «خبير بروف (AI)» — الحساب الرسمي المعلن */
.ex-card.ex-ai{position:relative;border:1.5px solid var(--ai);background:linear-gradient(180deg,var(--ai-bg),var(--surface) 55%);overflow:visible}
.ex-ai-ribbon{position:absolute;top:-11px;right:14px;display:inline-flex;align-items:center;gap:5px;background:var(--ai);color:#fff;font-size:10.5px;font-weight:800;padding:4px 11px;border-radius:var(--r-full);box-shadow:var(--shadow-sm)}
.ex-ava.ai{background:var(--ai);color:#fff}
.vb-ai{color:var(--ai)}
.ex-ai-note{font-size:11.5px;color:var(--ai);font-weight:700;background:var(--ai-bg);border:1px dashed var(--ai);border-radius:var(--r-sm);padding:6px 9px;margin:8px 0 2px;line-height:1.6}
.ex-card.ex-ai .ex-btn{background:var(--ai)}
.ex-card.ex-ai .ex-btn:hover{filter:brightness(1.08)}
.ex-ai-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--ai);background:var(--ai-bg);border:1px solid var(--ai);border-radius:var(--r-full);padding:4px 11px}
.ex-monitor.ai-intro{border-color:var(--ai);background:var(--ai-bg)}
.ex-monitor.ai-intro .ex-monitor-h{color:var(--ai)}
.ex-ai-win{display:inline-flex;align-items:center;gap:6px;margin-top:9px;background:transparent;border:1px dashed var(--human);color:var(--human);font-family:inherit;font-weight:700;font-size:12px;padding:6px 11px;border-radius:var(--r-sm);transition:background var(--t),color var(--t)}
.ex-ai-win:hover{background:var(--human);color:#fff}

/* ===== الخبراء (Experts) ===== */
.ex{flex:1;overflow-y:auto;background:var(--bg);padding:28px 28px 60px}
.ex-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;max-width:1080px;margin:0 auto 20px}
.ex-head h1{font-family:var(--font-display);font-weight:900;font-size:30px;color:var(--ink);margin:0 0 6px}
.ex-head p{color:var(--muted);font-size:14.5px;margin:0;line-height:1.7;max-width:580px}
.ex-head p b{color:var(--human)}
.ex-online-badge{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-full);padding:8px 14px;font-size:12.5px;font-weight:700;color:var(--ink)}
.ex-on{width:9px;height:9px;border-radius:50%;background:var(--agree);box-shadow:0 0 0 3px var(--agree-bg);flex-shrink:0}
.ex-on.sm{width:8px;height:8px}
@media (prefers-reduced-motion: no-preference){.ex-on{animation:eoPulse 1.8s var(--ease) infinite}}

.ex-filter{display:flex;flex-wrap:wrap;gap:8px;max-width:1080px;margin:0 auto 20px}
.ex-fchip{border:1px solid var(--border);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:var(--r-full);transition:border-color var(--t);display:inline-flex;align-items:center;gap:6px}
.ex-fchip:hover{border-color:var(--border-2)}
.ex-fchip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
[data-theme="dark"] .ex-fchip.on{background:var(--surface-3);color:var(--ink)}
.ex-fchip.toggle.on{background:var(--agree);border-color:var(--agree);color:#fff}

.ex-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1000px){.ex-grid{grid-template-columns:repeat(2,1fr)}.ex-head{flex-direction:column}}
@media(max-width:560px){.ex-grid{grid-template-columns:1fr}}
.ex-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.ex-card:hover{border-color:var(--border-2);box-shadow:var(--shadow);transform:translateY(-2px)}
.ex-ava-wrap{position:relative;margin-bottom:4px}
.ex-ava{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;font-family:var(--font-display)}
.ex-ava.xs{width:24px;height:24px;font-size:11px}
.ex-ava.masked{color:#fff}
.ex-masklock{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}
.vb-mask{color:var(--memory)}
.ex-veil-banner{max-width:1080px;margin:0 auto 18px;display:flex;align-items:center;gap:13px;background:var(--memory-bg);border:1px solid var(--memory);border-radius:var(--r-lg);padding:13px 16px}
.evb-ic{width:38px;height:38px;border-radius:11px;background:var(--surface);color:var(--memory);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.evb-tx{font-size:13px;color:var(--ink-2);line-height:1.7}
.evb-tx b{color:var(--ink)}
.exp-veil-note{max-width:1000px;margin:0 auto 18px;display:flex;align-items:flex-start;gap:11px;background:var(--memory-bg);border:1px solid var(--memory);border-right:3px solid var(--memory);border-radius:var(--r-lg);padding:13px 16px;font-size:13px;color:var(--ink-2);line-height:1.7}
.exp-veil-note .ep-icon{color:var(--memory);flex-shrink:0;margin-top:2px}
.exp-veil-note b{color:var(--ink)}
.exp-hero-ava.masked{color:#fff}
.ex-ava-wrap .ex-on{position:absolute;bottom:2px;left:2px;border:2px solid var(--surface)}
.ex-name{font-weight:700;font-size:14.5px;color:var(--ink);display:flex;align-items:center;gap:5px}
.vb{color:var(--ai)}
.ex-cred{font-size:12px;color:var(--muted)}
.ex-spec{font-size:11px;font-weight:700;color:var(--human);background:var(--human-bg);padding:3px 10px;border-radius:var(--r-full);margin:4px 0}
.ex-meta{display:flex;gap:12px;font-size:12px;color:var(--muted);font-weight:600}
.ex-meta span{display:inline-flex;align-items:center;gap:4px}
.ex-meta .ep-icon{color:var(--gold)}
.ex-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:10px;padding-top:12px;border-top:1px solid var(--border)}
.ex-price{font-weight:800;font-size:13px;color:var(--ink);font-family:var(--font-display)}
.ex-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700}
.ex-status.on{color:var(--agree)}
.ex-status.off{color:var(--muted)}
.ex-free{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--agree);background:var(--agree-bg);padding:6px 12px;border-radius:var(--r-full)}
.ex-free.out{color:var(--conflict);background:var(--conflict-bg)}
.exp-free-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#fff;background:rgba(255,255,255,.14);padding:5px 11px;border-radius:var(--r-full);margin-bottom:8px}
.ex-monitor{align-self:stretch;background:var(--memory-bg);border:1px solid var(--memory);border-radius:var(--r-lg);padding:13px 15px}
.ex-monitor-h{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;color:var(--memory);margin-bottom:6px}
.ex-monitor p{font-size:13px;line-height:1.75;color:var(--ink-2);margin:0}
.ex-monitor b{color:var(--ink)}
.ex-paywall{align-self:stretch;text-align:center;background:var(--surface);border:1.5px solid var(--gold);border-radius:var(--r-xl);padding:22px;box-shadow:var(--shadow)}
.ex-pw-ic{width:50px;height:50px;border-radius:50%;background:var(--human-bg);color:var(--human);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.ex-paywall h4{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--ink);margin:0 0 7px}
.ex-paywall p{font-size:13.5px;color:var(--muted);line-height:1.75;margin:0 auto 16px;max-width:420px}
.ex-pw-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ex-pw-ghost{border:1px solid var(--border-2);background:transparent;color:var(--ink-2);font-weight:700;font-size:13px;padding:11px 18px;border-radius:var(--r-md)}
.ex-pw-ghost:hover{background:var(--surface-3)}
.ex-escrow{align-self:stretch;border-radius:var(--r-xl);padding:18px;border:1.5px solid var(--agree);background:var(--agree-bg)}
.ex-escrow.done{text-align:center;border-color:var(--gold);background:var(--surface)}
.ex-esc-h{display:flex;align-items:center;gap:7px;font-weight:800;font-size:14.5px;color:var(--agree);margin-bottom:8px}
.ex-escrow p{font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0 0 14px}
.ex-escrow p b{color:var(--ink)}
.ex-esc-steps{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.ex-esc-steps span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:5px 11px;border-radius:var(--r-full)}
.ex-esc-steps span.on{color:var(--agree);border-color:var(--agree);background:var(--agree-bg)}
.ex-esc-acts{display:flex;gap:10px;flex-wrap:wrap}
.ex-esc-acts .ex-btn{flex:none}
.ex-esc-ic{width:58px;height:58px;border-radius:50%;background:var(--gold-soft);color:var(--gold-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
[data-theme="dark"] .ex-esc-ic{background:rgba(214,83,122,.14);color:var(--gold)}
.ex-escrow.done h4{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--ink);margin:0 0 7px}
.ex-escrow.done .ex-esc-acts{justify-content:center}
.ex-btn{border:none;background:var(--gold);color:var(--on-gold);font-weight:700;font-size:12.5px;padding:9px 13px;border-radius:var(--r-md);transition:background var(--t)}
.ex-btn:hover{background:var(--gold-light)}
.ex-btn:disabled{background:var(--surface-3);color:var(--faint);cursor:default}

/* ---- live triangle session ---- */
.ex-live{max-width:780px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 60px - 56px)}
.ex-live-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px}
.ex-end{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600}
.ex-end:hover{color:var(--ink)}
.ex-triangle{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}
.tri-node{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:var(--r-full);border:1px solid var(--border)}
.tri-node.you{color:var(--navy);background:var(--surface-2)}
[data-theme="dark"] .tri-node.you{color:var(--ink)}
.tri-node.ai{color:var(--ai);background:var(--ai-bg);border-color:transparent}
.tri-node.exp{color:var(--human);background:var(--human-bg);border-color:transparent}
.tri-link{width:18px;height:2px;background:var(--border-2);border-radius:2px}
.ex-live-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--agree)}

.ex-thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px 2px}
.ex-msg.user{align-self:flex-start;max-width:80%;background:var(--navy);color:#fff;padding:12px 16px;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 6px;font-size:14px;line-height:1.7}
[data-theme="dark"] .ex-msg.user{background:var(--surface-3)}
.ex-turn{border:1.5px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;background:var(--surface)}
.ex-turn.ai{border-color:color-mix(in srgb,var(--ai) 35%,transparent)}
.ex-turn.exp{border-color:var(--human)}
.ex-turn-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:8px}
.ex-badge.ai{width:24px;height:24px;border-radius:7px;background:var(--ai-bg);color:var(--ai);display:flex;align-items:center;justify-content:center}
.ex-mediates{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--human);background:var(--human-bg);padding:3px 9px;border-radius:var(--r-full);margin-right:auto}
.ex-turn p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
.ex-turn p b{color:var(--ink)}
.ex-verdict{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11.5px;font-weight:700;color:var(--conflict);background:var(--conflict-bg);padding:4px 10px;border-radius:var(--r-full)}
.ex-typing{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.ex-typing .dots{display:flex;gap:4px}
.ex-typing .dots i{width:6px;height:6px;border-radius:50%;background:var(--human);animation:tdot 1.2s var(--ease) infinite}
.ex-typing .dots i:nth-child(2){animation-delay:.15s}.ex-typing .dots i:nth-child(3){animation-delay:.3s}

.ex-composer{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:8px 8px 8px 14px;margin-top:14px}
.ex-composer:focus-within{border-color:var(--gold)}
.ex-composer input{flex:1;border:none;background:transparent;outline:none;color:var(--ink);font-size:14px;font-family:inherit}
.ex-attach{border:none;background:transparent;color:var(--muted);display:flex;padding:6px}
.ex-send{width:40px;height:40px;border:none;border-radius:var(--r-md);background:var(--gold);color:var(--on-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ex-live-foot{text-align:center;font-size:11.5px;color:var(--faint);margin-top:8px}
.ex-live-foot b{color:var(--human)}

/* ---- public expert profile ---- */
.exp-profile{max-width:1000px;margin:0 auto}
.exp-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,var(--navy-dark),var(--navy));border-radius:var(--r-2xl);padding:24px;margin:14px 0 20px;position:relative;overflow:hidden}
.exp-hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0%,transparent 64%);opacity:.13;top:-70px;left:-40px}
.exp-hero-ava{position:relative;width:84px;height:84px;border-radius:50%;background:var(--gold);color:var(--on-gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:32px;flex-shrink:0;z-index:1}
.exp-hero-ava .ex-on{position:absolute;bottom:4px;left:4px;border:2px solid var(--navy)}
.exp-hero-tx{flex:1;min-width:180px;position:relative;z-index:1}
.exp-hero-name{font-family:var(--font-display);font-weight:900;font-size:22px;color:#fff;display:flex;align-items:center;gap:7px}
.exp-hero-cred{color:rgba(255,255,255,.72);font-size:13.5px;margin:4px 0 10px}
.exp-hero-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.6);font-weight:600}
.exp-hero-meta span{display:inline-flex;align-items:center;gap:5px}
.exp-hero-meta .ep-icon{color:var(--gold)}
.exp-hero-meta .on{color:#34C77B}
.exp-hero-cta{position:relative;z-index:1;text-align:center}
.exp-price{font-family:var(--font-display);font-weight:900;font-size:20px;color:#fff;margin-bottom:8px}
.exp-cols{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}
@media(max-width:820px){.exp-cols{grid-template-columns:1fr}}
.exp-sec{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;margin-bottom:14px}
.exp-sec h4{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink);margin:0 0 10px}
.exp-sec p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
.exp-tags{display:flex;flex-wrap:wrap;gap:7px}
.exp-tag{font-size:12px;font-weight:600;color:var(--human);background:var(--human-bg);padding:6px 12px;border-radius:var(--r-full)}
.exp-rev{padding:12px 0;border-top:1px solid var(--border)}
.exp-rev:first-of-type{border-top:none}
.exp-rev-h{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.exp-rev-ava{width:30px;height:30px;border-radius:50%;background:var(--surface-3);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.exp-rev-h b{font-size:13px;color:var(--ink);display:block}
.exp-stars{color:var(--gold);font-size:12px}
.exp-rev p{font-size:13px;color:var(--ink-2);line-height:1.7;margin:0}
.exp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:16px;margin-bottom:14px}
.exp-card-h{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px}
.exp-stat{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:13px;color:var(--muted)}
.exp-stat b{color:var(--ink);font-family:var(--font-display)}
.exp-card.verify{display:flex;align-items:center;gap:10px;border-color:var(--gold)}
.exp-card.verify>.ep-icon{color:var(--gold-dark)}
[data-theme="dark"] .exp-card.verify>.ep-icon{color:var(--gold)}
.exp-card.verify b{font-size:13.5px;color:var(--ink);display:block}
.exp-card.verify span{font-size:12px;color:var(--muted)}