/**
 * FAQ content admin screen (US-002).
 *
 * Light styling on top of core WordPress admin styles so the editable FAQ list
 * reads clearly. Scoped under .auto-repair-faq-admin so nothing leaks into other
 * admin screens.
 */

.auto-repair-faq-admin .description {
	max-width: 60em;
	margin-bottom: 1em;
}

.auto-repair-faq-admin .auto-repair-faq-table {
	margin-top: 1em;
	border-collapse: collapse;
}

.auto-repair-faq-admin .auto-repair-faq-table th,
.auto-repair-faq-admin .auto-repair-faq-table td {
	vertical-align: top;
	padding: 12px;
}

.auto-repair-faq-admin .col-order {
	width: 80px;
}

.auto-repair-faq-admin .col-category {
	width: 200px;
}

.auto-repair-faq-admin .col-actions {
	width: 60px;
	text-align: center;
}

.auto-repair-faq-admin .col-category select {
	width: 100%;
	max-width: 100%;
}

.auto-repair-faq-admin .ar-faq-question {
	margin-bottom: 8px;
}

.auto-repair-faq-admin .ar-faq-answer {
	width: 100%;
	resize: vertical;
}

.auto-repair-faq-admin .auto-repair-faq-row + .auto-repair-faq-row td {
	border-top: 1px solid #dcdcde;
}

.auto-repair-faq-admin .auto-repair-faq-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #b32d2e;
	background: none;
	border: 0;
	padding: 6px;
	border-radius: 4px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.auto-repair-faq-admin .auto-repair-faq-remove:hover,
.auto-repair-faq-admin .auto-repair-faq-remove:focus-visible {
	background-color: #fcf0f1;
	color: #8a1f20;
}

.auto-repair-faq-admin .auto-repair-faq-remove:focus-visible {
	outline: 2px solid #2271b1;
	outline-offset: 1px;
}

.auto-repair-faq-admin .auto-repair-faq-add {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.auto-repair-faq-admin .auto-repair-faq-add .dashicons {
	line-height: 1.4;
}

.auto-repair-faq-admin .auto-repair-faq-actions {
	margin: 16px 0;
}