/* Knowledge page modal and layout styles */
.ai-modal { position: fixed; z-index: 100000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.ai-modal-content { background-color: #fefefe; margin: 5% auto; padding: 0; border: 1px solid #888; width: 80%; max-width: 600px; border-radius: 4px; }
.ai-modal-header { padding: 15px 20px; background-color: #f1f1f1; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; }
.ai-modal-header h3 { margin: 0; }
.ai-modal-close { color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; }
.ai-modal-close:hover { color: #000; }
.ai-modal-body { padding: 20px; }
.ai-modal-footer { padding: 15px 20px; background-color: #f1f1f1; border-top: 1px solid #ddd; text-align: right; }
.ai-modal-footer .button { margin-left: 10px; }