/* Voxfor Secure Live Chat - Admin AI Settings Styles */

#voxfseli-refresh-models {
	vertical-align: top;
	background: linear-gradient(45deg, #0073aa, #005a87);
	color: white;
	border: none;
	border-radius: 4px;
	padding: 8px 12px;
	cursor: pointer;
	transition: all 0.3s ease;
}

#voxfseli-refresh-models:hover {
	background: linear-gradient(45deg, #005a87, #0073aa);
	transform: translateY(-1px);
}

#voxfseli-model-status {
	border-radius: 4px;
	font-size: 13px;
}

#voxfseli-ai-model-select {
	min-width: 250px;
}

.voxfseli-model-info {
	font-size: 12px;
	color: #666;
	font-style: italic;
}

/* AI Settings New Template */
#voxfseli-knowledge-status.success {
	color: #46b450;
	font-weight: bold;
}

#voxfseli-knowledge-status.error {
	color: #dc3232;
	font-weight: bold;
}

#voxfseli-scan-progress {
	max-width: 500px;
}

#voxfseli-progress-fill {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	background: #0073aa;
	color: white;
	font-size: 12px;
	font-weight: bold;
	transition: width 0.3s ease;
}

#voxfseli-progress-text {
	margin-top: 8px;
	font-size: 13px;
	color: #666;
}

/* AI Settings Old Template */
.voxfseli-ai-section {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 20px;
}

.voxfseli-ai-section h3 {
	margin-top: 0;
	color: #23282d;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.voxfseli-model-selector {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

.voxfseli-model-info-box {
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	padding: 15px;
	margin-top: 10px;
}

.voxfseli-settings-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.voxfseli-setting-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
}

.voxfseli-setting-item:last-child {
	border-bottom: none;
}

.voxfseli-setting-label {
	font-weight: 500;
	color: #333;
}

.voxfseli-setting-description {
	font-size: 13px;
	color: #666;
	margin-top: 3px;
}

/* Debug Template */
.voxfseli-debug-section {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 20px;
}

.voxfseli-debug-table {
	width: 100%;
	border-collapse: collapse;
}

.voxfseli-debug-table th,
.voxfseli-debug-table td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #eee;
}

.voxfseli-debug-table th {
	background: #f9f9f9;
	font-weight: 600;
}

.voxfseli-debug-status {
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500;
}

.voxfseli-debug-status.ok {
	background: #d4edda;
	color: #155724;
}

.voxfseli-debug-status.error {
	background: #f8d7da;
	color: #721c24;
}

.voxfseli-debug-status.warning {
	background: #fff3cd;
	color: #856404;
}