@layer external, theme, normalize, base, native_popovers, common_components, components, utilities, top_layer;
@layer components {
	.AppLoadingCard {
		display: flex;
		align-items: center;
		justify-content: center;

		min-height: 100dvh;
		padding: 24px;

		background: var(--color-base-1-02);
	}

	.AppLoadingCard-panel {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;

		width: min(100%, 360px);
		padding: 24px;

		border: 1px solid var(--color-base-1-08);
		border-radius: 16px;

		background: var(--color-base-1-04);
		box-shadow: 0 20px 40px rgb(0 0 0 / 0.2);

		text-align: center;
	}

	.AppLoadingCard-logo {
		margin-bottom: 4px;
	}

	.AppLoadingCard-spinner {
		color: var(--color-accent-07);
	}

	.AppLoadingCard-title {
		font-size: 1rem;
		font-weight: 600;
		color: var(--color-fg-11);
	}

	.AppLoadingCard-description {
		font-size: 0.875rem;
		line-height: 1.5;
		color: var(--color-fg-08);
	}
}
@layer components {
	.RouteTenantOrganizationWorkspaceLogin {
		display: flex;
		align-items: center;
		justify-content: center;

		min-height: 100dvh;
		padding: 24px;

		background: var(--color-base-1-02);
	}

	.RouteTenantOrganizationWorkspaceLogin-panel {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;

		width: min(100%, 360px);
		padding: 24px;

		border: 1px solid var(--color-base-1-08);
		border-radius: 16px;

		background: var(--color-base-1-04);

		text-align: center;
	}

	.RouteTenantOrganizationWorkspaceLogin-title {
		font-size: 1.125rem;
		font-weight: 600;
		color: var(--color-fg-11);
	}

	.RouteTenantOrganizationWorkspaceLogin-description {
		font-size: 1rem;
		line-height: 1.5;
		color: var(--color-fg-08);
	}
}