/**
 * PayzCore admin settings styles.
 *
 * @package PayzCore
 */

/* Brand header */
.payzcore-admin-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.payzcore-admin-header svg {
	width: 32px;
	height: 32px;
}

.payzcore-admin-header h2 {
	margin: 0;
	font-size: 20px;
	color: #1e293b;
}

.payzcore-admin-header p {
	margin: 2px 0 0;
	font-size: 13px;
	color: #64748b;
}

/* Config status boxes */
.payzcore-config-status {
	border-radius: 6px;
	padding: 12px 16px;
	font-size: 13px;
}

.payzcore-config-status--empty {
	background: #1c1917;
	border: 1px solid rgba(161, 161, 170, 0.2);
	color: #a1a1aa;
}

.payzcore-config-status--connected {
	background: #022c22;
	border: 1px solid rgba(6, 182, 212, 0.3);
	color: #d1fae5;
}

.payzcore-config-status--connected strong {
	color: #06b6d4;
}

.payzcore-config-status--connected .payzcore-sync-info {
	color: #a1a1aa;
	font-size: 12px;
}

.payzcore-config-status--pending {
	background: #1c1917;
	border: 1px solid rgba(245, 158, 11, 0.3);
	color: #fbbf24;
}

/* Setup guide box */
.payzcore-setup-guide {
	background: #0c1222;
	border: 1px solid rgba(6, 182, 212, 0.3);
	border-radius: 8px;
	padding: 16px;
	margin: 4px 0 8px;
	font-size: 13px;
	line-height: 1.6;
	color: #a1a1aa;
}

.payzcore-setup-guide strong.payzcore-guide-title {
	color: #06b6d4;
	font-size: 14px;
}

.payzcore-setup-guide a {
	color: #06b6d4;
}

.payzcore-setup-guide code {
	background: #1a1a2e;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	color: #e4e4e7;
}

.payzcore-setup-guide .payzcore-warning-icon {
	color: #f59e0b;
}

/* Currency notice override */
.payzcore-currency-notice {
	margin: 12px 0;
}