/* Kleine Erweiterungen on top von Pico.css */

:root {
	--pico-typography-spacing-vertical: 1rem;
}

main.container { max-width: 980px; padding-top: 1.5rem; padding-bottom: 4rem; }

.login-card { max-width: 420px; margin: 4rem auto; }

.search-card { padding: 1.2rem 1.4rem; margin-bottom: 1rem; }
.search-card header { margin-bottom: 0.5rem; padding-bottom: 0.6rem; }
.search-card details { margin: 0; }
.search-card details summary { cursor: pointer; font-weight: 600; padding: 0.4rem 0; }

.search-actions { display: flex; gap: 0.4rem; align-items: center; flex-wrap: wrap; }
.search-actions button { margin: 0; padding: 0.35rem 0.8rem; font-size: 0.85em; }
.enabled-toggle { display: flex; align-items: center; gap: 0.3rem; margin: 0; cursor: pointer; }
.enabled-toggle input { margin: 0; }

.results-list { display: flex; flex-direction: column; gap: 0.6rem; margin-top: 0.6rem; }
.result-row {
	border-left: 3px solid var(--pico-muted-border-color);
	padding: 0.5rem 0.8rem;
	background: var(--pico-card-background-color);
	border-radius: 4px;
}
.result-row.result-new {
	border-left-color: var(--pico-color-green-500, #16a34a);
	background: rgba(22, 163, 74, 0.04);
}
.result-title { font-weight: 600; }
.result-title a { text-decoration: none; }
.result-meta {
	display: flex;
	gap: 0.6rem;
	font-size: 0.85em;
	color: var(--pico-muted-color);
	margin-top: 0.15rem;
	flex-wrap: wrap;
}
.result-desc { font-size: 0.88em; color: var(--pico-muted-color); margin-top: 0.3rem; }

.badge-new {
	background: var(--pico-color-green-500, #16a34a);
	color: white;
	padding: 0.05rem 0.4rem;
	border-radius: 8px;
	font-size: 0.7em;
	font-weight: 700;
	margin-left: 0.4rem;
	vertical-align: middle;
}

dialog[open] { z-index: 999; }
dialog form .grid { gap: 0.6rem; }
dialog form label { margin-bottom: 0.6rem; display: block; }