/**
 * Learn Page Master Features Styles
 * Enterprise-grade styling for master features
 */

/* ============================================
   AI LEARNING ASSISTANT
   ============================================ */

.ai-assistant {
    position: fixed; bottom: 20px; right: 20px; z-index: 10005; }

.ai-assistant-toggle {
    width: 60px; height: 60px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; }

.ai-assistant-toggle:hover {
    transform: scale(1.1); }

.ai-badge {
    top: -5px; padding: 0.25rem 0.5rem; font-weight: 700; }

.ai-assistant-panel {
    flex-direction: column; opacity: 0; pointer-events: none; }

.ai-assistant-header {
    gap: 1rem; border-bottom: 1px solid var(--border-color); }

.ai-info {
    flex: 1; }

.ai-info h3 {
    margin: 0 0 0.25rem; }

.close-ai-assistant {
    border: none; }

.ai-chat-messages {
    overflow-y: auto; }

.message-content {
    max-width: 80%; }

.message-content p {
    line-height: 1.6; }

.message-content p:last-child {
    margin-bottom: 0; }

.message-content ul {
    padding-left: 1.5rem; }

.ai-chat-input-container {
    border-top: 1px solid var(--border-color); }

.ai-chat-input {
    outline: none; }

.ai-quick-actions {
    flex-wrap: wrap; }

.quick-action-btn {
    min-width: 100px; }

.quick-action-btn:hover {
    border-color: var(--primary-color); }

.flashcard {
    perspective: 1000px; }

.flashcard-inner {
    transform-style: preserve-3d; }

.flashcard-front,
.flashcard-back {
    backface-visibility: hidden; }

.flashcard-content {
    text-align: center; }

/* ============================================
   LEARNING REPORTS
   ============================================ */

.reports-button {
    margin-left: 1rem; }

.reports-modal {
    left: 0; }

.reports-modal-content {
    max-height: 90vh; }

.report-tab.active {
    border-bottom-color: var(--primary-color); }

.report-stats {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

.report-stat-card h5 {
    text-transform: uppercase; }

.learning-plan-content {
    margin-top: 2rem; }

.plan-suggestions ul {
    list-style: none; }

.plan-suggestions li:before {
    content: '✓'; }

.progress-bar {
    overflow: hidden; }

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
}