/* v34.3 — فعال‌سازی تمرین جلسه اول و بازطراحی آرام مربی هوشمند */
:root{
  --v343-ink:#17213a;
  --v343-muted:#6d7890;
  --v343-line:#e6eaf2;
  --v343-blue:#315bd6;
  --v343-blue-deep:#233e9e;
  --v343-cyan:#0f9fb4;
  --v343-surface:#ffffff;
  --v343-soft:#f6f8fc;
  --v343-shadow:0 16px 45px rgba(35,55,110,.08);
}

/* تایپوگرافی فارسی خواناتر، بدون وابستگی به فایل فونت خارجی */
.ai-hero,.ai-layout,.ai-silence-banner,
.v14-practice-shell,.v11-session-page{
  font-family:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif;
  font-feature-settings:"ss01" 1,"tnum" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* هدر مربی: ساده، سفید، با یک خط رنگی کنترل‌شده */
.ai-hero{
  min-height:auto;
  margin-bottom:16px;
  padding:24px 25px;
  border:1px solid var(--v343-line);
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(49,91,214,.06),transparent 42%),
    var(--v343-surface);
  color:var(--v343-ink);
  box-shadow:var(--v343-shadow);
  overflow:hidden;
}
.ai-hero::before{
  content:"";
  position:absolute;
  top:0;right:0;bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--v343-blue),var(--v343-cyan));
}
.ai-hero-glow{
  width:220px;height:220px;
  left:-90px;top:-125px;
  background:rgba(49,91,214,.055);
}
.ai-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--v343-blue);
  font-size:11px;
  font-weight:850;
  letter-spacing:0;
}
.ai-kicker::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#17a67a;
  box-shadow:0 0 0 5px rgba(23,166,122,.10);
}
.ai-hero h2{
  margin:8px 0 6px;
  color:var(--v343-ink);
  font-size:clamp(25px,3vw,34px);
  font-weight:850;
  letter-spacing:-.35px;
}
.ai-hero p{
  color:var(--v343-muted);
  font-size:13px;
  line-height:1.95;
}
.ai-badges{gap:8px;margin-top:15px}
.ai-badges span{
  padding:6px 10px;
  color:#4c5871;
  background:#f6f8fc;
  border:1px solid #e8ebf2;
  font-size:10px;
  font-weight:750;
}
.ai-badges span:first-child{color:#087d5a;background:#effbf7;border-color:#d2f1e5}
.ai-mood-badge{color:#4b4f68!important;background:#f7f5ff!important;border-color:#e8e2ff!important}
.ai-new-btn{
  min-height:44px;
  background:var(--v343-blue);
  border:0;
  color:#fff;
  box-shadow:0 10px 24px rgba(49,91,214,.18);
}
.ai-new-btn:hover{background:var(--v343-blue-deep);transform:translateY(-1px)}

/* ساختار خلوت‌تر */
.ai-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}
.ai-side{gap:11px;top:14px}
.ai-side-card,.ai-chat-card{
  border:1px solid var(--v343-line);
  border-radius:20px;
  background:var(--v343-surface);
  box-shadow:0 10px 34px rgba(35,55,110,.055);
}
.ai-side-card{padding:14px 15px}
.ai-side-card h3{color:#29334c;font-size:12px;font-weight:850;margin-bottom:11px}
.ai-context-fields label,.ai-side-card>label{color:#667087;font-size:10px;line-height:1.7}
.ai-context-fields select,.ai-side-card select,.ai-side-card textarea{
  min-height:43px;
  border:1px solid #e1e6ef;
  border-radius:12px;
  background:#fafbfe;
  color:#273149;
  font-size:11px;
  transition:.18s ease;
}
.ai-context-fields select:focus,.ai-side-card select:focus,.ai-side-card textarea:focus{
  border-color:#aebdf0;
  background:#fff;
  box-shadow:0 0 0 4px rgba(49,91,214,.07);
}
.ai-history{max-height:210px;gap:5px}
.ai-history-item{
  padding:10px 11px;
  border-radius:12px;
  background:#f8f9fc;
  color:#344057;
  box-shadow:none;
}
.ai-history-item:hover{background:#f1f4fb}
.ai-history-item.active{background:#edf2ff;border-color:#cbd7fb;color:#294eb6}
.ai-history-item b{font-size:10.5px}
.ai-notification-card{border-color:#f0e4ba;background:#fffdf8}

/* کارت چت */
.ai-chat-card{min-height:680px}
.ai-chat-head{
  min-height:65px;
  padding:14px 18px;
  background:#fff;
  border-bottom:1px solid #edf0f5;
}
.ai-chat-head b{font-size:13px;color:#28324a}
.ai-chat-head small{font-size:9px;color:#7b8497;line-height:1.8}
.ai-chat-stream{
  min-height:430px;
  padding:22px;
  gap:16px;
  background:
    radial-gradient(circle at 100% 0,rgba(49,91,214,.04),transparent 22%),
    #f8f9fc;
}
.ai-welcome{
  width:min(620px,100%);
  margin:auto;
  padding:44px 22px;
  text-align:center;
}
.ai-orb{
  width:60px;height:60px;
  margin:0 auto 15px;
  border-radius:20px;
  background:linear-gradient(145deg,var(--v343-blue),var(--v343-cyan));
  color:#fff;
  display:grid;place-items:center;
  font-size:25px;font-weight:900;
  box-shadow:0 14px 32px rgba(49,91,214,.18);
}
.ai-welcome h3{font-size:20px;color:#28324a;margin:8px 0}
.ai-welcome p{max-width:530px;margin:0 auto 18px;color:#717b91;font-size:12px;line-height:2}
.ai-starters{gap:8px}
.ai-starters button{
  border:1px solid #e0e6f1;
  border-radius:13px;
  background:#fff;
  color:#3c4961;
  box-shadow:none;
  font-size:10.5px;
  line-height:1.8;
}
.ai-starters button:hover{border-color:#bfcdf5;background:#f3f6ff;color:#294eb6}

/* پیام‌ها: خواناتر و رسمی‌تر */
.ai-message{gap:10px;max-width:min(88%,760px)}
.ai-message-avatar{
  width:38px;height:38px;flex-basis:38px;
  border-radius:13px;
  background:linear-gradient(145deg,#edf2ff,#e4ecff);
  color:#315bd6;
  border:1px solid #dce5ff;
  box-shadow:none;
}
.ai-message.user .ai-message-avatar{background:#eaf8f5;color:#087d63;border-color:#d1eee7}
.ai-message-body{
  padding:13px 15px;
  border:1px solid #e3e7ef;
  border-radius:18px 18px 18px 6px;
  background:#fff;
  box-shadow:0 7px 22px rgba(35,55,110,.045);
}
.ai-message.user .ai-message-body{
  background:linear-gradient(145deg,#315bd6,#2849b0);
  border-color:transparent;
  border-radius:18px 18px 6px 18px;
  box-shadow:0 10px 25px rgba(49,91,214,.16);
}
.ai-message-head{margin-bottom:6px}
.ai-message-head b{font-size:10.5px;font-weight:850}
.ai-message-head small{font-size:8.5px}
.ai-message-text{
  color:#2d374e;
  font-size:14px;
  line-height:2.05;
  letter-spacing:-.08px;
}
.ai-message.user .ai-message-text{color:#fff}
.ai-message-text b{font-weight:900;color:#1d3f9e}
.ai-message.user .ai-message-text b{color:#fff}
.ai-bullet{padding:2px 0 2px 5px}
.ai-quick-row{gap:7px;margin-top:11px}
.ai-quick-row button{
  min-height:34px;
  padding:5px 11px;
  background:#f4f6fb;
  color:#344fc0;
  border:1px solid #dde4f7;
  font-size:9.5px;
  box-shadow:none;
}
.ai-quick-row button:hover{background:#eaf0ff;border-color:#bfd0fb}

/* کادر ارسال شبیه یک نوار تمیز */
.ai-composer{
  gap:10px;
  padding:13px 14px;
  background:#fff;
  border-top:1px solid #e9edf4;
}
.ai-composer textarea{
  min-height:56px;
  max-height:150px;
  padding:13px 15px;
  border:1px solid #dfe5ef;
  border-radius:16px;
  background:#fafbfe;
  color:#263149;
  font-size:13px;
  line-height:1.9;
}
.ai-composer textarea:focus{
  border-color:#9db0ec;
  background:#fff;
  box-shadow:0 0 0 4px rgba(49,91,214,.075);
}
.ai-composer button{
  min-width:105px;
  border-radius:15px;
  background:var(--v343-blue);
  box-shadow:0 10px 22px rgba(49,91,214,.16);
}
.ai-composer button:hover{background:var(--v343-blue-deep)}
.ai-privacy{padding:1px 14px 13px;color:#8a93a4;font-size:8.5px;background:#fff}

/* وضعیت انتظار */
.ai-v32-thinking .ai-message-body{background:#fff;border-style:solid}
.ai-thinking-dots span{color:#68748b;font-size:10px}
.ai-thinking-dots i{background:#315bd6}

/* تمرین جلسه اول: نمای روشن و قابل تشخیص */
.v343-practice-ready{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 15px;
  padding:14px 16px;
  border:1px solid #ccebdd;
  border-radius:16px;
  background:#f1fbf7;
  color:#126247;
}
.v343-practice-ready div{display:grid;gap:3px}
.v343-practice-ready b{font-size:13px}
.v343-practice-ready span{font-size:10px;color:#4f7c6c}
.v343-practice-ready em{
  font-style:normal;
  padding:6px 10px;
  border-radius:999px;
  background:#dff5eb;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}
.v14-practice-shell{border-radius:20px}
.v14-practice-hero{box-shadow:none!important}
.v14-practice-q{box-shadow:0 8px 26px rgba(35,55,110,.05)!important}

@media(max-width:900px){
  .ai-layout{grid-template-columns:1fr}
  .ai-side{grid-template-columns:1fr 1fr;position:static}
  .ai-chat-card{min-height:620px}
}
@media(max-width:640px){
  .ai-hero{padding:20px 17px;border-radius:20px}
  .ai-hero h2{font-size:23px}
  .ai-hero p{font-size:11px}
  .ai-layout{gap:12px}
  .ai-side{grid-template-columns:1fr}
  .ai-chat-card{border-radius:18px}
  .ai-chat-stream{padding:13px;gap:13px}
  .ai-message{max-width:98%}
  .ai-message-text{font-size:13px;line-height:2}
  .ai-composer{padding:9px;bottom:calc(67px + env(safe-area-inset-bottom))}
  .ai-composer textarea{min-height:50px;padding:10px 12px;font-size:12px}
  .ai-composer button{min-width:58px}
  .v343-practice-ready{align-items:flex-start;flex-direction:column}
}