/* Site-specific styles — overrides theme.css */

.chat-layout{ display:flex; gap:20px; min-height:calc(100vh - 80px); }
.chat-sidebar{ width:280px; flex-shrink:0; display:flex; flex-direction:column; gap:12px; }
.chat-main{ flex:1; min-width:0; min-height:600px; }
.chat-main .ai-chat{ height:100%; }

.conversations-card{ background:#fff; border:1px solid var(--border, #d9dfe5); border-radius:10px; overflow:hidden; }
.conversations-header{ display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid var(--border, #d9dfe5); }
.conversations-header h3{ margin:0; font-size:14px; }
.conv-new-btn{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; background:#2e7d5f; color:#fff; text-decoration:none; font-size:18px; line-height:1; font-weight:600; }
.conv-new-btn:hover{ background:#1e5a43; }
.conversations-list{ max-height:300px; overflow-y:auto; }
.conv-item{ display:block; padding:10px 16px; border-bottom:1px solid #f0f0f0; text-decoration:none; color:inherit; transition:background .15s; }
.conv-item:last-child{ border-bottom:none; }
.conv-item:hover{ background:#f4f8f6; }
.conv-item--active{ background:#e8f0ec; border-left:3px solid #2e7d5f; }
.conv-item__title{ font-size:13px; font-weight:600; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.conv-item__preview{ font-size:11px; color:#888; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.conv-item__date{ font-size:10px; color:#aaa; margin-top:2px; }
.conv-empty{ font-size:12px; color:#999; padding:16px; margin:0; text-align:center; }

.profile-card{ background:#fff; border:1px solid var(--border, #d9dfe5); border-radius:10px; padding:16px; }
.profile-card h3{ margin:0 0 12px; font-size:14px; }
.profile-level{ font-size:32px; font-weight:700; color:var(--primary); margin-bottom:8px; }
.profile-topics{ font-size:13px; color:var(--text, #333); margin:0 0 8px; }
.profile-detail{ font-size:12px; color:var(--muted, #888); margin:4px 0; }
.profile-messages{ font-size:11px; margin-top:12px; }

.level-badge{ display:inline-block; background:var(--primary); color:#fff; padding:1px 8px; border-radius:10px; font-size:11px; font-weight:600; margin-left:6px; }

.exercises-container{ max-width:700px; }
.exercise-item{ background:#fff; border:1px solid var(--border, #d9dfe5); border-radius:8px; padding:16px; margin-bottom:12px; }
.exercise-type{ display:inline-block; background:var(--primary); color:#fff; padding:2px 10px; border-radius:12px; font-size:11px; font-weight:600; margin-bottom:8px; }
.exercise-question{ font-size:15px; margin:0 0 8px; }
.exercise-hint{ font-size:12px; color:var(--muted, #888); margin:0 0 8px; }
.exercise-input{ width:100%; padding:8px 12px; border:1px solid var(--border, #d9dfe5); border-radius:6px; font-size:14px; }
.exercise-input:focus{ outline:none; border-color:var(--primary); }
.exercise-actions{ margin-top:16px; }

.result-item{ padding:12px; border-radius:6px; margin-bottom:8px; }
.result-correct{ background:#e8f5e9; border-left:3px solid #4caf50; }
.result-wrong{ background:#fce4ec; border-left:3px solid #e53935; }
.score{ font-size:24px; font-weight:700; }

.score-badge{ display:inline-block; padding:2px 10px; border-radius:10px; font-size:12px; font-weight:600; color:#fff; }
.score-good{ background:#4caf50; }
.score-ok{ background:#ff9800; }
.score-low{ background:#e53935; }

.ai-chat__send{ background:#2e7d5f; }
.ai-chat__send:hover{ background:#1e5a43; }
.ai-chat__bubble--user{ background:#2e7d5f; }
.ai-chat__textarea:focus{ border-color:#2e7d5f; }
.ai-chat__action-btn{ background:#2e7d5f; }
.ai-chat__action-btn:hover{ background:#1e5a43; }

@media (max-width: 768px) {
    .chat-layout{ flex-direction:column; }
    .chat-sidebar{ width:100%; }
    .conversations-list{ max-height:200px; }
}