/* KOVAT Tutor — AI Study Assistant styles */
.tutor-container {
  display: flex; flex-direction: column; height: 100%; max-width: 720px; margin: 0 auto;
}
.tutor-header {
  padding: 16px 20px; border-bottom: 1px solid var(--border, #2A2A38);
  background: var(--surface, #0F0F14);
}
.tutor-header h2 { margin: 0 0 4px 0; font-size: 20px; color: var(--text-primary, #F0F0F8); }
.tutor-messages {
  flex: 1; overflow-y: auto; padding: 16px 20px;
  display: flex; flex-direction: column; gap: 12px;
}
.tutor-welcome {
  text-align: center; padding: 40px 20px; margin: auto 0;
}
.tutor-welcome h3 { font-size: 24px; margin-bottom: 8px; color: var(--text-primary, #F0F0F8); }
.tutor-welcome p { color: var(--text-secondary, #9090A8); margin-bottom: 20px; }
.tutor-prompts {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 480px; margin: 0 auto 20px;
}
.tutor-prompts button {
  padding: 12px 16px; border-radius: 8px; border: 1px solid var(--border, #2A2A38);
  background: var(--surface-raised, #1A1A22); color: var(--text-primary, #F0F0F8);
  cursor: pointer; font-size: 13px; text-align: left; transition: all 0.2s;
}
.tutor-prompts button:hover {
  background: var(--accent-blue, var(--theme-primary, #ff224a));
  color: #fff; border-color: transparent; transform: translateY(-2px);
}
.tutor-note {
  font-size: 12px; color: var(--text-disabled, #505060); margin-top: 20px;
  font-style: italic;
}
.tutor-msg { display: flex; flex-direction: column; gap: 4px; }
.tutor-msg.tutor-user { align-items: flex-end; }
.tutor-msg.tutor-kova { align-items: flex-start; }
.tutor-msg small { font-size: 11px; color: var(--text-disabled, #505060); padding: 0 4px; }
.tutor-bubble {
  max-width: 80%; padding: 12px 16px; border-radius: 8px; line-height: 1.5;
  font-size: 15px; word-break: break-word;
}
.tutor-bubble.user-bubble {
  background: var(--accent-blue, var(--theme-primary, #ff224a));
  color: #fff; border-bottom-right-radius: 2px;
}
.tutor-bubble.kova-bubble {
  background: var(--surface-raised, #1A1A22); color: var(--text-primary, #F0F0F8);
  border-bottom-left-radius: 2px; border: 1px solid var(--border, #2A2A38);
}
.tutor-bubble.kova-bubble b { color: var(--accent-purple, #8B5CF6); }
.tutor-input-wrap {
  display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--border, #2A2A38);
  background: var(--surface, #0F0F14);
}
.tutor-input-wrap input {
  flex: 1; padding: 12px 16px; border-radius: 8px; border: 1px solid var(--border, #2A2A38);
  background: var(--surface-raised, #1A1A22); color: var(--text-primary, #F0F0F8);
  font-size: 15px; outline: none;
}
.tutor-input-wrap input:focus { border-color: var(--accent-blue, var(--theme-primary, #ff224a)); }
.tutor-input-wrap button {
  padding: 12px 24px; border-radius: 8px; border: none;
  background: var(--accent-blue, var(--theme-primary, #ff224a));
  color: #fff; font-size: 15px; font-weight: 600; cursor: pointer;
  white-space: nowrap; transition: all 0.2s;
}
.tutor-input-wrap button:hover { filter: brightness(1.1); }
.tutor-input-wrap button:disabled { opacity: 0.5; cursor: not-allowed; }

@media (max-width: 640px) {
  .tutor-prompts { grid-template-columns: 1fr; }
  .tutor-bubble { max-width: 90%; }
}