/* Custom Styles for AFC Analisa Link */
:root { 
    --primary: #0061ff; 
    --secondary: #60efbc; 
    --card: #ffffff; 
    --bg: #f4f7f6; 
}

body { 
    background: var(--bg); 
    font-family: 'Inter', sans-serif; 
}

.app-container { 
    max-width: 500px; 
    margin: 0 auto; 
    background: white; 
    min-height: 100vh; 
    display: flex; 
    flex-direction: column; 
}

.chat-box { 
    flex: 1; 
    overflow-y: auto; 
    padding: 15px; 
}

.msg { 
    margin-bottom: 20px; 
    border-radius: 15px; 
    padding: 12px; 
    position: relative; 
    max-width: 90%; 
}

.user-msg { 
    background: #e9ecef; 
    align-self: flex-end; 
    margin-left: auto; 
    border-bottom-right-radius: 2px; 
}

.ai-msg { 
    background: var(--card); 
    border: 1px solid #eee; 
    border-bottom-left-radius: 2px; 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); 
}

.viral-badge { 
    background: linear-gradient(45deg, #ff416c, #ff4b2b); 
    color: white; 
    padding: 2px 8px; 
    border-radius: 10px; 
    font-size: 10px; 
}

.editable-content { 
    outline: none; 
    border: 1px dashed #ccc; 
    padding: 5px; 
    border-radius: 5px; 
}

.no-print { 
    display: block; 
}

@media print { 
    .no-print { display: none !important; } 
    .app-container { max-width: 100%; border:none; } 
}