.ai-search-container {
margin-bottom: 20px;
text-align: center;
}
.ai-search-container input[type="text"] {
padding: 10px;
border: 2px solid #ddd;
border-radius: 4px;
font-size: 16px;
transition: all 0.3s ease;
box-sizing: border-box;
}
.ai-search-container button {
height: 40px; padding: 0 20px;
margin-left: 5px;
background: #0073aa;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.ai-search-results {
margin-top: 20px;
}
.ai-search-loading {
text-align: center;
padding: 20px;
font-style: italic;
color: #666;
}
.ai-search-error {
color: red;
padding: 10px;
background: #ffebee;
border-radius: 4px;
margin: 10px 0;
} @media (max-width: 768px) {
.ai-search-container input[type="text"] {
width: 100%;
margin-bottom: 10px;
}
.ai-search-container button {
width: 100%;
margin-left: 0;
height: 40px;
}
}