/*
 * Facility Management — cleanes, zentriertes Login (wp-login.php).
 * Vertikal + horizontal zentriert, Firmenlogo über einer schlichten Karte.
 * Farben an die App-Oberfläche (Blau) angelehnt; rein lokal (kein CDN).
 */

body.login {
	background: #f1f5f9;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	margin: 0;
}

body.login #login {
	width: 340px;
	max-width: 92vw;
	padding: 0;
}

/* Logo/Firmenname (Bild bzw. Text wird per Inline-Style gesetzt). */
.login h1 {
	margin: 0 0 1.25rem;
}

.login h1 a {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
	transition: opacity 0.15s ease;
}

.login h1 a:hover {
	opacity: 0.85;
}

/* Formular-Karte */
.login form {
	margin-top: 0;
	padding: 1.75rem 1.75rem 1.5rem;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
	background: #ffffff;
}

.login label {
	color: #334155;
	font-size: 0.9rem;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	border-radius: 8px;
	border: 1px solid #cbd5e1;
	padding: 0.6rem 0.7rem;
	font-size: 1rem;
	line-height: 1.4;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
	outline: none;
}

/* Primär-Button (Anmelden) — volle Breite, Markenfarbe */
.login .button.button-primary,
.wp-core-ui .login .button-primary {
	width: 100%;
	margin-top: 0.35rem;
	background: #2563eb;
	border-color: #2563eb;
	border-radius: 8px;
	padding: 0.55rem 1rem;
	height: auto;
	font-size: 1rem;
	line-height: 1.5;
	text-align: center;
	text-shadow: none;
	box-shadow: none;
}

.login .button.button-primary:hover,
.login .button.button-primary:focus {
	background: #1d4ed8;
	border-color: #1d4ed8;
}

/* „Angemeldet bleiben" dezenter */
.login .forgetmenot label {
	font-size: 0.85rem;
	color: #64748b;
}

/* Hinweise/Fehler an das Karten-Design angleichen */
.login #login_error,
.login .message,
.login .success {
	border-radius: 8px;
	border-left-width: 4px;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

/* Fußzeilen-Links zentriert und dezent */
.login #nav,
.login #backtoblog {
	text-align: center;
	margin: 1rem auto 0;
	font-size: 0.85rem;
}

.login #nav a,
.login #backtoblog a {
	color: #64748b;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #2563eb;
}

/* Sprachumschalter ausblenden (reine Mitarbeiter-Anmeldung) */
.login .language-switcher {
	display: none;
}

/* Erklär-/Willkommenstext auf der Passwort-Setzen-Seite (Einladung) */
.login .fm-login-note {
	border-left-color: #2563eb;
	color: #334155;
	font-size: 0.92rem;
	line-height: 1.5;
}