.seoa-sitemap-tool {
	margin: 30px 0;
}

.seoa-sitemap-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
	padding: 28px;
}

.seoa-sitemap-card h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.seoa-sitemap-form label {
	display: block;
	font-weight: 700;
	margin-bottom: 8px;
}

.seoa-input-row {
	display: flex;
	gap: 10px;
	margin-top: 8px;
}

.seoa-input-row input {
	flex: 1;
	border: 1px solid #d1d5db;
	border-radius: 10px;
	font-size: 16px;
	padding: 13px 14px;
	width: 100%;
}

.seoa-input-row button,
.seoa-result-actions button {
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	font-weight: 700;
	padding: 13px 18px;
}

.seoa-input-row button:disabled {
	cursor: not-allowed;
	opacity: 0.7;
}

.seoa-help-text {
	color: #6b7280;
	font-size: 14px;
	margin: 8px 0 0;
}

.seoa-sitemap-status {
	border-radius: 10px;
	margin-top: 18px;
	padding: 12px 14px;
}

.seoa-sitemap-status:empty {
	display: none;
}

.seoa-sitemap-status.is-loading {
	background: #f3f4f6;
}

.seoa-sitemap-status.is-success {
	background: #ecfdf5;
	color: #065f46;
}

.seoa-sitemap-status.is-error {
	background: #fef2f2;
	color: #991b1b;
}

.seoa-result-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.seoa-results-summary {
	font-weight: 700;
	margin-top: 18px;
}

.seoa-table-wrap {
	margin-top: 18px;
	max-height: 520px;
	overflow: auto;
}

.seoa-results-table {
	border-collapse: collapse;
	font-size: 14px;
	width: 100%;
}

.seoa-results-table th,
.seoa-results-table td {
	border-bottom: 1px solid #e5e7eb;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.seoa-results-table th {
	background: #f9fafb;
	font-weight: 700;
	position: sticky;
	top: 0;
}

.seoa-results-table a {
	word-break: break-all;
}

@media (max-width: 720px) {
	.seoa-input-row {
		display: block;
	}

	.seoa-input-row button {
		margin-top: 10px;
		width: 100%;
	}

	.seoa-sitemap-card {
		padding: 20px;
	}
}