/*
 * Anpfiff Story - ergaenzt das Core-Stylesheet (game.css) ueber den
 * Asset-Hook 'anp_render_head'. Nutzt dieselben CSS-Variablen wie Core/
 * World/Engine/Match (--anp-*), keine eigene Farbwelt. Fokus: die
 * Wochen-Chronik gut lesbar von offenen Entscheidungen abzusetzen.
 */

.anp-woche-nav a {
	margin-right: 1rem;
}

.anp-story-decisions {
	border-left: 3px solid var(--anp-accent);
}

.anp-story-decision {
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--anp-border);
}

.anp-story-decision:last-child {
	border-bottom: none;
}

.anp-story-decision-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.anp-story-decision-btn {
	flex: 1 1 auto;
}

.anp-story-message-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.anp-story-message {
	padding: 0.6rem 0.75rem;
	margin-bottom: 0.5rem;
	border-radius: 4px;
	border-left: 3px solid var(--anp-border);
}

.anp-story-severity-klein {
	border-left-color: var(--anp-border);
}

.anp-story-severity-mittel {
	border-left-color: var(--anp-accent);
}

.anp-story-severity-schwer {
	border-left-color: #b23b3b;
	background: rgba(178, 59, 59, 0.06);
}

.anp-story-message-list-muted .anp-story-message {
	opacity: 0.75;
}

.anp-story-last-message {
	margin-top: 0.75rem;
	padding-top: 0.5rem;
	border-top: 1px solid var(--anp-border);
	color: var(--anp-text-muted, inherit);
}