/* Internet-XS-CI für listmonk-Login- und öffentliche Seiten
 * (Subscribe/Unsubscribe/Bestätigung — laden /public/custom.css).
 * HANDGEPFLEGT: /public/static/style.css ist winzig (~3,5 KB, fest
 * eingetragene Farben, kein Dark Mode — auch nicht in v7).
 * Wird von scripts/new-tenant.sh in appearance.public.custom_css
 * injiziert; Logo/Favicon kommen aus app.logo_url / app.favicon_url
 * (zeigen auf /_ixs/internet-xs.svg). Gilt für v6 und v7.
 * Dark Mode wie im v7-Admin: folgt der Systemeinstellung, Grautöne aus
 * den Admin-Tokens, damit Login und Admin zusammenpassen.
 * Farbwelt: #fbba00, Hover #e0a800, Text auf Gelb #000. */

:root {
	color-scheme: light dark;
	--ixs-yellow: #fbba00;
	--ixs-bg: light-dark(#f9f9f9, #0a0b0d);
	--ixs-card: light-dark(#fff, #14161a);
	--ixs-border: light-dark(#eee, #2d3139);
	--ixs-text: light-dark(#111, #f7f8f8);
	--ixs-label: light-dark(#444, #c9ccd1);
	--ixs-muted: light-dark(#888, #8a8f98);
	--ixs-input: light-dark(#fff, #212429);
	--ixs-input-border: light-dark(#ddd, #3a3e47);
	--ixs-shadow: light-dark(#f3f3f3, transparent);
	/* ALTCHA-Widget (Captcha auf den Anmeldeseiten) */
	--altcha-color-base: var(--ixs-input);
	--altcha-color-text: var(--ixs-text);
	--altcha-color-border: var(--ixs-input-border);
	--altcha-color-border-focus: var(--ixs-yellow);
}

body {
	background: var(--ixs-bg);
	color: var(--ixs-text);
}
.wrap {
	background: var(--ixs-card);
	border-color: var(--ixs-border);
	box-shadow: 2px 2px 0 var(--ixs-shadow);
}
.header,
.unsub-all {
	border-color: var(--ixs-border);
}
hr {
	background: var(--ixs-border);
}
label {
	color: var(--ixs-label);
}
.lists .description,
.archive .date,
footer.container,
footer a {
	color: var(--ixs-muted);
}
footer a:hover {
	color: var(--ixs-text);
}

a {
	color: var(--ixs-text);
	text-decoration-color: var(--ixs-yellow);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
a:hover {
	color: var(--ixs-text);
	text-decoration-color: #e0a800;
}

input[type="text"],
input[type="email"],
input[type="password"],
select {
	background: var(--ixs-input);
	color: var(--ixs-text);
	border-color: var(--ixs-input-border);
	box-shadow: 2px 2px 0 var(--ixs-shadow);
}
input:focus {
	border-color: var(--ixs-yellow) !important;
	outline: none;
}

.button {
	background: var(--ixs-yellow);
	color: #000;
}
.button:hover {
	background: #e0a800;
	color: #000;
}
.button.button-outline {
	background: var(--ixs-card);
	border-color: var(--ixs-yellow);
	color: var(--ixs-text);
}
.button.button-outline:hover {
	background: rgb(251 186 0 / 0.15);
	border-color: var(--ixs-yellow);
	color: var(--ixs-text);
}

/* „Passwort vergessen" ausblenden: Unsere Logins sind Usernamen, die
   hinterlegten E-Mails sind Platzhalter ohne Postfach (Admin
   <user>@listmonk, Kunde <slug>-<hex>@<absender-domain>). listmonk kann
   den Reset nicht abschalten, /admin/forgot bleibt erreichbar, ist ohne
   echte Adresse aber nutzlos. */
.login p:has(> a[href$="/admin/forgot"]) {
	display: none;
}

h1, h2, h3, h4, b, strong {
	font-weight: 500;
}
/* Login-Logo (app.logo_url) auf verträgliche Größe begrenzen */
.header .logo img {
	max-height: 60px;
	width: auto;
}