/* Login-Box */
.login-box {
	width: 360px;
	margin: 28px 0 auto;
	padding: 28px;
	background: #1e293b;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

/* Überschrift innerhalb der Login-Box */
.login-box h2 {
	text-align: left;
	margin-bottom: 22px;
	color: #ffffff;
}

/* Formular-Labels */
.login-box label {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
	color: #e5e7eb;
}

/* Eingabefelder (Text und Passwort) */
.login-box input[type="text"], .login-box input[type="password"] {
	width: 100%;
	padding: 10px;
	margin-bottom: 6px;
	background: #020617;
	border: 1px solid #334155;
	border-radius: 6px;
	color: #ffffff;
}

/* Fokus-Zustand der Eingabefelder */
.login-box input:focus {
	outline: none;
	border-color: #2563eb;
}

/* Login-Button */
.login-box input[type="submit"] {
	width: 100%;
	padding: 12px;
	margin-top: 12px;
	background: #2563eb;
	border: none;
	border-radius: 8px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

/* Hover-Zustand des Login-Buttons */
.login-box input[type="submit"]:hover {
	background: #1d4ed8;
}

/* Link unterhalb des Formulars */
.login-box a {
	display: block;
	margin-top: 14px;
	text-align: center;
	color: #93c5fd;
	text-decoration: none;
	font-size: 14px;
}

/* Hover-Zustand des Links */
.login-box a:hover {
	text-decoration: underline;
}

/* Erfolgs- und Info-Meldungen */
.global-messages li.msg-info {
	background: #052e24;
	border: 1px solid #10b981;
	color: #d1fae5;
}

/* Fehlermeldungen */
.global-messages li.msg-error {
	background: #7f1d1d;
	border: 1px solid #ef4444;
	color: #fee2e2;
}

/* Warnmeldungen */
.global-messages li.msg-warn {
	background: #78350f;
	border: 1px solid #f59e0b;
	color: #ffedd5;
}