/*
 * rh-csv-trennzeichen — tool-specific styles.
 *
 * Builds on rh-tools-core (.rh-tool). All rules scoped under .rh-csv-trennzeichen.
 *
 * v2.0.0 cleanup: rh-tools-core 1.4.0 shared CSS owns the stats banner,
 * the related-card chrome (title + desc + cta + arrow), the privacy line,
 * the textarea/output baseline, the button-row layout, and the FAQ
 * accordion. This file owns only the delimiter-fieldset + radio/check
 * controls + preset-button row + a local amber tint for the warning-table
 * panel (the shared core warnings wrapper carries no background tint of
 * its own — verified against rh-tools-core/assets/css/rh-shared.css).
 */

.rh-csv-trennzeichen__fieldset {
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	padding: 0.55rem 0.75rem;
	margin: 0.6rem 0 0;
}

.rh-csv-trennzeichen__fieldset .rh-tool__label {
	margin: 0 0 0.35rem;
}

.rh-csv-trennzeichen__radio,
.rh-csv-trennzeichen__check {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0.15rem 0.8rem 0.15rem 0;
	cursor: pointer;
	font-size: 0.92rem;
}

.rh-csv-trennzeichen__check {
	display: flex;
	margin: 0.25rem 0;
	align-items: flex-start;
}

.rh-csv-trennzeichen__radio input,
.rh-csv-trennzeichen__check input {
	margin: 0;
	flex: 0 0 auto;
}

.rh-csv-trennzeichen__presets {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.6rem 0 0;
}

/* ---------- Warning table treatment ----------
 * Status notice (auto-detect, copy success) stays the blue/info style from
 * rh-tools-core. The warning-table wrapper gets a soft amber treatment so
 * malformed-row entries read as "review recommended" — not fatal. Scoped
 * strictly under .rh-csv-trennzeichen to avoid leaking into sibling tools.
 */

.rh-csv-trennzeichen .rh-tool__warnings:not(:empty) {
	margin: 0.75rem 0 0;
	padding: 0.6rem 0.85rem;
	background: #fbf3df;
	border-left: 3px solid #b68a17;
	border-radius: 0 4px 4px 0;
	color: #6b4a00;
}

.rh-csv-trennzeichen .rh-tool__warnings table.rh-tool__table {
	margin: 0;
	background: transparent;
	font-size: 0.88rem;
}

.rh-csv-trennzeichen .rh-tool__warnings table.rh-tool__table th {
	background: rgba(182, 138, 23, 0.12);
	color: #6b4a00;
}

.rh-csv-trennzeichen .rh-tool__warnings table.rh-tool__table th,
.rh-csv-trennzeichen .rh-tool__warnings table.rh-tool__table td {
	border-bottom-color: rgba(182, 138, 23, 0.28);
}

@media (min-width: 720px) {
	.rh-csv-trennzeichen__radio,
	.rh-csv-trennzeichen__check {
		font-size: 0.95rem;
	}
}