/**
 * Sprite Admin Styles
 *
 * @package Sprite_Connector
 */

/* Card container */
.sprite-card {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	padding: 24px;
	margin-top: 20px;
	max-width: 800px;
}

.sprite-card-secondary {
	background: #f6f7f7;
}

/* Status indicators */
.sprite-status {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.sprite-status-connected {
	color: #00a32a;
}

.sprite-status-connected .dashicons {
	color: #00a32a;
}

.sprite-status-disconnected {
	color: #d63638;
}

.sprite-status-disconnected .dashicons {
	color: #d63638;
}

/* Info table */
.sprite-info-table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0;
}

.sprite-info-table th,
.sprite-info-table td {
	padding: 12px 8px;
	text-align: left;
	border-bottom: 1px solid #e2e4e7;
}

.sprite-info-table th {
	width: 140px;
	font-weight: 600;
	color: #1d2327;
}

.sprite-info-table code {
	background: #f0f0f1;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
}

/* Endpoints table */
.sprite-endpoints-table {
	font-size: 13px;
}

.sprite-endpoints-table thead th {
	background: #f6f7f7;
}

/* Badges */
.sprite-badge {
	display: inline-block;
	padding: 2px 8px;
	font-size: 12px;
	border-radius: 3px;
	background: #f0f0f1;
	color: #50575e;
	margin-right: 4px;
	margin-bottom: 4px;
}

.sprite-badge-success {
	background: #d7f4e1;
	color: #00a32a;
}

.sprite-badge-neutral {
	background: #f0f0f1;
	color: #50575e;
}

/* Features list */
.sprite-features {
	list-style: none;
	padding: 0;
	margin: 16px 0;
}

.sprite-features li {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
}

.sprite-features .dashicons {
	color: #2271b1;
}

/* Actions */
.sprite-actions {
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid #e2e4e7;
}

/* Version */
.sprite-version {
	color: #757575;
	font-size: 12px;
	margin-top: 16px;
}

/* Hero button override */
.sprite-admin .button-hero {
	font-size: 16px;
	padding: 12px 36px;
	height: auto;
}