/* Main UI CSS for Jamie AI Property Manager */
body { 
    font-family: Arial, sans-serif; 
    margin: 0; 
    background: #f8f9fa; 
}

.header { 
    background: white; 
    padding: 20px; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    margin-bottom: 20px; 
}

.header-content { 
    max-width: 800px; 
    margin: 0 auto; 
    display: flex; 
    align-items: center; 
    gap: 20px; 
}

.jamie-section { 
    display: flex; 
    align-items: center; 
    gap: 15px; 
}

.jamie-avatar { 
    width: 80px; 
    height: 80px; 
    border-radius: 50%; 
    border: 3px solid #007acc; 
}

.jamie-info h1 { 
    margin: 0; 
    color: #007acc; 
    font-size: 24px; 
}

.jamie-info p { 
    margin: 5px 0 0 0; 
    color: #666; 
    font-size: 14px; 
}

.model-selector { 
    margin-left: auto; 
}

.model-selector label { 
    font-weight: bold; 
    color: #333; 
    margin-right: 10px; 
}

.model-selector select { 
    padding: 8px 12px; 
    border: 2px solid #007acc; 
    border-radius: 6px; 
    font-size: 14px; 
}

.chat-container { 
    max-width: 800px; 
    margin: 0 auto; 
    padding: 0 20px; 
}

#log { 
    width: 100%; 
    height: 400px; 
    border: 1px solid #ddd; 
    padding: 15px; 
    overflow-y: auto; 
    background: white; 
    border-radius: 8px; 
    margin-bottom: 20px; 
}

.input-section { 
    display: flex; 
    gap: 10px; 
}

#msg { 
    flex: 1; 
    padding: 12px; 
    border: 2px solid #007acc; 
    border-radius: 6px; 
    font-size: 16px; 
}

#send { 
    padding: 12px 24px; 
    background: #007acc; 
    color: white; 
    border: none; 
    border-radius: 6px; 
    cursor: pointer; 
    font-size: 16px; 
}

#send:hover { 
    background: #0056b3; 
}