/**
 * Krawlup Analytics WordPress Admin Stylesheet
 */

.krawlup-admin-wrap {
	max-width: 860px;
	margin: 24px 20px 40px 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.krawlup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	margin-bottom: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.krawlup-branding {
	display: flex;
	align-items: center;
	gap: 16px;
}

.krawlup-logo-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: #0f172a;
	color: #ffffff;
	font-weight: 800;
	font-size: 22px;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15);
}

.krawlup-header h1 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: #0f172a;
	line-height: 1.2;
}

.krawlup-subtitle {
	margin: 4px 0 0 0;
	font-size: 13px;
	color: #64748b;
}

.krawlup-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.krawlup-status-badge.is-connected {
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
}

.krawlup-status-badge.is-pending {
	background: #fffbeb;
	color: #b45309;
	border: 1px solid #fde68a;
}

.status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
}

.krawlup-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 28px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.krawlup-section {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #f1f5f9;
}

.krawlup-section:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.krawlup-heading {
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 16px 0;
}

.krawlup-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 4px;
}

.krawlup-required {
	color: #ef4444;
}

.krawlup-input {
	display: block;
	width: 100%;
	max-width: 540px;
	margin-top: 8px !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.krawlup-input:focus {
	border-color: #3b82f6 !important;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
	outline: none !important;
}

.krawlup-checkbox-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 16px;
	cursor: pointer;
}

.krawlup-checkbox-row input[type="checkbox"] {
	margin-top: 3px !important;
	cursor: pointer;
}

.krawlup-checkbox-row.is-disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.krawlup-actions {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid #f1f5f9;
}

.krawlup-submit-btn {
	background: #0f172a !important;
	border-color: #0f172a !important;
	padding: 8px 24px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1) !important;
	transition: background 0.15s ease !important;
}

.krawlup-submit-btn:hover,
.krawlup-submit-btn:focus {
	background: #1e293b !important;
	border-color: #1e293b !important;
}