.authentik-login-button,
.authentik-logout-button {
	display: inline-block;
	padding: 0.6em 1.4em;
	background-color: #fd4b2d;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 600;
	line-height: 1.4;
	transition: background-color 0.15s ease-in-out;
}

.authentik-login-button:hover,
.authentik-login-button:focus,
.authentik-logout-button:hover,
.authentik-logout-button:focus {
	background-color: #d93f24;
	color: #fff;
}

.authentik-login-button.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.authentik-restricted-notice {
	padding: 1.5em;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	background-color: #fafafa;
	text-align: center;
}

.authentik-restricted-notice p {
	margin-top: 0;
}

.authentik-dashboard {
	max-width: 640px;
	margin: 0 auto;
	padding: 1.5em;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
}

.authentik-dashboard__header {
	display: flex;
	align-items: center;
	gap: 1em;
	margin-bottom: 1.5em;
}

.authentik-dashboard__header img {
	border-radius: 50%;
}

.authentik-dashboard__name {
	margin: 0;
}

.authentik-dashboard__email {
	margin: 0.2em 0 0;
	color: #666;
}

.authentik-dashboard__table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

.authentik-dashboard__table th,
.authentik-dashboard__table td {
	text-align: left;
	padding: 0.6em 0.4em;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

.authentik-dashboard__table th {
	width: 40%;
	color: #555;
	font-weight: 600;
}